:root{--bg:#faf7f2;--ink:#1d1b18;--mute:#6b665e;--line:#e4ddd0;--accent:#8a3b22;--card:#fff;--band:#f1ebdf}
@media(prefers-color-scheme:dark){:root{--bg:#171512;--ink:#f1ece3;--mute:#a39b8e;--line:#2f2b25;--accent:#e09a73;--card:#1f1c18;--band:#1c1915}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Georgia,'Times New Roman',serif}
a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.muted{color:var(--mute)}main>section,main>nav{margin-top:48px}main>section:first-child,main>section.hero,main>section.phero{margin-top:0}
button,.cta,.ghost{font:600 14px system-ui,sans-serif;border-radius:6px;padding:11px 18px;cursor:pointer;text-decoration:none;display:inline-block;border:0;color:inherit}
.cta{background:var(--accent);color:#fff}.cta:hover{filter:brightness(1.08)}.wide{width:100%;text-align:center}.ghost{border:1px solid var(--line);background:none}.ghost:hover{border-color:var(--ink)}
.promo{background:var(--accent);color:#fff;text-align:center;font:13px system-ui,sans-serif;padding:7px 12px}
header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;height:68px}.logo{font-size:23px;font-weight:700;text-decoration:none;white-space:nowrap}.logo i{color:var(--accent)}.burger{display:none;background:none;font-size:22px;padding:4px 8px;color:var(--ink)}
.nav{display:flex;gap:4px;align-items:center}.dd{position:relative}.ddb,.ddl{background:none;font:14px system-ui,sans-serif;color:var(--ink);padding:8px 10px;text-decoration:none;border-radius:6px}.ddb:hover,.ddl:hover,.dd:hover>.ddb{background:var(--band)}
.ddm{position:absolute;left:0;top:100%;min-width:210px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.14);padding:10px;display:none;z-index:40}.dd:hover>.ddm,.dd.open>.ddm{display:block}
.ddm a{display:block;padding:7px 10px;border-radius:6px;font:14px system-ui,sans-serif;text-decoration:none}.ddm a:hover{background:var(--band)}.ddm h5{margin:4px 10px 6px;font:600 11px system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--mute)}
.mega{display:none;grid-template-columns:1fr 1fr 1.1fr;gap:10px;width:640px}.dd:hover>.mega,.dd.open>.mega{display:grid}.promo-card{background:var(--band);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px}.promo-card b{font-size:18px}.promo-card span{font:13px system-ui,sans-serif;color:var(--mute)}.promo-card a{color:var(--accent);font-weight:600;padding:0}
.sbox{position:relative;margin-left:auto;width:230px}.sbox input,.af,.form input,.form textarea,.form select,.gc input,.gc textarea,.news input{width:100%;font:14px system-ui,sans-serif;padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink)}.form input,.form textarea,.form select,.gc input,.gc textarea{border-radius:8px}
.sugg{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:10px;margin-top:6px;box-shadow:0 14px 30px rgba(0,0,0,.14);display:none;overflow:hidden;min-width:300px}.sugg.on{display:block}.sugg a{display:flex;gap:10px;align-items:center;padding:8px 12px;text-decoration:none;font:14px system-ui,sans-serif}.sugg a:hover,.sugg a.sel{background:var(--band)}.sugg small{color:var(--mute)}.sugg .all{color:var(--accent);font-weight:600}
.cartbtn{font:600 14px system-ui,sans-serif;background:none;border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:8px 14px}.cartbtn b{background:var(--accent);color:#fff;border-radius:10px;padding:1px 7px;margin-left:4px;font-size:12px}
.crumbs{font:13px system-ui,sans-serif;color:var(--mute);margin-top:20px!important}.crumbs a{color:var(--mute)}
h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 12px}h2{font-size:28px;margin:0 0 8px}h3{margin:0}.kicker{font:600 12px system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.lede,.lead{color:var(--mute);font-size:18px;max-width:60ch}
.hero{background:var(--band);border-bottom:1px solid var(--line)}.heroin{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}.phero{background:var(--band);border-bottom:1px solid var(--line);padding:44px 0 36px}
.stack{position:relative;height:340px}.cover.big{position:absolute;width:190px;height:285px;border-radius:4px 8px 8px 4px;box-shadow:0 14px 30px rgba(0,0,0,.25);aspect-ratio:auto}.stack .cover.big{left:6%;top:30px;transform:rotate(-7deg)}.b2{left:34%!important;top:0!important;transform:rotate(2deg)!important;z-index:2}.b3{left:62%!important;top:40px!important;transform:rotate(9deg)!important}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:36px!important}.cat{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:16px 10px;text-align:center;font:600 14px system-ui,sans-serif;text-decoration:none}.cat small{display:block;color:var(--mute);font-weight:400;margin-top:2px}.cat:hover{border-color:var(--accent)}
.sech{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.sech a,.count{font:14px system-ui,sans-serif;color:var(--mute);text-decoration:none}
.rail{display:flex;gap:18px;overflow-x:auto;padding:4px 4px 12px;scroll-snap-type:x proximity}.rail .card{flex:0 0 180px;scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}
.cover{aspect-ratio:2/3;border-radius:3px 8px 8px 3px;position:relative;overflow:hidden;box-shadow:inset 7px 0 0 rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.12);color:#fff;background:#ccc}.cover svg{position:absolute;inset:0;width:100%;height:100%}.ct{position:absolute;left:14px;right:12px;top:16px;font-weight:700;font-size:18px;line-height:1.12;text-shadow:0 1px 8px rgba(0,0,0,.3)}.ca{position:absolute;left:14px;bottom:12px;right:8px;font:10px system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase}.big .ct{font-size:20px}.tag{position:absolute;top:10px;right:-6px;background:var(--accent);color:#fff;font:700 10px system-ui,sans-serif;padding:3px 9px;letter-spacing:.6px;z-index:2}
.card h3{font-size:16px;margin:12px 0 2px}.card .cl{text-decoration:none}.card .cl:hover h3{color:var(--accent)}.by{margin:0;color:var(--mute);font:13px system-ui,sans-serif}.by a:hover{color:var(--accent)}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font:14px system-ui,sans-serif}.card .add{padding:6px 12px;font-size:12px}.rate{color:var(--mute);font:12px system-ui,sans-serif;margin:3px 0}.star{color:#d49a1f}
.feature{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:32px}blockquote,.praise{margin:16px 0;padding-left:14px;border-left:3px solid var(--accent);color:var(--mute);font-style:italic}cite{display:block;font:13px system-ui,sans-serif;font-style:normal;margin-top:4px}
.band{background:var(--band);padding:44px 0;border-block:1px solid var(--line)}main>section.band{margin-top:56px}.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pick{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:14px;text-decoration:none}.pick .cover{flex:0 0 76px;height:114px;aspect-ratio:auto}.pick .ct,.pick .ca,.ci .ct,.ci .ca,.sugg .ct,.sugg .ca,.small .ct,.small .ca{display:none}.pick p{margin:4px 0;font-size:14px}.who{font:600 12px system-ui,sans-serif;color:var(--accent)}.note{font-family:'Bradley Hand','Segoe Script',cursive;font-size:17px!important;color:var(--ink)}.picks.big{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.picks.big .cover{flex:0 0 120px;height:180px}.picks.big .pick{text-decoration:none}
.events,.evlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.evlist{grid-template-columns:1fr}.ev{display:flex;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;align-items:center}.date{flex:0 0 60px;text-align:center;border-right:1px solid var(--line);padding-right:14px}.date b{display:block;font-size:28px;line-height:1}.date span{font:600 11px system-ui,sans-serif;color:var(--accent);letter-spacing:1px}.ev h3{font-size:18px}.ev p{margin:3px 0;font-size:14px;color:var(--mute)}.tm{font:600 12px system-ui,sans-serif!important;color:var(--ink)!important}.ev .rsvp{margin-left:auto;white-space:nowrap}.ev .rsvp.on{background:#3f6b3a}.pill{font:600 11px system-ui,sans-serif;background:var(--band);padding:3px 9px;border-radius:12px;margin-left:8px;color:var(--mute)}
.member{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--ink);color:var(--bg);border-radius:14px;padding:32px 36px}.member p{margin:6px 0 0;opacity:.8;max-width:52ch}.member .cta{white-space:nowrap}
.rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.rv{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.rv p{margin:8px 0 10px}.rv b{font:600 14px system-ui,sans-serif}.rv span{font:13px system-ui,sans-serif}.help{background:none;border:1px solid var(--line);padding:4px 10px;font-size:12px;margin-top:8px;display:block;color:var(--ink)}.help.on{border-color:var(--accent);color:var(--accent)}
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;border-block:1px solid var(--line);padding-block:24px}.perks b{display:block;font:600 15px system-ui,sans-serif}.perks span{font:13px system-ui,sans-serif;color:var(--mute)}
.news{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.news p{color:var(--mute);margin:4px 0 0}.news form{display:flex;gap:8px}.news input{width:260px;max-width:100%;border-radius:6px}
.catalog{display:grid;grid-template-columns:230px 1fr;gap:32px;margin-top:32px!important}.side{position:sticky;top:90px;align-self:start;font:14px system-ui,sans-serif}.side h4{margin:18px 0 8px;font:600 12px system-ui,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--mute)}.side label{display:flex;gap:8px;align-items:center;padding:3px 0;cursor:pointer}.side input[type=range]{width:100%}.side select{width:100%}.ctop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px}.ctop label{font:14px system-ui,sans-serif}select{font:14px system-ui,sans-serif;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}.achips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:20px;padding:6px 13px;font:13px system-ui,sans-serif}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.more{text-align:center;margin-top:28px}.empty{color:var(--mute);text-align:center;padding:30px}
.pdp{display:grid;grid-template-columns:300px 1fr;gap:48px;margin-top:28px!important}.pcover{position:sticky;top:90px;align-self:start}.pcover .cover{box-shadow:inset 8px 0 0 rgba(0,0,0,.18),0 18px 36px rgba(0,0,0,.25)}.pinfo h1{margin-bottom:6px}.fmts{display:flex;gap:8px;align-items:center;margin:20px 0 14px;font:14px system-ui,sans-serif;flex-wrap:wrap}.fmt{background:var(--card);border:1px solid var(--line);color:var(--ink)}.fmt.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.price{font-size:30px;font-weight:700}.qtyx{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.qtyx button{background:var(--card);padding:9px 13px;color:var(--ink)}.qtyx input{width:40px;text-align:center;border:0;background:var(--card);color:var(--ink);font:15px system-ui,sans-serif}.wish{background:none;border:1px solid var(--line);font-size:18px;color:var(--ink)}.wish.on{color:var(--accent)}.ship{list-style:none;padding:0;margin:20px 0 0;font:14px system-ui,sans-serif;color:var(--mute)}.ship li{margin:5px 0}.ship b{color:var(--ink)}
.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{background:none;border-radius:0;padding:12px 18px;color:var(--mute);border-bottom:2px solid transparent;white-space:nowrap}.tab.on{color:var(--ink);border-color:var(--accent)}.pane{display:none;padding:24px 0;max-width:760px}.pane.on{display:block}.spec{border-collapse:collapse;width:100%;max-width:560px;font:15px system-ui,sans-serif}.spec th{text-align:left;color:var(--mute);font-weight:500;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);width:40%}.spec td{padding:9px 0;border-bottom:1px solid var(--line)}
.revsum{display:flex;gap:24px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.revsum .big{font-size:52px;font-weight:700}.dist{flex:1;min-width:200px;font:12px system-ui,sans-serif}.dist div{display:flex;gap:8px;align-items:center;margin:3px 0}.dist span{width:26px}.dist i{flex:1;height:8px;background:var(--line);border-radius:4px;position:relative}.dist i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#d49a1f;border-radius:4px}.revfilter{display:flex;gap:8px;margin-bottom:14px}.rvlist .rv{margin-bottom:12px}.auth{display:flex;gap:20px;align-items:flex-start}.badge{display:inline-block;font:600 12px system-ui,sans-serif;background:var(--band);padding:4px 10px;border-radius:12px;margin:6px 6px 0 0}
.acc details{border-bottom:1px solid var(--line);padding:14px 0}.acc summary{cursor:pointer;font-weight:700;font-size:17px}.acc p{color:var(--mute);margin:10px 0 0}main>section.acc{max-width:820px}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}.acard{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none}.acard:hover{border-color:var(--accent)}.acard b{display:block}.acard span{font:13px system-ui,sans-serif;color:var(--mute)}.af{max-width:320px}.ahero{display:flex;gap:28px;align-items:center;margin-top:28px!important}
.prose{max-width:960px}.prose h2{margin-top:32px}.prose p{max-width:70ch}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:start}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stats div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.stats b{display:block;font-size:30px;color:var(--accent)}.stats span{font:13px system-ui,sans-serif;color:var(--mute)}.timeline{list-style:none;padding:0;border-left:2px solid var(--line);margin-left:6px}.timeline li{padding:6px 0 14px 20px;position:relative}.timeline li:before{content:"";position:absolute;left:-7px;top:12px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.timeline b{color:var(--accent);margin-right:8px}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.values div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px}.values h3{margin-bottom:6px}.values p{margin:0;color:var(--mute);font-size:15px}.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.tm-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}.tm-card .who{margin:4px 0 8px}
.form{display:grid;gap:14px}.form label,.gc label{display:grid;gap:5px;font:600 13px system-ui,sans-serif}.gc{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}.gcc{background:linear-gradient(135deg,var(--accent),#3a1c12);color:#fff;border-radius:14px;aspect-ratio:1.6;padding:22px;display:flex;flex-direction:column;justify-content:space-between;font-size:20px}.gcc span{font-size:38px;font-weight:700}.gc .chips{display:flex;gap:8px;margin:10px 0 14px}.gc label{margin:10px 0}
.mapbox{min-height:260px;border-radius:12px;border:1px solid var(--line);background:repeating-linear-gradient(0deg,var(--band) 0 38px,var(--line) 38px 39px),repeating-linear-gradient(90deg,var(--band) 0 38px,var(--line) 38px 39px);position:relative}.mapbox i{position:absolute;left:0;right:0;top:48%;height:14px;background:var(--card);border-block:1px solid var(--line)}.mapbox span{position:absolute;left:12px;top:calc(48% - 2px);font:11px system-ui,sans-serif;color:var(--mute)}.mapbox b{position:absolute;left:46%;top:30%;background:var(--accent);color:#fff;font:600 12px system-ui,sans-serif;padding:5px 10px;border-radius:14px}
.cartpage{max-width:900px}.crow{display:grid;grid-template-columns:70px 1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.crow .cover{aspect-ratio:2/3}.crow .ct,.crow .ca{display:none}.rm{background:none;color:var(--mute);text-decoration:underline;padding:0;font-weight:400}.sum{margin-top:20px;margin-left:auto;max-width:340px;font:15px system-ui,sans-serif}.sum div{display:flex;justify-content:space-between;padding:5px 0}.sum .t{font-size:20px;font-weight:700;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
footer{margin-top:64px;border-top:1px solid var(--line);background:var(--band);padding-top:40px}.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}footer h4{margin:0 0 10px;font:600 13px system-ui,sans-serif;letter-spacing:.8px;text-transform:uppercase}footer a{display:block;text-decoration:none;color:var(--mute);font:14px system-ui,sans-serif;margin:6px 0}footer a:hover{color:var(--ink)}.legal{padding-block:28px;font:13px system-ui,sans-serif;color:var(--mute)}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:45}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);background:var(--bg);z-index:50;transform:translateX(100%);transition:.25s;display:flex;flex-direction:column;border-left:1px solid var(--line)}.drawer.on{transform:none}.dh{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.dh button{background:none;font-size:26px;color:var(--ink);padding:0 6px}.di{flex:1;overflow:auto;padding:12px 20px}.df{padding:18px 20px;border-top:1px solid var(--line)}.tot{display:flex;justify-content:space-between;font:16px system-ui,sans-serif}.bar35{height:6px;background:var(--line);border-radius:3px;margin:12px 0 6px;overflow:hidden}.bar35 i{display:block;height:100%;background:#3f6b3a;width:0;transition:.3s}
.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.ci .cover{flex:0 0 52px;height:78px;aspect-ratio:auto}.ci h4{margin:0;font-size:15px}.ci p{margin:2px 0;font:13px system-ui,sans-serif;color:var(--mute)}.qty{display:inline-flex;align-items:center;gap:8px;font:14px system-ui,sans-serif;margin-top:4px}.qty button{padding:2px 9px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,80px);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:8px;font:14px system-ui,sans-serif;z-index:70;transition:.25s;opacity:0}.toast.on{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.burger{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 16px;max-height:80vh;overflow:auto}.nav.on{display:flex}.ddm,.mega{position:static;box-shadow:none;width:auto;border:0;padding:0 0 0 12px}.dd:hover>.ddm{display:none}.dd.open>.ddm{display:block}.dd.open>.mega{display:block}.sbox{width:auto;flex:1}.heroin,.feature,.split,.gc,.pdp,.catalog{grid-template-columns:1fr}.stack{height:300px}.pcover{position:static;max-width:220px}.side{position:static}.fcols{grid-template-columns:1fr 1fr}.member{flex-direction:column;align-items:flex-start}.crow{grid-template-columns:60px 1fr auto}.ahero{flex-direction:column;align-items:flex-start}.picks.big{grid-template-columns:1fr}}
