:root{--choc:#2E1616;--pink:#ECA7C1;--cream:#F8EDCC;--red:#A3262A;--serif:'Instrument Serif',Georgia,serif;--sans:'Archivo',sans-serif;--header:58px;--gutter:clamp(16px,4vw,96px);--max:1680px;--line:rgb(46 22 22/.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 10px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--pink);color:var(--choc);font:400 16px/1.5 var(--sans)}body:has(dialog[open]){overflow:hidden}img,video,svg{display:block;max-width:100%}button,input,output{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-underline-offset:.2em}p,h1,h2,h3,figure,blockquote{margin:0}p{max-width:68ch}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h1,h2{font-style:italic;text-transform:uppercase}h1{font-size:clamp(3.4rem,6.4vw,7rem)}h2{font-size:clamp(2.1rem,3.8vw,4.3rem)}h3{font-size:1.6rem}ul,ol{margin:0;padding:0}button{color:inherit}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}::selection{background:var(--red);color:var(--cream)}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.chocolate :focus-visible,.site-header :focus-visible,.footer :focus-visible{outline-color:var(--cream)}.wrap{width:100%;max-width:calc(var(--max) + 2*var(--gutter));margin:auto;padding-inline:var(--gutter)}.pink{background:var(--pink)}.chocolate{background:var(--choc);color:var(--cream)}.cream{background:var(--cream)}.section{padding:clamp(32px,4vw,64px) 0}.section h2{margin-bottom:20px}.chocolate h2,.chocolate h3{color:var(--pink)}.label{font-size:.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:8px}.fine{font-size:.8rem;line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--red);border-radius:99px;background:var(--red);color:var(--cream);padding:10px 22px;font:700 .95rem/1.2 var(--sans);text-decoration:none;text-align:center;transition:background .15s}.btn:hover{background:#821c20;border-color:#821c20}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;background:none;border:0;text-decoration:underline;padding:0}.icon-button{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid currentColor;background:transparent;border-radius:50%;color:inherit}.icon-button:hover{background:rgb(46 22 22/.09)}.icon{flex:none;width:22px;height:22px}.skip{position:fixed;z-index:200;left:12px;top:-80px;background:var(--cream);color:var(--choc);padding:12px 16px}.skip:focus{top:8px}.site-header{position:sticky;top:0;z-index:50;background:var(--choc);color:var(--cream)}.header-row{display:flex;align-items:center;gap:14px;height:var(--header)}.brand{display:flex;align-items:center;min-height:44px;flex:none}.brand img{width:174px;height:40px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(16px,2vw,36px);margin-left:auto}.nav a{display:flex;align-items:center;min-height:44px;font-size:.95rem;text-decoration:none;font-weight:600}.nav a:hover{text-decoration:underline}.header-shop{margin-left:8px;padding:8px 22px;background:var(--pink);color:var(--choc);border-color:var(--pink)}.header-shop:hover{background:var(--cream);border-color:var(--cream)}.menu-button{display:none}.cart-button{position:relative}.cart-button [data-cart-count]{position:absolute;top:-3px;right:-3px;background:var(--pink);color:var(--choc);border-radius:50%;font-size:12px;padding:2px;min-width:19px}
dialog{border:0;max-height:calc(100dvh - 32px);padding:24px;background:var(--cream);color:var(--choc);border-radius:16px;overscroll-behavior:contain}dialog::backdrop{background:rgb(25 9 9/.55)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:2rem;margin:0}.menu-dialog{background:var(--choc);color:var(--cream);width:min(440px,calc(100% - 24px))}.menu-dialog nav{display:flex;flex-direction:column}.menu-dialog nav a{padding:12px 0;border-top:1px solid rgb(248 237 204/.2);font-size:1.15rem;min-height:48px;text-decoration:none}.menu-dialog .brand img{width:180px}.hero{padding:clamp(32px,5vw,72px) 0}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.hero-copy h1{margin:8px 0 22px}.hero-copy h1 span{display:block}.hero-copy h1 span:first-child{color:var(--red)}.hero-sub{max-width:43ch;font-size:1.05rem}.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}.hero-facts{display:flex;gap:20px;flex-wrap:wrap;list-style:none;margin-top:24px;font-size:.9rem}.hero-facts li{padding-right:20px;border-right:1px solid var(--line)}.hero-facts li:last-child{border:0;padding:0}.hero-facts b{font-size:1.12rem}.desktop-pouch{display:flex;justify-content:center}.pouch-image{width:100%;height:auto;object-fit:contain;mask:url('/assets/pouch-base-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/pouch-base-mask.svg') center/100% 100% no-repeat}.desktop-pouch img{max-height:540px;width:auto;max-width:100%;filter:none;transform:none}.mobile-shop{display:none}.intro-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,6vw,120px);align-items:start}.intro h2{max-width:19ch;margin:0}.intro-summary{font-size:1.15rem;line-height:1.6}.intro-detail{margin-top:14px}.intro-detail summary,.full-ingredients summary,.product-detail summary{min-height:44px;display:flex;align-items:center;gap:16px;justify-content:space-between;cursor:pointer;font-weight:600;list-style:none}.intro-detail summary::after,.full-ingredients summary::after,.product-detail summary::after{content:'+';font-size:1.5rem}.intro-detail[open] summary::after,.full-ingredients[open] summary::after,.product-detail[open] summary::after{content:'−'}.intro-detail p{margin-top:16px}.intro-detail h3{margin-top:20px}.intro-detail{border-block:1px solid rgb(248 237 204/.3)}.review-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.review-heading h2{margin:0}.carousel-controls{display:flex;gap:8px}.clip-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--red) transparent;padding:0 0 8px}.clip-track figure{flex:1 0 calc((100% - 54px)/4);scroll-snap-align:start;min-width:0}.clip-media{position:relative;background:var(--choc);border-radius:10px;overflow:hidden}.clip-media video{height:clamp(150px,20vw,245px);width:100%;object-fit:cover;object-position:center 35%}.clip-track figcaption{font-size:13px;font-weight:700;padding-top:8px}.clip-track figcaption span{font-weight:400;margin-left:6px}.quote-track{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.quote-track blockquote{border-top:1px solid var(--line);padding-top:16px;font-size:.95rem;line-height:1.5}.quote-track cite{display:block;font-style:normal;font-weight:700;margin-top:8px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin-top:24px}.steps li{background:var(--cream);padding:24px;border-radius:3px;position:relative;max-width:100%;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.step-top span{font:italic 1.9rem/1 var(--serif);color:var(--red)}.step-top .icon{width:32px;height:32px}.steps h3{color:var(--red);margin-bottom:8px;font-size:1.9rem}.steps p{font-size:.95rem;max-width:37ch}.how-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:16px}.how-foot p{font-size:.85rem;max-width:64ch}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>p{max-width:30ch;font-size:.95rem}.ingredient-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.ingredient-grid article{border-top:1px solid rgb(248 237 204/.35);padding-top:20px;display:grid;gap:10px;align-content:start}.ingredient-graphic{background:var(--pink);border-radius:50%;padding:6px;width:70px;height:70px}.ingredient-tag{font-size:.8rem;opacity:.85;margin-bottom:4px}.ingredient-grid h3{font-size:1.65rem;margin-bottom:8px}.ingredient-quick{font-size:.95rem;max-width:28ch}.full-ingredients{margin-top:20px;border-block:1px solid rgb(248 237 204/.3)}.ingredient-full{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0}.ingredient-full h3{font-size:1.7rem;margin-bottom:12px}.ingredient-line{font-size:.8rem;line-height:1.5;margin-top:14px;max-width:100ch}.research .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 60px;align-items:start}.research .label{grid-column:1/-1}.research h2{margin:0;grid-row:2/4}.research-placeholder{border:1px dashed var(--pink);padding:14px}.research .fine{margin-top:8px}.team h2{max-width:23ch}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.team-grid article{min-width:0}.team-grid img{width:100%;max-height:160px;aspect-ratio:1.4;object-fit:cover;object-position:center 25%;border-radius:8px;margin-bottom:12px}.team-grid h3{font-size:1.7rem}.team-grid h3 button{font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;min-height:44px;text-decoration:underline;text-underline-offset:.15em}.credentials{font-size:.8rem;font-weight:700;margin:0 0 4px}.role{font-weight:600;font-size:.85rem;margin-bottom:8px}.short-bio{font-size:.9rem;line-height:1.5}.bio-dialog{width:min(600px,calc(100% - 24px))}.bio-dialog>img{width:130px;height:130px;object-fit:cover;border-radius:50%;margin-bottom:20px}.bio-dialog>p{margin-top:14px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:.95rem;font-weight:600;list-style:none;cursor:pointer;padding:8px 0}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';font-size:1.4rem;color:var(--red);flex:none}.faq-items details[open] summary::after{content:'−'}.faq-items details>p{padding:0 0 16px;font-size:.9rem}.final .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}.final h2{margin-bottom:12px}.final p{font-size:1rem}.footer{padding:32px 0 18px;background:var(--choc);color:var(--cream)}.footer-grid{display:grid;grid-template-columns:.8fr 1.5fr .7fr;gap:36px;font-size:.75rem}.footer-grid .brand img{width:190px}.footer-grid .mail{display:flex;align-items:center;min-height:44px;font-size:.8rem}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-content:start}.footer nav a{display:flex;align-items:center;min-height:44px}.copyright{font-size:.75rem;margin-top:16px;opacity:.8}.breadcrumb{font-size:.85rem;margin-bottom:20px}.product-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,100px)}.product-info h1{font-size:clamp(2.8rem,4.6vw,5.3rem);margin:8px 0 12px}.flavor{font-size:1.2rem;margin-bottom:12px}.price{font-size:1.5rem;font-weight:700}.unit{font-size:.85rem;margin-top:2px}.product-info .hero-facts{gap:14px;margin-top:16px}.product-info .hero-facts li{padding-right:14px}.purchase-row{display:flex;align-items:center;gap:14px;margin-top:24px}.purchase-row>.btn{flex:1}.quantity{display:flex;align-items:center;min-height:44px;border:1px solid var(--choc);border-radius:30px;overflow:hidden;flex:none}.quantity button{border:0;background:none;display:grid;place-items:center;width:44px;height:44px}.quantity output{min-width:28px;text-align:center;font-weight:700}.quantity .icon{width:18px;height:18px}.status{font-size:.8rem;margin-top:8px;min-height:20px}.error{color:var(--red);font-weight:600}.status:empty{display:none}.product-description{font-size:.95rem;margin-top:20px}.product-detail{margin-top:16px;border-block:1px solid var(--line)}.product-detail p{font-size:.9rem;margin:12px 0}.product-images{position:relative;background:rgb(248 237 204/.25);border-radius:12px;overflow:hidden;touch-action:pan-y}.product-images figure{display:flex;align-items:center;justify-content:center;height:470px;padding:24px 50px}.product-images figure img{width:100%;height:100%;object-fit:contain}.product-images figure:not(:first-child){padding:0}.product-images figure:not(:first-child) img{object-fit:cover}.gallery-prev,.gallery-next{position:absolute;top:calc(50% - 22px);background:var(--cream)}.gallery-prev{left:8px}.gallery-next{right:8px}.image-position{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:12px;background:var(--cream);border-radius:20px;padding:4px 12px}.thumbs{display:flex;gap:10px;justify-content:center;margin-top:12px}.thumbs button{width:58px;height:58px;padding:3px;border:2px solid transparent;background:var(--cream);border-radius:6px;overflow:hidden}.thumbs button[aria-current=true]{border-color:var(--red)}.thumbs img{width:100%;height:100%;object-fit:cover}.thumbs .pouch-image{object-fit:contain}.cart-dialog{width:min(460px,calc(100% - 24px));margin-right:12px}.cart-product{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:start}.cart-product h3{font-size:1.55rem}.cart-product p{font-size:.8rem;margin:5px 0 12px}.cart-product .text-link{font-size:.85rem}.cart-product .quantity{display:inline-flex}.cart-total{display:flex;justify-content:space-between;margin:20px 0 10px}.checkout-button{width:100%;margin-top:20px}
@media(max-width:1000px){.nav{display:none}.header-shop{margin-left:auto}.menu-button{display:inline-grid}.ingredient-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid img{max-height:180px}.hero-grid{gap:20px}.desktop-pouch img{max-height:420px}.clip-track figcaption span{display:none}.footer-grid{grid-template-columns:1fr 1.5fr}.footer nav{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.product-images figure{height:400px}.product-grid{gap:30px}}
@media(max-width:699px),(max-width:950px) and (max-height:500px){
:root{--header:56px}body{font-size:15px;line-height:1.45}h1{font-size:clamp(2.8rem,11.8vw,4.5rem)}h2{font-size:clamp(1.85rem,7vw,2.6rem)}h3{font-size:1.4rem}.section{padding:24px 0}.section h2{margin-bottom:14px}.label{font-size:12px;line-height:1.4;margin-bottom:6px}.header-row{gap:8px}.brand img{width:148px;height:38px}.header-shop{font-size:13px;padding:8px 15px;min-height:40px}.icon-button{width:44px;height:44px}.menu-button{width:40px;height:44px;border:0}.cart-button{width:36px;height:44px;border:0}.product-page .header-row{gap:4px}.product-page .brand img{width:130px}.product-page .header-shop{padding-inline:13px}.hero{padding:26px 0 24px}.hero-grid{display:block}.hero-copy h1{margin:8px 0 16px;max-width:100%}.hero-sub{font-size:15px;line-height:1.5;max-width:40ch}.cta-row{margin-top:16px;gap:18px}.btn{font-size:14px;padding:10px 18px}.hero-facts{gap:12px;font-size:12px;margin-top:18px}.hero-facts li{padding-right:12px}.hero-facts b{font-size:15px}.desktop-pouch{display:none}.mobile-shop{display:block;border-top:1px solid var(--line);padding:18px 0 22px}.mobile-shop .wrap{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center}.mobile-shop img{width:100%;max-height:156px;object-fit:contain}.mobile-shop h2{font-size:1.7rem;font-style:normal;text-transform:none;margin-bottom:8px}.mobile-shop p{font-size:13px;line-height:1.5;margin-bottom:12px}.mobile-shop .btn{padding-inline:14px;font-size:13px}.intro-layout{display:block}.intro h2{font-size:clamp(1.9rem,7.8vw,2.7rem);max-width:22ch;margin-bottom:16px}.intro-summary{font-size:15px;line-height:1.5}.intro-detail{margin-top:14px;font-size:14px}.intro-detail summary{font-size:14px}.intro-detail h3{font-size:1.5rem}.review-heading{align-items:center;gap:10px;margin-bottom:12px}.review-heading h2{font-size:clamp(1.7rem,6.7vw,2.1rem);max-width:16ch;margin:0}.review-heading .label{font-size:12px}.carousel-controls{gap:4px}.carousel-controls .icon-button{width:40px;height:44px;border:0}.clip-track{gap:10px;padding-bottom:6px}.clip-track figure{flex:0 0 31%;min-width:90px}.clip-media{border-radius:6px}.clip-media video{height:136px;object-position:center 25%}.clip-track figcaption{font-size:12px;padding-top:5px}.quote-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--red) transparent;margin-top:10px;padding-bottom:4px}.quote-track blockquote{flex:0 0 95%;font-size:14px;line-height:1.45;padding-top:12px;scroll-snap-align:start}.quote-track cite{font-size:12px;margin-top:6px}.steps{gap:8px;margin-top:16px}.steps li{padding:12px 10px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}.step-top{margin-bottom:5px}.step-top span{font-size:24px}.step-top .icon{width:25px;height:25px}.steps h3{font-size:23px;margin-bottom:8px}.steps p{font-size:13px;line-height:1.4}.how-foot{display:block;margin-top:12px}.how-foot p{font-size:12px;line-height:1.45}.how-foot .text-link{font-size:13px;margin-top:4px}.section-heading{display:block;margin-bottom:16px}.section-heading h2{margin-bottom:8px}.section-heading>p{max-width:none;font-size:13px}.ingredient-grid{gap:16px 18px}.ingredient-grid article{padding-top:12px;gap:7px}.ingredient-graphic{width:44px;height:44px;padding:3px}.ingredient-tag{font-size:12px;margin-bottom:3px}.ingredient-grid h3{font-size:20px;line-height:1.04;margin-bottom:6px}.ingredient-quick{font-size:12px;line-height:1.45;max-width:22ch}.full-ingredients{margin-top:14px;font-size:13px}.full-ingredients summary{font-size:13px}.ingredient-line{font-size:12px;line-height:1.4;margin-top:10px}.ingredient-full{grid-template-columns:1fr;gap:18px}.ingredient-full h3{font-size:1.5rem;margin-bottom:8px}.ingredient-full p{font-size:14px;line-height:1.5}.research .wrap{display:block}.research h2{max-width:23ch}.research-placeholder{padding:10px;font-size:13px}.research .fine{font-size:12px;margin-top:10px}.team h2{font-size:clamp(1.8rem,6.7vw,2.3rem);max-width:24ch}.team-grid{gap:16px 20px}.team-grid article{display:grid;grid-template-columns:1fr;align-content:start;gap:0}.team-grid img{width:64px;height:64px;aspect-ratio:1;object-position:center 20%;border-radius:50%;margin-bottom:5px}.team-grid h3{font-family:var(--sans);font-size:14px;line-height:1.2;font-weight:700}.team-grid h3 button{min-height:36px;text-decoration-thickness:1px}.credentials{font-size:12px;line-height:1.2;margin:0 0 4px}.role{font-size:12px;line-height:1.3;margin-bottom:6px;min-height:28px}.short-bio{font-size:12px;line-height:1.4}.faq-layout{display:block}.faq-items summary{font-size:13px;line-height:1.3;min-height:44px;padding:8px 0}.faq-items details>p{font-size:14px}.faq h2{margin-bottom:14px}.final .wrap{display:block}.final h2{font-size:2.3rem;margin-bottom:10px}.final p{font-size:14px;margin-bottom:14px}.footer{padding:24px 0 16px}.footer-grid{grid-template-columns:1fr;gap:14px;font-size:12px}.footer-grid .brand img{width:174px;height:40px}.footer-grid .mail{font-size:12px}.footer nav{grid-column:auto;grid-template-columns:1fr 1fr;gap:0 12px}.footer nav a{min-height:38px;font-size:12px}.copyright{font-size:12px;margin-top:12px}.product-top{padding:16px 0 24px}.breadcrumb{font-size:12px;margin-bottom:12px}.product-grid{grid-template-columns:1fr;gap:20px}.product-images figure{height:230px;padding:10px 48px}.thumbs{gap:8px;margin-top:8px}.thumbs button{width:46px;height:46px}.product-info .label{font-size:12px}.product-info h1{font-size:2.7rem;margin:6px 0 8px}.flavor{font-size:1rem;margin-bottom:8px}.price{font-size:1.4rem}.unit{font-size:12px}.product-info .hero-facts{gap:10px;margin-top:12px}.product-info .hero-facts li{padding-right:10px;font-size:12px}.purchase-row{margin-top:16px;gap:10px}.quantity button{width:40px;height:44px}.quantity output{min-width:24px}.product-description{font-size:14px;margin-top:16px}.product-detail summary{font-size:14px}.product-detail p{font-size:14px}.bio-dialog{padding:20px}.bio-dialog .dialog-head h2{font-size:1.8rem}.bio-dialog>p{font-size:15px}
}
@media(max-width:360px){.section{padding:20px 0}.hero{padding:22px 0}.hero-facts{gap:10px;font-size:12px}.hero-facts li{padding-right:10px}.clip-track figure{flex-basis:31%;min-width:84px}.clip-media video{height:112px}.clip-track figcaption{font-size:12px}.review-heading .carousel-controls .icon-button{width:32px}.quote-track blockquote{font-size:13px}.ingredient-grid{gap:12px 14px}.ingredient-grid article{display:grid;grid-template-columns:34px 1fr;gap:8px}.ingredient-graphic{width:34px;height:34px}.ingredient-tag{font-size:12px}.ingredient-grid h3{font-size:18px}.ingredient-quick{font-size:12px;line-height:1.4}.team-grid{gap:12px 16px}.team-grid img{width:54px;height:54px}.team-grid h3{font-size:13px}.team-grid h3 button{min-height:36px}.short-bio{font-size:12px}.team-grid .role{font-size:12px;min-height:26px}.faq .label{display:none}.faq h2{font-size:1.9rem;margin-bottom:10px}.faq-items summary{font-size:12px}.product-page .brand img{width:112px}.product-page .header-shop{padding:8px 12px}.product-page .header-row{gap:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Readable compact controls and a source-derived clean pouch edge. */
.header-shop{min-height:44px}.footer nav a,.team-grid h3 button{min-height:44px}.clip-track figure{flex:0 0 calc((100% - 36px)/3)}.team-grid img{aspect-ratio:1;width:128px;height:128px;max-height:none;object-position:center 20%;border-radius:50%}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.menu-button,.cart-button,.carousel-controls .icon-button,.review-heading .carousel-controls .icon-button{width:44px;height:44px}.team-grid img{width:56px;height:56px;margin-bottom:3px}.team-grid .credentials{display:none}.team-grid .role{font-size:12px;line-height:1.3;min-height:31px;margin-bottom:5px}.short-bio{font-size:12px;line-height:1.35}.team-grid{gap:12px 18px}.team-grid h3{font-size:14px}.team-grid h3 button{min-height:44px}.ingredient-grid article{grid-template-columns:34px 1fr;gap:8px}.ingredient-tag{display:none}.ingredient-graphic{width:34px;height:34px}.ingredient-quick{font-size:12px;line-height:1.4}.ingredient-grid h3{font-size:20px}.ingredient-line{font-size:12px}.ingredient-grid{gap:12px 16px}.clip-track figure{flex:0 0 31%;min-width:84px}.review-heading .carousel-controls{gap:0}.review-heading h2{font-size:clamp(1.6rem,6.5vw,2.1rem)}.review-heading .label{display:none}.footer nav a{min-height:44px}}
@media(max-width:360px){.team{padding:18px 0}.team h2{font-size:27px;max-width:22ch;margin-bottom:12px}.team-grid .role{font-size:12px;min-height:31px}.team-grid img{width:48px;height:48px}.short-bio{font-size:12px;line-height:1.3}.team-grid h3{font-size:13px}.ingredient-grid article{grid-template-columns:26px 1fr;gap:7px}.ingredient-graphic{width:26px;height:26px;padding:2px}.ingredient-grid h3{font-size:19px}.ingredient-line{font-size:12px;line-height:1.4}.ingredient-grid{gap:12px}.hero-facts{font-size:12px}.footer-grid{font-size:12px}.copyright{font-size:12px}}

.product-images figure:first-child img{height:100%;width:auto;max-width:100%;aspect-ratio:900/1247}.thumbs .pouch-image{width:auto;height:100%;margin:auto}.pdp-sticky{display:none}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.product-images figure{height:190px}.product-info h1{font-size:2.35rem}.product-page{padding-bottom:76px}.pdp-sticky{position:fixed;z-index:45;left:0;right:0;bottom:0;background:var(--cream);color:var(--choc);border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -4px 12px rgb(46 22 22/.08)}.pdp-sticky[hidden]{display:none}.pdp-sticky span{font-size:12px;line-height:1.4}.pdp-sticky .btn{font-size:13px;max-width:60%}}

