/* Forest Vital — a botanical field guide. Original interface, October 2026. */
:root{--forest:#26372c;--olive:#556245;--ivory:#f7f5ee;--white:#fffef9;--sand:#e9e4d6;--copper:#9b5433;--muted:#61675d;--line:#d7d8cc;--control:#85917d;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--label:'Manrope',Arial,sans-serif;--space:8px;--ease:cubic-bezier(.2,.65,.3,1);--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--ivory);color:var(--forest);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(34px,4vw,52px)}h1 em,h2 em{font-weight:400;color:var(--olive)}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:100;left:16px;top:-100px;background:var(--forest);color:var(--ivory);padding:16px 24px}.skip:focus{top:16px}.topline{padding:9px 4.5%;background:var(--forest);color:var(--ivory);display:flex;justify-content:space-between;gap:16px;font:500 10px/1.5 var(--label);letter-spacing:.12em}.preview-tag{letter-spacing:.02em}.site-header{position:sticky;top:0;z-index:20;background:var(--ivory);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:98px;padding:16px 4.5%}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:32px;height:42px;stroke-width:1.5}.brand>span{display:flex;flex-direction:column;font:650 17px/.98 var(--label);letter-spacing:.12em}.brand>span>span{font-size:24px;letter-spacing:.18em;margin-top:6px}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.site-header nav a{min-height:44px;display:flex;align-items:center;position:relative}.site-header nav a::after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:100%;background:var(--copper);transition:right .2s}.site-header nav a:hover::after{right:0}.header-tools{display:flex;align-items:center;gap:8px}.icon-control,.close-control{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;transition:background .2s}.icon-control:hover,.close-control:hover{background:var(--sand)}[data-symbol]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bag-control{display:flex;gap:9px;align-items:center;min-height:44px;font-size:14px;padding-inline:6px}.count{display:inline-flex;align-items:center;justify-content:center;background:var(--forest);color:var(--ivory);height:21px;min-width:21px;font-size:11px;line-height:1;border-radius:50%;font-family:var(--label)}.saved-header .count{position:absolute;right:0;top:0}.hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:660px}.hero-copy{padding:76px 9.5% 48px;align-self:center}.eyebrow{font:600 10px/1.7 var(--label);letter-spacing:.13em;text-transform:uppercase;color:var(--olive)}.hero h1{font-size:clamp(44px,4.8vw,70px);margin:24px 0;max-width:680px}.hero-copy>p{font-size:17px;line-height:1.8;max-width:420px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:50px;padding:14px 22px;border:1px solid transparent;border-radius:3px;font-size:14px;font-weight:550;line-height:1.5;transition:background .2s,transform .2s,color .2s;text-align:center}.button svg{width:20px;height:20px}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.primary{background:var(--forest);color:var(--ivory)}.primary:hover{background:#40573e}.secondary{border-color:var(--forest);color:var(--forest)}.secondary:hover{background:var(--sand)}.hero-copy>.button{margin-top:32px}.hero-foot{display:flex;align-items:center;gap:24px;margin-top:64px;font-size:12px;line-height:1.5;color:var(--muted)}.hero-index{font:500 13px var(--label);border-right:1px solid var(--control);padding-right:24px;color:var(--copper)}.hero-visual{position:relative;min-height:660px;overflow:hidden;background:var(--sand)}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-caption{position:absolute;bottom:36px;left:36px;display:flex;gap:12px;align-items:center;background:rgba(247,245,238,.93);padding:14px 20px;color:var(--forest);font:500 10px/1.7 var(--label);letter-spacing:.07em}.hero-caption b{font-family:var(--serif);font-size:19px;letter-spacing:-.02em;font-weight:400}.round-mark svg{width:34px;height:34px}.image-index{position:absolute;right:20px;top:28px;font:500 10px/1.4 var(--label);letter-spacing:.16em;writing-mode:vertical-rl;color:var(--forest);background:rgba(247,245,238,.8);padding:12px 8px}.principle-strip{display:flex;align-items:center;justify-content:center;gap:80px;border-bottom:1px solid var(--line);padding:22px 24px;background:#efeee5}.principle-strip>span{display:flex;align-items:center;gap:12px;font-size:13px}.principle-strip svg{width:23px;height:23px}.section{max-width:1400px;padding:96px max(40px,calc((100vw - 1200px)/2));margin:auto}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-top .eyebrow{margin-bottom:20px}.section-top>p{font-size:15px;color:var(--muted);line-height:1.8}.collection-utility{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:40px 0 24px}.searchbox{display:flex;align-items:center;gap:12px;max-width:520px;flex:1;border:1px solid var(--control);background:var(--white);padding:0 16px;min-height:52px;border-radius:3px}.searchbox:focus-within{outline:2px solid var(--copper);outline-offset:2px}.searchbox input{border:0;background:none;outline:none;min-width:0;width:100%;height:50px;font-size:16px}.searchbox input:focus-visible{outline:none}.searchbox svg{width:20px;height:20px}.sortbox{display:flex;align-items:center;gap:12px;font-size:13px}.sortbox>span:first-child{color:var(--muted)}.sortbox select{appearance:none;border:0;background:none;min-height:48px;padding:8px 0;max-width:160px;font-size:14px;cursor:pointer}.sortbox svg{width:16px;height:16px}.category-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}.category-row button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;border:1px solid var(--line);border-radius:3px;white-space:nowrap;font-size:13px;transition:background .2s}.category-row button.selected{background:var(--forest);color:var(--ivory);border-color:var(--forest)}.category-row button:hover:not(.selected){background:var(--sand)}.category-row small{font-size:11px}.category-row svg{width:17px;height:17px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;font-size:12px;color:var(--muted);margin-bottom:12px}.text-button{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:14px;font-weight:500}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.text-button svg{width:18px;height:18px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}.product-card{min-width:0;display:flex;flex-direction:column}.card-art{position:relative;aspect-ratio:1;overflow:hidden;background:var(--sand);border-radius:3px}.card-image{width:100%;height:100%;display:block}.card-image img{height:100%;object-fit:cover;transition:transform .6s var(--ease)}.card-image:hover img{transform:scale(1.04)}.card-number{position:absolute;left:16px;top:16px;font:500 10px var(--label);padding:5px 8px;background:rgba(247,245,238,.92);color:var(--forest);pointer-events:none}.save-product{position:absolute;right:10px;top:10px;background:rgba(247,245,238,.94);border-radius:50%}.save-product.saved{background:var(--forest);color:var(--ivory)}.save-product.saved svg{fill:currentColor;fill-opacity:.15}.card-body{padding-top:20px;display:flex;flex-direction:column;flex:1}.card-category{font:500 12px/1.5 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin-bottom:8px}.card-title{font-family:var(--serif);font-size:28px;letter-spacing:-.025em;line-height:1.25}.card-title button{font:inherit;text-align:left;min-height:44px}.card-title button:hover{text-decoration:underline;text-underline-offset:5px}.card-subtitle{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.7}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}.card-price{display:block;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.card-package{display:block;font-size:12px;color:var(--muted);margin-top:6px}.card-add{width:48px;height:48px;border:1px solid var(--forest);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.card-add:hover{background:var(--forest);color:var(--ivory)}.collection-note{display:flex;gap:12px;align-items:flex-start;margin-top:52px;padding:20px 24px;background:#edece2;border-left:2px solid var(--olive)}.collection-note p{font-size:12px;line-height:1.8;color:var(--muted)}.collection-note svg{width:20px;height:20px;margin-top:2px}.selection-guide{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--line)}.guide-intro .eyebrow{margin-bottom:24px}.guide-intro>p:not(.eyebrow){margin-top:24px;color:var(--muted);font-size:16px;line-height:1.8}.guide-intro .text-button{margin-top:24px}.guide-steps article{display:flex;gap:20px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--line)}.guide-steps article:first-child{padding-top:0}.step-number{color:var(--copper);font:500 12px/1.6 var(--label);padding-top:6px}.guide-steps h3{font-family:var(--serif);font-size:25px;letter-spacing:-.02em;margin-bottom:10px;line-height:1.3}.guide-steps p{font-size:14px;color:var(--muted);line-height:1.85}.guide-steps article>[data-symbol]{margin-left:8px}.guide-steps svg{width:26px;height:26px}.brand-story{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:var(--ivory);min-height:600px}.story-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#354b38;color:#adba96}.story-art>svg{width:min(80%,440px);height:auto;stroke-width:.7;opacity:.65}.story-art>span{position:absolute;bottom:56px;font:500 10px var(--label);letter-spacing:.26em}.story-copy{padding:80px 12%;align-self:center}.story-copy .eyebrow{color:#bec9b1;margin-bottom:24px}.story-copy h2 em{color:#d2c7aa}.story-copy>p:not(.eyebrow){color:#d2d7cb;font-size:16px;line-height:1.9;margin-top:24px;max-width:480px}.story-signature{display:block;font-family:var(--serif);font-style:italic;font-size:21px;color:#d2c7aa;margin-top:32px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq .eyebrow{margin-bottom:24px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;font-size:16px;font-weight:500;line-height:1.6}summary::-webkit-details-marker{display:none}summary svg{width:18px;height:18px}details[open]>summary [data-symbol=plus]{transform:rotate(45deg)}.faq-list p{font-size:15px;color:var(--muted);line-height:1.9;padding:0 36px 24px 0}.footer{padding:56px 4.5% 24px;background:#e8e8dc}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:48px}.footer-top>p{font-family:var(--serif);font-size:32px;line-height:1.2;letter-spacing:-.03em}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:13px}.footer nav a,.footer nav button{min-height:44px;text-align:left}.footer nav a:hover,.footer nav button:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid #c9ccbd;padding-top:24px;color:var(--muted);font-size:12px}.footer-bottom>p{max-width:840px;line-height:1.8}.footer-bottom>div{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:11px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--forest);color:var(--ivory);padding:16px 24px;z-index:100;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 8px 24px #0002;opacity:0;visibility:hidden;font-size:14px;border-radius:4px;transition:opacity .2s,transform .2s,visibility .2s}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}dialog{border:0;background:var(--ivory);color:var(--forest);padding:32px;max-height:calc(100dvh - 48px);box-shadow:0 24px 100px #0003;overscroll-behavior:contain}dialog::backdrop{background:#14271dcc;backdrop-filter:blur(4px)}dialog[open]{animation:dialog-in .25s var(--ease)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.dialog-heading h2{font-size:40px}.dialog-heading .eyebrow{margin-bottom:10px}.close-control{position:absolute;right:16px;top:16px;z-index:3;background:rgba(247,245,238,.96)}.product-dialog{width:1100px;padding:0}.detail-layout{display:grid;grid-template-columns:45% 55%}.detail-art{background:var(--sand);position:sticky;top:0;align-self:start}.detail-art img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.detail-art-note{padding:20px 24px;font:500 10px/1.5 var(--label);letter-spacing:.12em}.detail-copy{padding:48px 40px}.detail-copy .eyebrow{padding-right:24px}.detail-copy h2{font-size:46px;line-height:1.1;margin:16px 0}.detail-subtitle{color:var(--copper);font-size:14px;margin-bottom:20px}.detail-description{font-size:16px;color:var(--muted);line-height:1.9}.detail-purchase{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 24px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-price{font-size:26px;font-weight:500;letter-spacing:-.03em}.detail-price small{display:block;font-size:12px;color:var(--muted);margin-top:6px;letter-spacing:0;font-weight:400}.qty{display:inline-flex;align-items:center;border:1px solid var(--control);border-radius:3px;min-height:44px}.qty button{height:44px;width:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.qty button:hover{background:var(--sand)}.qty svg{width:17px;height:17px}.qty span{min-width:28px;text-align:center;font-size:14px}.detail-add{width:100%;justify-content:space-between}.detail-note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0 24px}.product-accordions details{border-top:1px solid var(--line)}.product-accordions summary{min-height:62px;font-size:15px}.product-accordions details>p,.ingredients-list{font-size:14px;line-height:1.9;color:var(--muted);margin:0;padding:0 0 20px;white-space:pre-line}.ingredients-list{list-style:none}.ingredients-list li{padding:5px 0;border-bottom:1px solid var(--line)}.ingredients-list li:last-child{border:0}.detail-mobile-buy{display:none}.drawer{position:fixed;inset:0 0 0 auto;width:540px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:32px;overflow:auto}.empty{padding:48px 16px;text-align:center;grid-column:1/-1}.empty>svg{width:44px;height:44px;margin-bottom:24px;color:var(--olive)}.empty h3{font-family:var(--serif);font-size:32px;line-height:1.25;margin-bottom:16px}.empty p{font-size:15px;color:var(--muted);line-height:1.8}.empty .button{margin-top:24px}.cart-item{display:grid;grid-template-columns:76px 1fr auto;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:76px;height:76px;overflow:hidden;border-radius:3px}.cart-thumb img{height:100%;object-fit:cover}.cart-item h3{font-family:var(--serif);font-size:23px;line-height:1.25}.cart-item small{font-size:12px;color:var(--muted);display:block;margin:6px 0 12px}.cart-item .qty{min-height:44px}.cart-end{text-align:right;display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;font-size:16px;font-weight:500}.cart-end button{font-size:12px;font-weight:400;text-decoration:underline;min-height:44px;display:flex;align-items:center}.cart-summary{margin-top:28px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:14px;padding:10px 0}.summary-row.total{font-size:23px;border-top:1px solid var(--line);margin-top:10px;padding-top:20px}.summary-row.total strong{font-weight:500}.cart-summary>.button{width:100%;justify-content:space-between;margin-top:20px}.demo-note{padding:16px;background:#eae8dc;color:var(--muted);font-size:12px;line-height:1.8;margin:20px 0}.cart-summary>.text-button{justify-content:center;width:100%}.checkout-dialog{width:760px}.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;font-size:12px;color:var(--muted)}.checkout-steps>span{border-bottom:2px solid var(--line);padding-bottom:12px}.checkout-steps .active{border-color:var(--forest);color:var(--forest);font-weight:600}.checkout-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.checkout-form label{font-size:14px;font-weight:500}.checkout-form input,.checkout-form select{display:block;margin-top:8px;min-height:50px;width:100%;padding:12px 14px;background:var(--white);border:1px solid var(--control);border-radius:3px;font-size:16px}.full{grid-column:1/-1}.checkout-form>.button{margin-top:8px;justify-content:space-between}.checkout-subtitle{font-family:var(--serif);font-size:26px;margin:28px 0 16px}.choice-list{display:grid;gap:12px}.choice-list label{display:flex;align-items:center;gap:14px;min-height:90px;padding:16px;border:1px solid var(--control);cursor:pointer}.choice-list label:has(input:checked){border-color:var(--forest);background:#e8ecdf;box-shadow:inset 0 0 0 1px var(--forest)}.choice-list input{accent-color:var(--forest);width:20px;height:20px;flex-shrink:0}.choice-list span{font-size:15px;flex:1}.choice-list small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}.choice-list b{font-size:14px;font-weight:500}.checkout-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px}.checkout-actions .button{gap:16px}.review-address{padding:20px;background:#ecece1;font-size:14px;line-height:1.9;margin:24px 0;overflow-wrap:anywhere}.checkout-success{text-align:center;padding:32px 0}.checkout-success>svg{width:56px;height:56px;padding:14px;background:#e1e9d7;border-radius:50%;margin-bottom:24px}.checkout-success h3{font-family:var(--serif);font-size:40px;line-height:1.2;margin:20px 0}.checkout-success p{font-size:16px;color:var(--muted);line-height:1.8}.checkout-success .button{margin-top:28px}.privacy-dialog{width:600px}.privacy-dialog>p{margin:16px 0;color:var(--muted);line-height:1.9}.privacy-dialog>.button{margin-top:16px}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.section{max-width:1400px;padding-inline:100px}}
@media(max-width:1100px){.site-header{padding-inline:32px;gap:20px}.site-header nav{gap:20px}.bag-word{display:none}.hero{grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:56px 8%}.hero h1{font-size:52px}.hero-visual{min-height:600px}.hero-foot{margin-top:40px}.principle-strip{gap:40px}.section{padding:72px 40px}.product-grid{gap:36px 20px}.card-title{font-size:25px}.selection-guide,.faq{gap:48px}.story-copy{padding:64px 9%}.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.topline{padding-inline:24px}.topline>span:first-child{font-size:9px;letter-spacing:.08em}.site-header{min-height:88px;padding:14px 24px;flex-wrap:wrap;gap:8px}.brand-symbol{height:36px;width:28px}.brand>span{font-size:14px}.brand>span>span{font-size:20px}.site-header nav{order:3;flex-basis:100%;justify-content:center;gap:32px;font-size:13px;border-top:1px solid var(--line);padding-top:4px;margin-top:4px}.site-header nav a{min-height:40px}.hero{grid-template-columns:1fr 1fr;min-height:550px}.hero-copy{padding:44px 24px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-visual{min-height:550px}.hero-caption{left:16px;bottom:20px;right:16px;padding:12px}.hero-caption b{font-size:16px}.round-mark svg{width:27px;height:27px}.hero-foot{gap:16px;font-size:11px;margin-top:36px}.hero-index{padding-right:16px;font-size:11px}.principle-strip{gap:24px;padding:20px}.principle-strip>span{gap:8px;font-size:11px}.principle-strip svg{width:20px;height:20px}.section{padding:64px 28px}.section-top{gap:24px}.section-top>p{font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.selection-guide{grid-template-columns:1fr;gap:40px}.guide-intro h2 br{display:none}.guide-intro h2{max-width:520px}.guide-steps article{gap:20px}.guide-steps h3{font-size:25px}.brand-story{min-height:480px}.story-copy{padding:48px 28px}.story-copy h2{font-size:38px}.story-copy>p:not(.eyebrow){font-size:14px}.story-art>span{bottom:32px;font-size:8px}.faq{grid-template-columns:1fr;gap:32px}.faq h2 br{display:none}.detail-layout{grid-template-columns:42% 58%}.detail-copy{padding:56px 28px 32px}.detail-copy h2{font-size:36px}.detail-description{font-size:15px}.detail-purchase{gap:16px}.detail-price{font-size:23px}.product-dialog{max-width:calc(100vw - 32px)}.detail-art-note{font-size:8px}.detail-copy .eyebrow{font-size:9px}.detail-art{top:0}.hero-copy>.button{font-size:13px;gap:16px;padding-inline:16px}.image-index{display:none}}
@media(max-width:600px){html{scroll-padding-top:125px}.topline{padding:8px 20px;justify-content:center}.topline>span:first-child{display:none}.preview-tag{font-size:10px}.site-header{padding:10px 20px 4px;min-height:108px}.site-header nav{gap:24px;justify-content:space-between;font-size:12px;padding-top:0;margin-top:0}.site-header nav a{min-height:40px}.brand{gap:8px}.brand-symbol{width:25px;height:33px}.brand>span{font-size:12px;letter-spacing:.12em}.brand>span>span{font-size:17px;margin-top:5px}.header-tools{gap:2px}.saved-header,.bag-word{display:none}.bag-control{gap:6px}.bag-control .count{height:20px;min-width:20px;font-size:10px}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 24px 28px}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(40px,10.5vw,58px);margin:18px 0 20px;line-height:1.13}.hero-copy>p{font-size:15px;line-height:1.8;max-width:440px}.hero-copy>.button{margin-top:24px;min-height:50px;font-size:14px;padding-inline:20px}.hero-foot{display:none}.hero-visual{min-height:350px;height:350px}.hero-visual>img{object-position:center 60%}.hero-caption{left:20px;right:auto;bottom:20px;padding:10px 14px;font-size:8px}.hero-caption b{font-size:16px}.hero-caption .round-mark svg{width:25px;height:25px}.principle-strip{padding:20px;gap:20px;justify-content:flex-start;overflow-x:auto}.principle-strip>span{font-size:12px;white-space:nowrap;min-width:max-content}.principle-strip svg{width:20px;height:20px}.section{padding:56px 20px}.section-top{display:block;margin-bottom:28px}.section-top .eyebrow{font-size:9px;margin-bottom:16px}.section-top h2{font-size:36px;line-height:1.15}.section-top>p{font-size:14px;margin-top:20px;line-height:1.8}.section-top>p br{display:none}.collection-utility{display:grid;gap:14px;margin-top:28px;margin-bottom:18px}.searchbox{width:100%;max-width:none;min-height:50px;padding-inline:14px}.searchbox input{font-size:16px;height:48px}.sortbox{justify-self:end;font-size:12px}.sortbox select{min-height:44px;font-size:13px}.category-row{margin-inline:-20px;padding-inline:20px;gap:8px;scrollbar-width:none;padding-bottom:4px}.category-row::-webkit-scrollbar{display:none}.category-row button{min-height:44px;padding:10px 14px;font-size:12px}.result-row{font-size:12px;min-height:56px;margin-bottom:8px}.result-row .text-button{font-size:12px;gap:6px}.result-row svg{width:15px;height:15px}.product-grid{gap:32px 14px}.card-art{border-radius:2px}.card-number{font-size:8px;top:10px;left:10px;padding:4px 6px}.save-product{right:4px;top:4px;width:44px;height:44px;min-width:44px}.save-product svg{width:19px;height:19px}.card-body{padding-top:14px}.card-category{font-size:12px;letter-spacing:0;min-height:36px;margin-bottom:2px;line-height:1.5}.card-title{font-size:24px;line-height:1.2}.card-title button{min-height:44px}.card-subtitle{font-size:12px;margin-top:6px;line-height:1.6;min-height:38px}.card-bottom{padding-top:16px;gap:8px;align-items:center}.card-price{font-size:19px;white-space:nowrap}.card-package{font-size:12px;line-height:1.4;margin-top:6px}.card-add{width:44px;min-width:44px;height:44px}.card-add svg{width:21px;height:21px}.collection-note{margin-top:36px;padding:16px;gap:10px}.collection-note p{font-size:12px;line-height:1.8}.collection-note svg{width:18px;height:18px}.selection-guide{gap:32px}.guide-intro h2{font-size:36px;line-height:1.15}.guide-intro>p:not(.eyebrow){font-size:15px;margin-top:20px}.guide-intro .eyebrow,.faq .eyebrow{font-size:9px;margin-bottom:16px}.guide-steps article{padding:24px 0;gap:14px}.guide-steps h3{font-size:23px}.guide-steps p{font-size:14px;line-height:1.85}.guide-steps article>[data-symbol]{display:none}.step-number{font-size:11px}.brand-story{display:flex;flex-direction:column}.story-art{height:310px;min-height:310px}.story-art>svg{width:290px;height:290px}.story-art>span{bottom:26px}.story-copy{padding:40px 24px 48px}.story-copy h2{font-size:38px}.story-copy .eyebrow{font-size:9px;margin-bottom:20px}.story-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:20px}.story-signature{font-size:19px;line-height:1.5;margin-top:24px}.faq{gap:24px}.faq h2{font-size:36px;line-height:1.15}.faq summary{font-size:15px;min-height:76px;padding-block:18px}.faq-list p{font-size:14px;padding-right:24px}.footer{padding:40px 24px calc(110px + env(safe-area-inset-bottom))}.footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.footer-top>p{font-size:29px}.footer-top nav{grid-column:auto;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:12px}.footer-bottom{font-size:12px;padding-top:24px}.footer-bottom>div{display:grid;gap:8px;font-size:11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;background:rgba(247,245,238,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:7px 12px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.mobile-nav>a,.mobile-nav>button{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:51px;font-size:11px;color:var(--muted)}.mobile-nav svg{width:23px;height:23px}.mobile-nav .count{position:absolute;top:0;left:calc(50% + 7px);height:17px;min-width:17px;font-size:9px}.mobile-nav>a:hover,.mobile-nav>button:hover{color:var(--forest);background:#e6e9dd}.toast{bottom:calc(80px + env(safe-area-inset-bottom));font-size:13px;padding:14px 18px}body:has(dialog[open]) .mobile-nav{display:none}dialog{max-height:100dvh;max-width:100vw;padding:24px;margin:0;width:100%;height:100dvh}.dialog-heading h2{font-size:35px}.dialog-heading{gap:16px;margin-bottom:24px}.dialog-heading .eyebrow{font-size:9px}.product-dialog{max-width:100vw;max-height:100dvh;width:100%;padding:0;overflow:hidden;height:100dvh}.product-dialog[open]{display:flex;flex-direction:column}.product-dialog>#product-detail{display:flex;flex-direction:column;min-height:0;flex:1}.detail-layout{display:block;overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;padding-bottom:24px}.detail-art{position:relative}.detail-art img{max-height:none;aspect-ratio:1;object-fit:cover}.detail-art-note{display:none}.close-control{top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px}.detail-copy{padding:28px 24px}.detail-copy .eyebrow{font-size:10px;padding-right:0}.detail-copy h2{font-size:39px;line-height:1.15;margin:14px 0}.detail-subtitle{font-size:14px;margin-bottom:18px}.detail-description{font-size:16px;line-height:1.85}.detail-purchase,.detail-add{display:none}.detail-note{margin:22px 0;font-size:12px}.product-accordions summary{font-size:15px;min-height:66px}.product-accordions details>p,.ingredients-list{font-size:15px;line-height:1.85;padding-bottom:20px}.ingredients-list li{padding-block:8px}.detail-mobile-buy{display:grid;grid-template-columns:1fr auto;gap:14px 16px;align-items:center;flex-shrink:0;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ivory)}.detail-mobile-buy .detail-price{font-size:25px}.detail-mobile-buy .detail-price small{font-size:12px;margin-top:2px}.detail-mobile-buy>.button{grid-column:1/-1;width:100%;justify-content:space-between;min-height:48px}.detail-mobile-buy .qty{height:44px}.drawer{width:100%;max-width:100%;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.cart-item{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:22px 0}.cart-thumb{width:64px;height:64px}.cart-item h3{font-size:24px}.cart-item small{font-size:12px;line-height:1.6;margin:6px 0 12px}.cart-end{grid-column:2;flex-direction:row;align-items:center;margin-top:-8px;font-size:16px}.cart-end button{font-size:12px}.cart-summary{margin-top:24px}.summary-row{font-size:14px;gap:16px}.summary-row.total{font-size:23px}.cart-summary>.button{font-size:14px;gap:16px}.demo-note{font-size:12px;padding:16px;line-height:1.8}.checkout-dialog{padding:24px 20px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.checkout-steps{font-size:12px;gap:8px;line-height:1.6}.checkout-form{gap:18px 12px}.checkout-form label{font-size:13px}.checkout-form label:has(input[name=email]),.checkout-form label:has(input[name=phone]){grid-column:1/-1}.checkout-form input{font-size:16px;min-height:50px;padding:12px}.checkout-subtitle{font-size:25px}.choice-list label{padding:14px 12px;gap:12px}.choice-list span{font-size:14px}.choice-list small{font-size:12px}.choice-list b{font-size:12px}.checkout-actions{gap:12px;align-items:flex-start}.checkout-actions .button{font-size:13px;padding-inline:14px;gap:10px}.checkout-actions .text-button{font-size:12px;gap:8px}.review-address{font-size:14px;padding:18px}.checkout-success h3{font-size:36px}.checkout-success p{font-size:15px}.privacy-dialog{height:auto;max-height:calc(100dvh - 32px);margin:auto 16px;width:calc(100% - 32px);padding:24px}.privacy-dialog .dialog-heading h2{font-size:33px}.privacy-dialog>p{font-size:15px}.privacy-dialog>.button{font-size:12px;width:100%;padding-inline:12px}.empty{padding:40px 8px}.empty h3{font-size:30px}.empty p{font-size:14px}}
@media(max-width:360px){.site-header{padding-inline:16px}.site-header nav{gap:12px}.hero-copy{padding-inline:20px}.hero h1{font-size:39px}.hero-visual{height:320px;min-height:320px}.section{padding-inline:16px}.section-top h2,.guide-intro h2,.faq h2{font-size:33px}.category-row{margin-inline:-16px;padding-inline:16px}.product-grid{gap:28px 12px}.card-title{font-size:22px}.card-price{font-size:18px}.card-category{font-size:12px}.card-subtitle{font-size:12px}.card-number{left:7px;top:10px;font-size:7px}.save-product{right:2px;top:2px}.card-package{font-size:12px}.card-bottom{gap:5px}.collection-note{padding:14px}.detail-copy{padding-inline:20px}.detail-mobile-buy{padding-inline:20px}.detail-price small{font-size:12px}.checkout-actions{flex-wrap:wrap}.checkout-actions .button{margin-left:auto}.cart-item{grid-template-columns:54px minmax(0,1fr);gap:12px}.cart-thumb{width:54px;height:54px}.cart-item h3{font-size:22px}.bag-control{padding-inline:2px}.topline{font-size:9px}.hero-caption{left:16px;bottom:16px}}
.product-accordions details[open]>summary>svg{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.card-image:hover img{transform:none}}
@media(prefers-reduced-transparency:reduce){.mobile-nav,.hero-caption{backdrop-filter:none;background:var(--ivory)}dialog::backdrop{backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#384334;--line:#89937d;--control:#526149}.searchbox,.category-row button,.choice-list label{border-width:2px}}

.site-header nav { scrollbar-width:none; }
.site-header nav::-webkit-scrollbar { display:none; }

.category-row { scrollbar-width:none; }
.category-row::-webkit-scrollbar { display:none; }
