
/* Go Munch v44 / two gourmet worlds, one unmistakable DIY flavour proposition.
   Editorial website layer only. Original approved packaging and Honeyed experience are unchanged. */
.narrative-site .v42-mix-line h2 small,
.narrative-site .v43-arrival h2 small{
 display:block;font:800 clamp(12px,1.05vw,17px)/1.5 var(--sans);
 letter-spacing:.085em;text-transform:uppercase;margin-top:10px;
}
.narrative-site .v42-mix-line h2 small{color:#c7472d}
.narrative-site .v43-arrival h2 small{color:#bd4a31}
.v44-duet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:55px auto 0;width:min(1460px,95%);background:#3e1a29}
.v44-duet-world{position:relative;isolation:isolate;overflow:hidden;min-height:680px;display:flex;align-items:flex-end;padding:clamp(25px,3.5vw,58px);text-decoration:none;color:#fff4e5;box-sizing:border-box}
.v44-duet-world:hover .v44-duet-photo img,.v44-duet-world:focus-visible .v44-duet-photo img{transform:scale(1.055)}
.v44-duet-photo,.v44-duet-photo:after{position:absolute;inset:0;z-index:-2}
.v44-duet-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1s cubic-bezier(.2,.85,.2,1)}
.v44-duet-honey{background:#3b1525}
.v44-duet-honey .v44-duet-photo:after{content:"";z-index:1;background:linear-gradient(0deg,#2d1022 0%,#351a2be8 28%,#3c17218a 56%,#280b1640 100%)}
.v44-duet-active{background:#f25e42;color:#fff8e5}
.v44-duet-active .v44-duet-photo{top:-9%;bottom:22%;opacity:.98;transform:rotate(-4deg) scale(1.06)}
.v44-duet-active .v44-duet-photo img{object-position:center}
.v44-duet-active:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#952d40 0%,#c53e40 26%,#d7473f9c 54%,#ed5d3722 100%)}
.v44-duet-content{z-index:5;max-width:550px;position:relative}
.v44-duet-content>span{font:800 10px/1.4 var(--sans);letter-spacing:.16em}
.narrative-site .v44-duet-content h2{font:400 clamp(36px,4.2vw,69px)/1.01 var(--serif);letter-spacing:-.04em;margin:22px 0 17px}
.narrative-site .v44-duet-active .v44-duet-content h2{font:850 clamp(41px,4.5vw,72px)/.98 var(--sans);letter-spacing:-.075em}
.v44-duet-active .v44-duet-content h2 em{color:#ffe88a;font-style:normal}
.v44-duet-content p{font:500 clamp(13px,1.1vw,17px)/1.55 var(--sans);max-width:480px;margin:0 0 29px}
.v44-duet-content>strong{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #ffffffa0;font:800 12px/1.2 var(--sans);letter-spacing:.07em;max-width:400px}
.v44-duet-packs{position:absolute;z-index:1;right:3%;top:7%;height:48%;width:61%;pointer-events:none}
.v44-duet-packs img{position:absolute;top:0;width:52%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 14px #49291f70);transform:rotate(-10deg)}
.v44-duet-packs img+img{left:44%;top:6%;transform:rotate(11deg);z-index:2}
@media(max-width:900px){
 .v44-duet{grid-template-columns:1fr;width:100%;margin-top:30px}
 .v44-duet-world{min-height:550px;padding:35px 5vw}
 .v44-duet-active .v44-duet-photo{bottom:14%}
 .v44-duet-packs{height:51%;width:51%}
}
@media(max-width:480px){
 .v44-duet-world{min-height:450px;padding:27px 6vw}
 .narrative-site .v44-duet-content h2{font-size:43px}
 .narrative-site .v44-duet-active .v44-duet-content h2{font-size:46px}
 .v44-duet-content p{font-size:13px;max-width:310px;line-height:1.45;margin-bottom:17px}
 .v44-duet-content>strong{font-size:10px}
 .v44-duet-packs{width:58%;height:42%;right:4%;top:3%}
 .v44-duet-active .v44-duet-photo{top:0;bottom:28%}
}

/* Mobile menu: a curated visual magazine of the two distinct worlds. */
.narrative-site .mobile-menu.v44-mobile-menu:not([hidden]){
 position:fixed;inset:56px 0 0;width:100%;height:calc(100dvh - 56px);max-height:none;
 overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;display:block;
 padding:23px clamp(16px,5vw,35px) 112px;background:#f8f2e7;color:#122e32;
 z-index:90;box-shadow:0 25px 45px #21161c55
}
.narrative-site .mobile-menu.v44-mobile-menu[hidden]{display:none!important}
.v44-menu-top>span{font:850 10px/1.5 var(--sans);letter-spacing:.12em}
.v44-menu-top>strong{display:block;font:830 clamp(30px,8vw,51px)/1.06 var(--sans);letter-spacing:-.07em;margin:13px 0 7px}
.v44-menu-top>p{font:500 13px/1.5 var(--sans);margin:0 0 19px}
.v44-menu-worlds{display:grid;grid-template-columns:1fr;gap:9px}
.v44-menu-worlds>a{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;
 justify-content:center;gap:8px;padding:21px 42% 21px 20px;min-height:205px;overflow:hidden;text-decoration:none}
.v44-menu-worlds>a>span{font:800 9px/1.25 var(--sans);letter-spacing:.12em}
.v44-menu-worlds>a>strong{font:450 clamp(30px,7.5vw,48px)/1.01 var(--serif);letter-spacing:-.055em}
.v44-menu-worlds>a>small{font:600 11px/1.35 var(--sans);max-width:260px}
.v44-menu-worlds img{position:absolute;right:-5%;top:0;width:44%;height:100%;object-fit:contain;z-index:-1}
.v44-menu-honey{background:#401829;color:#f7e9d2!important}
.v44-menu-honey img{width:57%;right:-13%;object-fit:cover;opacity:.87;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.v44-menu-honey em{font-style:italic}
.v44-menu-active{background:#ffbb71;color:#143e3c!important}
.v44-menu-active>strong{font-family:var(--sans)!important;font-weight:850!important}
.v44-menu-active>strong em{color:#d7472d;font-style:normal}
.v44-menu-active img{right:0;top:5%;height:93%;transform:rotate(8deg);filter:drop-shadow(0 7px 9px #492a2345)}
.v44-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:22px 0}
.v44-menu-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #23433e40;padding:14px 0;min-height:48px;font:700 13px/1.2 var(--sans);text-decoration:none;color:inherit}
.v44-menu-foot{display:grid;gap:11px;padding:20px;background:#e6e8d5;font:700 11px/1.4 var(--sans)}
.v44-menu-foot>span{font-size:9px;letter-spacing:.08em}
.v44-menu-foot a{font-size:13px;color:inherit}
.v44-menu-foot button{border:0;background:#163f35;color:#fff8df;padding:13px;text-align:left;font-weight:800}
@media(min-width:650px) and (max-width:980px){
 .v44-menu-worlds{grid-template-columns:1fr 1fr}
 .v44-menu-worlds>a{min-height:265px;padding-right:40%;padding-left:23px}
 .v44-menu-worlds>a>strong{font-size:37px}
}
@media(max-width:350px){
 .v44-menu-worlds>a{min-height:190px;padding:16px 39% 16px 16px}
 .v44-menu-worlds>a>strong{font-size:29px}
 .v44-menu-worlds>a>small{font-size:10px}
 .v44-menu-links a{font-size:11px}
}

/* Flavour-first editorial product cards. */
.narrative-site .v44-family-display .s-family-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);gap:7px 30px;align-items:end;margin-bottom:23px}
.narrative-site .v44-family-display .s-family-heading .s-number{grid-column:1/-1}
.narrative-site .v44-family-display .s-family-heading h2{font-size:clamp(35px,4vw,60px);line-height:.97}
.v44-family-display .s-family-heading h2 em{color:#b74636;font-style:normal}
.v44-family-display .s-family-heading p{max-width:460px;color:#28463e;font-size:14px;line-height:1.55}
.narrative-site .v44-family-display .s-family-packs{max-width:none;gap:13px}
.v44-family-display .v44-flavour-card{position:relative;min-height:640px;padding:22px 22px 18px;align-items:flex-start;text-align:left;overflow:hidden;border:0!important;box-shadow:inset 0 0 0 1px #163e3227;transition:transform .3s,box-shadow .3s,background .3s}
.v44-family-display .v44-flavour-card:before{background:radial-gradient(ellipse at 45% 27%,#fff9,transparent 65%)}
.v44-family-display .v44-flavour-card.fw-zesty-peri-peri{background:#f5b095;color:#103e39}
.v44-family-display .v44-flavour-card.fw-golden-honey-herb{background:#f6d78f;color:#443020}
.v44-family-display .v44-flavour-card.fw-mayo-chilli-herb{background:#cde6d9;color:#194f42}
.v44-family-display .v44-flavour-card.fw-peri-mayo-peanut{background:#173a61;color:#fff5df}
.v44-family-display .v44-flavour-card.fw-honey-pepper-peanut{background:#f3c541;color:#16385b}
.v44-family-display .v44-flavour-card:hover{background-color:var(--fw-accent);box-shadow:inset 0 0 0 2px #173f3f55}
.v44-family-display .v44-flavour-card .s-flavour-kind{font:800 9px/1.4 var(--sans);letter-spacing:.095em;min-height:25px;text-align:left}
.v44-family-display .v44-flavour-card .s-pack{align-self:center;max-width:270px;width:72%;height:auto;max-height:345px;margin:7px auto 16px}
.v44-palate-label{font:850 10px/1.4 var(--sans);letter-spacing:.1em;margin-bottom:6px}
.narrative-site .v44-family-display .v44-flavour-card h3{font:830 clamp(24px,2.35vw,35px)/1.03 var(--sans);letter-spacing:-.065em;margin:0 0 12px;text-align:left;max-width:none}
.v44-sensory{font:550 14px/1.47 var(--sans);margin:0 0 12px;text-align:left;max-width:370px;flex:1}
.v44-card-ritual{font:700 10px/1.35 var(--sans);padding-top:8px;margin-top:auto;border-top:1px solid currentColor;opacity:.84;width:100%}
.v44-family-display .s-flavour-meta{border-top:1px solid #10382e3a;margin-top:15px;padding-top:12px;font-weight:750}
.v44-family-display .s-family-peanut{border-top:1px solid #14443945;padding-top:40px}
.v44-family-display .s-family-peanut .v44-flavour-card{min-height:295px;display:grid;grid-template-columns:32% 1fr;grid-template-rows:auto auto auto 1fr auto auto;column-gap:21px;padding:22px}
.v44-family-display .s-family-peanut .v44-flavour-card .s-pack{grid-column:1;grid-row:1/7;width:100%;margin:auto;max-width:180px;max-height:250px}
.v44-family-display .s-family-peanut .v44-flavour-card .s-flavour-kind{grid-column:2;grid-row:1}
.v44-family-display .s-family-peanut .v44-palate-label{grid-column:2;grid-row:2}
.v44-family-display .s-family-peanut .v44-flavour-card h3{grid-column:2;grid-row:3;font-size:clamp(23px,2vw,31px)}
.v44-family-display .s-family-peanut .v44-sensory{grid-column:2;grid-row:4;font-size:13px}
.v44-family-display .s-family-peanut .v44-card-ritual{grid-column:2;grid-row:5}
.v44-family-display .s-family-peanut .s-flavour-meta{grid-column:2;grid-row:6}
@media(max-width:900px){
 .narrative-site .v44-family-display .s-family-heading{grid-template-columns:1fr;gap:8px}
 .narrative-site .v44-family-display .s-family-heading .s-number{grid-column:auto}
 .narrative-site .v44-family-display .s-family-heading h2{font-size:clamp(31px,6vw,47px)}
 .v44-family-display .s-family-heading p{font-size:12px}
 .v44-family-display .v44-flavour-card{padding:13px;min-height:480px}
 .v44-family-display .v44-flavour-card .s-flavour-kind{font-size:8px}
 .v44-family-display .v44-flavour-card .s-pack{width:88%;max-height:230px}
 .narrative-site .v44-family-display .v44-flavour-card h3{font-size:23px}
 .v44-sensory{font-size:12px}
 .v44-card-ritual{font-size:9px}
 .v44-family-display .s-family-peanut .v44-flavour-card{min-height:300px}
}
@media(max-width:600px){
 .narrative-site .v44-family-display .s-family-mix .s-family-packs{grid-template-columns:1fr!important;gap:10px!important}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card,
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card:first-child{display:grid;grid-template-columns:39% minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto auto;gap:2px 13px;padding:14px;min-height:275px;text-align:left}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .s-pack{grid-column:1;grid-row:1/7;width:100%;height:auto;max-height:225px;max-width:195px;align-self:center;margin:0}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .s-flavour-kind{grid-column:2;grid-row:1;font-size:8px;min-height:0;text-align:left}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .v44-palate-label{grid-column:2;grid-row:2}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card h3{grid-column:2;grid-row:3;text-align:left;font-size:clamp(20px,5.5vw,28px);margin:5px 0}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .v44-sensory{grid-column:2;grid-row:4;text-align:left;font-size:11px}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .v44-card-ritual{grid-column:2;grid-row:5;font-size:8.5px}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .s-flavour-meta{grid-column:2;grid-row:6;margin-top:7px}
 .narrative-site .v44-family-display .s-family-peanut .s-family-packs{grid-template-columns:1fr!important;gap:10px!important}
 .narrative-site .v44-family-display .s-family-peanut .v44-flavour-card{display:grid;grid-template-columns:35% 1fr;grid-template-rows:auto auto auto 1fr auto auto;min-height:240px;padding:14px;gap:2px 13px}
 .narrative-site .v44-family-display .s-family-peanut .v44-flavour-card .s-pack{grid-column:1;grid-row:1/7;width:100%;max-height:215px}
 .narrative-site .v44-family-display .s-family-peanut .v44-flavour-card .s-flavour-kind{grid-column:2;grid-row:1}
 .narrative-site .v44-family-display .s-family-peanut .v44-flavour-card h3{grid-column:2;grid-row:3;text-align:left;font-size:21px}
 .v44-family-display .s-family-peanut .v44-sensory{font-size:11px;text-align:left}
 .v44-family-display .s-family-peanut .v44-card-ritual{font-size:8.5px}
 .v44-family-display .s-family-peanut .s-flavour-meta{grid-column:2}
}
@media(max-width:350px){
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card,
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card:first-child{grid-template-columns:34% minmax(0,1fr);gap:2px 8px;padding:11px}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card h3{font-size:19px}
}

/* Hero on the direct Everyday Active collection: storytelling before catalogue. */
.narrative-site .v44-collection-entry{display:grid;grid-template-columns:52% 48%;gap:0;background:#f4ca75;color:#173b3b;min-height:645px;padding:0}
.v44-collection-copy{padding:clamp(35px,5vw,78px) 2vw clamp(35px,5vw,78px) 5vw;align-self:center;z-index:1}
.narrative-site .v44-collection-entry h1{font:830 clamp(56px,5.7vw,100px)/.95 var(--sans);margin:16px 0 20px}
.v44-collection-entry h1 span{display:block;font:800 clamp(21px,2.3vw,36px)/1.1 var(--sans);letter-spacing:-.045em;color:#a63f35;margin-top:13px}
.narrative-site .v44-collection-entry .v43-collection-deck{font-size:clamp(17px,1.55vw,23px);line-height:1.33;font-weight:650;max-width:650px}
.v44-collection-proof{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}
.v44-collection-proof span{background:#173c38;color:#fff1d4;padding:11px;font:800 10px/1.2 var(--sans);letter-spacing:.04em}
.narrative-site .v44-collection-kit{font:600 13px/1.5 var(--sans);max-width:530px}
.v44-collection-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#f6d8bb,#e67b67 55%,#b94542 100%);min-width:0;isolation:isolate}
.v44-collection-image .s-pack{position:absolute;width:34%;max-width:240px;top:25%;z-index:3}
.v44-collection-image .s-pack:nth-child(2){left:4%;transform:rotate(-13deg)}
.v44-collection-image .s-pack:nth-child(3){left:34%;transform:rotate(1deg) scale(1.09);z-index:5}
.v44-collection-image .s-pack:nth-child(4){right:3%;transform:rotate(13deg)}
.v44-collection-ribbon{position:absolute;top:7%;left:8%;right:8%;font:850 11px/1.4 var(--sans);letter-spacing:.12em;color:#fff5de;text-align:center}
.v44-collection-image>strong{position:absolute;bottom:8%;left:6%;right:6%;font:900 clamp(40px,6vw,100px)/.9 var(--sans);letter-spacing:-.085em;color:#ffe99e;text-align:center}
.v44-reason-link{display:inline-block;margin-top:16px;padding:13px 0;border-bottom:1px solid;color:#ffef95;font:700 14px/1.2 var(--sans)}
.narrative-site .v43-collection-reason h2 em{font-style:normal;color:#e9ee89}
@media(max-width:900px){
 .narrative-site .v44-collection-entry{grid-template-columns:1fr;min-height:0}
 .v44-collection-copy{padding:38px 5vw 28px}
 .narrative-site .v44-collection-entry h1{font-size:clamp(48px,9vw,75px)}
 .v44-collection-image{height:480px}
 .v44-collection-image .s-pack{top:20%;width:30%}
}
@media(max-width:600px){
 .v44-collection-copy{padding:29px 5vw 23px}
 .narrative-site .v44-collection-entry h1{font-size:clamp(42px,11vw,59px);margin:13px 0}
 .v44-collection-entry h1 span{font-size:clamp(22px,6vw,30px)}
 .narrative-site .v44-collection-entry .v43-collection-deck{font-size:14px}
 .v44-collection-proof span{padding:8px;font-size:8px}
 .narrative-site .v44-collection-kit{font-size:12px}
 .v44-collection-image{height:305px}
 .v44-collection-image .s-pack{top:18%;width:33%}
 .v44-collection-ribbon{font-size:9px;top:6%}
 .v44-collection-image>strong{font-size:50px;bottom:4%}
}

/* Flavour studio: distinct editorial scrollytelling with a working proportional tasting guide. */
.v44-studio{color:#183e3d;background:#fff7e8}
.v44-studio-header{padding:clamp(55px,8vw,125px) 7vw;background:#253d49;color:#fff3dd;position:relative;overflow:hidden}
.v44-studio-header:before{content:"OSM";font:900 30vw/.9 var(--sans);letter-spacing:-.12em;position:absolute;right:-3%;bottom:-8%;color:#e8695030;pointer-events:none}
.v44-studio-header .s-number{color:#ffc282}
.narrative-site .v44-studio-header h2{font:850 clamp(52px,7vw,114px)/.9 var(--sans);letter-spacing:-.085em;margin:20px 0 29px;position:relative}
.v44-studio-header h2 em{font-style:normal;color:#ffb16b}
.v44-studio-header>p{max-width:770px;font:550 clamp(17px,1.75vw,24px)/1.48 var(--sans);position:relative}
.v44-scroll-cue{display:block;font:850 10px/1.3 var(--sans);letter-spacing:.14em;margin-top:30px;color:#ffcc90}
.v44-studio-layout{display:grid;grid-template-columns:minmax(0,51%) minmax(0,49%);align-items:start}
.v44-studio-stage{position:sticky;top:76px;height:calc(100svh - 76px);min-height:590px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 54% 42%,#e6af77 0%,#d77b6c 37%,#613345 76%,#301c33 100%);color:#fff5dd;display:flex;flex-direction:column;justify-content:space-between}
.v44-stage-top{z-index:4;display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font:850 10px/1.2 var(--sans);letter-spacing:.07em;gap:12px}
.v44-stage-top strong{font-size:9px;color:#fbe29c;text-align:right}
.v44-stage-picture{position:relative;min-height:0;flex:1}
.v44-stage-halo{position:absolute;left:12%;right:12%;top:7%;bottom:5%;border:1px solid #ffe0bc68;border-radius:50%;box-shadow:0 0 0 20px #ffefd610,0 0 0 55px #ffefd60a}
.v44-stage-shelf{position:absolute;left:0;right:0;bottom:19%;height:11px;background:linear-gradient(#f4cd84,#a66e4e);box-shadow:0 18px 25px #28182577;transition:opacity .5s}
.v44-stage-pack{position:absolute;left:50%;top:7%;width:min(44%,300px);height:80%;object-fit:contain;transform:translateX(-50%) rotate(-9deg);filter:drop-shadow(0 25px 16px #321c2970);z-index:3;transition:transform 1s cubic-bezier(.18,.8,.2,1),opacity .65s}
.v44-ingredient-rain{position:absolute;inset:8% 6% 13%;z-index:2;pointer-events:none}
.v44-ingredient-rain>span{position:absolute;left:calc(16% + (var(--i) * 6%));top:calc(2% + (var(--i) * 3%));width:72px;height:72px;opacity:0;transform:translateY(-150px) rotate(-35deg) scale(.6);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .65s}
.v44-stage-bowl{position:absolute;left:15%;right:15%;bottom:0;height:55%;border-radius:50%;overflow:hidden;opacity:0;transform:translateY(45px) scale(.7);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .8s;box-shadow:0 25px 28px #27182577}
.v44-stage-bowl img{width:100%;height:100%;object-fit:cover}
.v44-stage-sachets{position:absolute;left:8%;right:8%;bottom:19%;z-index:6;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;opacity:0;transform:translateY(25px);transition:opacity .6s,transform .6s}
.v44-stage-sachets>span{padding:10px 13px;background:#f6c774;color:#3d292d;font:850 11px/1.3 var(--sans);box-shadow:0 10px 15px #321c2455;transform:rotate(-5deg)}
.v44-stage-sachets>span:first-child{background:#f7ead5;color:#7e382d}
.v44-stage-sachets>span:nth-child(even){transform:rotate(6deg);background:#ffb15f}
.v44-stage-shake-word{position:absolute;left:6%;right:6%;top:36%;z-index:7;font:900 clamp(75px,10vw,165px)/1 var(--sans);text-align:center;color:#fff2a4;text-shadow:0 10px 15px #6d292e77;opacity:0;transform:rotate(-7deg) scale(.7);transition:opacity .55s,transform .55s;pointer-events:none}
.v44-stage-caption{z-index:4;display:grid;gap:7px;padding:23px 26px;background:linear-gradient(0deg,#312437e8,#312437b0)}
.v44-stage-caption strong{font:800 clamp(18px,1.8vw,25px)/1.13 var(--sans);letter-spacing:-.03em}
.v44-stage-caption span{font:550 12px/1.4 var(--sans)}
.v44-progress-track{z-index:5;height:5px;background:#ffefc050}
.v44-progress-track>span{display:block;height:100%;width:25%;background:#f6b84c;transition:width .6s}
.v44-studio[data-active-beat="1"] .v44-stage-pack{transform:translateX(-50%) translateY(-31%) rotate(10deg) scale(.64)}
.v44-studio[data-active-beat="1"] .v44-stage-bowl{opacity:1;transform:translateY(0) scale(1)}
.v44-studio[data-active-beat="1"] .v44-stage-shelf,.v44-studio[data-active-beat="2"] .v44-stage-shelf,.v44-studio[data-active-beat="3"] .v44-stage-shelf{opacity:0}
.v44-studio[data-active-beat="1"] .v44-ingredient-rain>span{opacity:1;transform:translateY(calc(30px + (var(--i) * 6px))) rotate(calc(var(--i) * 22deg)) scale(.9);transition-delay:calc(var(--i) * 45ms)}
.v44-studio[data-active-beat="2"] .v44-stage-pack{transform:translateX(-97%) translateY(-9%) rotate(-13deg) scale(.69)}
.v44-studio[data-active-beat="2"] .v44-stage-bowl{opacity:1;transform:translate(15%,0) scale(.95)}
.v44-studio[data-active-beat="2"] .v44-stage-sachets{opacity:1;transform:translateY(0)}
.v44-studio[data-active-beat="3"] .v44-stage-pack{transform:translateX(-50%) rotate(9deg) scale(1.04)}
.v44-studio[data-active-beat="3"] .v44-stage-shake-word{opacity:1;transform:rotate(-7deg) scale(1)}
.v44-studio-script{background:#f9f0e1}
.v44-beat{box-sizing:border-box;min-height:95svh;padding:clamp(65px,8vw,120px) clamp(22px,5vw,75px);border-bottom:1px solid #b9afa1;display:flex;flex-direction:column;justify-content:center}
.v44-beat-count{font:850 11px/1.3 var(--sans);letter-spacing:.14em;color:#a44738}
.narrative-site .v44-beat h3{font:850 clamp(40px,4.8vw,78px)/.94 var(--sans);letter-spacing:-.075em;margin:22px 0 20px}
.narrative-site .v44-beat h3 em{font-style:normal;color:#ca543e}
.v44-beat>p{font:550 clamp(14px,1.25vw,18px)/1.58 var(--sans);margin:0 0 25px}
.v44-recipe-buttons{display:grid;gap:8px}
.v44-recipe-option{border:1px solid #263e3b42;background:#fff9ec;padding:17px 18px;text-align:left;display:grid;gap:4px;cursor:pointer;transition:background .2s,transform .2s}
.v44-recipe-option[aria-pressed="true"]{background:#2b4550;color:#fff4de;border-color:#2b4550;transform:translateX(-4px)}
.v44-recipe-option span{font:850 9px/1.3 var(--sans);letter-spacing:.14em;color:#c16a40}
.v44-recipe-option[aria-pressed="true"] span{color:#ffd092}
.v44-recipe-option strong{font:800 clamp(18px,2.2vw,30px)/1.1 var(--sans);letter-spacing:-.045em}
.v44-recipe-option small{font:550 11px/1.3 var(--sans)}
.v44-eleven-details{border-block:1px solid #173a3855;margin-top:17px}
.v44-eleven-details summary{cursor:pointer;padding:20px 0;font:750 14px/1.4 var(--sans);display:flex;align-items:center;justify-content:space-between;gap:18px}
.v44-eleven-details ol{columns:2;padding:0 0 20px 21px;margin:0;font:600 12px/1.7 var(--sans)}
.v44-season-beat{background:#f1d9be}
.v44-recipe-sachets{display:grid;gap:0;padding:18px;background:#fff8e9}
.v44-recipe-sachets[hidden]{display:none!important}
.v44-recipe-sachets>strong{display:block;padding:0 0 12px;font:800 18px/1.25 var(--sans)}
.v44-sachet-slider{display:grid;grid-template-columns:1.25fr 1fr auto;gap:12px;align-items:center;border-top:1px solid #3e454140;padding:15px 0}
.v44-sachet-slider span{display:grid;gap:2px}
.v44-sachet-slider span b{font:750 12px/1.3 var(--sans)}
.v44-sachet-slider span small{font:550 10px/1.2 var(--sans)}
.v44-sachet-slider input{width:100%;accent-color:#cc5540;cursor:pointer}
.v44-sachet-slider output{min-width:55px;text-align:right;font:800 11px/1.2 var(--sans)}
.v44-mayo-notice{font:700 11px/1.45 var(--sans);margin:8px 0 0;background:#f4dbc6;padding:12px}
.v44-studio-tasting{font:750 16px/1.45 var(--sans)!important;color:#872e2b;margin:17px 0 10px!important}
.v44-accuracy-note{font:600 11px/1.5 var(--sans);display:block}
.v44-final-beat{background:#173f39;color:#fff7dd}
.v44-final-beat .v44-beat-count{color:#fbc48a}
.v44-shake-button{background:#f9d17e;color:#173f39;border:0;padding:17px 20px;font:800 15px/1.25 var(--sans);cursor:pointer;display:flex;justify-content:space-between;gap:22px}
.v44-shake-button:hover{background:#fff4b2}
.v44-shake-result{font:700 12px/1.3 var(--sans)!important;color:#fee99e;margin:12px 0 20px!important}
.v44-finale{display:grid;gap:13px;padding-top:24px;border-top:1px solid #ffffff55}
.v44-finale>p{font:650 17px/1.5 var(--sans);margin:0}
.v44-finale>strong{font:800 11px/1.4 var(--sans);color:#ffcd90}
.v44-shop-recipe{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#f8d99e;color:#173c34;font:800 14px/1.25 var(--sans);text-decoration:none}
.v44-studio.is-shaking .v44-stage-pack{animation:v44-shake .55s ease-in-out both}
@keyframes v44-shake{0%,100%{transform:translateX(-50%) rotate(9deg) scale(1.04)}20%{transform:translateX(-58%) rotate(-13deg) scale(1.09)}45%{transform:translateX(-43%) rotate(13deg) scale(1.09)}70%{transform:translateX(-53%) rotate(-8deg) scale(1.06)}}
.v44-last-flavours{padding:80px 6vw;background:#efc77b;color:#173e3a}
.narrative-site .v44-last-flavours h2{font:840 clamp(37px,5.5vw,77px)/.96 var(--sans);letter-spacing:-.075em;margin:17px 0}
.narrative-site .v44-last-flavours>p{font-size:17px;max-width:710px}
.v44-peanut-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0 0}
.v44-peanut-links a{display:grid;grid-template-columns:35% 1fr;align-items:center;gap:17px;min-width:0;padding:17px;background:#173a5a;color:#fff9e6;text-decoration:none}
.v44-peanut-links a:nth-child(even){background:#ffd151;color:#133452}
.v44-peanut-links .s-pack{width:100%;max-width:150px}
.v44-peanut-links a>span{display:grid;gap:10px;font:800 11px/1.2 var(--sans)}
.v44-peanut-links strong{font:850 clamp(19px,2vw,28px)/1.05 var(--sans);letter-spacing:-.055em}
.v44-peanut-links small{font:550 11px/1.45 var(--sans)}
@media(max-width:980px){
 .v44-studio-layout{grid-template-columns:1fr}
 .v44-studio-stage{position:relative;top:auto;height:500px;min-height:0}
 .v44-studio-script{display:grid;grid-template-columns:1fr 1fr}
 .v44-beat{min-height:570px;padding:45px 5vw}
 .narrative-site .v44-beat h3{font-size:clamp(34px,5vw,52px)}
}
@media(max-width:650px){
 .v44-studio-header{padding:62px 6vw}
 .narrative-site .v44-studio-header h2{font-size:clamp(45px,11.2vw,63px)}
 .v44-studio-header>p{font-size:15px}
 .v44-studio-stage{height:340px}
 .v44-stage-top{padding:12px 15px;font-size:8px}
 .v44-stage-top strong{font-size:7px}
 .v44-stage-pack{width:30%;top:3%;height:80%}
 .v44-stage-shelf{bottom:24%}
 .v44-stage-bowl{height:56%;left:18%;right:18%}
 .v44-stage-caption{padding:13px 17px}
 .v44-stage-caption strong{font-size:16px}
 .v44-stage-caption span{font-size:10px}
 .v44-stage-sachets>span{font-size:9px;padding:7px 9px}
 .v44-stage-shake-word{font-size:80px}
 .v44-studio-script{display:block}
 .v44-beat{min-height:0;padding:56px 6vw}
 .narrative-site .v44-beat h3{font-size:clamp(43px,11vw,58px)}
 .v44-beat>p{font-size:14px}
 .v44-recipe-option{padding:13px 15px}
 .v44-sachet-slider{grid-template-columns:minmax(0,1fr) minmax(65px,.8fr);gap:5px 10px}
 .v44-sachet-slider output{grid-column:2;text-align:left}
 .v44-sachet-slider span{grid-row:1/3}
 .v44-peanut-links{grid-template-columns:1fr}
 .v44-last-flavours{padding:55px 5vw}
}
@media(prefers-reduced-motion:reduce){
 .v44-duet-photo img,.v44-stage-pack,.v44-ingredient-rain>span,.v44-stage-bowl,.v44-stage-sachets,
 .v44-stage-shake-word,.v44-progress-track>span,.v44-recipe-option{transition:none!important;animation:none!important}
 .v44-studio.is-shaking .v44-stage-pack{animation:none!important}
}