.quote-controls{display:none}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.clip-track figure{flex:0 0 calc((100% - 10px)/2.15);min-width:0}.clip-media video{height:auto;aspect-ratio:4/5}.quote-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-top:4px}.quote-controls>div{display:flex;align-items:center;gap:4px}.quote-controls .icon-button{width:44px;height:44px;border:0}.quote-track{margin-top:0}.ingredient-quick,.short-bio{font-size:13px;line-height:1.35}.team-grid h3 button{min-height:44px}}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.quantity button{width:44px;height:44px}}
@media(max-width:360px){.team{padding:14px 0}}
.how-foot p{text-wrap:pretty}.price,output{font-variant-numeric:tabular-nums}button,a{touch-action:manipulation}
/* Match the framing of each supplied customer clip in wide desktop cards. */
.clip-media video[poster*="elli"]{object-position:center 10%}.clip-media video[poster*="kathy"]{object-position:center 50%}

/* Owner refinement: motion previews, central prep drawings and portrait collage. */
:root{--white:#fff}
.clip-media{display:block;width:100%;padding:0;border:0;cursor:pointer;text-align:inherit}
.clip-media:focus-visible{outline-offset:-4px}
.loop-toggle,.volume-button,.gallery-prev,.gallery-next,.image-position,.thumbs button,.quantity,.pdp-sticky{background:var(--white)}
.loop-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--red)}
.steps li{background:var(--white);text-align:center;padding:24px 24px 28px}
.step-top{position:relative;justify-content:center;min-height:112px;margin-bottom:14px}
.step-top span{position:absolute;left:0;top:0;font-size:28px}
.step-top .icon{width:96px;height:96px;stroke-width:1.2;color:var(--red)}
.steps p{margin-inline:auto}
.team-grid{gap:28px;align-items:start}
.team-grid article:nth-child(even){padding-top:42px}
.team-grid h3{font-size:clamp(1.4rem,2.1vw,2.1rem);line-height:1.05}
.team-grid h3 .team-portrait{display:block;position:relative;width:100%;padding:0;border:0;border-radius:4px;overflow:hidden;text-decoration:none;background:var(--choc);color:var(--white)}
.team-grid .team-portrait img{display:block;width:100%;height:clamp(230px,24vw,360px);max-height:none;aspect-ratio:auto;border-radius:0;object-fit:cover;object-position:center 22%;margin:0}
.team-grid article:nth-child(even) .team-portrait img{height:clamp(210px,21vw,320px)}
.team-name{position:absolute;inset:auto 0 0;padding:46px 16px 14px;background:linear-gradient(transparent,rgba(25,9,9,.88));text-shadow:0 1px 3px #190909}
.team-name small{display:block;font:600 12px/1.4 var(--sans);margin-top:5px}
.team-grid .role{margin:12px 0 6px;font-size:14px;line-height:1.4;min-height:0}
.team-grid .short-bio{font-size:14px;line-height:1.5;max-width:29ch}
.product-top,.product-images,.product-page .reviews,.product-page .faq{background:var(--white)}
.product-page .product-top{border-bottom:1px solid var(--line)}
.white-home .cream{background:var(--white)}
.video-dialog{width:min(720px,calc(100% - 24px));padding:16px;background:var(--white);overflow:auto}
.video-dialog .dialog-head{margin-bottom:12px;gap:12px}
.video-dialog .dialog-head h2{font-size:clamp(1.3rem,4.5vw,2rem)}
.video-actions{display:flex;gap:8px;flex:none}
.video-dialog video{width:100%;height:min(70dvh,700px);object-fit:contain;background:var(--choc);border-radius:6px}
.video-status{font-size:13px;margin-top:8px}.video-status:empty{display:none}
@media(min-width:700px) and (max-width:1000px){.team-grid .team-portrait img{height:280px}.team-grid article:nth-child(even) .team-portrait img{height:245px}}
@media(max-width:699px),(max-width:950px) and (max-height:500px){
 .review-heading{flex-wrap:wrap}.review-heading>div:first-child{flex:1;min-width:145px}.review-heading .carousel-controls{margin-left:auto}.review-heading .carousel-controls .icon-button{width:44px}
 .steps li{padding:12px 8px 16px}.step-top{min-height:74px;margin-bottom:8px}.step-top span{font-size:20px}.step-top .icon{width:56px;height:56px;margin-top:18px;stroke-width:1.25}.steps h3{font-size:23px}
 .team-grid{gap:14px 16px}.team-grid article:nth-child(even){padding-top:20px}.team-grid h3{font:400 21px/1.05 var(--serif)}
 .team-grid .team-portrait img{width:100%;height:clamp(130px,38vw,190px);max-height:none;border-radius:0;margin:0}.team-grid article:nth-child(even) .team-portrait img{height:clamp(120px,34vw,170px)}
 .team-name{padding:35px 9px 10px}.team-name small{font-size:12px;margin-top:4px}.team-grid .role{font-size:12px;line-height:1.3;margin:9px 0 5px}.team-grid .short-bio{font-size:13px;line-height:1.35}
 .video-dialog{padding:12px}.video-dialog video{height:65dvh}.video-actions{gap:4px}
}
@media(max-width:360px){.team-grid{gap:12px}.team-grid h3{font-size:19px}.team-name{padding-inline:7px}.team-grid .team-portrait img{height:126px}.team-grid article:nth-child(even) .team-portrait img{height:116px}.team-grid .short-bio{font-size:12px}.team-name small{margin-top:3px}}

.video-hint{font-size:12px;margin:-6px 0 12px}.volume-button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--red)}

