@font-face{font-family:Fredoka;src:url('assets/Fredoka-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Fredoka;src:url('assets/Fredoka-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/NunitoSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/NunitoSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#1c1e1c;--green:#7cbc2c;--mint:#eff7e4;--deep:#365b19;--paper:#fff;--line:#d9dfd4;--accent:#4c732d;--tint:#eff7e4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:white;font-family:Nunito,Arial,sans-serif;font-size:17px;line-height:1.6}button,a,input{touch-action:manipulation}button{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #365b19;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fredoka,Arial,sans-serif;line-height:1.04;font-weight:600;letter-spacing:-.035em}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.site-header{height:105px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:20;border-bottom:1px solid #f1f2ed}.brand{width:100px;height:100px;flex-shrink:0}.brand img{width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:34px;font-weight:700;font-size:15px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--deep)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:100px;padding:15px 24px;border:1px solid var(--ink);font-weight:700;font-size:15px;line-height:1.35;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:var(--mint)}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:var(--deep)}.header-shop{padding:12px 22px}.hero{display:grid;grid-template-columns:49% 51%;min-height:calc(100svh - 105px);overflow:hidden}.hero-copy{background:var(--mint);padding:clamp(40px,6vw,100px) 8% 30px 10.2%;display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.5}.hero h1{font-size:clamp(54px,5.9vw,98px);letter-spacing:-.05em;line-height:1.04;margin:38px 0 26px;white-space:nowrap}.hero h1 span{color:var(--deep)}.hero-description{font-size:clamp(17px,1.4vw,22px);line-height:1.55;margin-bottom:34px}.hero-bottom{display:flex;justify-content:space-between;width:100%;gap:20px;margin-top:auto;padding-top:60px;font-size:12px}.chapter{font-size:11px;letter-spacing:.09em}.scroll-cue{white-space:nowrap}.scroll-cue span{margin-left:10px}.hero-scene{position:relative;overflow:hidden;background:#edf0e8;min-height:630px}.hero-scene>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:70% center;will-change:transform;animation:camera-drift 16s ease-in-out infinite alternate}.motion-toggle{position:absolute;bottom:28px;right:28px;background:rgba(255,255,255,.92);color:var(--ink);border:0;border-radius:30px;padding:10px 17px;font-size:13px;box-shadow:0 4px 20px #1c1e1c0a}.motion-toggle span{margin-left:12px}@keyframes camera-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.09) translateX(-1%)}}.story{padding:130px 8%;text-align:center;position:relative;background:white}.story h2{font-size:clamp(40px,5.5vw,80px);margin:34px 0;line-height:1.08}.story h2 span{color:var(--deep)}.story>p:not(.eyebrow){font-size:20px}.text-link{display:inline-flex;gap:24px;border-bottom:1px solid var(--ink);padding:10px 0;font-weight:700;font-size:15px;margin-top:25px}.range{padding:80px 5% 100px;background:var(--tint);transition:background .7s ease}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:44px}.section-heading h2{font-size:clamp(38px,4.3vw,66px);width:60%}.section-heading .eyebrow{padding-top:14px}footer{padding:45px 5% 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:white}footer p{font:600 27px Fredoka;letter-spacing:-.03em}.footer-logo{width:110px;height:110px}.footer-logo img{width:100%;height:100%}footer>a:not(.footer-logo){font-size:15px;font-weight:700}footer small{width:100%;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off{scroll-behavior:auto}.motion-off .hero-scene>img{transform:none!important}
.category-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #1c1e1c25;padding-bottom:20px;margin-bottom:34px}.category-tabs button{border:1px solid transparent;background:transparent;border-radius:40px;padding:12px 20px;font-size:14px;font-weight:700;color:var(--ink)}.category-tabs button[aria-selected=true]{background:var(--ink);color:white}.category-tabs button:hover:not([aria-selected=true]){background:#ffffff80;border-color:#1c1e1c40}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.product-visual{background:#fff;border-radius:3px;padding:24px 28px 22px;min-width:0;position:relative;overflow:hidden}.stage-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}.product-zoom{display:block;width:100%;height:460px;position:relative;background:white;border:0;padding:15px;overflow:hidden}.product-zoom img{width:100%;height:100%;object-fit:contain;transition:transform .1s linear}.zoom-label{position:absolute;right:0;bottom:15px;display:flex;align-items:center;gap:14px;padding:8px 13px;background:#fff;border:1px solid #ddd;border-radius:30px;font-size:12px}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Fredoka;font-size:24px}.round-button{background:white;border:1px solid #d9dfd4;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:24px Nunito;color:var(--ink);flex-shrink:0}.round-button:hover{background:var(--mint)}.round-button:disabled{opacity:.25;cursor:default}.product-copy{padding:30px 0;min-width:0}.product-copy h3{font-size:clamp(34px,3.5vw,54px);margin:20px 0;max-width:520px}.product-description{font-size:17px;max-width:460px;line-height:1.65}.variant-fieldset,.size-fieldset{border:0;padding:0;margin:28px 0 0}.variant-fieldset legend,.size-fieldset legend{font-size:14px;font-weight:700;padding:0;margin-bottom:14px}.variant-fieldset legend>span{font-weight:400;margin-left:15px}.variant-options{display:flex;gap:10px;flex-wrap:wrap}.variant-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;cursor:pointer;width:70px;font-size:12px;text-align:center;line-height:1.35}.variant-option input,.size-option input{position:absolute;opacity:0;width:1px;height:1px}.swatch{display:block;width:35px;height:35px;border-radius:50%;background:var(--swatch);border:4px solid var(--tint);outline:1px solid transparent;transition:transform .2s}.variant-option input:checked+.swatch{outline-color:var(--ink);transform:scale(1.12)}.variant-option:has(input:focus-visible){outline:3px solid var(--deep);outline-offset:5px;border-radius:4px}.size-options{display:flex;gap:10px}.size-option{position:relative;cursor:pointer}.size-option>span{display:block;border:1px solid #1c1e1c55;border-radius:35px;padding:9px 22px;font-size:14px}.size-option input:checked+span{background:white;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.size-option input:focus-visible+span{outline:3px solid var(--deep);outline-offset:4px}.product-shop{margin-top:28px;min-width:270px}.shop-note{font-size:12px;margin-top:12px;color:#51564e}.selection-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.range-ending{padding:95px 0 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.range-ending p{font:600 clamp(30px,3.6vw,52px)/1.08 Fredoka;letter-spacing:-.035em}.range-ending p span{color:var(--deep)}dialog{border:0;border-radius:12px;padding:25px;width:min(90vw,740px);max-height:92svh;overflow:auto;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#152013a6;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top h2{font-size:32px}dialog>img{width:100%;height:65svh;object-fit:contain;margin:15px 0}dialog>p{font-size:15px;text-align:center}.image-arrive{animation:image-arrive .55s ease both}@keyframes image-arrive{from{opacity:.3;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(min-width:1700px){.hero-copy{padding-top:110px}.hero h1{font-size:110px}.product-zoom{height:580px}}
@media(max-width:950px){.product-layout{gap:5%}.product-zoom{height:360px;padding:8px}.product-visual{padding:20px}.variant-options{gap:7px}.variant-option{width:62px}.category-tabs button{padding:10px 15px}.product-copy h3{font-size:37px}.range-ending{padding-top:70px}.range-ending .button{max-width:250px}.variant-fieldset legend>span{display:block;margin-left:0;margin-top:4px}}
@media(max-width:650px){.category-tabs{gap:7px;padding-bottom:22px;margin-bottom:24px}.category-tabs button{padding:9px 13px;font-size:12px}.product-layout{display:flex;flex-direction:column;gap:0}.product-visual{width:100%;padding:18px}.product-zoom{height:350px}.product-copy{padding:32px 3% 0;width:100%}.product-copy h3{font-size:39px}.product-description{font-size:16px}.variant-option{width:59px;font-size:11px}.variant-options{justify-content:flex-start;gap:8px}.variant-fieldset legend>span{display:inline;margin-left:10px}.size-fieldset{margin-top:23px}.product-shop{width:100%}.shop-note{text-align:center}.range-ending{display:block;padding-top:65px;text-align:center}.range-ending p{font-size:37px}.range-ending .button{max-width:100%;margin-top:25px}.stage-top{font-size:10px}.stage-bottom{font-size:23px}.dialog-top h2{font-size:26px}dialog{padding:18px}}
@media(max-width:950px){.site-header{padding:0 4%;height:90px}.brand{width:85px;height:85px}.hero{min-height:650px;grid-template-columns:50% 50%}.hero h1{font-size:clamp(45px,6.2vw,60px)}.hero-copy{padding:50px 7% 25px}.hero .button{font-size:13px;gap:14px;padding:15px 19px}.hero-bottom .chapter{display:none}.hero-scene{min-height:650px}.site-header nav{gap:20px;font-size:14px}.story{padding:100px 5%}}
@media(max-width:650px){html{scroll-padding-top:25px}.site-header{height:82px;padding:0 5%}.brand{height:78px;width:78px}.site-header nav{display:none}.header-shop{font-size:13px;padding:11px 16px;gap:15px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:36px 7% 30px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(46px,12vw,75px);margin:24px 0 18px;white-space:normal}.hero-description{font-size:17px;margin-bottom:23px}.hero-description br{display:none}.hero .button{font-size:14px;padding:14px 20px}.hero-bottom{display:none}.hero-scene{min-height:390px;height:53svh;max-height:560px}.hero-scene>img{object-position:71% center}.motion-toggle{right:18px;bottom:18px}.story{padding:76px 7%}.story h2{font-size:39px;margin:25px 0}.story>p:not(.eyebrow){font-size:17px}.range{padding:55px 5% 60px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:43px;width:100%;margin-top:22px}footer{justify-content:center;text-align:center;gap:8px;padding-top:25px}footer p,footer>a:not(.footer-logo){width:100%}footer small{margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-scene>img{transform:none!important}}
