:root{--accent:#7fdab3;--glow:#11674b;--ink:#f1f2df;--muted:#bac8ba}*{box-sizing:border-box}body{margin:0;background:#081c17;color:var(--ink);font-family:var(--brand-font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}.experience{height:100svh;min-height:650px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 49%,transparent 0%,#04130fc9 88%)}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 57% 32%,var(--glow),transparent 65%),linear-gradient(125deg,#081e18,#14291e);transition:background 1s}.atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 40%,#ffffff05 46%,transparent 59%);filter:blur(18px)}.grain{position:absolute;inset:0;opacity:.055;z-index:6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;right:0;height:110px;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;z-index:10}.identity{display:flex;gap:12px;align-items:center}.identity img{height:58px;object-fit:contain}.identity>span{font-family:var(--brand-font);font-size:43px;line-height:.8;font-weight:bold;letter-spacing:-3px}.identity>span>span{display:block;font-family:var(--brand-font);font-size:10px;letter-spacing:5px;line-height:2.8;padding-left:5px}.header-note{font-size:9px;letter-spacing:2.5px;color:#c5d4c2}.outline{background:transparent;border:1px solid #ffffff40;border-radius:40px;padding:14px 20px;font-size:12px}.outline span{padding-left:22px}.giant{position:absolute;top:15%;left:20%;width:90%;font-family:var(--brand-font);font-size:clamp(100px,17vw,310px);letter-spacing:-.09em;font-weight:800;color:#d7eac60c;white-space:nowrap;line-height:1;pointer-events:none;transition:opacity .3s}#canvas{position:absolute;inset:0;touch-action:pan-y;cursor:grab}#canvas:active{cursor:grabbing}#canvas canvas{display:block;width:100%;height:100%}.fallback{position:absolute;left:45%;top:22%;height:49%;max-width:40%;object-fit:contain;filter:drop-shadow(0 30px 30px #0008);transition:opacity .5s;pointer-events:none}body.ready .fallback{opacity:0}.editorial{position:absolute;z-index:3;left:5%;top:25%;pointer-events:none;width:29%}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}h1{font-family:var(--brand-font);font-size:clamp(28px,3.1vw,52px);letter-spacing:-2.2px;line-height:1.22;margin:25px 0 20px;font-weight:500}em{font-family:var(--brand-font);font-weight:400}h1 em{font-size:1.1em;color:#dfdfbd}p{font-size:13px;line-height:1.8;color:var(--muted)}.rule{width:38px;height:1px;background:#ffffff35;margin:32px 0 23px}.small-label{font-size:8px;letter-spacing:2px;color:#afc3ae}h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:10px 0 18px}h2 small{font-size:13px;letter-spacing:0;color:var(--muted);margin-left:8px}#variants{display:flex;flex-wrap:wrap;gap:6px;max-width:275px;pointer-events:auto}#variants button{border:1px solid #ffffff22;background:#ffffff03;padding:7px 11px;border-radius:20px;font-size:10px;transition:.3s}#variants button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#12352a}.product-detail{position:absolute;z-index:3;right:4%;top:39%;width:13%;pointer-events:none}.product-detail h3{font-size:30px;line-height:1.12;letter-spacing:-.8px;font-weight:500;margin:19px 0 22px}.product-detail h3 em{font-size:34px;color:#d8ddbd}.round-action{display:flex;align-items:center;gap:10px;border:0;background:transparent;font-size:10px;padding:0;pointer-events:auto;white-space:nowrap}.round-action>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff5c;border-radius:50%;font-size:18px;transition:.3s}.round-action:hover>span{background:var(--ink);color:#142b20;transform:rotate(90deg)}.detail-hint{font-size:10px;line-height:1.8;margin-top:20px;color:#a9bda5}.scene-tools{position:absolute;z-index:4;left:55%;bottom:22%;transform:translateX(-50%);display:flex;align-items:center;gap:24px}.arrow{border:1px solid #ffffff30;border-radius:50%;width:38px;height:38px;background:#071d1440;font-size:18px;transition:.2s}.arrow:hover{background:#ffffff22;transform:scale(1.08)}.flip{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:10px;white-space:nowrap}.flip>span:first-child{font-size:24px}.drag-hint{position:absolute;bottom:14.4%;left:55%;transform:translateX(-50%);font-size:7px;letter-spacing:2px;color:#b6c7b0;pointer-events:none}.drag-hint span{font-size:14px;vertical-align:middle;margin-right:8px}footer{position:absolute;z-index:4;left:4%;right:4%;bottom:25px;display:flex;gap:4%;align-items:center;border-top:1px solid #ffffff20;padding-top:19px}.collection-title{width:115px;flex-shrink:0}.collection-title>span{font-size:7px;letter-spacing:2px;color:#a7b8a4}.collection-title strong{display:block;font-size:22px;font-weight:400;margin-top:6px}.collection-title i{font-size:12px;color:#7c927b;font-style:normal}#sets{display:grid;grid-template-columns:repeat(4,1fr);width:62%;gap:14px}#sets button{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid transparent;padding:0 0 10px;background:transparent;text-align:left;opacity:.45;transition:.4s}#sets button:hover{opacity:.8}#sets button[aria-pressed=true]{opacity:1;border-color:var(--accent)}#sets img{height:47px;width:36px;object-fit:contain}#sets strong{display:block;font-size:12px;font-weight:500}#sets small{display:block;font-size:9px;margin-top:5px;color:#b8c9b3}.footer-caption{margin-left:auto;font-size:7px;line-height:1.8;letter-spacing:1.5px}.footer-caption span{font-size:9px;letter-spacing:0;color:#8eab8e}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}dialog{border:1px solid #ffffff25;background:#132b21;color:var(--ink);padding:45px;border-radius:4px;box-shadow:0 40px 120px #000b;max-width:1100px;width:90%;max-height:90svh}dialog::backdrop{background:#020e0aca;backdrop-filter:blur(14px)}dialog[open]{animation:appear .3s ease-out}#detail-modal[open]{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.close{position:absolute;right:18px;top:14px;background:transparent;border:0;font-size:20px;z-index:3;padding:10px}.modal-copy{padding-top:45px}.modal-copy h2{font-size:48px;line-height:1.1;margin:24px 0}.modal-copy p{max-width:270px}.label-view{max-height:77svh;overflow:auto;text-align:center;background:#ffffff07;border-radius:2px}.label-view img{width:100%;display:block}.face-controls{display:flex;gap:10px;margin:25px 0 40px}.face-controls button{border:1px solid #ffffff50;background:transparent;border-radius:40px;padding:10px 22px;font-size:12px}.face-controls button[aria-pressed=true]{background:var(--ink);color:#123423}.solid{display:inline-block;border:0;background:var(--ink);color:#153b29;border-radius:40px;padding:15px 23px;font-size:12px}#contact-modal{max-width:540px;padding:60px}#contact-modal h2{font-size:43px;line-height:1.2;margin-top:30px}.text-link{display:block;font-size:12px;margin-top:25px;text-decoration:underline;text-underline-offset:5px}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.editorial{top:29%}.scene-tools{bottom:21%}footer{bottom:35px;padding-top:27px}#sets img{height:60px}}
@media(max-width:900px){.header-note{display:none}.experience{min-height:760px}.editorial{top:17%;width:36%}h1{font-size:30px}.editorial p{font-size:11px}.product-detail{right:4%;top:47%;width:17%}.product-detail h3{font-size:23px}.detail-hint{display:none}.footer-caption{display:none}#sets{width:100%}.collection-title{width:60px}footer{gap:20px}.scene-tools{left:58%}.drag-hint{left:58%}}
@media(max-width:600px){.experience{min-height:800px;height:100svh}header{height:80px;padding:14px 6%}.identity img{height:42px}.identity>span{font-size:31px}.identity>span>span{font-size:7px;letter-spacing:4px}.outline{font-size:10px;padding:11px 13px}.outline span{padding-left:12px}.editorial{left:7%;top:109px;width:86%}.eyebrow{font-size:7px;letter-spacing:1.8px}h1{font-size:29px;margin:15px 0 0;letter-spacing:-1.5px}h1 br{display:none}h1 em{display:block}.editorial p,.rule,.editorial>.small-label{display:none}.editorial h2{position:absolute;top:323px;font-size:22px;margin:0}#variants{position:absolute;top:361px;max-width:none;flex-wrap:nowrap;gap:5px}#variants button{font-size:9px;padding:7px 10px}.giant{top:29%;left:-5%;font-size:30vw;width:110%;text-align:center}.product-detail{top:auto;bottom:180px;left:7%;width:auto}.product-detail>.small-label,.product-detail h3{display:none}.round-action{font-size:11px}.round-action>span{width:27px;height:27px}.scene-tools{left:auto;right:7%;bottom:174px;transform:none;gap:14px}.arrow{width:33px;height:33px}.flip{font-size:10px;gap:5px}.flip>span:first-child{font-size:22px}.drag-hint{display:none}footer{bottom:22px;left:7%;right:7%;padding-top:16px;display:block}.collection-title{display:flex;align-items:center;width:100%;justify-content:space-between;margin-bottom:14px}.collection-title strong{font-size:16px;margin:0}.collection-title>span{font-size:7px}#sets{gap:8px}#sets button{gap:5px;padding-bottom:9px}#sets img{width:23px;height:35px}#sets strong{font-size:9px}#sets small{font-size:8px}.fallback{left:30%;top:30%;height:29%;max-width:45%}#detail-modal[open]{grid-template-columns:1fr;gap:20px;padding:30px 20px}.modal-copy{padding:10px 0 0}.modal-copy h2{font-size:29px;margin:16px 0}.modal-copy p{font-size:11px}.face-controls{margin:16px 0}.label-view{max-height:48svh}.modal-copy .solid{display:none}#contact-modal{padding:45px 26px}#contact-modal h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:901px){.product-detail{right:3%;width:14%;background:linear-gradient(90deg,transparent,#10261d99);padding:20px 0 20px 20px;top:37%}.scene-tools{bottom:22%}.drag-hint{bottom:16%}}
@media(max-width:600px){.editorial h2{top:405px}#variants{top:450px}}
/* Brand → collection → product information */
[hidden]{display:none!important}#sets{grid-template-columns:repeat(3,1fr)}.stage-instruction{font-size:7px;letter-spacing:1.3px;text-align:center;max-width:160px;line-height:1.7}.editorial #open-series{pointer-events:auto;margin-top:4px;padding:13px 18px;font-size:10px}.back-step{position:absolute;left:5%;top:118px;z-index:12;font-size:10px;padding:10px 15px}.editorial,.product-detail,.giant,.atmosphere{transition:opacity .65s,filter .65s}.collection-heading{position:absolute;left:50%;top:43%;transform:translateX(-50%);text-align:center;z-index:5}.collection-heading .eyebrow{justify-content:center;font-size:7px}.collection-heading h2{font-size:23px;margin:8px 0 10px}#weights{display:flex;align-items:center;justify-content:center;gap:13px}#weights button{background:none;border:0;border-bottom:1px solid transparent;font-size:12px;padding:5px 9px;color:#a0b4a0}#weights button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}#weights>span{opacity:.25}#collection #variants{position:absolute;top:57%;left:17%;width:66%;max-width:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;z-index:5;pointer-events:auto}#collection #variants button{border:0;border-radius:0;background:transparent;padding:0;text-align:center;transition:opacity .5s,transform .5s;position:relative}#collection #variants button img{height:clamp(100px,20vh,210px);width:100%;object-fit:contain;filter:drop-shadow(0 15px 17px #0008);transition:transform .5s}#collection #variants button span{display:block;font-size:16px;margin-top:12px}#collection #variants button small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:9px;color:var(--muted)}#collection #variants button:hover img{transform:translateY(-12px) rotate(-3deg)}#collection #variants button:focus-visible{outline-offset:8px}body[data-mode=collection] .editorial,body[data-mode=collection] .product-detail,body[data-mode=detail] .editorial,body[data-mode=detail] .product-detail{opacity:0;visibility:hidden}body:not([data-mode=brands]) .scene-tools,body:not([data-mode=brands]) .drag-hint{display:none}body:not([data-mode=brands]) .giant{opacity:.5}body[data-mode=collection] .fallback{height:20%;left:43%;top:18%}body[data-mode=detail] .atmosphere{filter:brightness(.32)}body[data-mode=detail] .giant{opacity:.12}body[data-mode=detail] #collection{pointer-events:none;opacity:.13}body[data-mode=detail] .collection-heading{display:none}body[data-mode=detail] #collection #variants{left:4%;top:auto;bottom:17%;width:31%;gap:10px;pointer-events:none}body[data-mode=detail] #collection #variants button{pointer-events:none}body[data-mode=detail] #collection #variants button img{height:55px}body[data-mode=detail] #collection #variants button span{font-size:9px;margin-top:5px}body[data-mode=detail] #collection #variants button small{display:none}body[data-mode=detail] .fallback{left:20%;height:45%;top:27%}body[data-mode=detail] footer{opacity:.4}#information{position:absolute;z-index:6;left:53%;right:6%;top:23%;bottom:17%;display:flex;flex-direction:column;min-height:0}.info-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #ffffff25}.info-top .eyebrow{font-size:9px;letter-spacing:1.2px}.info-top .text-link{background:none;border:0;color:#b3c0ae;font-size:9px;margin:0;padding:0;white-space:nowrap}#info-nav{display:flex;gap:16px;padding:16px 0 0}#info-nav button{border:0;background:none;border-bottom:1px solid transparent;font-size:10px;padding:5px 0;color:#718171}#info-nav button[aria-current=step]{color:var(--accent);border-color:var(--accent)}#info-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#72856544 transparent;position:relative;outline-offset:5px;padding-right:12px}#info-scroll article{min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:26px 0 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.chapter-number{font-size:8px;letter-spacing:2px;color:#718571}#info-scroll h2{font-family:var(--brand-font);font-weight:400;font-size:clamp(28px,3.4vw,48px);line-height:1.08;margin:15px 0 24px;letter-spacing:-1px}#info-scroll .lead{font-size:clamp(16px,1.6vw,22px);line-height:1.65;color:var(--ink);margin:0 0 18px}#info-scroll p{max-width:460px;font-size:14px;margin:0 0 20px}.info-note{font-size:10px;color:#a7b59f;padding-top:18px;border-top:1px solid #ffffff18;width:100%;line-height:1.6}.chapter-next{font-size:10px;color:var(--accent);background:transparent;border:0;padding:20px 0 0}.cooking-time{font-size:45px;letter-spacing:-2px;margin-bottom:16px}.cooking-time em{font-size:25px;letter-spacing:0}.allergen{padding-left:18px;border-left:2px solid var(--accent)}.nutrition-unit{font-size:9px;color:#a6b39f;margin-bottom:12px}#info-scroll table{width:100%;border-collapse:collapse;font-size:11px}#info-scroll th{font-weight:400;text-align:left;color:#b8c3af}#info-scroll td{text-align:right}#info-scroll td,#info-scroll th{padding:7px 0;border-bottom:1px solid #ffffff12}#info-scroll article:last-child{justify-content:flex-start;padding-top:15px}#info-scroll article:last-child h2{font-size:30px;margin-bottom:16px}.scroll-cue{font-size:7px;letter-spacing:1.6px;margin-top:14px;color:#92a18b}
@media(max-width:900px) and (min-width:601px){#collection #variants{left:10%;width:80%}#information{left:50%;right:5%;top:25%}.info-top{display:block}.info-top .text-link{margin-top:10px}.back-step{top:105px}}
@media(max-width:600px){.editorial #open-series{position:absolute;top:450px;font-size:11px}.editorial h2{top:405px}.stage-instruction{max-width:120px;font-size:6px}.back-step{left:6%;top:90px;font-size:9px;padding:8px 12px}.collection-heading{top:39%;width:100%}.collection-heading h2{font-size:21px}#collection #variants{top:55%;left:6%;width:88%;gap:10px}#collection #variants button img{height:100px}#collection #variants button span{font-size:11px;margin-top:12px}#collection #variants button small{font-size:5px;letter-spacing:.6px}body[data-mode=detail] #collection{display:none}#information{left:7%;right:7%;top:46%;bottom:15%}.info-top{padding-bottom:9px}.info-top .eyebrow{font-size:8px}.info-top .text-link{font-size:8px}#info-nav{padding-top:8px;gap:20px}#info-scroll article{padding:12px 0 18px}#info-scroll h2{font-size:28px;margin:10px 0 15px}#info-scroll .lead{font-size:15px;line-height:1.65}#info-scroll p{font-size:12px;margin-bottom:10px}.chapter-number{font-size:7px}.info-note{font-size:9px;padding-top:10px}.chapter-next{font-size:9px;padding-top:12px}.scroll-cue{font-size:6px;margin-top:9px}.cooking-time{font-size:30px;margin-bottom:8px}.cooking-time em{font-size:20px}#info-scroll article:last-child h2{font-size:25px;margin:9px 0}#info-scroll td,#info-scroll th{padding:5px 0;font-size:10px}.nutrition-unit{margin-bottom:7px}body[data-mode=detail] .fallback{left:34%;top:18%;height:24%}body[data-mode=collection] .fallback{left:39%;top:19%;height:18%}}
body[data-mode=detail] #canvas{clip-path:inset(16% 49% 18% 2% round 8px)}
@media(max-width:600px){body[data-mode=detail] #canvas{clip-path:inset(16% 6% 57% 6% round 6px)}}
/* Full cinematic composition: copy left, floating package right. */
body[data-mode=detail] #canvas{clip-path:none}
body[data-mode=detail] .atmosphere{filter:brightness(.75)}
body[data-mode=detail] #information{left:6%;right:auto;width:30%;top:25%;bottom:19%}
body[data-mode=detail] #info-nav{position:fixed;right:4%;top:35%;display:flex;flex-direction:column;gap:16px}
body[data-mode=detail] #info-nav button{height:35px;width:35px;border:1px solid #ffffff35;border-radius:50%;font-size:10px;background:#05170d30}
body[data-mode=detail] #info-nav button[aria-current=step]{background:var(--accent);color:#15231a;border-color:var(--accent);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 30%,transparent)}
body[data-mode=detail] #info-scroll h2{font-size:36px}
body[data-mode=detail] #info-scroll .lead{font-size:17px}
body[data-mode=detail] #info-scroll p{font-size:12px}
body[data-mode=detail] #collection #variants{display:none}
@media(max-width:600px){body[data-mode=detail] #canvas{clip-path:inset(15% 0 57% 0)}body[data-mode=detail] #information{left:7%;right:7%;width:auto;top:46%;bottom:15%}body[data-mode=detail] #info-nav{position:static;flex-direction:row;gap:12px;padding-top:9px}body[data-mode=detail] #info-nav button{width:27px;height:27px;font-size:8px}body[data-mode=detail] #info-scroll h2{font-size:27px}body[data-mode=detail] #info-scroll .lead{font-size:14px}}
body[data-mode=detail] .atmosphere{filter:brightness(.22)}
body[data-mode=detail] footer{opacity:.09}
body[data-mode=detail] .giant{opacity:.025}
body[data-mode=detail] .header-note{opacity:.22}
#info-scroll{scroll-snap-type:none;touch-action:none}
.important-list{padding-left:18px;margin:0;color:var(--ink);font-size:15px;line-height:1.8}.important-list li{margin-bottom:15px}body[data-mode=detail] #info-nav{top:25%;gap:12px}#chapter-3{justify-content:flex-start!important;padding-top:15px!important}#chapter-3 h2{font-size:29px!important;margin-bottom:16px!important}@media(max-width:600px){.important-list{font-size:12px}.important-list li{margin-bottom:10px}body[data-mode=detail] #info-nav{gap:10px}#chapter-3 h2{font-size:25px!important}}
.manufacturer-name{font-size:15px!important;color:var(--ink);line-height:1.6!important}.manufacturer-data{margin:4px 0;font-size:11px;line-height:1.6}.manufacturer-data dt{color:#8d9c86;margin-top:7px;font-size:9px}.manufacturer-data dd{margin:0}#chapter-6 .text-link{font-size:10px;margin-top:10px}#chapter-6 h2{font-size:29px!important;margin:10px 0 15px!important}.recipe-zoom{font-size:10px;padding:12px 17px}body[data-mode=detail] #info-nav{top:23%;gap:10px}@media(max-width:600px){body[data-mode=detail] #info-nav{gap:9px}.manufacturer-name{font-size:12px!important}#chapter-6 h2{font-size:25px!important}}
body[data-mode=detail] .atmosphere{filter:brightness(.72);background:radial-gradient(ellipse at 68% 55%,var(--glow) 0%,transparent 58%),linear-gradient(125deg,#05120e,#071912)}
body[data-mode=detail] .atmosphere:after{background:radial-gradient(ellipse at 68% 67%,var(--accent),transparent 46%);opacity:.18;filter:blur(40px)}
body[data-mode=detail] .experience:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#03120ef5 0%,#03120ed9 31%,#03120e55 45%,transparent 57%)}
@media(max-width:600px){body[data-mode=detail] .experience:after{background:linear-gradient(0deg,#03120ef0 0%,#03120ec9 52%,transparent 65%)}}

/* Corporate typography: local geometric sans fallback until Brandon webfonts are supplied. */
:root{--brand-font:"Brandon Grotesque","Avenir Next",Avenir,"Century Gothic",sans-serif}
body{font-family:var(--brand-font);font-weight:400}
h1,h2,h3,#info-scroll h2,.collection-heading h2{font-family:var(--brand-font);font-weight:700;letter-spacing:-.035em}
h1{font-weight:800;line-height:1.14}
em{font-family:inherit;font-style:normal;font-weight:inherit}
h1 em{font-size:1em}
.identity>span{font-family:var(--brand-font);font-size:27px;line-height:1.1;letter-spacing:-.035em;font-weight:800;white-space:nowrap}
.product-detail{width:17%}
.product-detail h3{font-weight:800;font-size:clamp(22px,2.2vw,34px);white-space:nowrap;letter-spacing:-.04em}
#sets strong,#collection #variants button span{font-weight:700}
.giant{font-weight:900;letter-spacing:-.06em}
.cooking-time{font-weight:800}.cooking-time em{font-weight:400}
@media(max-width:600px){.identity{gap:8px}.identity>span{font-size:19px}.identity img{height:38px}.outline span{padding-left:5px}}

body[data-intro=true] #info-nav,body[data-intro=true] .info-top{visibility:hidden}body[data-intro=true] .atmosphere{filter:brightness(1)}body[data-intro=true] #info-scroll{overflow:hidden}body[data-intro=true] #info-scroll .product-intro{justify-content:center;padding-top:26px}body[data-intro=true] .experience:after{opacity:.5}body[data-intro=true] #canvas{clip-path:none}

.product-detail{display:none}

.experience>footer{display:none}

.identity img{height:88px;width:auto;max-width:none}.identity{gap:16px}header{height:132px}@media(max-width:600px){header{height:96px}.identity img{height:62px}.identity{gap:9px}.identity>span{font-size:19px}}

/* Match the series introduction to the product information typography. */
.editorial p{font-size:clamp(15px,1.2vw,20px);line-height:1.65}
.editorial .eyebrow,.editorial .small-label{font-size:12px}
.editorial h2{font-size:clamp(26px,2.5vw,42px);line-height:1.12}
.editorial h2 small{font-size:clamp(15px,1.2vw,20px)}
.editorial #open-series{font-size:16px;padding:15px 22px}
@media(max-width:700px){.editorial p{font-size:15px}.editorial .eyebrow,.editorial .small-label{font-size:10px}.editorial h2{font-size:25px}.editorial h2 small{font-size:15px}.editorial #open-series{font-size:14px}}

/* More readable collection heading, weights, and variety labels. */
.collection-heading .eyebrow{font-size:9px}
.collection-heading h2{font-size:29px}
#weights button{font-size:15px}
#collection #variants button span{font-size:20px}
#collection #variants button small{font-size:8px}
@media(max-width:600px){.collection-heading .eyebrow{font-size:8px}.collection-heading h2{font-size:26px}#weights button{font-size:15px}#collection #variants button span{font-size:14px}#collection #variants button small{font-size:7px;letter-spacing:.6px}}
body[data-mode=detail] #collection #variants button span{font-size:9px}

.editorial #open-series{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;border-radius:28px;background:var(--accent);color:#071b16;font-weight:600;cursor:pointer}
.editorial #open-series:hover{filter:brightness(1.1)}
.editorial #open-series:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:600px){.editorial #open-series{top:450px;margin-top:10px;padding:12px 20px}}

/* Preserve animation progress while the scene is off screen. */
.scene-suspended .experience,.scene-suspended .experience *,.scene-suspended .experience *:before,.scene-suspended .experience *:after{animation-play-state:paused!important}

/* Keep horizontal gestures in the product scene; preserve pinch zoom. */
html,body{max-width:100%;overflow-x:clip;overscroll-behavior-x:none}
#canvas{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.embedded body:not([data-mode=detail]) .experience{touch-action:pan-y pinch-zoom}
@supports not (overflow:clip){html{overflow-x:hidden}}

.mobile-brand-images{display:none}
@media(max-width:700px){
 body[data-mode=brands] #canvas,body[data-mode=brands] .fallback{visibility:hidden}
 body[data-mode=brands] .mobile-brand-images{display:block;position:absolute;top:40%;left:0;width:100%;height:36%;z-index:2;touch-action:pan-y pinch-zoom}
 .mobile-brand-images button{position:absolute;left:50%;top:0;width:58%;height:100%;padding:0;border:0;background:none;transform:translateX(-50%);transition:transform .3s ease;touch-action:pan-y pinch-zoom}
 .mobile-brand-images img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 16px #0005);pointer-events:none}
 .mobile-brand-images .is-active{z-index:2}
 .mobile-brand-images .is-left{transform:translateX(-128%) scale(.82)}
 .mobile-brand-images .is-right{transform:translateX(28%) scale(.82)}
 .scene-tools{bottom:12%;left:auto;right:6%;transform:none}
}
@media(max-width:700px){.embedded .experience{height:100svh;min-height:0}body[data-mode=brands] .mobile-brand-images{top:26%;height:36%}}

@media(max-width:700px){.editorial{text-align:center}.editorial>.eyebrow{justify-content:center}.editorial h2{left:0;width:100%;text-align:center}.editorial #open-series{left:50%;transform:translateX(-50%);white-space:nowrap}.scene-tools{left:50%;right:auto;transform:translateX(-50%)}}

@media(max-width:700px){.embedded body[data-mode=brands] .experience>.beef-origin{top:78px;right:12px;left:auto;width:64px;height:64px;padding:5px 3px;gap:3px;border-radius:28px 28px 18px 18px}.embedded body[data-mode=brands] .experience>.beef-origin svg{width:24px;height:23px}.embedded body[data-mode=brands] .experience>.beef-origin span{font-size:7px;line-height:1.3}}

.editorial h2 .package-options{display:block;font-size:clamp(14px,1.2vw,18px);font-weight:500;line-height:1.4;letter-spacing:0;margin:8px 0 0}
@media(max-width:600px){.editorial #open-series.with-package-options{top:482px}}

@media(max-width:700px){.editorial>h1,.editorial>.eyebrow{transform:translateY(-32px)}}

/* Preserve original artwork on mobile collection hero, without WebGL resampling. */
@media(max-width:600px){
 body[data-mode=collection] #canvas{visibility:hidden}
 body.ready[data-mode=collection] .fallback{opacity:1;visibility:visible;left:50%;transform:translateX(-50%);top:19%;height:20%;max-width:45%;filter:none}
 #collection #variants button img{filter:none;opacity:1}
}

@media(max-width:600px){
 .embedded .experience{min-height:740px}
 body[data-mode=brands] .scene-tools{top:668px;bottom:auto}
}

@media(max-width:600px){
 body[data-mode=detail][data-intro=true] #canvas{visibility:hidden}
 body.ready[data-mode=detail][data-intro=true] .fallback{opacity:1;visibility:visible;left:50%;transform:translateX(-50%);top:19%;height:24%;max-width:48%;filter:none}
}

/* Mobile: stable original pack above an independently scrolling information panel. */
@media(max-width:600px){
 body[data-mode=detail] #canvas{visibility:hidden}
 body.ready[data-mode=detail] .fallback{opacity:1;visibility:visible;left:50%;transform:translateX(-50%);top:19%;height:24%;max-width:48%;filter:none}
 body[data-mode=detail] #information{top:44%;bottom:4%}
 body[data-mode=detail] #info-scroll{overflow-y:auto;touch-action:pan-y;overscroll-behavior-y:contain;scroll-snap-type:none;-webkit-overflow-scrolling:touch}
 body[data-mode=detail] #info-scroll article{min-height:0;padding:24px 0;scroll-snap-align:none}
 body[data-mode=detail] #info-scroll .product-intro{padding-top:12px}
 body[data-mode=detail] .info-top{visibility:visible}
 body[data-mode=detail] #info-nav{display:none}
}

#brand small{display:block;margin:8px 0 0;font-size:16px;line-height:1.4;letter-spacing:0}
@media(max-width:600px){.editorial #open-series{top:482px}}

@media(max-width:700px){.mobile-brand-images button{transition:transform .45s cubic-bezier(.22,.7,.2,1)!important;will-change:transform;backface-visibility:hidden}}