.team-hint{font-size:12px;margin:-6px 0 16px}.team-portrait:hover img{filter:brightness(.94)}
/* Keep full faces visible when a phone is turned sideways. */
@media(min-width:700px) and (max-width:950px) and (max-height:500px){.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.team-grid h3{font-size:20px}.team-grid .team-portrait img{height:190px}.team-grid article:nth-child(even) .team-portrait img{height:170px}.team-name{padding-inline:9px}.team-grid .role{min-height:32px}}

/* Product page on phones: centered, matching the mobile-first homepage. */
@media(max-width:699px){
 .product-page main{text-align:center}
 .product-page .hero-facts,.product-page .purchase-row,.product-page .how-foot,.product-page .carousel-controls{justify-content:center}
 .product-page .product-info p{margin-inline:auto}
 .product-page .section-heading>p{margin-inline:auto}
 .product-page .ingredient-grid{grid-template-columns:1fr}
 .product-page .ingredient-grid article{display:block;text-align:center}
 .product-page .ingredient-graphic{width:64px;height:64px;margin:0 auto 8px}
 .product-page .ingredient-quick{max-width:none}
 .product-page .review-heading{justify-content:center;text-align:center}
 .product-page .review-heading>div:first-child{flex:1 1 100%}
 .product-page .review-heading h2{max-width:none}
 .product-page .team-grid{text-align:center}
 .product-page .team-grid .short-bio{margin-inline:auto}
 .product-page .faq-items{text-align:left}
 .product-page .steps{grid-template-columns:1fr}
 .product-page .steps p{max-width:none}
}

