/* Go Munch — The House of Distinction / cinematic art-direction layer.
   Loaded on narrative routes only. Honeyed collection's locked source and
   approved product-front artwork remain untouched. */
:root{--gm-ink:#291526;--gm-aubergine:#34132a;--gm-vino:#561b35;--gm-ivory:#f8f1e5;--gm-butter:#f5d597;--gm-coral:#e85c3f;--gm-cobalt:#16467d;--gm-orchid:#cbb6e9;--gm-saffron:#f4b948;--gm-copper:#bf804c}
html{scroll-behavior:smooth}
body.narrative-site{background:var(--gm-ivory);color:var(--gm-ink)}
.narrative-site h1,.narrative-site h2,.narrative-site h3{font-kerning:normal;text-wrap:balance}
.narrative-site p{overflow-wrap:pretty}
.narrative-site .site-header.n-header{background:#f9f3e9f2!important;border-bottom:1px solid #3e1b2725;backdrop-filter:blur(18px);position:sticky;top:0;z-index:100}
.narrative-site .n-header .brand img{filter:drop-shadow(0 3px 5px #45162416)}
.narrative-site .n-header a:focus-visible,.narrative-site button:focus-visible{outline:3px solid #ee895f;outline-offset:4px}
.narrative-site .n-header .nav-left a,.narrative-site .n-header .nav-right a{font-weight:650}
.narrative-site .n-kicker,.narrative-site .s-number,.narrative-site .v42-eyebrow{letter-spacing:.18em}
.narrative-site .n-footer{background:#301429;color:#f5e7d0}
.narrative-site .n-footer h2 em{color:var(--gm-saffron)}
/* The brand entrance: one house, two theatrical, equally sized worlds. */
.narrative-site .v42-opening{display:grid!important;grid-template-columns:1fr 1fr;min-height:min(850px,calc(100svh - 68px));max-height:none;overflow:hidden;background:#341426;isolation:isolate}
.narrative-site .v42-world{min-width:0;min-height:730px;position:relative;overflow:hidden;isolation:isolate}
.narrative-site .v42-world:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.narrative-site .v42-honey{background:#331324}
.narrative-site .v42-honey-photograph{position:absolute;inset:0;z-index:-3;display:block}
.narrative-site .v42-honey-photograph img{height:100%!important;width:100%!important;object-fit:cover;object-position:46% center;transform:scale(1.02);transition:transform 1.6s cubic-bezier(.18,.83,.19,1)}
.narrative-site .v42-honey:hover .v42-honey-photograph img{transform:scale(1.09)}
.narrative-site .v42-honey:after{background:linear-gradient(180deg,#24101b99 0%,transparent 37%,#260d1d20 58%,#240f20c9 100%)}
.narrative-site .v42-honey-editorial{height:100%;padding:clamp(32px,3.7vw,72px)!important;display:flex;flex-direction:column;align-items:flex-start;color:#fff3db}
.narrative-site .v42-honey-editorial h2{font:400 clamp(55px,5vw,94px)/.91 var(--serif);letter-spacing:-.045em;margin:18px 0 auto;text-shadow:0 3px 30px #250d18aa}
.narrative-site .v42-honey-editorial h2 em{color:#f1d79f}
.narrative-site .v42-honey-description{font:400 clamp(18px,1.5vw,25px)/1.34 var(--serif);letter-spacing:-.015em;margin:0 0 25px;color:#fff0d9}
.narrative-site .v42-enter-honey{border-bottom:1px solid #f2debca5;color:#fff2d5;min-width:210px;padding:12px 0}
.narrative-site .v42-active{color:#fff2e0;background:#5b213b!important;background-image:radial-gradient(ellipse at 97% 8%,#f2a75c85,transparent 42%),radial-gradient(ellipse at 0 70%,#99284d7d,transparent 50%),linear-gradient(130deg,#4c1837,#301737)!important}
.narrative-site .v42-active:before{content:"";position:absolute;width:58%;aspect-ratio:1;right:-19%;top:3%;border:2px solid #ffda9d66;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 29px #ffffff08,0 0 0 57px #f5b96e15;pointer-events:none}
.narrative-site .v42-active-editorial{padding:clamp(32px,3.7vw,72px) clamp(22px,3.5vw,62px) 0!important;position:relative;z-index:5}
.narrative-site .v42-active .v42-eyebrow{color:#ffe9ba;font-size:11px}
.narrative-site .v42-active h1{font:850 clamp(59px,5.8vw,110px)/.88 var(--sans)!important;letter-spacing:-.09em;margin:15px 0 17px;color:#fff4df;text-shadow:0 5px 25px #28112755}
.narrative-site .v42-active h1 span{color:#ffc45e!important}
.narrative-site .v42-mix-line{display:flex!important;align-items:end;gap:20px;justify-content:space-between;position:relative}
.narrative-site .v42-mix-line h2{font:830 clamp(30px,3vw,54px)/.95 var(--sans);letter-spacing:-.07em;color:#fff3e0;margin:0}
.narrative-site .v42-mix-line h2 small{color:#ffcc8b!important;font-size:clamp(11px,.98vw,15px)!important;letter-spacing:.15em;margin-top:8px}
.narrative-site .v42-mix-line>p{color:#f9ddb4;max-width:150px;font:600 clamp(12px,1.1vw,17px)/1.35 var(--sans);margin:0}
.narrative-site .v42-pack-theatre{display:flex!important;position:relative;z-index:3;align-items:center;justify-content:center;gap:0;margin:9px 2% -8px;min-height:275px;height:clamp(245px,27vw,390px);background:transparent!important;overflow:visible}
.narrative-site .v42-pack-theatre:before{content:"";position:absolute;inset:12% 3% 3%;background:radial-gradient(ellipse at 50% 56%,#ffc06c77,transparent 60%);filter:blur(12px);pointer-events:none}
.narrative-site .v42-pack-theatre .v43-shelf-word{position:absolute;left:4%;top:1%;color:#ffdcac;font:850 10px/1 var(--sans);letter-spacing:.2em;transform:rotate(-6deg)}
.narrative-site .v42-pack{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:block;width:31%;max-width:230px;height:100%;z-index:1;filter:drop-shadow(0 22px 15px #200d25aa);transition:transform .65s cubic-bezier(.18,.83,.17,1),filter .65s}
.narrative-site .v42-pack img{width:100%!important;height:100%!important;object-fit:contain}
.narrative-site .v42-pack-peri{transform:translate(18%,13%) rotate(-13deg)}
.narrative-site .v42-pack-honey{transform:translateY(-1%) rotate(-2deg) scale(1.12);z-index:3}
.narrative-site .v42-pack-mayo{transform:translate(-18%,13%) rotate(12deg)}
.narrative-site .v42-pack:hover,.narrative-site .v42-pack:focus-visible{transform:translateY(-20px) rotate(0) scale(1.15);z-index:10;filter:drop-shadow(0 26px 16px #250b1c)}
.narrative-site .v42-active-bottom{padding:0 clamp(22px,3.5vw,62px) 25px!important;position:relative;z-index:6}
.narrative-site .v42-finishes{color:#ffc88c!important;font-size:10px!important;letter-spacing:.1em;margin:5px 0 10px;line-height:1.45}
.narrative-site .v42-the-idea{font-size:clamp(13px,1.13vw,17px)!important;line-height:1.44!important;max-width:590px;color:#fff0dc}
.narrative-site .v42-the-idea strong{color:#ffcd7c}
.narrative-site .v42-enter-active{background:#ffcb6e!important;color:#341626!important;border:1px solid #ffcb6e;box-shadow:0 12px 25px #25112b32;transition:transform .25s,background .25s}
.narrative-site .v42-enter-active:hover{background:#ffe1a4!important;transform:translateY(-4px)}
.narrative-site .v42-price{color:#ffe6b9!important;font-weight:850}
.narrative-site .v42-convenience{border-top:1px solid #f7d0a04c;padding-top:11px;color:#fce6cd;font-size:9px!important;letter-spacing:.07em}
.narrative-site .v42-peanut-aside{color:#f8dcb8;font-size:11px}
.narrative-site .n-provenance-ribbon{background:#ead7b7;color:#482032;border-top:2px solid #d6b985;border-bottom:2px solid #d6b985}
.narrative-site .v38-brand-statement{background:#f8f1e5;text-align:left;padding-block:75px}
.narrative-site .v38-brand-statement h2{font:450 clamp(39px,4.1vw,75px)/1.02 var(--serif);color:#401b2c}
.narrative-site .v38-brand-statement h2 em{color:#bd4d3e}
.narrative-site .v44-duet{margin-top:0;width:100%}
.narrative-site .v44-duet-world{min-height:550px}
.narrative-site .v44-duet-active{background:#c55242}
.narrative-site .v44-duet-active:after{background:linear-gradient(0deg,#641d40 0%,#a93649c9 38%,#d7654244)}

/* Everyday Active is a film, not a category grid: the shelf is a real scene,
   the approved packs are layered into its empty product space. */
.narrative-site.n-active{background:#faefe2}
.narrative-site .s-active-opening{background:#f7eee3!important;color:#381b2b;overflow:clip}
.narrative-site .s-active-mast{background:#34172d!important;color:#ffe6b7;border:0;min-height:56px;padding:14px clamp(18px,4vw,68px)}
.narrative-site .s-active-mast a{color:#ffcd84}
.narrative-site .v43-arrival{display:grid;grid-template-columns:44% 56%;min-height:760px;position:relative;isolation:isolate;background:#38172c;overflow:hidden}
.narrative-site .v43-arrival-copy{position:relative;z-index:5;background:linear-gradient(130deg,#4f1a36 0%,#30172f 100%);color:#fbebd8;padding:clamp(35px,5vw,84px) clamp(28px,4.2vw,70px)!important;display:flex;flex-direction:column;align-items:start;justify-content:center}
.narrative-site .v43-arrival-copy:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #f6a45a75;border-radius:50%;right:-200px;top:6%;pointer-events:none;z-index:-1;box-shadow:0 0 0 44px #f09a4611,0 0 0 90px #f09a460a}
.narrative-site .v43-chapter-index{color:#f3c58d;font-size:10px;letter-spacing:.17em}
.narrative-site .v43-arrival h1{font:850 clamp(61px,6vw,108px)/.85 var(--sans)!important;letter-spacing:-.1em;color:#fff2dc;margin:15px 0 22px!important}
.narrative-site .v43-arrival h1 span{color:#ffc768!important}
.narrative-site .v43-arrival h2{font:830 clamp(40px,4.15vw,73px)/.94 var(--sans)!important;letter-spacing:-.075em;color:#fff1d5;margin:0}
.narrative-site .v43-arrival h2 small{font:750 clamp(12px,1.1vw,18px)/1.5 var(--sans);letter-spacing:.15em;color:#ffc983!important}
.narrative-site .v43-ingredient-families{font:650 clamp(15px,1.4vw,22px)/1.3 var(--serif);color:#ffe2c3;margin:16px 0 10px}
.narrative-site .v43-arrival-story{color:#f6ded0;font:480 clamp(14px,1.08vw,17px)/1.55 var(--sans);max-width:520px}
.narrative-site .v43-arrival-proof{display:flex;align-items:center;gap:21px;border-top:1px solid #ffcc9b6d;padding-top:20px;margin-top:20px;width:100%;color:#ffe9cc}
.narrative-site .v43-arrival-proof>strong{font:850 clamp(36px,3.6vw,61px)/1 var(--sans);color:#ffc96f}
.narrative-site .v43-arrival-proof>span{font-size:13px;line-height:1.4}
.narrative-site .v43-jump{display:inline-flex;margin-top:18px!important;padding:13px 20px;background:#ffc76d;color:#30142a!important;text-decoration:none;font-weight:850;border-radius:0;box-shadow:0 14px 23px #12091b22;transition:transform .25s}
.narrative-site .v43-jump:hover{transform:translateY(-3px)}
.narrative-site .v43-shelf-stage{position:relative;min-height:760px;overflow:hidden;color:#fff4da;background:#271325 url('/assets/images/gm-aisle-desktop.png') 55% center/cover no-repeat!important}
.narrative-site .v43-shelf-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#26112645 0%,transparent 38%),linear-gradient(0deg,#220e20b8 0%,transparent 36%);pointer-events:none;z-index:0}
.narrative-site .v43-shelf-caption{position:absolute;top:22px;left:27px;right:25px;display:flex;justify-content:space-between;gap:16px;color:#fff4de;font:800 9px/1.4 var(--sans);letter-spacing:.14em;text-shadow:0 1px 10px #1a0d1a}
.narrative-site .v43-shelf-packs{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateY(calc(var(--gm-cinema-progress,0)*-12px));transition:transform .15s}
.narrative-site .v43-shelf-pack{pointer-events:auto;position:absolute!important;display:block;width:24%!important;height:39%!important;max-width:none!important;left:auto!important;bottom:auto!important;top:22%!important;right:4%!important;filter:drop-shadow(0 19px 14px #251022b5);transition:transform .75s cubic-bezier(.14,.86,.16,1),opacity .4s,filter .4s}
.narrative-site .v43-shelf-pack img{display:block;width:100%;height:100%;object-fit:contain}
.narrative-site .v43-shelf-pack-peri{z-index:4;transform:translateY(0) rotate(1deg)}
.narrative-site .v43-shelf-pack-honey{z-index:3;transform:translate(-72%,52%) rotate(-10deg) scale(.68)}
.narrative-site .v43-shelf-pack-mayo{z-index:2;transform:translate(-153%,60%) rotate(11deg) scale(.68)}
.narrative-site .v43-shelf-stage[data-gm-flavour="golden-honey-herb"] .v43-shelf-pack-honey,
.narrative-site .v43-shelf-stage[data-gm-flavour="mayo-chilli-herb"] .v43-shelf-pack-mayo{z-index:8;transform:translate(0,0) rotate(1deg) scale(1.15)}
.narrative-site .v43-shelf-stage[data-gm-flavour="golden-honey-herb"] .v43-shelf-pack-peri,
.narrative-site .v43-shelf-stage[data-gm-flavour="mayo-chilli-herb"] .v43-shelf-pack-peri{transform:translate(-80%,54%) rotate(-9deg) scale(.64)}
.narrative-site .v43-shelf-pack:hover,.narrative-site .v43-shelf-pack:focus-visible{z-index:20!important;transform:translateY(-22px) scale(1.12) rotate(0deg)!important;filter:drop-shadow(0 26px 17px #21101d)}
.narrative-site .v43-shelf-floor{display:none}
.narrative-site .v43-shelf-controls{position:absolute;left:25px;bottom:25px;right:25px;z-index:9;display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#301529d6;border:1px solid #f3d7a36b;backdrop-filter:blur(10px);padding:11px 15px}
.narrative-site .v43-shelf-controls button{background:#f6bd6b;color:#301428;border:0;padding:12px 15px;font-weight:850}
.narrative-site .v43-shelf-controls span{color:#fff0d7;font-size:11px}
.narrative-site .gm-film-chapters{position:absolute;left:24px;top:70px;z-index:4;display:grid;gap:7px;color:#fff3df;pointer-events:none}
.narrative-site .gm-film-chapters>span{display:flex;align-items:center;gap:9px;font:850 9px/1.1 var(--sans);letter-spacing:.14em;opacity:.58}
.narrative-site .gm-film-chapters>span:before{content:"";width:16px;height:1px;background:currentColor}
.narrative-site .gm-film-chapters>span.is-active{color:#ffca76;opacity:1}
.narrative-site .gm-film-note{position:absolute;right:4%;top:65%;z-index:4;text-align:right;font:700 11px/1.3 var(--sans);letter-spacing:.07em;color:#fff4df;text-shadow:0 3px 12px #190c1b}
.narrative-site .gm-scene-recipe-picker{position:absolute;top:72px;left:24px;z-index:7;display:flex;flex-direction:column;gap:6px;max-width:205px}
.narrative-site .gm-scene-recipe-picker>span{font:800 9px/1.3 var(--sans);letter-spacing:.13em;color:#f9d0a0;margin-bottom:6px}
.narrative-site .gm-scene-recipe-picker button{display:flex;align-items:center;gap:8px;border:1px solid #ffe3bd77;color:#fff5e4;background:#2917298c;backdrop-filter:blur(6px);font:750 11px/1.3 var(--sans);padding:11px 12px;text-align:left;transition:background .2s,transform .2s}
.narrative-site .gm-scene-recipe-picker button:hover{transform:translateX(4px)}
.narrative-site .gm-scene-recipe-picker button[aria-pressed=true]{background:#ffcd80;color:#2d132a;border-color:#ffcd80}
.narrative-site .gm-scene-recipe-picker button:before{content:"";width:7px;height:7px;border-radius:50%;background:#ed6242;flex:0 0 7px}
.narrative-site .gm-scene-recipe-picker button:nth-of-type(2):before{background:#f1b43f}
.narrative-site .gm-scene-recipe-picker button:nth-of-type(3):before{background:#cbb6e9}
.narrative-site .v43-flavour-choice{background:#f7e9d9!important;color:#3b1a2b;padding:clamp(50px,7vw,112px) clamp(20px,5vw,85px);position:relative}
.narrative-site .v43-flavour-choice h2{font:830 clamp(44px,5.1vw,86px)/.98 var(--sans);letter-spacing:-.075em;max-width:940px}
.narrative-site .v43-flavour-choice h2 em{font:430 italic 1.08em var(--serif);color:#bb4d41}
.narrative-site .v43-flavour-choice>p:not(.v43-chapter-index){max-width:650px;font:550 clamp(16px,1.3vw,20px)/1.55 var(--sans)}
.narrative-site .v43-ritual-ticket{background:#34182e;color:#fff1d9;border:0;border-top:2px solid #e8ab67}
.narrative-site .v43-ritual-ticket strong{color:#ffc777}

/* The interactive flavour theatre is the centrepiece. A calm, tactile,
   deep-colour stage; recipe choices remain real controls, not ornamental cards. */
.narrative-site .v44-studio{background:#331629;color:#fff0d9;padding-top:80px;padding-bottom:70px}
.narrative-site .v44-studio-header{max-width:1120px;padding:0 clamp(22px,5vw,80px) 44px}
.narrative-site .v44-studio-header>span:first-child{color:#ffca86}
.narrative-site .v44-studio-header h2{font:850 clamp(55px,6.2vw,115px)/.9 var(--sans);letter-spacing:-.085em;color:#fff0d9}
.narrative-site .v44-studio-header h2 em{color:#f4b957;font:450 italic 1.05em var(--serif)}
.narrative-site .v44-studio-header p{color:#f2dccd;max-width:640px;font-size:clamp(16px,1.35vw,21px)}
.narrative-site .v44-scroll-cue{color:#ffcc85}
.narrative-site .v44-studio-layout{gap:0;max-width:none;margin:0 auto;border-top:1px solid #ffd29b48;border-bottom:1px solid #ffd29b48}
.narrative-site .v44-studio-stage{background:radial-gradient(circle at 48% 35%,#b7545f,#752b50 42%,#37192f 100%);min-height:min(770px,88vh);border-right:1px solid #ffd49a57;box-shadow:inset 0 0 0 1px #ffffff15}
.narrative-site .v44-studio-stage:before{content:"";position:absolute;inset:12% 15%;border:1px solid #f2b77455;border-radius:50%;box-shadow:0 0 0 38px #f3a54a0d,0 0 0 88px #f3a54a0b;pointer-events:none}
.narrative-site .v44-stage-top{color:#fff2dc}
.narrative-site .v44-stage-halo{background:radial-gradient(ellipse at 45% 45%,#ffd49d77,transparent 67%);filter:blur(12px)}
.narrative-site .v44-stage-caption{color:#fff0dd;background:#331629e5;border:1px solid #ffd4a663}
.narrative-site .v44-stage-caption strong{color:#ffd18f}
.narrative-site .v44-progress-track{background:#ffffff39}
.narrative-site .v44-progress-track>span{background:#f5bb73}
.narrative-site .v44-studio-script{background:#f4e6d8;color:#341b2b}
.narrative-site .v44-beat{border-color:#b8846752;min-height:580px;padding:clamp(37px,5vw,77px)}
.narrative-site .v44-beat-count{color:#a93f35}
.narrative-site .v44-beat h3{font:800 clamp(42px,4.6vw,79px)/.98 var(--sans)!important;letter-spacing:-.068em;color:#391a2d}
.narrative-site .v44-beat h3 em{font:450 italic 1.02em var(--serif);color:#bf4d42}
.narrative-site .v44-beat>p{color:#4d3039;max-width:530px;font-size:clamp(15px,1.2vw,18px);line-height:1.54}
.narrative-site .v44-recipe-option{background:#fff9ef;border:1px solid #6b2a4826;color:#381b2e;box-shadow:0 7px 18px #5323230a}
.narrative-site .v44-recipe-option[aria-pressed=true]{background:#4b1b3a;color:#fff1df;border-color:#4b1b3a;box-shadow:0 15px 24px #48233725}
.narrative-site .v44-recipe-option[aria-pressed=true] span{color:#f4bf7b}
.narrative-site .v44-sachet-slider{background:#fff7ec;border:1px solid #ae8b7c6b;color:#3e2430;padding:18px}
.narrative-site .v44-sachet-slider input{accent-color:#a53741}
.narrative-site .v44-studio-tasting{font:450 italic clamp(21px,2vw,32px)/1.2 var(--serif)!important;color:#7b2b47!important}
.narrative-site .v44-shake-button{background:#d4543e;color:#fff6e8;border:0;box-shadow:8px 10px 0 #622b46}
.narrative-site .v44-finale{background:#431d37;color:#fff4df}
.narrative-site .v44-shop-recipe{background:#ffc574;color:#341729}
.narrative-site .s-manifesto.v43-manifesto{background:#b7403e;color:#fff4e1;padding:clamp(65px,7vw,130px) clamp(20px,8vw,140px);text-align:left}
.narrative-site .v43-manifesto h2{font:850 clamp(51px,5.7vw,100px)/.92 var(--sans);letter-spacing:-.075em;color:#fff4e3}
.narrative-site .v43-manifesto h2 span{font:430 italic 1.01em var(--serif);color:#ffe3a8}
.narrative-site .v43-manifesto p{color:#fff0df;max-width:730px}
.narrative-site .v44-last-flavours{background:#1e3c69;color:#fff5de}
.narrative-site .v44-last-flavours h2{font:800 clamp(42px,5.3vw,82px)/1 var(--sans);color:#fff5de}
.narrative-site .v44-peanut-links a{background:#f5c15f;color:#243757}
.narrative-site .v44-peanut-links a:last-child{background:#d77c57;color:#262f5d}
/* Active collection: a perfume-style product wall, not a generic catalogue. */
.narrative-site.flavour-collection{background:#f9efe4}
.narrative-site .v44-collection-entry{background:#351a30!important;color:#fff2dc;grid-template-columns:51% 49%;min-height:715px}
.narrative-site .v44-collection-copy{padding:clamp(40px,5vw,84px) clamp(25px,5vw,85px)}
.narrative-site .v44-collection-copy .s-number{color:#ffc985}
.narrative-site .v44-collection-entry h1{font-size:clamp(55px,5.5vw,100px);color:#fff3de}
.narrative-site .v44-collection-entry h1 span{color:#f1bf77;font:450 italic clamp(28px,2.8vw,46px)/1 var(--serif);letter-spacing:0}
.narrative-site .v44-collection-entry .v43-collection-deck{color:#f5e0cb}
.narrative-site .v44-collection-proof span{background:#e65d42;color:#fff3de;border-radius:0}
.narrative-site .v44-collection-kit{color:#eed6c4}
.narrative-site .v43-collection-action{display:inline-block;background:#ffc572;color:#32172a;padding:16px 22px;text-decoration:none;font-weight:850}
.narrative-site .v44-collection-image{background:radial-gradient(ellipse at 45% 40%,#f4b1a0,#b74e5e 53%,#6d2746 100%);overflow:hidden}
.narrative-site .v44-collection-image:before{content:"";position:absolute;inset:10%;border:1px solid #ffe0ba75;border-radius:50%;box-shadow:0 0 0 40px #ffe0b911,0 0 0 80px #ffe0b90a}
.narrative-site .v44-collection-image .s-pack{max-width:330px;width:38%;filter:drop-shadow(0 26px 18px #43172a92)}
.narrative-site .v44-collection-image .s-pack:nth-child(3){transform:rotate(1deg) scale(1.13)}
.narrative-site .v44-collection-ribbon{color:#fff5de;font-size:12px}
.narrative-site .v44-collection-image>strong{color:#fff1d3;text-shadow:0 3px 15px #7e2851}
.narrative-site .v43-range-display{background:#f8eddf;padding:70px 0}
.narrative-site .v43-collection-reason{background:#44203b;color:#fff1df}
.narrative-site .v43-collection-reason h2{color:#fff0d8}
.narrative-site .v43-collection-reason h2 em{color:#f1c184}
.narrative-site .v43-collection-reason p{color:#f1ddd2}
/* Five culinary signatures get their own colours, and actual original packs. */
.narrative-site .v44-family-display{background:transparent}
.narrative-site .v44-family-display .s-family-heading h2{color:#361a2b}
.narrative-site .v44-family-display .s-family-heading p{color:#68453d}
.narrative-site .v44-family-display .s-family-heading h2 em{color:#a7434a}
.narrative-site .v44-family-display .v44-flavour-card{border-radius:0;min-height:630px;transition:transform .35s,box-shadow .35s;box-shadow:0 12px 28px #41193018!important}
.narrative-site .v44-family-display .v44-flavour-card:hover{transform:translateY(-8px);box-shadow:0 25px 38px #36172838!important}
.narrative-site .v44-family-display .v44-flavour-card.fw-zesty-peri-peri{background:#f3a47f;color:#4c1d2e}
.narrative-site .v44-family-display .v44-flavour-card.fw-golden-honey-herb{background:#f5cf74;color:#533025}
.narrative-site .v44-family-display .v44-flavour-card.fw-mayo-chilli-herb{background:#d6bfe4;color:#3b2041}
.narrative-site .v44-family-display .v44-flavour-card.fw-peri-mayo-peanut{background:#234d83;color:#fff4df}
.narrative-site .v44-family-display .v44-flavour-card.fw-honey-pepper-peanut{background:#ffd36f;color:#19385f}
.narrative-site .v44-family-display .v44-flavour-card .s-pack{max-height:385px;filter:drop-shadow(0 20px 14px #491e2960)}
.narrative-site .v44-family-display .v44-flavour-card h3{letter-spacing:-.06em}
.narrative-site .v44-sensory{font-size:clamp(13px,1.1vw,17px);line-height:1.51}
.narrative-site .v44-card-ritual{border-color:currentColor;opacity:.75}

/* Every product receives a bespoke edible colour world and cinematic product
   framing. The real artwork is never modified or replaced with invented copy. */
.narrative-site.ea-product{background:#f8eee3;color:#391b2d}
.narrative-site .s-pdp{background:linear-gradient(135deg,#f9e8d9,#f1ddca);border-bottom:1px solid #cfa88b}
.narrative-site .s-pdp.fw-zesty-peri-peri{--gm-pdp:#e97053;--gm-pdp-dark:#742b46;--gm-pdp-light:#ffdebd}
.narrative-site .s-pdp.fw-golden-honey-herb{--gm-pdp:#e8b14f;--gm-pdp-dark:#5b313b;--gm-pdp-light:#fff0cb}
.narrative-site .s-pdp.fw-mayo-chilli-herb{--gm-pdp:#b99bdc;--gm-pdp-dark:#513660;--gm-pdp-light:#f7e6fc}
.narrative-site .s-pdp.fw-peri-mayo-peanut{--gm-pdp:#254f89;--gm-pdp-dark:#142d58;--gm-pdp-light:#ffe0b6}
.narrative-site .s-pdp.fw-honey-pepper-peanut{--gm-pdp:#e8b24a;--gm-pdp-dark:#214269;--gm-pdp-light:#fff1bf}
.narrative-site .s-breadcrumb{background:var(--gm-pdp-dark);color:#fff1d7;padding:14px clamp(20px,4vw,72px);margin:0;max-width:none}
.narrative-site .s-breadcrumb a{color:#ffe3ab}
.narrative-site .s-pdp-grid{display:grid;grid-template-columns:52% 48%;gap:0;align-items:stretch;max-width:none;min-height:760px}
.narrative-site .s-pdp-gallery{background:radial-gradient(circle at 50% 40%,var(--gm-pdp-light),var(--gm-pdp) 52%,var(--gm-pdp-dark) 100%);padding:clamp(30px,4.5vw,70px);display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden}
.narrative-site .s-pdp-gallery:before{content:"";position:absolute;width:86%;aspect-ratio:1;border:1px solid #ffebce96;border-radius:50%;box-shadow:0 0 0 44px #fff7d917,0 0 0 90px #fff7d90a;z-index:-1;pointer-events:none}
.narrative-site .s-pdp-gallery .product-main-image{background:transparent;max-height:610px}
.narrative-site .s-pdp-gallery .product-main-image img{max-height:590px;filter:drop-shadow(0 20px 24px #32162f75);transition:transform .6s cubic-bezier(.16,.83,.17,1)}
.narrative-site .s-pdp-gallery:hover .product-main-image img{transform:translateY(-8px) rotate(-2deg)}
.narrative-site .s-pdp-copy{padding:clamp(36px,4.5vw,75px) clamp(27px,4.6vw,84px);background:#fff8ee}
.narrative-site .s-pdp-copy .s-number{color:#ac3c40}
.narrative-site .s-product-kind{font-weight:850;letter-spacing:.1em;color:#8f453d}
.narrative-site .s-pdp-copy h1{font:840 clamp(48px,4.5vw,82px)/.95 var(--sans);letter-spacing:-.07em;color:#3b1a2c}
.narrative-site .s-pdp-copy h1 small{font:850 clamp(12px,1vw,16px)/1.4 var(--sans);letter-spacing:.1em;color:#9d493e}
.narrative-site .s-pdp-profile{font:440 italic clamp(23px,2vw,33px)/1.23 var(--serif)!important;color:#743b4a!important;border-left:3px solid #d56e4b;padding-left:18px;margin:22px 0}
.narrative-site .s-pdp-copy>p:not(.s-pdp-profile):not(.s-number):not(.s-product-kind){color:#573a3f}
.narrative-site .v45-pdp-moments{display:flex;flex-wrap:wrap;gap:6px}
.narrative-site .v45-pdp-moments span{border:1px solid #a56c6770;background:#f4e8d7;color:#68323f;font-size:10px}
.narrative-site .s-pdp-price{border-top:1px solid #ad8976;border-bottom:1px solid #ad8976;padding:17px 0}
.narrative-site .s-pdp-price strong{color:#9b3d45}
.narrative-site .s-pdp-actions button{background:#4d1d38;color:#fff4df}
.narrative-site .s-pdp-actions button:hover{background:#b54f43}
.narrative-site .s-pdp-flavour-grid{border-top:1px solid #bca297;margin-top:20px}
.narrative-site .s-pdp-flavour-grid a{border-radius:0}
.narrative-site .v45-tasting{background:#3f1b33;color:#fff1d9;padding:clamp(70px,7vw,120px) clamp(22px,5vw,90px)}
.narrative-site .v45-tasting-head span{color:#ffce88}
.narrative-site .v45-tasting-head h2{font:440 clamp(53px,5.5vw,98px)/.93 var(--serif);color:#fff3dd}
.narrative-site .v45-tasting-head h2 em{color:#ffcb84}
.narrative-site .v45-taste-act{border-color:#f7d6a555;color:#fff2df}
.narrative-site .v45-taste-act h3{color:#ffe2b5}
.narrative-site .v45-taste-act p{color:#efcfbf}
.narrative-site .v45-flavour-map{background:#f6e4cf;color:#391728;border:1px solid #dfb482}
.narrative-site .s-ritual{background:#271e3d;color:#fff2e0}
.narrative-site .s-ritual .s-assembly{background:linear-gradient(130deg,#39223f,#5f2648)}
.narrative-site .s-pack-details{background:#f6ebdc;color:#391c2c}
.narrative-site .s-pdp-related{background:#f6e3d3;color:#3b1c2e}
.narrative-site .s-pdp-related h2{font:450 italic clamp(50px,5.5vw,89px)/1 var(--serif)}
.narrative-site .v45-occasions{background:#f2dfc7;color:#431d34}
.narrative-site .v45-occasion-note{color:#6f4c49}
/* Mobile navigation becomes a curated, immersive two-world magazine. */
@media(max-width:900px){
 .narrative-site .mobile-menu.v44-mobile-menu:not([hidden]){inset:54px 0 0;height:calc(100dvh - 54px);background:#301629!important;color:#fff0dd!important;padding:24px clamp(16px,5vw,32px) 105px!important}
 .narrative-site .v44-menu-top>span{color:#f5bc79}
 .narrative-site .v44-menu-top>strong{font:450 italic clamp(35px,9vw,65px)/.98 var(--serif)!important;color:#fff3df}
 .narrative-site .v44-menu-top>p{color:#edcfbc}
 .narrative-site .v44-menu-worlds>a{min-height:200px;border:1px solid #ffc88c58}
 .narrative-site .v44-menu-honey{background:#6a2542!important}
 .narrative-site .v44-menu-active{background:#da654a!important;color:#fff3dc!important}
 .narrative-site .v44-menu-active>strong em{color:#ffda93}
 .narrative-site .v44-menu-links a{color:#f7e6d4!important;border-bottom:1px solid #e8bc8d40}
 .narrative-site .v44-menu-foot{background:#5a2742;color:#fff2dc}
 .narrative-site .v44-menu-foot button{background:#ffc77a;color:#341627}
 .narrative-site .v42-opening{grid-template-columns:1fr;min-height:0}
 .narrative-site .v42-world{min-height:0}
 .narrative-site .v42-honey{height:57svh;min-height:400px;max-height:630px}
 .narrative-site .v42-honey-editorial{padding:28px 6vw!important}
 .narrative-site .v42-honey-editorial h2{font-size:clamp(52px,11vw,81px);margin:14px 0 auto}
 .narrative-site .v42-honey-description{font-size:18px}
 .narrative-site .v42-active{min-height:660px}
 .narrative-site .v42-active-editorial{padding:35px 6vw 0!important}
 .narrative-site .v42-active h1{font-size:clamp(60px,12vw,90px)!important}
 .narrative-site .v42-mix-line h2{font-size:clamp(36px,7.5vw,55px)}
 .narrative-site .v42-pack-theatre{height:300px;min-height:250px;margin:-8px 3% -5px}
 .narrative-site .v42-pack{max-width:190px}
 .narrative-site .v42-active-bottom{padding:0 6vw 32px!important}
 .narrative-site .v42-the-idea{font-size:14px!important}
 .narrative-site .v44-duet{grid-template-columns:1fr}
 .narrative-site .v44-duet-world{min-height:470px}
 .narrative-site .v43-arrival{display:grid;grid-template-columns:1fr;min-height:0}
 .narrative-site .v43-arrival-copy{padding:35px 5vw!important}
 .narrative-site .v43-arrival h1{font-size:clamp(61px,11vw,89px)!important}
 .narrative-site .v43-arrival h2{font-size:clamp(39px,7vw,62px)!important}
 .narrative-site .v43-arrival-story{font-size:14px}
 .narrative-site .v43-shelf-stage{min-height:610px;background-image:url('/assets/images/gm-aisle-mobile.png')!important;background-position:center 57%!important;background-size:cover!important}
 .narrative-site .v43-shelf-pack{width:25%!important;height:34%!important;top:49%!important;right:11%!important}
 .narrative-site .v43-shelf-pack-honey{transform:translate(-72%,37%) rotate(-9deg) scale(.71)}
 .narrative-site .v43-shelf-pack-mayo{transform:translate(-142%,47%) rotate(10deg) scale(.7)}
 .narrative-site .gm-scene-recipe-picker{top:55px;max-width:180px}
 .narrative-site .gm-film-chapters{display:none}
 .narrative-site .v44-studio-layout{display:block}
 .narrative-site .v44-studio-stage{min-height:520px;border-right:0}
 .narrative-site .v44-studio-script{display:block}
 .narrative-site .v44-beat{min-height:0}
 .narrative-site .v44-collection-entry{display:grid;grid-template-columns:1fr;min-height:0}
 .narrative-site .v44-collection-copy{padding:50px 6vw 35px}
 .narrative-site .v44-collection-entry h1{font-size:clamp(55px,9vw,80px)}
 .narrative-site .v44-collection-image{min-height:460px}
 .narrative-site .v44-family-display .s-family-heading h2{color:#381a2b}
 .narrative-site .s-pdp-grid{grid-template-columns:1fr}
 .narrative-site .s-pdp-gallery{min-height:490px;padding:26px}
 .narrative-site .s-pdp-copy{padding:37px 6vw}
 .narrative-site .v45-tasting{padding:60px 6vw}
}
@media(max-width:600px){
 body.narrative-site{overflow-x:clip}
 .narrative-site .v42-honey{height:47svh;min-height:340px}
 .narrative-site .v42-honey-editorial h2{font-size:clamp(49px,11.5vw,68px)}
 .narrative-site .v42-honey-description{font-size:15px;margin-bottom:9px}
 .narrative-site .v42-enter-honey{font-size:12px}
 .narrative-site .v42-active{min-height:0}
 .narrative-site .v42-active h1{font-size:clamp(53px,12.5vw,76px)!important;margin:10px 0!important}
 .narrative-site .v42-mix-line{display:block!important}
 .narrative-site .v42-mix-line h2{font-size:clamp(33px,9.2vw,48px)}
 .narrative-site .v42-mix-line>p{font-size:12px;margin-top:8px;max-width:none}
 .narrative-site .v42-pack-theatre{height:225px;min-height:225px;margin:0 3%}
 .narrative-site .v42-pack{width:33%;max-width:145px}
 .narrative-site .v42-finishes{font-size:9px!important;letter-spacing:.04em}
 .narrative-site .v42-the-idea{font-size:13px!important}
 .narrative-site .v42-active-actions{margin-top:12px}
 .narrative-site .v42-convenience{font-size:8px!important;line-height:1.4}
 .narrative-site .v42-peanut-aside{font-size:10px}
 .narrative-site .v38-brand-statement{padding:55px 6vw}
 .narrative-site .v44-duet-world{min-height:420px}
 .narrative-site .v43-arrival-copy{padding:23px 6vw 28px!important}
 .narrative-site .v43-arrival h1{font-size:clamp(54px,12vw,72px)!important;margin:9px 0 14px!important}
 .narrative-site .v43-arrival h2{font-size:clamp(33px,9vw,45px)!important}
 .narrative-site .v43-arrival h2 small{font-size:10px!important}
 .narrative-site .v43-ingredient-families{font-size:15px;margin:10px 0}
 .narrative-site .v43-arrival-story{font-size:12px;line-height:1.45;margin:4px 0 11px}
 .narrative-site .v43-arrival-proof{padding-top:10px;margin-top:9px}
 .narrative-site .v43-arrival-proof>strong{font-size:34px}
 .narrative-site .v43-arrival-proof>span{font-size:11px}
 .narrative-site .v43-jump{padding:10px 14px;font-size:12px;margin-top:10px!important}
 .narrative-site .v43-shelf-stage{min-height:510px;background-position:50% center!important}
 .narrative-site .v43-shelf-caption{top:13px;left:14px;right:14px;font-size:7px}
 .narrative-site .gm-scene-recipe-picker{left:13px;top:45px;max-width:140px}
 .narrative-site .gm-scene-recipe-picker>span{font-size:8px}
 .narrative-site .gm-scene-recipe-picker button{font-size:9px;padding:8px}
 .narrative-site .v43-shelf-pack{width:31%!important;height:35%!important;right:10%!important;top:50%!important}
 .narrative-site .v43-shelf-pack-honey{transform:translate(-52%,28%) rotate(-10deg) scale(.72)}
 .narrative-site .v43-shelf-pack-mayo{transform:translate(-100%,35%) rotate(10deg) scale(.69)}
 .narrative-site .v43-shelf-controls{bottom:12px;left:12px;right:12px;padding:7px 9px;gap:5px}
 .narrative-site .v43-shelf-controls button{font-size:10px;padding:9px}
 .narrative-site .v43-shelf-controls span{font-size:9px}
 .narrative-site .v44-studio{padding-top:58px}
 .narrative-site .v44-studio-header{padding:0 6vw 30px}
 .narrative-site .v44-studio-header h2{font-size:clamp(48px,11.5vw,67px)}
 .narrative-site .v44-studio-stage{min-height:435px}
 .narrative-site .v44-beat{padding:42px 6vw}
 .narrative-site .v44-beat h3{font-size:clamp(42px,10.5vw,60px)!important}
 .narrative-site .v44-collection-copy{padding:36px 6vw 27px}
 .narrative-site .v44-collection-entry h1{font-size:clamp(49px,12vw,67px)}
 .narrative-site .v44-collection-image{min-height:355px;height:355px}
 .narrative-site .v44-collection-image .s-pack{top:17%;width:35%;max-width:150px}
 .narrative-site .v44-family-display .v44-flavour-card{min-height:0}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card{background-image:radial-gradient(ellipse at 35% 40%,#ffffff60,transparent 55%);min-height:255px}
 .narrative-site .v44-family-display .s-family-mix .v44-flavour-card .s-pack{max-height:225px}
 .narrative-site .s-pdp-gallery{min-height:390px;padding:18px}
 .narrative-site .s-pdp-gallery .product-main-image img{max-height:330px}
 .narrative-site .s-pdp-copy h1{font-size:clamp(40px,10vw,57px)}
 .narrative-site .s-pdp-profile{font-size:23px!important}
 .narrative-site .v45-tasting-head h2{font-size:clamp(48px,12vw,69px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .narrative-site .v42-honey-photograph img,.narrative-site .v42-pack,.narrative-site .v43-shelf-pack,.narrative-site .v44-flavour-card{transition:none!important;animation:none!important}
}

.narrative-site .v43-shelf-stage{background-position:var(--gm-bg-pos,55%) center!important}
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-peri,
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-honey,
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-mayo{filter:drop-shadow(0 25px 17px #230e1bc5)}
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-peri{transform:translate(-14%,20%) rotate(-8deg) scale(1.12)}
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"][data-gm-flavour="golden-honey-herb"] .v43-shelf-pack-honey,
.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"][data-gm-flavour="mayo-chilli-herb"] .v43-shelf-pack-mayo{transform:translate(-14%,20%) rotate(-8deg) scale(1.27)}
.narrative-site .gm-scene-product{display:block;position:absolute;z-index:10;right:25px;bottom:104px;color:#fff0d9;text-decoration:none;font:780 11px/1.2 var(--sans);text-shadow:0 2px 8px #1d0b1d;padding:10px 0;border-bottom:1px solid #f9dfb7}
.narrative-site .gm-in-view .n-card-visual img{transform:translateY(-4px)}
@media(max-width:900px){.narrative-site .v43-shelf-stage{background-position:center 56%!important}}
@media(max-width:600px){.narrative-site .gm-scene-product{bottom:89px;right:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-peri,.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-honey,.narrative-site .v43-shelf-stage[data-gm-scene-phase="2"] .v43-shelf-pack-mayo{transform:none}}

.narrative-site .gm-film-chapters{top:auto;bottom:116px;left:24px}
.narrative-site .gm-scene-recipe-picker small{display:block;color:#fff0d8;font:550 10px/1.4 var(--sans);text-shadow:0 2px 8px #211021;padding-top:7px;max-width:175px}
@media(max-width:600px){.narrative-site .gm-scene-recipe-picker small{font-size:9px;max-width:125px}}

/* QA correction: anchor the pack theatre and the purchasing copy within the split hero. */
.narrative-site .v42-active:before{background:transparent!important}
@media (min-width:901px){
 .narrative-site .v42-pack-theatre{position:absolute!important;inset:37.5% 5% auto!important;width:90%!important;height:27%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important}
 .narrative-site .v42-pack{height:100%!important;min-height:0!important}
 .narrative-site .v42-active-bottom{position:absolute!important;inset:auto 0 7px!important;width:100%!important;max-width:none!important;height:auto!important;padding:0 clamp(22px,3.5vw,62px)!important;margin:0!important}
 .narrative-site .v42-pack-peri{transform:translate(8%,7%) rotate(-11deg)}
 .narrative-site .v42-pack-mayo{transform:translate(-8%,8%) rotate(11deg)}
}

@media (min-width:901px){.narrative-site .v42-pack-theatre{top:42%!important;height:24%!important}}