:root{--ink:#213e35;--green:#234e42;--muted:#66756d;--cream:#faf8f2;--lime:#e7edbd;--line:#dce1d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b58d36;outline-offset:5px}img{display:block;max-width:100%;height:auto}.announcement{background:var(--green);color:#fff;text-align:center;padding:8px;font-size:12px;letter-spacing:1.5px}header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:28px;background:var(--cream);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-mark{font-size:47px;line-height:1;position:relative;margin-right:9px;font-family:Georgia,serif;letter-spacing:-5px}.brand-mark span{font-size:24px;position:absolute;right:-3px;top:11px;color:#8da794}.brand-dot{font-size:10px;margin:0 0 18px 3px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.small-cta{border:1px solid var(--ink);border-radius:30px;padding:10px 19px;font-size:13px;white-space:nowrap}.small-cta span{margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:75px 7% 45px 10%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(46px,4.9vw,78px)/1.06 Georgia,serif;letter-spacing:-2.3px;margin-bottom:26px}h1 em,h2 em{font-weight:normal;color:#5a7762}h2{font:normal clamp(34px,3.2vw,52px)/1.13 Georgia,serif;letter-spacing:-1.1px;margin-bottom:23px}h3{font-size:20px;line-height:1.3;margin-bottom:9px}.intro{max-width:430px;color:#53645a;font-size:16px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:#fff;padding:17px 25px;border-radius:5px;font-size:14px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#336352;transform:translateY(-2px)}.micro{font-size:9px;letter-spacing:1.5px;color:#718071;margin:17px 0 35px}.hero-notes{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:22px;max-width:430px;font-size:15px;font-weight:bold}.hero-notes small{font-size:11px;font-weight:normal;color:var(--muted)}.hero-photo{background:white;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo>img{width:100%;object-fit:contain;max-height:730px}.photo-label{position:absolute;bottom:25px;right:24px;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:12px 17px;font-size:11px;line-height:1.6;box-shadow:0 3px 15px #253d3520}.benefit-strip{display:flex;justify-content:space-around;gap:20px;padding:24px 5%;background:var(--lime);font-size:12px;letter-spacing:.5px}.section{max-width:1400px;margin:auto;padding:100px 6%}.shop{display:grid;grid-template-columns:1.07fr 1fr;gap:8%;align-items:start}.main-image{background:white;position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden}.main-image button{border:0;background:transparent;width:100%;padding:25px 15px 30px}.main-image img{width:100%;aspect-ratio:1/1;object-fit:contain}.image-tag{position:absolute;top:15px;left:16px;font-size:9px;letter-spacing:1.2px;background:var(--cream);padding:5px 10px;pointer-events:none}.zoom-hint{display:block;text-align:center;font-size:10px;margin:-20px 0 13px;color:var(--muted)}.thumbnails{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.thumbnails button{border:1px solid var(--line);padding:4px;background:#fff;border-radius:7px}.thumbnails button[aria-pressed=true]{border:2px solid var(--green);padding:3px}.thumbnails img{width:100%;aspect-ratio:1;object-fit:contain}.product-copy{padding-top:15px}.product-copy h2{font-size:clamp(34px,3vw,48px)}.product-name{font-weight:700;font-size:14px}.product-copy>p:not(.eyebrow):not(.product-name){color:var(--muted)}.option{margin:24px 0}.option-label{display:block;font-size:12px;margin-bottom:12px}.material-options{display:flex;gap:10px}.material-options button{border:1px solid #aebbb1;padding:11px 19px;border-radius:5px;background:transparent;font-size:13px}.material-options button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.swatches{display:flex;gap:13px}.swatches button{width:31px;height:31px;border-radius:50%;border:4px solid var(--cream);box-shadow:0 0 0 1px #b8c5bc}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--green)}.blue{background:#8bd0dc}.pink{background:#eeb5cb}.grey{background:#9a9e9e}.variant-description{font-size:12px;min-height:24px}.amazon{width:100%;background:#e8c477;color:#203c32}.amazon:hover{background:#e0b761}.purchase-note{font-size:11px;margin-top:11px;line-height:1.7}.product-points{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px}.outdoor{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding-top:20px}.outdoor-image{border-radius:150px 150px 10px 10px;overflow:hidden;background:#ece7db}.outdoor-image img{width:100%}.outdoor-copy p:not(.eyebrow){color:var(--muted);max-width:410px}.text-link{display:inline-block;font-weight:700;font-size:13px;border-bottom:1px solid var(--green);padding-bottom:6px;margin-top:10px}.section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p:last-child{color:var(--muted)}.how{border-top:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.instruction-image{border-radius:15px;overflow:hidden}.steps article{display:flex;gap:23px;padding:22px 0;border-bottom:1px solid var(--line)}.steps article>span{font:italic 27px Georgia,serif;color:#81956c}.steps p{font-size:14px;color:var(--muted);margin:0}.color-section{padding:75px 6%;background:#eaf0e6}.color-cards{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.color-cards a{background:white;border-radius:10px;overflow:hidden}.color-cards img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .2s}.color-cards a:hover img{transform:scale(1.02)}.color-cards a>div{display:flex;justify-content:space-between;padding:21px;font-size:12px;border-top:1px solid #edf0e9}.color-cards a>div span:first-child{font-weight:bold}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.faq>div>p:not(.eyebrow){color:var(--muted);max-width:270px}.faq details{border-bottom:1px solid #cdd6cb;padding:21px 0}.faq details:first-child{border-top:1px solid #cdd6cb}.faq summary{cursor:pointer;font-size:15px;font-weight:bold;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary:after{content:'+';font-weight:normal;font-size:20px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;margin:15px 25px 0 0}.closing{text-align:center;background:var(--green);color:#fff;padding:70px 20px}.closing h2{font-size:50px}.cream{background:var(--lime);color:var(--ink)}.cream:hover{background:#f1f4db}footer{padding:65px 6% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;font-size:13px}footer p{color:var(--muted);margin-top:15px}footer strong{display:block;margin-bottom:18px}footer>div>a:not(.brand){display:block;color:var(--muted);margin:8px 0}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:25px}dialog{border:0;border-radius:10px;padding:45px 12px 12px;max-width:90vw;max-height:95vh;background:#fff}dialog::backdrop{background:#0c261dc9}dialog img{max-height:80vh;width:auto;margin:auto}dialog button{position:absolute;right:15px;top:8px;border:0;background:transparent;font-size:14px}.legal{max-width:850px;margin:auto;padding:70px 25px}.legal h1{font-size:48px}.legal h2{font-size:27px;margin-top:35px}
@media(min-width:1600px){.hero{max-width:1700px;margin:auto}.hero-copy{padding-left:12%}}
@media(max-width:1050px){header{padding:0 4%;gap:12px}.brand{font-size:21px}nav{gap:18px;font-size:12px}.small-cta{display:none}.hero-copy{padding:55px 8%}.hero{min-height:0}.hero-notes{gap:18px}.hero-photo>img{height:100%;object-fit:contain}.section{padding:70px 5%}.shop{gap:5%}.product-points{grid-template-columns:1fr}.hero-notes span{font-size:12px}.hero-notes small{font-size:10px}.color-cards a>div{display:block}.color-cards a>div span{display:block}}
@media(max-width:700px){html{scroll-padding-top:90px}.announcement{font-size:10px;padding:7px}header{height:auto;min-height:82px;flex-wrap:wrap;justify-content:center;padding:10px 15px;gap:8px}.brand{font-size:23px}.brand-mark{font-size:36px}.brand-mark span{font-size:18px;top:9px}.brand-dot{margin-bottom:10px}nav{width:100%;justify-content:center;gap:20px;font-size:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 7% 25px}.hero h1{font-size:51px;letter-spacing:-1.7px}.hero-copy .intro{font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero-notes{justify-content:space-between;margin-top:20px}.micro{margin-bottom:15px}.hero-photo>img{max-height:none;aspect-ratio:1;object-fit:contain}.photo-label{font-size:10px;bottom:14px;right:14px}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:16px;padding:22px 6%}.section{padding:55px 6%}.shop,.outdoor,.how-grid,.faq{grid-template-columns:1fr;gap:32px}.product-copy{padding-top:3px}.product-copy h2{font-size:39px}.product-copy>p{font-size:14px}.product-points{grid-template-columns:1fr 1fr}.outdoor{padding-top:10px}.outdoor-image{border-radius:90px 90px 10px 10px}.outdoor-copy h2{font-size:44px}.outdoor-copy p{font-size:14px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:36px}.section-heading>p:last-child{font-size:14px}.steps article{padding:17px 0}.steps h3{font-size:18px}.color-section{padding:50px 6%}.color-cards{gap:13px;grid-template-columns:1fr}.color-cards a{display:grid;grid-template-columns:42% 58%;align-items:center}.color-cards a>div{border:0;font-size:14px;padding:15px}.color-cards a>div span:last-child{font-size:11px;margin-top:8px}.faq{gap:5px}.faq>div>p:not(.eyebrow){max-width:100%}.closing h2{font-size:41px}footer{grid-template-columns:1fr 1fr;padding:45px 7% 20px;gap:25px}footer>div:first-child{grid-column:1/-1}.footer-bottom{display:block;margin-top:0}.footer-bottom span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