/* Product page round 3: same-size square team photos, full clips with names only. */
.product-page .team-grid article:nth-child(even){padding-top:0}
.product-page .team-grid h3 .team-portrait{border-radius:4px}
.product-page .team-grid article .team-portrait img{width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover;object-position:center}
.product-page .team-name{padding:30px 14px 10px}
.product-page .clip-media video,.product-page .clip-media video[poster*="elli"],.product-page .clip-media video[poster*="kathy"]{height:auto;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}
.product-page .clip-track figcaption{font-size:14px;padding-top:6px}
.product-page .review-heading{margin-bottom:16px}
@media(min-width:1001px){.product-page .clip-track{overflow:visible}.product-page .clip-track figure{flex:1 1 0}}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.product-page .team-grid h3{font-size:18px}.product-page .team-name{padding:18px 9px 6px}.product-page .team-name small{margin-top:2px}}

/* Product page follows the homepage: upright titles, small cream steps, pour video, ingredient collage. */
.product-page h1,.product-page h2{font-style:normal}
.mini-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px auto 0;list-style:none;max-width:900px}
.mini-steps li{position:relative;background:var(--cream);text-align:center;padding:10px 7px 14px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.mini-steps .num{position:absolute;left:9px;top:6px;font:400 1.2rem/1 var(--serif);color:var(--red)}
.mini-steps .icon{width:42px;height:42px;stroke-width:1.3;margin:6px auto 4px;color:var(--red)}
.mini-steps h3{color:var(--red);font-size:1.4rem;margin-bottom:4px}
.mini-steps p{font-size:.78rem;line-height:1.35}
.product-page .pour{width:100%;max-width:900px;height:auto;aspect-ratio:16/9;margin:14px auto 0;border-radius:4px;background:var(--choc);pointer-events:none}
.mini-sub{margin-top:-6px}
.mini-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:16px}
.mini-tile{background:var(--cream);color:var(--choc);display:flex;flex-direction:column;overflow:hidden;border-radius:4px}
.mini-tile:nth-child(2),.mini-tile:nth-child(3){background:var(--pink)}
.mini-tile img{width:100%;height:88px;object-fit:cover}
.mini-tile>div{padding:8px 9px 12px}
.mini-tile .tag{font-size:.75rem;font-weight:700;margin-bottom:2px}
.chocolate .mini-tile h3{color:var(--choc);font-size:1.2rem;margin-bottom:4px}
.mini-tile>div>p:last-child{font-size:.75rem;line-height:1.32;max-width:none}
.mini-print{margin-top:18px;font-size:.82rem;max-width:none}
@media(max-width:699px){.product-page .ingredients .wrap{padding-inline:12px}.product-page .mini-sub,.product-page .mini-print{margin-inline:auto}}
@media(min-width:700px){.mini-steps{gap:14px}.mini-steps li{padding:14px 12px 18px}.mini-steps .num{left:12px;top:10px;font-size:1.5rem}.mini-steps .icon{width:60px;height:60px}.mini-steps h3{font-size:1.7rem}.mini-steps p{font-size:.92rem}.product-page .pour{margin-top:20px}.mini-tiles{gap:10px}.mini-tile img{height:170px}.mini-tile>div{padding:14px 16px 18px}.mini-tile .tag{font-size:.82rem}.chocolate .mini-tile h3{font-size:1.6rem}.mini-tile>div>p:last-child{font-size:.92rem;line-height:1.45}}
@media(min-width:1001px){.mini-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-tile img{height:190px}.product-page .how .wrap{text-align:center}}
.product-page .brand img{object-position:left center;margin-left:-4px}

