@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
:root{--ink:#112420;--dark:#0c1917;--paper:#f6f4ec;--white:#fffdf6;--muted:#4f5e57;--line:#d3d8cc;--orange:#ff865a;--soft:#e9eee1;--wrap:min(1320px,calc(100% - 104px));color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif;font-size:16px;font-synthesis:none;line-height:1.5}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img,video{display:block;max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ae472b;outline-offset:4px}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
.wrap{width:var(--wrap);margin-inline:auto}
.section{padding-block:clamp(66px,9vw,142px)}
.visually-hidden{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.skip{position:fixed;top:12px;left:12px;z-index:20;background:var(--orange);padding:12px 18px;transform:translateY(-160%)}
.skip:focus{transform:none}
.site-header{position:relative;z-index:5;background:var(--dark);color:var(--white);border-bottom:1px solid #fdfcf621}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:850;line-height:1.01;font-size:19px;letter-spacing:-.045em}
.brand img{width:36px;height:36px}
.brand strong{display:block;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.28em;margin-top:5px}
.navigation{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:13px;font-weight:650}
.navigation a:hover{color:var(--orange)}
.navigation .nav-cta{border:1px solid #fdfcf659;padding:10px 14px;border-radius:4px}
#nav-toggle{display:none;background:transparent;border:1px solid #ffffff72;border-radius:4px;color:inherit;padding:7px 12px;font-size:13px}
.hero{min-height:clamp(590px,78svh,900px);isolation:isolate;position:relative;display:flex;align-items:center;overflow:hidden;background:#0b1613;color:var(--white)}
.hero-media,.hero-shade,.seasonal-media,.seasonal::before{position:absolute;inset:0;z-index:-1}
.hero-media img,.hero-media video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.hero-media video{opacity:0;transition:opacity .65s ease}
.hero-media.is-playing video{opacity:1}
.hero-shade{background:linear-gradient(90deg,#0b1513f2 0%,#0b1513cc 24%,#0b15135e 50%,transparent 77%),linear-gradient(0deg,#0b1513b0,transparent 44%)}
.hero-copy{padding-block:64px 110px}
.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;line-height:1.35}
.eyebrow>span{display:inline-block;flex:0 0 8px;width:8px;height:8px;background:var(--orange);border-radius:1px}
.hero h1{font-size:clamp(60px,8vw,128px);line-height:.88;letter-spacing:-.066em;font-weight:820;margin:26px 0}
.hero h1 span{display:block}
.hero h1 em{color:#ffc2a9;font-style:normal}
.hero-description{max-width:385px;color:#f1f1e9;font-size:clamp(15px,1.4vw,18px);line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.button{padding:13px 17px;min-height:49px;display:inline-flex;gap:19px;align-items:center;justify-content:space-between;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:780;transition:background-color .18s,color .18s}
.primary{background:var(--orange);color:var(--dark)}
.primary:hover{background:#ffab87}
.ghost{border-color:#fffdf67a;color:#fffdf6;background:#0a151466}
.ghost:hover{background:var(--white);color:var(--ink)}
.hero-bottom{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);border-top:1px solid #fffdf640;display:flex;justify-content:space-between;padding-top:13px;min-height:40px;font-size:11px;color:#fffdf6;text-transform:uppercase;letter-spacing:.1em;font-weight:650}
.hero-bottom a{display:flex;align-items:center;gap:10px}
.hero-bottom button{font-size:11px;font-weight:650;color:inherit;background:transparent;border:0;padding:0;text-transform:uppercase;letter-spacing:inherit}
.scroll-tick{height:11px;width:1px;background:var(--orange)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
h2{font-size:clamp(43px,6.1vw,93px);font-weight:805;line-height:.93;letter-spacing:-.067em}
.section-head h2,.planner h2,.seasonal h2{margin-top:13px}
.section-head>p{max-width:350px;color:var(--muted);font-size:15px}
.gear-controls{border-block:1px solid var(--line);display:flex;align-items:center;gap:15px;justify-content:space-between;padding:10px 0}
.filters{display:flex;flex-wrap:wrap;gap:5px}
.filters button{border:1px solid transparent;border-radius:100px;padding:7px 11px;font-size:12px;font-weight:680;background:transparent;color:var(--ink);white-space:nowrap}
.filters button:hover{border-color:#85978b}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.filter-search input{border:1px solid #85978b;background:transparent;border-radius:4px;padding:8px 11px;min-height:36px;width:min(165px,100%);font-size:13px}
.gear-status{font-size:12px;color:var(--muted);margin-block:11px;min-height:18px}
.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gear-card{background:var(--white);border:1px solid var(--line);border-radius:5px;min-height:240px;padding:21px;display:flex;flex-direction:column;align-items:start;gap:9px;transition:border-color .2s}
.gear-card:hover{border-color:#728579}
.card-kind{display:flex;width:100%;align-items:center;justify-content:space-between;color:#4b5f53;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.card-kind .gear-icon{width:31px;height:31px;fill:none;stroke:#324c3d;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.gear-card h3{font-size:clamp(19px,2vw,25px);line-height:1.08;letter-spacing:-.044em;font-weight:780}
.gear-card p{font-size:13px;color:var(--muted);line-height:1.48}
.gear-card .note{font-size:12px;font-weight:650;color:#2d483b;margin-top:auto;padding-top:5px}
.card-link{color:var(--ink);font-size:12px;font-weight:780;border-top:1px solid var(--line);padding-top:10px;width:100%;display:flex;justify-content:space-between;gap:10px}
.card-link:hover,.underlink:hover{text-decoration:underline;text-underline-offset:4px}
.planner{background:var(--soft);border-block:1px solid var(--line)}
.planner-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(24px,8vw,125px);align-items:center}
.planner-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);margin-top:19px}
.calculator{margin-top:27px;max-width:420px;border-top:1px solid #9da99d}
.counter-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #b3bdb2;font-size:14px;font-weight:640}
.counter-row input{width:73px;min-height:40px;border:1px solid #8ba395;border-radius:4px;color:var(--ink);background:var(--white);padding:4px 10px}
.water-result{display:grid;gap:3px;margin-top:17px;line-height:1.22}
.water-result span{font-size:12px;font-weight:750}
.water-result output{font-size:44px;letter-spacing:-.064em;font-weight:810}
.water-result a{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.checklist{background:var(--white);border:1px solid #b9c6b9;border-radius:5px;padding:clamp(16px,3vw,35px)}
.check-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.check-head h3{font-size:clamp(18px,2vw,24px);letter-spacing:-.04em;line-height:1.1}
.check-head>span{white-space:nowrap;font-size:12px;font-weight:720}
progress{width:100%;height:7px;accent-color:#284f3d;margin:12px 0}
fieldset{border:0;margin:0 0 20px;padding:0;min-inline-size:0}
.check-item{padding-block:7px;display:flex;gap:9px;align-items:center;font-size:13px;border-bottom:1px solid #e7eae2;cursor:pointer}
.check-item input{width:17px;height:17px;margin:0;flex:0 0 17px;accent-color:#2d5843}
.check-item:has(input:checked) span{text-decoration:line-through;color:var(--muted)}
.seasonal{position:relative;isolation:isolate;overflow:hidden;background:#14241f;color:var(--white);min-height:485px;display:flex;align-items:center;padding-block:68px}
.seasonal-media{background:url('/assets/winter.webp') center 62%/cover no-repeat}
.seasonal::before{content:'';z-index:0;background:linear-gradient(90deg,#0b1717f5,#0b1717ac 53%,#0b171730)}
.seasonal-copy{position:relative}
.seasonal-copy>p:not(.eyebrow){margin:17px 0 23px;max-width:325px}
.underlink{font-size:13px;font-weight:780;display:inline-flex;align-items:center;gap:11px}
.guide-grid{border-top:1px solid #9dab9c;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.guide-link{position:relative;display:grid;gap:5px;padding:22px 30px 22px 0;border-bottom:1px solid var(--line);transition:color .2s}
.guide-link:hover{color:#944224}
.guide-link small{font-size:11px;letter-spacing:.065em;text-transform:uppercase;color:var(--muted);font-weight:760}
.guide-link strong{font-size:clamp(17px,2vw,25px);line-height:1.16;letter-spacing:-.035em}
.guide-link .guide-deck{font-size:13px;color:var(--muted)}
.guide-link .arrow{position:absolute;right:8px;top:45%;transition:transform .2s}
.guide-link:hover .arrow{transform:translate(3px,-3px)}
.footer{background:var(--dark);color:#d6e1d6;padding:45px 0 32px}
.footer-top{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:24px;align-items:start}
.footer .brand{color:var(--white)}
.footer p{font-size:13px;max-width:390px}
.footer-nav{display:grid;gap:8px;justify-content:end;font-size:13px;font-weight:630}
.footer a:hover{color:var(--orange)}
.footer-end{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px;padding-top:17px;border-top:1px solid #fffdf633;font-size:11px}
.footer-end a{display:inline-flex;align-items:center;gap:7px}
.footer-end img{filter:brightness(0) invert(1);width:77px;height:auto}
.inner-head,.reading{max-width:800px}
.inner-head{margin-bottom:36px}
.inner-head h1{font-size:clamp(42px,7vw,85px);font-weight:820;line-height:.97;letter-spacing:-.064em;margin:14px 0 18px}
.inner-head p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px}
.reading{font-size:16px;color:var(--muted);line-height:1.65}
.reading h2{font-size:clamp(25px,3.5vw,40px);line-height:1.08;letter-spacing:-.05em;margin:28px 0 8px;color:var(--ink)}
.reading p+p{margin-top:12px}
.reading a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.source-box{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}
.breadcrumb{display:inline-block;font-size:12px;font-weight:680;margin-bottom:22px}
@media(max-width:920px){:root{--wrap:calc(100% - 52px)}.navigation{gap:16px}.gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){:root{--wrap:calc(100% - 32px)}.header-inner{min-height:62px}.brand{font-size:17px}.brand img{width:31px;height:31px}#nav-toggle{display:block}.navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 16px;background:var(--dark);border-bottom:1px solid #fffdf640;flex-direction:column;align-items:stretch}.navigation.is-open{display:flex}.navigation a{min-height:34px;display:flex;align-items:center}.navigation .nav-cta{align-self:start}.hero{min-height:700px;min-height:max(630px,85svh);align-items:end}.hero-media img,.hero-media video{object-fit:cover;object-position:77% 46%}.hero-shade{background:linear-gradient(0deg,#091413 3%,#091413eb 22%,#09141390 53%,#09141314 92%)}.hero-copy{padding-bottom:83px}.hero h1{font-size:clamp(52px,10.3vw,78px);margin:19px 0}.hero-description{max-width:330px}.hero-bottom{bottom:15px}.section-head{align-items:start;flex-direction:column;gap:11px;margin-bottom:18px}.gear-controls{align-items:start;flex-direction:column;gap:7px}.filter-search,.filter-search input{width:100%}.gear-grid{gap:8px}.gear-card{padding:13px;min-height:235px}.gear-card h3{font-size:18px}.gear-card p{font-size:12px}.card-kind{font-size:9px}.card-kind .gear-icon{width:22px;height:22px}.planner-grid{grid-template-columns:1fr;gap:28px}.seasonal{min-height:430px}.seasonal-media{background-position:65% 50%}.seasonal::before{background:linear-gradient(90deg,#0b1717ed,#0b171770)}.guide-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-nav{justify-content:start;display:flex;flex-wrap:wrap;gap:14px}}
@media(max-width:350px){.gear-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-actions{gap:6px}.button{padding:10px 12px;gap:10px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.gear-card{padding:0;gap:0;min-height:0;overflow:hidden;align-items:stretch}
.gear-figure{margin:0;position:relative;background:#e9e1d4;isolation:isolate;overflow:hidden;aspect-ratio:1.12}
.gear-figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.gear-card:hover .gear-figure img{transform:scale(1.035)}
.gear-figure figcaption{position:absolute;bottom:7px;right:8px;background:#fffdf2e9;color:#39443b;padding:2px 6px;font-size:9px;font-weight:650;border-radius:2px}
.gear-body{padding:17px 20px 19px;min-height:220px;display:flex;flex:1;flex-direction:column;align-items:start;gap:9px}
.gear-body .gear-icon{width:24px;height:24px}
@media(min-width:1120px){.gear-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.gear-figure{aspect-ratio:1.07}.gear-body{padding:12px;min-height:225px}.gear-figure figcaption{font-size:8px;right:5px;bottom:5px}.gear-body .gear-icon{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important}}