:root{--bg:#f6f0e6;--bg2:#ece2d0;--ink:#2a1a12;--mute:#6b5646;--esp:#2a1a12;--olive:#4a5236;--bronze:#a8793f;--card:#fbf7ef;--on-dark:#f6f0e6;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1c120d;--bg2:#271a13;--ink:#f1e8d8;--mute:#bba995;--card:#2b1d15;--esp:#120b07}}
:root[data-theme="dark"]{--bg:#1c120d;--bg2:#271a13;--ink:#f1e8d8;--mute:#bba995;--card:#2b1d15;--esp:#120b07}
html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 "DM Sans",system-ui,sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;line-height:1.05;margin:0 0 .4em;letter-spacing:-.01em}
h1{font-size:clamp(2.8rem,8vw,5.6rem)}h2{font-size:clamp(2rem,5vw,3.3rem)}h3{font-size:1.6rem}
p{margin:0 0 1em;max-width:62ch}a{color:inherit}
section{padding:clamp(56px,9vw,112px) clamp(20px,5vw,64px)}
.w{max-width:1140px;margin:0 auto}
.mute{color:var(--mute)}
.btn{display:inline-block;padding:15px 28px;font:700 .8rem/1 "DM Sans",sans-serif;letter-spacing:.12em;text-decoration:none;border:1.5px solid var(--esp);cursor:pointer;border-radius:2px;background:var(--esp);color:var(--on-dark)}
.btn.alt{background:transparent;color:inherit;border-color:currentColor}
.btn.gold{background:var(--bronze);border-color:var(--bronze);color:#fff}
:focus-visible{outline:3px solid var(--bronze);outline-offset:3px}
header{position:sticky;top:0;z-index:9;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--bg2);padding-top:env(safe-area-inset-top,0px)}
header .w{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 20px;max-width:1240px}
.logo{font:600 1.55rem "Cormorant Garamond",serif;text-decoration:none}
nav{display:flex;gap:26px;align-items:center;font-size:.92rem}
nav a{text-decoration:none}nav a:hover{color:var(--bronze)}
nav .btn{padding:11px 18px}
#mb{display:none;background:none;border:1px solid var(--ink);color:var(--ink);padding:8px 12px;border-radius:2px;font:inherit}
@media(max-width:900px){#mb{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:20px;gap:16px;border-bottom:1px solid var(--bg2)}nav.open{display:flex}}
.hero{background:var(--esp);color:var(--on-dark);padding-top:clamp(40px,7vw,90px)}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero p.sub{font-size:1.2rem;color:#d9ccb8}
.hero .btns{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 14px}
.hero .btn{background:var(--bronze);border-color:var(--bronze);color:#fff}.hero .btn.alt{background:transparent;border-color:#d9ccb8;color:var(--on-dark)}
.hero small{color:#bba995}
.scene{aspect-ratio:4/5;background:radial-gradient(circle at 50% 30%,#4a3123,#1a0f0a 75%);border-radius:2px;position:relative;overflow:hidden}
.scene svg{width:100%;height:100%}
.cap{position:absolute;left:14px;bottom:10px;font-size:.72rem;color:#bba995}
@media(max-width:800px){.hero .w{grid-template-columns:1fr}.scene{aspect-ratio:1/1}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:40px 0;border-top:1px solid var(--bronze)}
.steps div{padding:28px 28px 28px 0}.steps b{font:600 2.4rem "Cormorant Garamond",serif;color:var(--bronze)}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.alt-bg{background:var(--bg2)}
.prod{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.pack{aspect-ratio:3/4;background:linear-gradient(160deg,#3a2518,#1a0f0a);color:var(--on-dark);padding:30px;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px;box-shadow:0 30px 50px -25px #000a;max-width:340px;margin:auto;width:100%}
.pack i{font:italic 500 1rem "Cormorant Garamond",serif;color:var(--bronze)}.pack strong{font:600 2.3rem/1 "Cormorant Garamond",serif}
.feat{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
.feat li:before{content:"–  ";color:var(--bronze)}
.plans{display:grid;grid-template-columns:minmax(0,340px);gap:16px;margin:0 0 24px}
.plan{border:1.5px solid var(--mute);padding:20px;border-radius:2px;background:var(--card);cursor:pointer;text-align:left;font:inherit;color:inherit}
.plan[aria-pressed=true]{border-color:var(--bronze);box-shadow:inset 0 0 0 1px var(--bronze)}
.plan b{display:block;font:600 1.5rem "Cormorant Garamond",serif}.plan span{font-size:.85rem;color:var(--mute)}.plan em{display:block;font:600 1.3rem "Cormorant Garamond",serif;font-style:normal;margin-top:8px;color:var(--bronze)}
@media(max-width:860px){.prod{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.feat{grid-template-columns:1fr}}
.tool{background:var(--card);border:1px solid var(--bg2);padding:clamp(22px,4vw,44px);border-radius:3px}
.opts{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 22px}
.opts button{padding:10px 16px;border:1.5px solid var(--mute);background:transparent;color:inherit;font:inherit;font-size:.9rem;cursor:pointer;border-radius:2px}
.opts button[aria-pressed=true]{background:var(--esp);color:var(--on-dark);border-color:var(--esp)}
:root[data-theme="dark"] .opts button[aria-pressed=true]{background:var(--bronze);border-color:var(--bronze)}
.calc{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
.out{background:var(--esp);color:var(--on-dark);padding:30px;border-radius:2px;align-self:start}
.calc,.calc .opts button,.calc input{font-family:"Space Grotesk","DM Sans",system-ui,sans-serif}.out .n{font:600 3rem/1 "Space Grotesk",system-ui,sans-serif;color:#e0b878;letter-spacing:-.02em}.out div{margin-bottom:14px}.out small{color:#bba995;display:block}
input[type=number],input[type=email]{padding:13px;border:1.5px solid var(--mute);background:var(--bg);color:inherit;font:inherit;border-radius:2px;width:100%;max-width:300px}
@media(max-width:820px){.calc{grid-template-columns:1fr}}
.sport{background:var(--olive);color:var(--on-dark)}
.sport p{color:#e3dccb}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.tile{aspect-ratio:3/4;border-radius:2px;padding:14px;display:flex;align-items:flex-end;font-size:.85rem;color:#f6f0e6;background:linear-gradient(180deg,transparent 40%,#000a),var(--g,#5b6544)}
@media(max-width:760px){.tiles{grid-template-columns:1fr 1fr}}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:30px}
.cols h3{border-top:1px solid var(--bronze);padding-top:14px}
@media(max-width:820px){.cols{grid-template-columns:1fr}}
.shop{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-top:30px}
.shop a{padding:30px;min-height:260px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px;background:var(--card);border:1px solid var(--bg2)}
.shop a:first-child{background:var(--esp);color:var(--on-dark)}
.shop small{color:var(--mute)}.shop a:first-child small{color:#bba995}
@media(max-width:820px){.shop{grid-template-columns:1fr}}
.post .ph{aspect-ratio:3/2;background:linear-gradient(135deg,var(--bg2),#c9b293);margin-bottom:12px;border-radius:2px}
.post:nth-child(2) .ph{background:linear-gradient(135deg,#6a7550,#2f3622)}.post:nth-child(3) .ph{background:linear-gradient(135deg,#6b4a30,#2a1a12)}
.post small{color:var(--bronze);font-weight:700}
.pod{background:var(--esp);color:var(--on-dark)}.pod p{color:#d9ccb8}
.news{text-align:center}.news p,.news form{margin-left:auto;margin-right:auto}
.news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
footer{background:var(--esp);color:#d9ccb8;padding:60px clamp(20px,5vw,64px) 30px;font-size:.92rem}
footer .g{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
footer h4{color:#e0b878;font:600 1.2rem "Cormorant Garamond",serif;margin:0 0 10px}footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:#fff}
footer .b{border-top:1px solid #4a3123;margin-top:36px;padding-top:18px;font-size:.8rem}
@media(max-width:820px){footer .g{grid-template-columns:1fr 1fr}}
#msg{min-height:1.5em;color:var(--bronze);font-weight:500;margin-top:10px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steam{animation:none!important}}
.steam{animation:s 5s ease-in-out infinite;transform-origin:center bottom}
@keyframes s{0%,100%{opacity:.25;transform:translateY(6px)}50%{opacity:.7;transform:translateY(-8px)}}