/* Round 4: logo far left on desktop, content slightly in, pouch back shown whole. */
@media(min-width:1001px){:root{--gutter:clamp(56px,5.5vw,110px)}.site-header .wrap{max-width:none;padding-inline:24px}}
.product-images figure:not(:first-child) img[src*="pouch-back"]{object-fit:contain}
.thumbs img[src*="pouch-back"]{object-fit:cover;object-position:top}
.product-page .how .label{margin-inline:auto;text-align:center}

/* Round 5: larger desktop logo; tiles alternate on phones, all pink on desktop. */
@media(min-width:1001px){.site-header .brand img{width:auto;height:50px}.mini-tile,.mini-tile:nth-child(2),.mini-tile:nth-child(3){background:var(--pink)}}
.product-page .reviews .review-heading{margin-bottom:12px}
.product-page .reviews .label{display:block;margin-bottom:0}

/* Round 6: price with % off; large phone gallery; features moved into a dropdown on phones. */
.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0}
.price-was{font-size:1.1rem;opacity:.75}
.price-off{background:var(--red);color:var(--cream);border-radius:99px;padding:2px 10px;font-size:.85rem;font-weight:700;align-self:center}
.product-features{display:none}
.product-features ul{list-style:none;padding:0 0 12px;display:grid;gap:4px;font-size:.9rem}
.product-features+.product-detail{margin-top:0;border-top:0}
@media(max-width:699px),(max-width:950px) and (max-height:500px){
 .product-page .pdp-made,.product-page .unit,.product-page .product-info .hero-facts{display:none}
 .product-page .product-features{display:block}
 .product-page .product-top{padding-top:10px}
 .product-page .breadcrumb{margin-bottom:6px}
 .product-page .product-images figure,.product-page .product-images figure:first-child{height:50svh;padding:6px 8px}
 .product-page .product-images figure img,.product-page .product-images figure:first-child img{height:100%;width:100%;object-fit:contain;aspect-ratio:auto}
 .product-page .product-images figure:not(:first-child) img{object-fit:cover}
 .product-page .product-images figure:not(:first-child) img[src*="pouch-back"]{object-fit:contain}
 .product-page .gallery-prev,.product-page .gallery-next{width:40px;height:40px;top:calc(50% - 20px)}
 .product-page .product-info .price-row{justify-content:center}
 .product-page .how .wrap{padding-inline:10px}
 .mini-steps{grid-template-columns:1.6fr 1fr 1fr;gap:6px}
 .mini-steps li{padding:8px 6px 10px}
 .mini-steps li p{display:inline;font-size:.8rem;line-height:1.3;text-wrap:wrap;max-width:none}
 .mini-steps .icon{width:34px;height:34px;margin:0 auto 2px}
 .mini-steps h3{font-size:1.3rem;margin-bottom:3px}
}
.product-page .image-position{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-page .product-features ul{text-align:left}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.product-page .gallery-prev,.product-page .gallery-next{width:44px;height:44px;top:calc(50% - 22px)}}
@media(max-width:699px),(max-width:950px) and (max-height:500px){.product-page .gallery-prev,.product-page .gallery-next{top:auto;bottom:4px}.product-page .gallery-prev{left:0}.product-page .gallery-next{right:0}}

/* Round 8: white tiles and white body text on brown */
.mini-steps li,.mini-tile{background:var(--white)}
.mini-tile:nth-child(2),.mini-tile:nth-child(3){background:var(--pink)}
.chocolate{color:var(--white)}
.mini-tile{color:var(--choc)}
@media(min-width:1001px){.mini-tile,.mini-tile:nth-child(2),.mini-tile:nth-child(3){background:var(--pink)}}

/* Round 9: reviews section pink, small titles cream on brown */
.product-page .reviews{background:var(--pink)}
.chocolate .label{color:var(--cream)}

/* Round 10: product page team section white */
.product-page .team{background:var(--white)}
.product-page .faq .wrap{border-top:1px solid var(--line);padding-top:clamp(24px,3vw,40px)}

/* Pre-order */
.preorder-note{margin-top:8px;font-size:.9rem;font-weight:600}

/* Post-launch accents */
.accent{color:var(--red)}
.how .label{display:inline-block;background:var(--cream);color:var(--choc);padding:4px 12px;border-radius:99px}
.cream-mark{background:var(--cream);padding:.02em .22em;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
