:root{--navy:#08223d;--pink:#ef4f73;--green:#4b761e;--muted:#566578;--line:#dce3e9;--red:#c6283c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--navy);background:#fff;font-family:Aptos,'Segoe UI',Arial,sans-serif;font-size:18px;line-height:1.55}button,a{touch-action:manipulation}a{color:inherit}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;background:#fffefef5;border-bottom:1px solid var(--line);padding:12px 5vw;display:flex;align-items:center;gap:22px;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand img{width:96px;height:44px;object-fit:contain}.brand img.karls{width:75px;height:49px}.brand span{color:var(--muted)}nav{margin-left:auto;display:flex;gap:22px}nav a{text-decoration:none;font-size:14px;font-weight:600}.languages{display:flex;gap:3px}.languages button{font-size:13px;padding:7px;border:0;background:transparent;border-radius:4px;color:var(--navy)}.languages button[aria-pressed=true]{background:var(--navy);color:#fff}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:6vw;padding:72px 7vw 64px}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--green);margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-family:'Aptos Display',Aptos,Arial,sans-serif;font-size:clamp(44px,5.5vw,80px);line-height:1.06;letter-spacing:-.045em;margin-bottom:25px;font-weight:650}h1 em{font-style:normal;color:var(--red)}.lead{font-size:21px;line-height:1.55;max-width:610px}.cta{display:inline-block;border:0;border-radius:5px;padding:15px 22px;background:var(--navy);color:white;text-decoration:none;font-weight:600;font-size:16px}.quiet{display:block;font-size:14px;margin-top:19px;color:var(--muted)}.heroVisual{position:relative;padding:34px 24px 26px;border:1px solid var(--line);text-align:center}.heroVisual .karlsLarge{width:190px;height:125px;object-fit:contain;display:block;margin:0 auto 22px}.heroVisual .straw{width:100%;margin:26px 0 34px;display:block}.heroVisual .tag{font-size:13px;letter-spacing:.12em;color:var(--red)}.heroVisual p{font-size:15px;color:var(--muted);margin-bottom:0}.heroVisual .number{font-size:74px;line-height:1;letter-spacing:-.05em;font-weight:600}.heroVisual .sequence{border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.strip{background:var(--navy);color:white;display:grid;grid-template-columns:repeat(3,1fr);padding:27px 7vw;gap:20px}.strip div{padding-right:15px}.strip strong{display:block;font-size:20px}.strip span{font-size:15px;opacity:.83}.section{padding:84px 7vw;border-bottom:1px solid var(--line)}.sectionHead{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-bottom:34px}.sectionHead .index{color:var(--pink);font-size:15px;font-weight:600}h2{font-size:clamp(32px,3.7vw,52px);line-height:1.12;letter-spacing:-.03em;margin-bottom:24px;max-width:820px}h3{font-size:25px;line-height:1.25;margin-bottom:15px}.intro{max-width:800px;font-size:20px;color:var(--muted)}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.col{border-top:2px solid var(--navy);padding-top:22px}.col p{font-size:17px;color:var(--muted);margin-bottom:0}.bigLetter{font-size:15px;color:var(--pink);font-weight:700;display:block;margin-bottom:23px}.flavours{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.flavourPhoto{width:100%;height:290px;object-fit:contain;background:white}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.tabs button{padding:10px 16px;background:white;border:1px solid #aab8c5;border-radius:50px;font-size:15px;color:var(--navy)}.tabs button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.photoButton{border:0;background:white;padding:0;width:100%;position:relative;text-align:inherit}.zoomLabel{position:absolute;bottom:12px;right:12px;font-size:13px;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:4px}.caption{font-size:14px;color:var(--muted);margin:12px 0 0}.pill{font-size:13px;font-weight:650;display:inline-block;border-bottom:2px solid var(--pink);padding-bottom:5px;margin-bottom:18px}.callout{margin-top:34px;border-left:3px solid var(--green);padding:6px 0 6px 24px;max-width:920px}.callout p{margin:0;font-size:17px}.formats{display:grid;grid-template-columns:1fr 1fr;gap:44px}.formatImage{height:320px;display:flex;align-items:center;justify-content:center;background:#fafbfc}.formatImage img{width:100%;height:100%;object-fit:contain}.formatImage.retail img{width:30%;padding:20px 8px}.formatInfo{padding:24px 0 0}.formatInfo p{font-size:17px;color:var(--muted)}.spec{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:16px;font-size:15px}.spec strong{font-size:22px;display:block}.brandPlan{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.brandPlan img{width:100%;max-width:360px;align-self:center}.row{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line)}.row b{color:var(--pink)}.row h3{font-size:20px;margin-bottom:7px}.row p{font-size:17px;color:var(--muted);margin:0}.notice{font-size:14px;color:var(--muted);margin-top:25px;max-width:920px}.range{display:flex;gap:10px;flex-wrap:wrap;padding-top:10px}.range span{border:1px solid var(--line);padding:8px 15px;font-size:15px;border-radius:30px}.pilot{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.pilot article{border-top:2px solid var(--green);padding-top:20px}.pilot b{font-size:42px;color:var(--green);font-weight:500;display:block;margin-bottom:15px}.pilot p{color:var(--muted);font-size:17px}.closing{padding:80px 7vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.closing h2{margin-bottom:20px}.closing p{opacity:.85}.closing .cta{background:white;color:var(--navy)}.closing .eyebrow{color:#d6e9bd}.signature{font-size:16px}.foot{padding:30px 7vw;display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted)}details{max-width:650px}summary{cursor:pointer}details a{margin-right:15px}dialog{width:min(1100px,94vw);max-height:94vh;border:0;padding:42px 24px 20px;color:var(--navy);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#08223dc9}dialog img{display:block;max-width:100%;max-height:73vh;margin:auto;object-fit:contain}dialog p{font-size:14px;margin:18px 0 0}#closeZoom{position:absolute;right:10px;top:4px;border:0;background:white;font-size:30px}.reveal{animation:appear .4s ease}@keyframes appear{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){header{padding:9px 5vw;gap:7px}.brand{gap:9px}.brand img{width:73px}.brand img.karls{width:56px}nav{display:none}.languages{margin-left:auto}.hero{grid-template-columns:1fr;padding:46px 6vw;gap:28px;min-height:0}h1{font-size:47px}.lead{font-size:19px}.heroVisual{padding:20px}.heroVisual .karlsLarge{height:94px;width:140px}.heroVisual .sequence{margin-top:20px;padding-top:18px}.strip{padding:25px 6vw;grid-template-columns:1fr;gap:17px}.strip strong{font-size:18px}.section{padding:53px 6vw}.sectionHead{margin-bottom:24px}.cols,.flavours,.formats,.brandPlan,.pilot,.closing{grid-template-columns:1fr;gap:28px}.flavourPhoto{height:180px}.formatImage{height:250px}.brandPlan>img{max-width:180px;margin:auto}.closing{padding:52px 6vw}.intro{font-size:18px}.foot{flex-direction:column;padding:25px 6vw}.spec{gap:20px}.sectionHead .eyebrow{margin-bottom:0}.tabs button{font-size:14px;padding:9px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}@media print{header{position:static}nav,.languages,.cta,.zoomLabel{display:none}.hero{min-height:0;padding:30px}.section{padding:30px;break-inside:avoid}.closing{padding:30px}.strip,.closing{background:white;color:var(--navy)}.section h2{font-size:30px}.hero h1{font-size:42px}.formatImage{height:230px}.foot{padding:25px}body{font-size:14px}.caption,.notice{font-size:12px}details{display:none}}
.formatImage.retail .photoButton{width:33.333%;height:100%;background:transparent}.formatImage.retail .photoButton img{width:100%;height:100%;padding:20px 8px}

/* Strawberry edition */
:root{--pink:#dc243d;--navy:#21351c;--green:#548826;--red:#d8233b}h1 em{color:var(--red)}.hero{position:relative;background:linear-gradient(135deg,#fff 58%,#f4fae9)}.hero:before{content:'🍓';position:absolute;right:3%;top:4%;font-size:clamp(55px,10vw,140px);opacity:.2;transform:rotate(17deg);pointer-events:none}.strip{background:#416d24;color:white}.sectionHead:before{content:'🍓';font-size:30px;margin-right:12px}.sectionHead .eyebrow{margin-right:auto}.callout{border-left:5px solid var(--red)}.closing{background:#f5faec}.contactDetails{display:flex;flex-direction:column;gap:8px;margin-top:16px;overflow-wrap:anywhere}.contactDetails a{font-size:17px}#berryRain{position:fixed;inset:0;z-index:11;pointer-events:none;overflow:hidden}#berryRain span{position:absolute;top:-70px;opacity:.32;animation:berryFall linear infinite}@keyframes berryFall{from{transform:translate3d(0,-70px,0) rotate(-25deg)}to{transform:translate3d(45px,calc(100vh + 140px),0) rotate(170deg)}}#berryCursor{position:fixed;top:0;left:0;z-index:50;font-size:33px;pointer-events:none;opacity:0;will-change:transform}#motionToggle{position:fixed;bottom:15px;right:15px;z-index:30;border:1px solid #50782d;border-radius:24px;padding:10px 16px;background:#fff;color:#294b1b;font-size:14px;box-shadow:0 3px 16px #0001}.motionOff #berryRain,.motionOff #berryCursor{display:none}@media(pointer:coarse){#berryCursor{display:none}#berryRain span:nth-child(n+9){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{#berryRain,#berryCursor,#motionToggle{display:none}}

.closing{color:var(--navy)}.closing .eyebrow{color:var(--green)}.closing .cta{background:var(--red);color:white}:focus-visible{outline:3px solid #dc243d;outline-offset:5px}.languages button{min-height:44px;min-width:36px;font-size:14px}.heroVisual{background:#fff}body{padding-bottom:55px}@media(max-width:420px){h1{font-size:clamp(36px,11vw,47px)}.spec{flex-wrap:wrap}.sectionHead{gap:8px}.sectionHead:before{margin-right:0}.eyebrow{letter-spacing:.07em}}

/* Exact brand artwork in concept layouts. Physical product photos remain in the format section. */
.conceptSection{background:#fbfcf7}.conceptGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.conceptCard{background:white;border:1px solid #dce7d2;overflow:hidden;min-width:0}.conceptArt{height:310px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f5e9}.conceptTopline{position:absolute;top:16px;left:19px;z-index:3;font-size:11px;letter-spacing:.15em;font-weight:800;color:#345c21}.conceptText{padding:24px}.conceptText h3{font-size:21px;margin-bottom:9px}.conceptText p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.strawArt{background:radial-gradient(circle at 50% 30%,#fff 10%,#f3e8e8 82%)}.strawStage{width:88%;position:relative;transform:rotate(-13deg);filter:drop-shadow(0 15px 10px #502e2825)}.strawReference{display:block;width:100%;height:auto}.strawImprint{position:absolute;left:15%;top:18%;width:9%;height:60%;object-fit:cover;object-position:50% 17%;mix-blend-mode:multiply;opacity:.86}.conceptScale{position:absolute;right:18px;bottom:17px;font-size:12px;color:#57677a}.wrapperArt{background:#f5e8e2}.wrapperSet{width:84%;display:grid;gap:18px;transform:rotate(-8deg)}.paperSleeve{height:54px;background:#fffaf3;border-radius:26px;box-shadow:0 6px 12px #563b1c21;overflow:hidden;border:1px solid #e9d8c8;position:relative}.paperSleeve:before,.paperSleeve:after{content:'';position:absolute;inset:4px auto 4px 6px;border-left:2px dotted #c5b7a5;z-index:2}.paperSleeve:after{left:auto;right:6px}.paperRepeat{display:flex;align-items:center;gap:15px;width:max-content;height:100%;transform:translateX(-8px)}.paperRepeat img{width:70px;height:48px;object-fit:contain}.sleeve1 .paperRepeat{transform:translateX(-35px)}.sleeve2 .paperRepeat{transform:translateX(-61px)}.retailArt{background:radial-gradient(circle at 50% 45%,#fff 12%,#f6e4e6 80%)}.conceptPack{width:132px;height:235px;position:relative;transform:perspective(700px) rotateY(-15deg);filter:drop-shadow(14px 19px 12px #56182932)}.packFace{height:100%;position:relative;background:#78b72c;border:1px solid #47761c;border-radius:3px;display:flex;align-items:center;flex-direction:column;padding:14px 10px 11px;z-index:1;overflow:hidden}.packFace:after{content:'';position:absolute;width:170px;height:170px;background:#fff;left:-19px;top:44px;border-radius:50%;opacity:.94}.packFace img{width:104px;height:64px;object-fit:contain;background:white;border-radius:4px;z-index:2}.packBerry{font-size:63px;position:relative;z-index:2;margin:13px 0 0;line-height:1}.packFace strong{z-index:2;font-size:16px;color:#ac1626;margin-top:6px}.packFace small{z-index:2;margin-top:auto;background:#dc263b;color:white;padding:3px 7px;font-size:10px;font-weight:800}.packSide{position:absolute;width:21px;top:5px;bottom:5px;right:-19px;background:#3f7a21;transform:skewY(24deg)}.horecaArt{background:radial-gradient(circle at 50% 45%,#fff 9%,#eaf4dc 80%)}.conceptBox{width:255px;height:160px;position:relative;transform:perspective(700px) rotateY(-14deg);filter:drop-shadow(15px 20px 12px #1d431a30)}.boxFace{width:100%;height:100%;background:#fffdf8;border:1px solid #94b578;position:relative;z-index:1;padding:12px 19px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}.boxFace:before{content:'';position:absolute;width:230px;height:230px;background:#7dbb32;border-radius:50%;right:-78px;bottom:-169px}.boxFace img{width:123px;height:80px;object-fit:contain}.boxFace span{position:absolute;right:16px;top:23px;max-width:65px;line-height:1.1;font-size:20px}.boxFace strong{font-size:14px;position:relative;margin-top:auto;color:#35691c}.boxTop{position:absolute;left:6px;right:-9px;top:-14px;height:16px;background:#65a82c;transform:skewX(40deg)}.boxSide{position:absolute;right:-24px;top:-8px;bottom:7px;width:26px;background:#519125;transform:skewY(23deg)}@media(max-width:760px){.conceptGrid{grid-template-columns:1fr}.conceptArt{height:260px}.conceptText{padding:20px}.conceptPack{transform:scale(.9) perspective(700px) rotateY(-15deg)}.conceptBox{transform:scale(.9) perspective(700px) rotateY(-14deg)}}@media print{.conceptGrid{grid-template-columns:repeat(2,1fr)}.conceptArt{height:220px}.conceptCard{break-inside:avoid}#berryRain,#berryCursor,#motionToggle{display:none}}

/* Large exact-asset concept panels */
.conceptArt{height:auto;aspect-ratio:14/9;background:#fff;display:block}.conceptArt img{display:block;width:100%;height:100%;object-fit:cover}.conceptGrid{gap:34px}.conceptCard{box-shadow:0 12px 38px #25421a12}.conceptText{padding:24px 28px 32px}.conceptText h3{font-size:24px}

/* Karls hero product scene */
.hero{grid-template-columns:.85fr 1.35fr;gap:3vw;padding:52px 5vw}.heroMockup{margin:0;border:0;padding:0;background:transparent;overflow:hidden}.heroMockup .heroProduct{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:14px}.heroMockup figcaption{font-size:12px;color:#566578;text-align:left;padding:12px 6px;line-height:1.45}@media(max-width:760px){.hero{grid-template-columns:1fr;padding:32px 5vw}.heroMockup{grid-row:1}.heroMockup figcaption{font-size:11px}h1{font-size:40px}}

/* Editorial revision: translated live text, quiet detail photography. */
.hero h1{font-size:clamp(40px,4.5vw,68px)}
.editionLayout{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center;margin-top:45px}.printDetail{margin:0;min-width:0}.printViewport{position:relative;aspect-ratio:2.5;overflow:hidden;border-radius:12px;background:#fcf7f7}.printViewport img{position:absolute;width:118%;max-width:none;left:-9%;top:-92%;height:auto}.printDetail figcaption{font-size:13px;color:var(--muted);padding:15px 0}.editionSteps article{display:grid;grid-template-columns:35px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.editionSteps article>span{font-size:13px;color:var(--red);font-weight:700}.editionSteps h3{font-size:23px;margin-bottom:10px}.editionSteps p{font-size:16px;color:var(--muted);margin:0}.conceptSection{background:#faf8f3}.flavourScene{gap:4vw}.flavourScene .flavourPhoto{height:auto;max-height:440px;aspect-ratio:3/2;object-fit:contain;border-radius:12px}.flavour1 .photoButton{background:#f7f2ec;border-radius:12px}.flavour1 .flavourPhoto{padding:25px}.formatImage.retail .photoButton{width:50%}.formats article{min-width:0}.notice{line-height:1.6}#berryRain{z-index:0}#app{position:relative;z-index:1}#berryRain span{opacity:.14}#berryCursor{font-size:25px}.hero:before{display:none}
@media(max-width:760px){.editionLayout{grid-template-columns:1fr;gap:18px;margin-top:28px}.hero h1{font-size:39px}.flavourScene .flavourPhoto{max-height:320px}.sectionHead:before{font-size:23px}.sectionHead{gap:8px}.eyebrow{letter-spacing:.08em;font-size:11px}.editionSteps h3{font-size:21px}}
@media print{.editionLayout{grid-template-columns:1fr 1fr}.printDetail,.editionSteps{break-inside:avoid}}
.printViewport{aspect-ratio:3.5}.printViewport img{top:-105%}

.hero h1 .flavour-strawberry{color:#c6283c}.hero h1 .flavour-chocolate{color:#6b3e26}

/* Karls: complete bespoke range and current product photography */
.flavourScene.flavour1 .flavourPhoto{padding:0;background:transparent}
.formats .formatImage{height:auto;aspect-ratio:3/2;background:#fff;display:block;width:100%}
.formats .formatImage img{width:100%;height:100%;object-fit:contain}
.printViewport{aspect-ratio:3/2;overflow:hidden;background:#fff}
.printViewport img{position:static;width:100%;height:100%;max-width:none;object-fit:contain;transform:none}
.flavourGallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 36px;margin:56px 0;background:#fff;padding:30px 24px}
.rangeItem{margin:0;min-width:0}.rangePhoto{position:relative;aspect-ratio:3.7;overflow:hidden;background:#fff}
.rangePhoto img{position:absolute;left:50%;top:50%;width:var(--scale);max-width:none;height:auto;transform-origin:var(--cx) var(--cy);transform:translate(calc(-1 * var(--cx)),calc(-1 * var(--cy))) rotate(var(--angle))}
.rangeItem figcaption{font-size:18px;font-weight:600;margin-top:16px;color:#242d22}
.closing{display:block}.closing h2{margin-bottom:36px}.closing .signature{font-size:25px}
@media(max-width:760px){.flavourGallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;padding:24px 12px}.rangeItem figcaption{font-size:15px}.printViewport{aspect-ratio:3/2}}

.horecaOriginals{display:grid;grid-template-columns:1fr 1fr;background:white;aspect-ratio:3/2;align-items:center}.horecaOriginals button{min-width:0;width:100%}.horecaOriginals img{width:100%;height:auto;display:block}.col:nth-child(2)>p{font-size:23px;font-weight:600;color:#233b1e}

/* Retail sales slide: one message and the customised retail16 packs. */
.retailSales{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,5vw,72px);min-height:650px;padding-block:64px}.retailSales h2{font-size:clamp(36px,4.4vw,64px);line-height:1.08;max-width:620px;margin:0;text-wrap:balance}.retailSales figure{margin:0}.retailSales figure img{display:block;width:100%;height:auto;object-fit:contain}@media(max-width:700px){.retailSales{grid-template-columns:1fr;min-height:0;padding-block:48px;gap:28px}.retailSales h2{font-size:clamp(34px,9vw,48px)}}

.contactSignature,.closingBrands{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.contactSignature img{width:130px;height:auto;object-fit:contain}.closingBrands{margin-bottom:32px;gap:16px}.closingBrands img{width:84px;height:64px;object-fit:contain}.closingBrands img:last-child{width:74px}

.dispenserNote{border-left:3px solid var(--green);padding-left:16px;color:var(--navy);font-weight:500}

.dispenserVisual{margin:24px 0 8px}.dispenserVisual .photoButton{display:block;width:100%;background:white}.dispenserVisual img{display:block;width:100%;height:auto;object-fit:contain}.dispenserVisual figcaption{margin-top:10px}