@font-face{font-family:"Montserrat";src:url(/assets/fonts/montserrat-latin-var.woff2) format("woff2");font-weight:400 900;font-display:swap}
:root{--paper:#fff;--ink:#141414;--pine:#e99415;--pine-d:#c97a08;--sun:#ffd28a;--sand:#f2f2f0;--surface:#fafaf8;--moss:#5b5b57;--line:#e3e3df;--fs-s:14px;--fs-b:16px;--fs-m:20px;--fs-l:28px;--fs-xl:clamp(30px,4vw,48px);--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--fs-b)/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}
img{max-width:100%;height:auto;display:block}a{color:var(--ink)}h1,h2,h3,.hh{font-family:Montserrat,system-ui,sans-serif;line-height:1.2;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-l)}h3{font-size:var(--fs-m)}
.ann{background:var(--pine);color:var(--ink);text-align:center;font-size:var(--fs-s);font-weight:700;padding:7px 14px}.ann a{color:var(--ink);text-decoration:none}
.hd{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.hw{max-width:1320px;margin:auto;display:flex;align-items:center;gap:32px;padding:0 24px;height:68px}
.lg img{height:30px;width:auto}
.nv{display:flex;gap:4px;align-items:stretch;height:100%}.nv>a,.dd>summary{display:flex;align-items:center;padding:0 12px;font-weight:600;font-size:var(--fs-b);text-decoration:none;color:var(--ink);border-bottom:3px solid transparent;cursor:pointer;list-style:none;height:100%}
.nv>a:hover,.dd>summary:hover{border-bottom-color:var(--pine)}.nv a[aria-current=page]{border-bottom-color:var(--pine);font-weight:800}
.dd{position:relative;height:100%}.dd>summary::-webkit-details-marker{display:none}.dd>summary:after{content:"";border:solid var(--ink);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);margin:-4px 0 0 8px}
.dd .menu{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12);border-radius:0 0 12px 12px;padding:8px 0;min-width:240px}.dd .menu a{display:block;padding:9px 18px;text-decoration:none;font-size:var(--fs-b)}.dd .menu a:hover{background:var(--sand)}
.tools{margin-left:auto;display:flex;gap:10px}.pill{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:999px;padding:7px 16px;font-weight:700;font-size:var(--fs-s);text-decoration:none;color:var(--ink)}.pill svg{width:16px;height:16px}
.burger{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--pine);border-radius:999px;padding:11px 24px;font-weight:800;font-size:var(--fs-b);text-decoration:none;white-space:nowrap;border:0}.btn:hover{background:#000;color:var(--sun)}
.btn.alt{background:var(--pine);color:var(--ink)}.btn.alt:hover{background:var(--pine-d)}
.lnk{font-weight:700;text-decoration:none;border-bottom:2px solid var(--pine)}
/* hero */
.hero{position:relative;background:#111;color:#fff;overflow:hidden}
.hero picture img{width:100%;height:auto;aspect-ratio:1600/628;object-fit:cover}
.hcard{position:absolute;left:max(24px,calc((100vw - 1320px)/2 + 24px));top:50%;transform:translateY(-50%);max-width:470px;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.45));padding:28px 30px;border-radius:var(--r)}
.hcard .ey{color:var(--pine);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-s);margin:0 0 6px}.hcard .hh{font-size:var(--fs-xl);color:#fff}.hcard p.sub{margin:0 0 18px;color:#f1f1f1}
.hact{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hact .lnk{color:#fff}
/* marquee */
.mq{background:var(--sand);overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line)}.mq div{display:inline-flex;gap:46px;padding:16px 0;animation:mq 38s linear infinite}.mq span{font-family:Montserrat,sans-serif;font-weight:800;font-size:var(--fs-m)}.mq span:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid var(--ink);border-radius:50%;margin-right:46px;vertical-align:middle}
@keyframes mq{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.mq div{animation:none}}
.sec{max-width:1320px;margin:auto;padding:52px 24px}.sec.tint{max-width:none;background:var(--sand)}.sec.tint>.in{max-width:1272px;margin:auto}
.st{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.st h2{margin:0;font-size:var(--fs-l)}.st.c{justify-content:center;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.chips a{border-radius:999px;padding:7px 16px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:var(--fs-s);text-decoration:none}.chips a.on{background:var(--ink);color:var(--pine);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;align-items:stretch}
.card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);height:100%}
.ci{display:block;aspect-ratio:1/1;background:#fff}.ci img{width:100%;height:100%;object-fit:contain;padding:6%}
.cb{display:flex;flex-direction:column;flex:1;padding:4px 16px 16px}.cb h3{font-size:var(--fs-b);margin:0 0 4px}.cb h3 a{text-decoration:none}.cl{color:var(--moss);font-size:var(--fs-s);margin:0 0 14px;flex:1}
.sw{display:flex;gap:5px;margin:0 0 12px}.sw i{width:14px;height:14px;border-radius:50%;border:1px solid #bbb;display:block}
.cb .btn{align-self:flex-start;padding:9px 20px;font-size:var(--fs-s)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;display:block;background:#222}.tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.04)}
.tile span{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:var(--fs-m)}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why div{background:#fff;border-radius:var(--r);padding:22px;border-top:4px solid var(--pine)}.why b{display:block;font-family:Montserrat,sans-serif;font-size:var(--fs-m);margin-bottom:6px}.why p{margin:0;font-size:var(--fs-s);color:var(--moss)}
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.acard{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);overflow:hidden;text-decoration:none;border:1px solid var(--line)}.acard img{aspect-ratio:16/10;object-fit:cover;width:100%}.acard span{padding:16px 18px 6px;font-family:Montserrat,sans-serif;font-weight:800}.acard em{padding:0 18px 18px;font-style:normal;font-size:var(--fs-s);color:var(--moss)}
/* inner */
.crumb{font-size:var(--fs-s);color:var(--moss);margin:0 0 10px}.crumb a{color:var(--moss)}
.wrap{max-width:1240px;margin:auto;padding:24px 24px 56px}
.cathead{padding:28px 0 8px}.cathead p{max-width:760px;color:var(--moss);margin:0}
.pdp{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;padding:12px 0 40px;align-items:start}
.gal{display:flex;gap:12px}.thumbs{display:flex;flex-direction:column;gap:8px}.th{border:1.5px solid var(--line);background:#fff;padding:3px;border-radius:10px;width:72px;cursor:pointer}.th.on{border-color:var(--ink)}.th img{aspect-ratio:1/1;object-fit:contain}
.main-img{flex:1;background:#fff;border:1px solid var(--line);border-radius:18px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-img img{width:100%;height:100%;object-fit:contain}
.pinfo h1{font-size:var(--fs-xl)}
.kp{padding:0;margin:0 0 20px;list-style:none}.kp li{padding:8px 0 8px 26px;border-bottom:1px solid var(--line);position:relative}.kp li:before{content:"";position:absolute;left:4px;top:17px;width:9px;height:9px;border-radius:2px;background:var(--pine);transform:rotate(45deg)}
.variants{margin:0 0 18px}.vg{margin:0 0 10px}.vl{font-size:var(--fs-s);font-weight:700;margin:0 0 6px}.vopt{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;margin:0 6px 6px 0;font-size:var(--fs-s);text-decoration:none}.vopt:hover{border-color:var(--ink)}.vopt.on{border-color:var(--pine);background:#fff6e8;font-weight:700}
.buyrow{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn.big{padding:15px 38px;font-size:var(--fs-m)}
.note{font-size:var(--fs-s);color:var(--moss);margin:12px 0 0}
.tabs{border-top:1px solid var(--line)}.tabs section{padding:32px 0;border-bottom:1px solid var(--line)}.tabs section>h2{font-size:var(--fs-l)}
.prose{max-width:780px}.prose p,.prose li{font-size:var(--fs-b)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pc>div{background:var(--surface);border-radius:var(--r);padding:20px 24px}.pc h3{margin-top:0}.pc ul{padding-left:20px;margin:0}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:var(--fs-s);display:block;overflow-x:auto}th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--sand)}
.art{max-width:800px;margin:0 auto}.art h1{margin-top:12px}.art h2{margin-top:1.6em}.art img{border-radius:var(--r)}
.byline{font-size:var(--fs-s);color:var(--moss);margin:-4px 0 18px}.byline a{color:var(--ink);font-weight:700}
.topcard{display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:0 0 26px;background:var(--surface)}.topcard img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:10px;flex:none}.topcard b{display:block;font-family:Montserrat,sans-serif}.topcard p{margin:2px 0 10px;font-size:var(--fs-s);color:var(--moss)}.topcard .btn{padding:9px 20px;font-size:var(--fs-s)}
.cta-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:14px 18px;background:var(--surface);border-left:4px solid var(--pine);border-radius:8px}.cta-row .buybtn{display:inline-flex;background:var(--ink);color:var(--pine);border-radius:999px;padding:9px 22px;font-weight:800;text-decoration:none}
.abox{display:flex;gap:16px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px}.abox .ph{width:84px;height:84px;border-radius:50%;flex:none;background:var(--sand)}.abox .an{font-weight:800;margin:0 0 4px}
.aph{width:140px;height:140px;border-radius:50%;background:var(--sand)}
.ft{background:#0e0e0e;color:#bdbdb8;margin-top:24px}.fw{max-width:1320px;margin:auto;padding:52px 24px 22px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.ft img.flogo{height:30px;width:auto;margin-bottom:14px}.ft p{font-size:var(--fs-s);margin:0}
.ft h4{color:#fff;margin:0 0 12px;font-size:var(--fs-b);font-family:Montserrat,sans-serif}.ft details>summary{list-style:none;pointer-events:none}.ft details>summary::-webkit-details-marker{display:none}.ft a{display:block;color:#bdbdb8;text-decoration:none;font-size:var(--fs-s);padding:4px 0}.ft a:hover{color:var(--pine)}

.cp{max-width:1320px;margin:auto;padding:16px 24px 26px;border-top:1px solid #262626;display:flex;gap:18px;flex-wrap:wrap;font-size:var(--fs-s)}.cp a{display:inline;padding:0;color:#bdbdb8}
.sticky{display:none}
@media(max-width:1023px){
 .nv,.tools{display:none}.hw{height:58px;justify-content:space-between}.burger{display:block}
 .burger>summary{list-style:none;display:flex;align-items:center;gap:8px;border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:700;font-size:var(--fs-s);cursor:pointer}.burger>summary::-webkit-details-marker{display:none}
 .burger .panel{position:fixed;left:0;right:0;top:var(--hb,58px);bottom:0;background:#fff;overflow:auto;padding:10px 20px 40px;box-shadow:0 8px 16px rgba(0,0,0,.08)}.burger .panel a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.burger .panel p{margin:16px 0 0;font-size:var(--fs-s);color:var(--moss);font-weight:700;text-transform:uppercase}
 .hcard{position:static;transform:none;max-width:none;border-radius:0;background:#111;padding:16px 20px 20px}.hero picture img{aspect-ratio:auto}
 .tiles{grid-template-columns:repeat(3,1fr);gap:10px}.why{grid-template-columns:1fr 1fr}.arts{grid-template-columns:1fr 1fr}
 .pdp{grid-template-columns:1fr;gap:20px}.fw{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .ann{font-size:var(--fs-s);padding:5px 10px}.lg img{height:24px}
 .hero picture img{height:200px;object-fit:cover}.hcard{padding:12px 16px 14px}.hcard .ey{margin:0 0 2px}.hcard .hh{font-size:var(--fs-l);margin-bottom:4px}.hcard p.sub{font-size:var(--fs-s);margin:0 0 10px;line-height:1.45}.hact{gap:12px}.hact .btn{padding:9px 20px}
 .sec{padding:20px 16px 30px}.st{margin-bottom:10px}.st h2{font-size:var(--fs-m)}
 .tiles{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.tiles::-webkit-scrollbar{display:none}.tile{flex:none;width:44%;aspect-ratio:16/10}.tile span{font-size:var(--fs-s);padding:28px 10px 8px}
 .grid{grid-template-columns:1fr 1fr;gap:10px}.cb{padding:2px 10px 12px}.cb h3{font-size:var(--fs-s)}.cl{font-size:var(--fs-s);margin-bottom:10px;line-height:1.4}.sw{margin-bottom:8px}.sw i{width:12px;height:12px}.cb .btn{padding:8px 14px;font-size:var(--fs-s);align-self:stretch}
 .chips{flex-wrap:wrap;gap:6px}.chips a{padding:6px 12px;font-size:var(--fs-s)}
 .mq span{font-size:var(--fs-b)}.why{grid-template-columns:1fr}.arts{grid-template-columns:1fr}
 .wrap{padding:12px 16px 40px}.gal{flex-direction:column-reverse}.thumbs{flex-direction:row;overflow-x:auto}.th{width:58px;flex:none}.main-img{aspect-ratio:auto;height:300px}
 .pinfo h1{font-size:var(--fs-l)}.kp li{padding:6px 0 6px 24px;font-size:var(--fs-b)}.kp li:before{top:14px}.pc{grid-template-columns:1fr}
 .topcard{gap:12px;padding:10px 12px}.topcard img{width:84px;height:84px}
 .fw{grid-template-columns:1fr;gap:6px}.fw>div:first-child{margin-bottom:12px}.ft details{border-bottom:1px solid #262626}.ft details>summary{pointer-events:auto;cursor:pointer;padding:12px 0;display:flex;justify-content:space-between}.ft details>summary:after{content:"+";color:#fff}.ft details[open]>summary:after{content:"–"}.ft details h4{margin:0}
 .sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 16px;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 16px rgba(0,0,0,.08)}.sticky span{font-weight:800;font-size:var(--fs-s)}.has-sticky{padding-bottom:70px}
}
.gal,.pinfo{min-width:0}
@media(max-width:1023px){.pdp{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
 .ann .lg-only{display:none}
 .hero picture img{height:170px}.hcard{padding:10px 16px 14px}.hcard .hh{margin-bottom:2px}.hcard p.sub{margin-bottom:10px}
 .mq div{padding:9px 0;gap:30px}.mq span{font-size:var(--fs-s)}.mq span:before{margin-right:30px;width:9px;height:9px}
 .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}.chips::-webkit-scrollbar{display:none}.chips a{flex:none}
 .sec.first{padding-top:16px}
}
@media(max-width:640px){.hero picture img{height:150px}.sec.first{padding-top:12px}.sec.first .st{margin-bottom:6px}.ci img{padding:4%}}
.grid.cat{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cat .ci{aspect-ratio:4/3}
@media(min-width:641px){.grid.n1 .card{flex-direction:row}.grid.n1 .ci{width:50%;aspect-ratio:4/3}.grid.n1 .cb{justify-content:center;padding:32px}.grid.n1 .cb h3{font-size:var(--fs-l)}.grid.n1 .cl{flex:0;font-size:var(--fs-b)}}
@media(min-width:1024px){.grid.g5{grid-template-columns:repeat(5,1fr);gap:12px}}
@media(max-width:640px){.grid.cat{grid-template-columns:1fr 1fr}.grid.cat .ci{aspect-ratio:1/1}}
@media(min-width:1024px){.grid.n2 .card{flex-direction:row}.grid.n2 .ci{width:48%;aspect-ratio:1/1}.grid.n2 .cb{justify-content:center;padding:24px}.grid.n2 .cb h3{font-size:var(--fs-m)}.grid.n2 .cl{flex:0;font-size:var(--fs-b)}}
@media(min-width:641px) and (max-width:1023px){.grid.g5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.grid.g5 .card{flex:0 0 31%;scroll-snap-align:start;height:auto}}
@media(max-width:640px){.grid.g5 .card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row}.grid.g5 .card:last-child:nth-child(odd) .ci{width:48%;flex:none}.grid.g5 .card:last-child:nth-child(odd) .cb{justify-content:center;padding:12px}.grid.g5 .card:last-child:nth-child(odd) .cl{flex:0}}
.pinfo h1{font-size:var(--fs-xl)}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary h3{margin:12px 0;font-size:var(--fs-m)}.faq summary:after{content:"–";font-weight:800;font-size:var(--fs-m)}.faq details:not([open]) summary:after{content:"+"}
.catcopy{margin-top:36px}.catcopy h3{margin-top:1.4em}
@media(max-width:640px){.pinfo h1{font-size:var(--fs-l)}.faq summary h3{font-size:var(--fs-b)}}
.arts.n2{grid-template-columns:repeat(2,1fr)}.arts.n1{grid-template-columns:1fr}
@media(min-width:641px){.arts.n1 .acard{display:grid;grid-template-columns:1fr 1fr;align-items:center}.arts.n1 .acard img{grid-row:1/3;height:100%}.arts.n1 .acard span{font-size:var(--fs-l);align-self:end}.arts.n1 .acard em{font-size:var(--fs-b);align-self:start}}
@media(max-width:640px){.arts.n2{grid-template-columns:1fr}}
@media(max-width:640px){.hero picture img{height:132px}.hcard{padding:8px 16px 12px}.hcard .ey{margin:0}.hcard .hh{margin:0 0 2px}.hcard p.sub{margin:0 0 8px}.sec.first .st h2{margin:0}}
.feat{margin:0 0 22px}.feat img{width:100%;height:auto;border-radius:var(--r)}
.wm{max-width:1320px;margin:auto;padding:8px 24px 18px;opacity:.12}.wm img{width:100%;height:auto}
.feat img{aspect-ratio:16/9;object-fit:cover;max-height:440px}