@font-face{font-family:"Outfit";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/outfit-latin.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:300 500;font-display:swap;src:url("/fonts/newsreader-italic-latin.woff2") format("woff2")}
:root{--ink:#0d0b09;--ink2:#17120e;--cream:#f2ede4;--muted:#aaa096;--gold:#d4b269;--gold2:#eddaa9;--line:rgb(242 237 228/.12);--panel:rgb(24 19 15/.82);--sans:"Outfit","Helvetica Neue",Arial,sans-serif;--serif:"Newsreader",Georgia,serif;--wrap:76rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(70% 38% at 50% 0,rgb(212 178 105/.1),transparent 70%),var(--ink);color:var(--cream);font:300 clamp(1rem,.97rem + .18vw,1.08rem)/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px;padding:.9rem clamp(1.15rem,4.5vw,4rem);background:linear-gradient(to bottom,rgb(13 11 9/.96),rgb(13 11 9/.6));backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{text-decoration:none;font-size:.78rem;font-weight:650;letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:.32rem}
.bar nav{display:flex;gap:1.6rem;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}
.bar nav a{color:var(--muted);text-decoration:none}.bar nav a:hover{color:var(--cream)}
.wrap{width:min(calc(100% - 2.3rem),var(--wrap));margin-inline:auto}
.crumbs{padding:1.6rem 0 1rem;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}
.hero{display:grid;gap:clamp(2rem,5vw,5rem);align-items:center;padding:1rem 0 clamp(4.5rem,10vw,8rem)}
@media(min-width:860px){.hero{grid-template-columns:minmax(0,.94fr) minmax(25rem,.72fr)}}
.visual{position:relative;max-width:42rem;justify-self:center;border:1px solid var(--line);box-shadow:0 38px 90px rgb(0 0 0/.42)}
.visual img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.visual:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgb(255 255 255/.06)}
.copy{display:grid;gap:1.35rem}.eyebrow{margin:0;color:var(--gold);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{margin:0;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.96;letter-spacing:-.04em;text-transform:uppercase}h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.03em}h3{font-size:1.22rem}
.lead{margin:0;max-width:57ch;color:#d7d0c7;font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2vw,1.48rem);line-height:1.55}
.notice{display:grid;gap:.35rem;padding:1rem 1.1rem;border-left:2px solid var(--gold);background:rgb(212 178 105/.07);font-size:.88rem;color:#c8beb4}.notice strong{color:var(--cream);font-weight:600}
.actions{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.55rem;border-radius:999px;border:1px solid var(--line);font-size:.76rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.btn-primary{background:linear-gradient(150deg,var(--gold2),var(--gold));color:#231b0b;border-color:transparent}.btn-disabled{color:var(--muted);border-style:dashed;cursor:not-allowed}.btn:not(.btn-disabled):hover{transform:translateY(-1px)}
.section{padding:clamp(4.5rem,9vw,7.5rem) 0;border-top:1px solid var(--line)}
.intro{display:grid;gap:1rem;margin-bottom:2.2rem;max-width:62rem}.intro p{margin:0;color:var(--muted);max-width:66ch}
.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--panel);padding:clamp(1.4rem,3vw,2.2rem);display:grid;align-content:start;gap:.75rem}.card span{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.card p{margin:0;color:var(--muted)}
.product{display:grid;gap:2rem;align-items:start}
@media(min-width:800px){.product{grid-template-columns:.82fr 1.18fr}}
.product-facts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.fact{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1rem;background:var(--panel)}.fact b{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.fact span{color:var(--cream)}
.steps{counter-reset:step;display:grid;gap:1rem}.step{counter-increment:step;display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;padding:1.15rem 0;border-bottom:1px solid var(--line)}.step:before{content:counter(step,decimal-leading-zero);color:var(--gold);font-family:var(--serif);font-style:italic;font-size:1.7rem;line-height:1}.step p{margin:.25rem 0 0;color:var(--muted)}
.disclosure{padding:1.2rem;border:1px solid var(--line);color:var(--muted);font-size:.9rem}.disclosure strong{color:var(--cream)}
.related{display:grid;gap:.8rem}.related a{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.related a:hover{color:var(--gold)}
footer{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:2.2rem 0 3.2rem;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line)}footer nav{display:flex;gap:1.2rem}footer a{text-decoration:none}
@media(max-width:620px){.bar nav{display:none}.fact{grid-template-columns:1fr;gap:.25rem}}
@media(prefers-reduced-motion:no-preference){.visual,.copy{animation:rise .7s cubic-bezier(.23,1,.32,1) both}.copy{animation-delay:.08s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}