:root{--red:#a90e22;--deep:#680916;--ink:#201718;--cream:#fbf7f1;--rose:#f4e8e7;--gold:#c79a51;--muted:#6d6262;--line:rgba(71,30,34,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 38px));margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(251,247,241,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:108px;height:108px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:25px;font-weight:700;font-size:.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;background:var(--red);color:#fff;border-radius:4px;font-weight:700;border:1px solid var(--red)}.crumb{padding:22px 0;font-size:.82rem;color:var(--muted)}.crumb a{color:var(--red)}.hero{padding:35px 0 76px}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.18em;color:var(--red);font-weight:700}.hero h1{font:400 clamp(2.9rem,5vw,5.4rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:15px 0 22px}.hero p{font-size:1.1rem;color:var(--muted)}.hero img{width:100%;height:470px;object-fit:cover;border-radius:120px 120px 4px 4px;box-shadow:0 24px 60px rgba(71,14,23,.14)}section{padding:78px 0}.white{background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split h2,.related h2,.uses h2,.cta h2{font:400 clamp(2rem,3.8vw,3.8rem)/1.05 Georgia,serif;margin:10px 0 20px}.split p{color:var(--muted)}.steps{display:grid;gap:12px;counter-reset:step}.steps div{counter-increment:step;background:var(--rose);padding:18px 20px 18px 58px;position:relative}.steps div:before{content:counter(step,decimal-leading-zero);position:absolute;left:18px;color:var(--red);font-weight:700}.uses{background:var(--rose)}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.use{background:#fff;padding:24px;border-top:3px solid var(--red);font-weight:700}.notice{background:#fff8e8;border:1px solid #ead4aa;padding:26px;margin-top:30px}.notice b{color:#7f4f00}.related{background:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:var(--cream);padding:23px;min-height:125px;border-bottom:3px solid transparent}.card:hover{border-color:var(--red)}.card b{font:400 1.25rem Georgia,serif}.card span{display:block;color:var(--red);font-size:.78rem;margin-top:12px;font-weight:700}.cta{background:var(--red);color:#fff}.cta-grid{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta p{color:#f0d5d9}.cta .btn{background:#fff;color:var(--red);border-color:#fff}footer{background:#170e10;color:#cbbfc1;padding:40px 0;font-size:.85rem}.foot{display:flex;justify-content:space-between;gap:30px}.foot b{color:#fff}.floating{position:fixed;right:18px;bottom:18px;background:#1f9e55;color:#fff;padding:13px 18px;border-radius:50px;font-weight:700;box-shadow:0 10px 30px #0003}@media(max-width:800px){.nav{height:108px}.logo{width:90px;height:90px}.navlinks a:not(.btn){display:none}.hero-grid,.split{grid-template-columns:1fr}.hero img{height:390px}.use-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.cta-grid,.foot{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.nav{height:92px}.logo{width:76px;height:76px}.hero{padding-top:15px}.hero h1{font-size:3rem}.hero img{height:320px}.use-grid,.cards{grid-template-columns:1fr}.floating{left:15px;right:15px;text-align:center}}
/* Keep the brand readable without crowding the sticky header. */
.nav{min-height:132px;height:auto;padding-block:12px}.logo{width:142px;height:auto;max-height:108px}
@media(max-width:800px){.nav{min-height:120px;height:auto;padding-block:10px}.logo{width:128px;height:auto;max-height:98px}}
@media(max-width:520px){.nav{min-height:106px;height:auto;padding-block:9px}.logo{width:112px;height:auto;max-height:88px}}
/* Preserve the complete 3:2 clinical photograph instead of forcing a tall crop. */
.hero img{display:block;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:40px 40px 4px 4px}
@media(max-width:800px){.hero img{height:auto;border-radius:32px 32px 4px 4px}}
@media(max-width:520px){.hero img{height:auto;border-radius:24px 24px 4px 4px}}