@font-face{font-family:Mona;src:url('/public/fonts/heading.woff2');font-weight:700}@font-face{font-family:Livvic;src:url('/public/fonts/body.woff2')}@font-face{font-family:Livvic;src:url('/public/fonts/body-semibold.woff2');font-weight:600}@font-face{font-family:Courier;src:url('/public/fonts/accent.woff2')}
:root{--ink:#5F0C36;--cream:#FFF8E2;--yellow:#FFEF9A;--rose:#F85C8E;--cardinal:#9B1A65}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font-family:Livvic,sans-serif;background:#fffdf3}a{color:inherit;text-decoration:none}button{font:inherit}header{height:76px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fffdf3}.logo{width:185px;height:38px;background:var(--ink);mask:url('/public/brand/logo-textuel.svg') center/contain no-repeat;flex-shrink:0}nav{display:flex;gap:26px;font-size:15px;font-weight:600}nav a:hover{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);padding:15px 24px;border-radius:50px;font-size:13px;font-weight:600;transition:transform .2s}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink)}.arrow{font-size:19px}.page{background:#fffdf3}.hero{background-image:url('/public/media/fond-degrade-rose-orange-1920.webp');background-size:cover;background-position:center}.hero{min-height:690px;position:relative;overflow:hidden;padding:100px 6% 80px;text-align:center}.hero-content{position:relative;z-index:2;max-width:750px;margin:auto}.eyebrow{font:12px Courier;letter-spacing:.13em;text-transform:uppercase}h1{font:700 clamp(64px,7vw,106px)/.94 Mona;margin:22px 0;letter-spacing:-.025em}h1 span{color:var(--cream)}.intro{font-size:17px;line-height:1.7;margin:0 auto 28px;max-width:430px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.slot{border:1px dashed #5F0C3655;background:#FFF8E21a;border-radius:32px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#5F0C36b0;font:12px/1.7 Courier}.slot span{max-width:180px}.hero-slot{position:absolute;left:5%;bottom:50px;width:155px;height:260px;transform:rotate(-13deg);border-radius:70px 70px 35px 35px}.hero-slot.right{left:auto;right:4%;bottom:40px;width:170px;height:225px;transform:rotate(12deg);border-radius:50%}.hero-note{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font:11px Courier;letter-spacing:.08em}.wave{height:25px;width:100%;display:block;fill:var(--cream)}.ribbon{background:var(--yellow);padding:18px 5%;display:flex;justify-content:space-around;gap:20px;font:12px Courier;flex-wrap:wrap;border-top:1px solid #5F0C3633;border-bottom:1px solid #5F0C3633}.section{padding:85px 7%;max-width:1500px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.split .slot{height:400px;border-radius:120px 40px 100px 40px;background:#FFF8E22b}h2{font:700 clamp(43px,4.5vw,68px)/1 Mona;letter-spacing:-.01em;margin:18px 0 22px}p{font-size:16px;line-height:1.8;max-width:470px}.center{text-align:center}.center p{margin:0 auto}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:42px 0}.ingredient{padding:30px 24px;border-radius:24px;background:#FFF8E299;border:1px solid #5F0C3622;text-align:left}.ingredient .num{font:12px Courier;color:var(--cardinal)}h3{font:700 33px Mona;margin:15px 0 12px}.ingredient p{font-size:14px;margin:0}.story{position:relative;isolation:isolate}.story:before{content:'';position:absolute;z-index:-1;inset:0;background:#FFF8E255}.story .slot{border-radius:35px 110px 35px 110px}.contact{padding:70px 7%;text-align:center}.contact h2{max-width:650px;margin:20px auto}.contact p{margin:0 auto 25px}footer{background:var(--cream);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .logo{width:150px;height:35px}footer small{font:11px Courier}a:focus-visible{outline:3px solid var(--cardinal);outline-offset:6px}@media(min-width:1500px){.hero-slot{left:12%}.hero-slot.right{right:12%}}@media(max-width:950px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:20px 5%;gap:18px}.logo{width:170px}nav{order:3;width:100%;justify-content:center;gap:22px}.hero{padding-top:75px}.hero-slot{width:100px;height:170px;opacity:.6;left:-25px}.hero-slot.right{width:115px;height:150px;right:-25px}.split{gap:35px}.split .slot{height:320px}.section{padding:65px 6%}.ingredients{gap:12px}}@media(max-width:620px){header>.btn{padding:12px 16px;font-size:11px}.logo{width:145px;height:35px}nav{font-size:12px}.hero{min-height:675px;padding:75px 7% 190px}h1{font-size:64px}.intro{font-size:17px}.hero-slot{left:11%;bottom:32px;width:85px;height:140px}.hero-slot.right{right:10%;bottom:32px;width:120px;height:115px}.hero-note{bottom:12px;white-space:nowrap;font-size:9px}.split{grid-template-columns:1fr}.split .slot{height:270px}.split .copy{order:-1}.ingredients{grid-template-columns:1fr;margin:30px 0}.ingredient{padding:23px}.ribbon{font-size:10px;gap:15px}.section{padding:50px 7%}h2{font-size:46px}footer{flex-wrap:wrap}.page{background-size:auto 100%;background-position:center;background-attachment:scroll}}


header>.btn{font-size:15px;padding:11px 22px;background:var(--yellow);color:var(--ink);border:1px solid #5F0C3633;line-height:1.25}
@media(max-width:950px){header{min-height:76px;padding:14px 5%;gap:12px}nav{gap:20px;font-size:14px}}
@media(max-width:620px){header>.btn{font-size:13px;padding:10px 15px}nav{gap:15px;font-size:12px}.logo{width:145px;height:32px}}

/* Navbar superposée au hero, puis claire au défilement. */
header{position:fixed;z-index:20;top:0;left:0;right:0;height:100px;min-height:0;background:transparent;color:#fff;border-bottom:1px solid transparent;transition:background-color .25s,color .25s,height .25s,border-color .25s}
header .logo{background:#fff}
header.scrolled{height:78px;background:#fffdf3;color:var(--ink);border-bottom-color:var(--cardinal)}
header.scrolled .logo{background:var(--ink)}
header>.btn{background:var(--yellow);color:var(--ink);border-color:transparent}
.hero{min-height:900px;height:100svh;display:flex;align-items:center;padding:160px 6% 120px;text-align:left;color:#fff}
.hero-content{margin:0;width:76%;max-width:1100px}
h1{margin:25px 0;line-height:1;letter-spacing:-.015em}
h1 .title-first{display:block;color:#fff;font-size:clamp(70px,7vw,108px)}
h1 .title-second{display:block;white-space:nowrap;color:#fff;font-size:clamp(26px,3.5vw,54px);margin-top:15px}
h1 em{font-style:normal;color:var(--yellow)}
.intro{margin:22px 0 30px;color:#fff;max-width:500px;font-size:19px;font-weight:500;line-height:1.45}
.actions{justify-content:flex-start}
.actions>.btn:not(.outline){background:var(--cardinal);border-color:var(--cardinal);color:#fff;font-size:15px}
.actions>.btn.outline{color:#fff;border-color:#ffffff88;font-size:15px}
.hero-slot{left:auto;right:8%;bottom:25%;width:145px;height:260px;color:#ffffffaa;border-color:#ffffff66;background:#ffffff0d;transform:rotate(10deg)}
.hero-slot.right{right:3%;bottom:9%;width:135px;height:150px;color:#ffffffaa;border-color:#ffffff66;background:#ffffff0d}
.hero-note{left:6%;transform:none;bottom:35px;color:#fff}
.page{padding-bottom:160px;background:#fffdf3}
@media(max-width:950px){header{height:116px;padding:18px 5%;align-content:center;row-gap:15px}header.scrolled{height:100px}.hero-content{width:88%}.hero{min-height:870px;padding-top:180px}.hero-slot{right:10%;bottom:60px;width:95px;height:165px}.hero-slot.right{right:3%;bottom:45px;width:100px;height:110px}}
@media(max-width:620px){header{height:116px}header.scrolled{height:100px}.hero{min-height:850px;padding:160px 7% 220px}.hero-content{width:100%}h1 .title-first{font-size:62px}h1 .title-second{font-size:clamp(18px,4.5vw,28px);letter-spacing:-.025em;margin-top:14px}.intro{font-size:17px}.hero-slot{right:32%;bottom:65px}.hero-slot.right{right:8%;bottom:60px}.hero-note{left:7%;bottom:25px;font-size:9px}.actions>.btn{padding:13px 17px;font-size:13px!important}}


nav{font-weight:400}
nav a:hover,nav a:active{ text-decoration:none }
h1 .title-first,h1 .title-second{font-size:clamp(36px,5vw,78px);white-space:nowrap;letter-spacing:-.015em}
h1 .title-second{margin-top:8px}
@media(max-width:620px){h1 .title-first,h1 .title-second{font-size:clamp(26px,6.7vw,42px);letter-spacing:-.02em}}

/* Voile léger sous la navbar, par-dessus le fond fourni. */
.hero::before{content:"";position:absolute;inset:0 0 auto;height:180px;background:linear-gradient(180deg,#F85C8E59 0%,#F85C8E26 58%,#F85C8E00 100%);pointer-events:none;z-index:1}
.new-tag{display:inline-flex;align-items:center;justify-content:center;color:var(--yellow);border:1px solid var(--yellow);border-radius:50px;padding:8px 16px;background:transparent;font:600 12px Livvic,sans-serif;letter-spacing:.1em}
@media(max-width:950px){.hero::before{height:205px}}
header.scrolled>.btn{background:var(--cardinal);border-color:var(--cardinal);color:#fff}

@font-face{font-family:Livvic;src:url('/public/fonts/body-medium.woff2');font-weight:500;font-style:normal}
nav{font-weight:500;font-size:16px}
header .logo{width:200px;height:42px}
header>.btn{font-size:16px;padding:13px 25px}
@media(max-width:950px){nav{font-size:15px}header .logo{width:185px;height:40px}header>.btn{font-size:15px;padding:12px 22px}}
@media(max-width:620px){nav{font-size:13px;gap:14px}header .logo{width:154px;height:35px}header>.btn{font-size:14px;padding:11px 17px}}

.product-scene{position:absolute;right:3%;top:17%;width:42%;height:76%;z-index:1;pointer-events:none}
.product-scene .canette{width:100%;height:100%;object-fit:contain}
.product-scene .hibiscus{position:absolute;width:39%;right:-4%;bottom:8%;transform:rotate(12deg)}
.product-scene .menthe{position:absolute;width:27%;left:-10%;top:8%;transform:rotate(-20deg)}
.hero-content{width:60%;max-width:850px}
h1 .title-first,h1 .title-second{font-size:clamp(31px,4.25vw,68px)}
@media(max-width:950px){.product-scene{right:0;width:44%;top:23%;height:65%}.hero-content{width:62%}h1 .title-first,h1 .title-second{font-size:4.05vw}}
@media(max-width:620px){.hero{min-height:1000px;align-items:flex-start;padding-top:180px}.hero-content{width:100%}h1 .title-first,h1 .title-second{font-size:clamp(26px,6.7vw,42px)}.product-scene{top:auto;bottom:20px;right:6%;width:80%;height:45%}.product-scene .hibiscus{width:35%;right:-3%;bottom:3%}.product-scene .menthe{width:25%;top:6%;left:0}}

/* Logo à gauche ; navigation regroupée avec le bouton à droite. */
header nav{margin-left:auto}
@media(max-width:950px){header{flex-wrap:nowrap;height:100px;gap:16px;padding:18px 4%}header.scrolled{height:78px}header nav{order:0;width:auto;gap:14px;font-size:13px}header .logo{width:160px}header>.btn{font-size:14px;padding:12px 18px}}
@media(max-width:720px){header{flex-wrap:wrap;height:116px;gap:12px;padding:16px 5%}header.scrolled{height:100px}header nav{order:3;width:100%;justify-content:flex-end;margin-left:0;gap:14px;font-size:12px}header>.btn{margin-left:auto}header .logo{width:154px;height:35px}}

.button-symbol{display:inline-block;width:20px;height:20px;flex-shrink:0;background:currentColor;mask:url('/public/brand/symbol.svg') center/contain no-repeat;-webkit-mask:url('/public/brand/symbol.svg') center/contain no-repeat}

/* Couleurs du menu au défilement. */
header.scrolled{background:#5F0C36;color:#FEE7EE;border-bottom:2px solid #F85C8E}
header.scrolled .logo{background:#FFEF9A}
header.scrolled>.btn{background:#F85C8E;border-color:#F85C8E;color:#5F0C36}

/* Plus d’espace entre la navigation et le bouton partenaire. */
header>.btn{margin-left:20px;gap:14px;color:#fff}
header.scrolled>.btn{color:#fff}
@media(max-width:950px){header>.btn{margin-left:12px}}
@media(max-width:720px){header>.btn{margin-left:auto}}

header:not(.scrolled)>.btn{color:#5F0C36}

/* Hauteur du menu légèrement augmentée. */
header{height:108px}
header.scrolled{height:86px}
@media(max-width:720px){header{height:124px}header.scrolled{height:108px}}

/* Vague douce à la jonction entre le dégradé et le fond du site. */
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;height:78px;overflow:hidden;pointer-events:none;z-index:3}
.hero-wave svg{display:block;width:200%;height:100%;max-width:none;animation:kane-wave-drift 24s linear infinite}
@keyframes kane-wave-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:720px){.hero-wave{height:48px}.product-scene{bottom:60px}}


/* Socle ancré au bas de la bannière, sous la vague. */
.product-scene{top:auto;bottom:-2px}
.product-scene .canette{object-position:center bottom}

/* Décalage léger du visuel produit vers la gauche. */
.product-scene{transform:translateX(-24px)}

/* Agrandissement proportionnel du bloc texte et de ses boutons. */
.hero-content{transform:scale(1.04);transform-origin:left center}
.actions>.btn{padding:16px 26px;font-size:16px!important}
.actions>.btn.outline{border-width:2px}
@media(max-width:620px){.actions>.btn{padding:14px 19px;font-size:14px!important}}






.hero-wave svg{width:200%;animation:kane-wave-drift 24s linear infinite}


/* Séquence pilotée par le défilement, avec image fixe de secours. */
.hero-sequence{position:relative}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom;z-index:0;opacity:0;pointer-events:none}
.hero-sequence.is-ready{height:calc(100svh + 1450px)}
.hero-sequence.is-ready .hero{position:sticky;top:0;height:100svh;min-height:650px}
.hero-sequence.is-ready .hero-video{opacity:1}
.hero-sequence.is-ready .product-scene{visibility:hidden}
@media(max-width:720px){.hero-sequence.is-ready{height:calc(100svh + 1150px)}.hero-sequence.is-ready .hero{min-height:700px}.hero-video{inset:auto -5% 0 auto;width:180%;height:auto;aspect-ratio:16/9;object-fit:contain}}


/* Seule la fin du titre change ; sa largeur reste constante. */
h1 .changing-phrase{color:#FFEF9A;font-style:normal;background:none;animation:none;-webkit-text-fill-color:initial}
.phrase-rotation{display:inline-grid;vertical-align:baseline;overflow:hidden;padding-block:.06em;margin-block:-.06em}
.phrase-measure,.phrase-typed{grid-area:1/1;white-space:nowrap;color:#FFEF9A}
.phrase-measure{visibility:hidden;pointer-events:none}
.phrase-typed{justify-self:start}
h1 .changing-phrase .phrase-typed,h1 .changing-phrase .typed-ending,h1 .changing-phrase .typing-cursor{color:#FFEF9A;-webkit-text-fill-color:#FFEF9A}
.typing-cursor{display:inline-block;height:.85em;border-left:.035em solid currentColor;margin-left:.07em;vertical-align:-.04em;animation:typing-cursor-blink 1s step-end infinite}
@keyframes typing-cursor-blink{50%{opacity:0}}
.phrase-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}


/* Bloc central, trois petites capsules de chaque côté du texte. */
.kane-care{position:relative;background:#fffdf3;padding:55px 6% 60px;overflow:hidden}
.care-copy{max-width:1200px;margin:auto;text-align:center}
.care-badge{display:block;width:138px;height:138px;margin:-12px auto 64px;animation:care-badge-spin 42s linear infinite}
.care-copy h2{font-size:clamp(35px,3.7vw,56px);line-height:1.08;margin:0 auto 27px;color:#5F0C36;letter-spacing:-.015em;text-wrap:balance}
.care-title-highlight{color:#F85C8E;background:none;padding:0}
.care-body{display:grid;grid-template-columns:205px minmax(0,1fr) 205px;gap:28px;align-items:center}
.care-body-text p{font-size:17px;line-height:1.45;max-width:740px;margin:0 auto;color:#5F0C36;text-wrap:balance}
.care-body-text .care-signature{margin-top:17px;font-size:17px;line-height:1.4;font-weight:600}
.care-capsules{position:relative;height:166px;width:205px}
.care-capsule-list{position:relative;width:100%;height:100%;list-style:none;margin:0;padding:0}
.care-capsule{position:absolute;left:50%;top:var(--stack-y);display:flex;align-items:center;justify-content:center;min-height:40px;width:var(--stack-width);max-width:205px;padding:10px 14px;border:1px solid #3B082255;border-radius:100px;font:700 15px/1.1 Courier,monospace;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translateX(calc(-50% + var(--stack-x))) rotate(var(--stack-angle));transform-origin:center}
.care-capsule:nth-child(1){--stack-y:120px;--stack-x:-3px;--stack-angle:-2deg;--stack-width:168px}
.care-capsule:nth-child(2){--stack-y:64px;--stack-x:4px;--stack-angle:2deg;--stack-width:180px}
.care-capsule:nth-child(3){--stack-y:8px;--stack-x:-2px;--stack-angle:-1deg;--stack-width:205px}
.care-stack-left .care-capsule:nth-child(1){background:#FFEF9A;color:#5F0C36}
.care-stack-left .care-capsule:nth-child(2){background:#9B1A65;color:#FFFFFF}
.care-stack-left .care-capsule:nth-child(3){background:#5F0C36;color:#FD9079}
.care-stack-right .care-capsule:nth-child(1){--stack-width:205px;background:#FFEF9A;color:#9B1A65}
.care-stack-right .care-capsule:nth-child(2){--stack-width:190px;background:#F85C8E;color:#3B0822}
.care-stack-right .care-capsule:nth-child(3){--stack-width:185px;background:#3B0822;color:#FFFEF9}

@keyframes care-stack-land{
 0%{opacity:0;transform:translateX(calc(-50% + var(--stack-x))) translateY(-28px) rotate(calc(var(--stack-angle) - 3deg))}
 65%{opacity:1;transform:translateX(calc(-50% + var(--stack-x))) translateY(4px) rotate(calc(var(--stack-angle) + 1deg))}
 82%{transform:translateX(calc(-50% + var(--stack-x))) translateY(-2px) rotate(var(--stack-angle))}
 100%{opacity:1;transform:translateX(calc(-50% + var(--stack-x))) translateY(0) rotate(var(--stack-angle))}
}
@keyframes care-badge-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){
 .kane-care{padding:45px 4% 50px}
 .care-body{gap:20px;grid-template-columns:190px minmax(0,1fr) 190px}
 .care-capsules{width:190px}
 .care-capsule{font-size:14px;max-width:190px;padding:10px 12px}
 .care-badge{width:124px;height:124px;margin-bottom:56px}
 .care-copy h2{font-size:40px}
 .care-body-text p,.care-body-text .care-signature{font-size:16px}
}
@media(max-width:900px){
 .care-body{grid-template-columns:1fr 1fr;gap:24px 12px;max-width:700px;margin:auto}
 .care-body-text{grid-column:1/-1;grid-row:1}
 .care-capsules{width:100%;max-width:205px;margin:auto}
 .care-capsule{font-size:14px;max-width:calc(100% - 6px)}
 .care-copy h2{font-size:clamp(30px,5vw,40px)}
}
@media(max-width:480px){.care-badge{width:118px;height:118px}.care-capsule{font-size:12px;padding:10px 8px}.care-body{gap:22px 8px}.care-copy h2{font-size:32px}}

.actions>.btn.outline{border-color:transparent;background:transparent;box-shadow:none}

/* Mosaïque décalée à gauche, récit et CTA à droite. */
 .heritage-section{position:relative;overflow:hidden;width:calc(100% - 96px);max-width:1440px;margin:110px auto 80px;border-radius:42px;background:#FDBFD2;color:#5F0C36;padding:58px 4.5%}
.heritage-inner{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;min-height:610px}
.heritage-gallery{height:610px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:hidden}
.heritage-gallery-column{display:flex;flex-direction:column;gap:14px;margin-top:0}
.heritage-gallery-column:nth-child(2){margin-top:28px}
.heritage-gallery-column:nth-child(3){margin-top:10px}
.heritage-photo{position:relative;overflow:hidden;margin:0;flex:none;height:175px;border-radius:22px;background:#FEE7EE}
.heritage-photo.tall{height:205px}
.heritage-photo img{width:100%;height:100%;display:block;object-fit:cover}
.heritage-photo.product{background:url('/public/media/fond-degrade-rose-orange-1920.webp') center/cover}
.heritage-photo.product img{object-fit:contain;object-position:center bottom;width:110%;max-width:none;margin-left:-5%}
.heritage-photo.mint{background:#FFEF9A}
.heritage-photo.mint img{object-fit:contain;padding:16px;transform:rotate(-12deg)}
.heritage-photo.flower{background:#FFF8E2}
.heritage-photo.flower img{object-fit:contain;padding:12px}
.heritage-copy{padding:40px 0;max-width:520px}
.heritage-copy h2{font:700 clamp(38px,3.8vw,54px)/1.04 Mona,sans-serif;letter-spacing:-.015em;margin:0 0 28px;color:#5F0C36}
.heritage-copy h2 span{display:block;color:#9B1A65;margin-top:5px}
.heritage-copy p{font-size:18px;line-height:1.55;margin:0;max-width:480px;text-wrap:pretty}
.heritage-copy p+p{margin-top:18px}
.heritage-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;margin-top:32px;padding:17px 25px;border-radius:100px;background:#9B1A65;color:#FFFFFF;font:600 16px/1.3 Livvic,sans-serif;transition:background .2s}
.heritage-cta .button-symbol{display:block;width:21px;height:21px;background:currentColor;mask:url('/public/brand/symbol.svg') center/contain no-repeat}
.heritage-cta:hover{background:#5F0C36}
@media(max-width:1050px){.heritage-section{width:calc(100% - 56px);padding:45px 4%;border-radius:32px}.heritage-inner{gap:5%;min-height:570px}.heritage-gallery{height:570px;gap:10px}.heritage-gallery-column{gap:10px}.heritage-photo{height:165px;border-radius:18px}.heritage-photo.tall{height:190px}.heritage-copy h2{font-size:42px}.heritage-copy p{font-size:17px}.heritage-cta{font-size:15px;padding:15px 21px;gap:15px}}
@media(max-width:720px){.heritage-section{width:calc(100% - 32px);padding:28px 22px 38px;margin:75px auto 45px;border-radius:28px}.heritage-inner{grid-template-columns:1fr;gap:32px;min-height:0}.heritage-gallery{height:390px;gap:10px}.heritage-gallery-column{gap:10px}.heritage-gallery-column:nth-child(2){margin-top:18px}.heritage-gallery-column:nth-child(3){margin-top:6px}.heritage-photo{height:110px;border-radius:16px}.heritage-photo.tall{height:130px}.heritage-photo.mint img{padding:9px}.heritage-copy{padding:0;max-width:600px}.heritage-copy h2{font-size:clamp(35px,8vw,46px);margin-bottom:24px}.heritage-copy p{font-size:17px}.heritage-cta{margin-top:25px}}

/* Two continuous portrait image rows. Each repeated group includes its trailing gap. */
.heritage-inner{min-height:650px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.heritage-gallery{height:auto;display:flex;flex-direction:column;gap:18px;min-width:0;overflow:hidden}
.heritage-gallery-row{overflow:hidden;width:100%;border-radius:22px}
.heritage-gallery-track{display:flex;width:max-content;animation:heritage-drift 55s linear infinite;will-change:transform}
.heritage-gallery-row:nth-child(2) .heritage-gallery-track{animation-direction:reverse;animation-duration:48s}
.heritage-gallery-group{display:flex;gap:16px;padding-right:16px;flex:none}
.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:240px;height:auto;aspect-ratio:4/5;flex:0 0 240px;border-radius:22px}
@keyframes heritage-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1050px){.heritage-inner{min-height:550px}.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:200px;flex-basis:200px}.heritage-gallery{gap:16px}}
@media(max-width:720px){.heritage-inner{min-height:0;grid-template-columns:1fr}.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:176px;flex-basis:176px;border-radius:18px}.heritage-gallery{gap:14px}.heritage-gallery-group{gap:12px;padding-right:12px}}


/* Portrait columns meet the top and bottom edges of the rounded section. */
.heritage-section{padding:0 4.5%}
.heritage-inner{min-height:0;align-items:center}
.heritage-gallery{height:740px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-self:stretch}
.heritage-gallery-row{height:100%;overflow:hidden;border-radius:0}
.heritage-gallery-track{display:flex;flex-direction:column;width:100%;animation:heritage-fall 55s linear infinite;will-change:transform}
.heritage-gallery-row:nth-child(2) .heritage-gallery-track{animation:heritage-fall 48s linear infinite}
.heritage-gallery-group{display:flex;flex-direction:column;width:100%;gap:16px;padding:0 0 16px;flex:none}
.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:100%;height:auto;aspect-ratio:4/5;flex:none;border-radius:22px}
.heritage-copy{padding:65px 0}
@keyframes heritage-fall{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(max-width:1050px){.heritage-section{padding:0 4%}.heritage-inner{min-height:0}.heritage-gallery{height:660px;gap:14px}.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:100%;flex:none}.heritage-copy{padding:50px 0}}
@media(max-width:720px){.heritage-section{padding:0 22px 38px}.heritage-gallery{height:430px;gap:14px}.heritage-gallery-group{gap:12px;padding:0 0 12px}.heritage-gallery .heritage-photo,.heritage-gallery .heritage-photo.tall{width:100%;flex:none;border-radius:18px}.heritage-copy{padding:0}}


/* Slightly smaller portrait cards, preserving the flush vertical tracks. */
.heritage-gallery{grid-template-columns:repeat(2,minmax(0,1fr));width:90%;justify-self:start}
@media(max-width:720px){.heritage-gallery{width:92%}}

/* Half-card stagger: both columns keep the same size and speed. */
.heritage-gallery-row{container-type:inline-size}
.heritage-gallery-row:nth-child(2) .heritage-gallery-track{position:relative;top:calc(-62.5cqw - 8px);animation-duration:44s}
@media(max-width:720px){.heritage-gallery-row:nth-child(2) .heritage-gallery-track{top:calc(-62.5cqw - 6px)}}

/* Smaller cards with opposite vertical directions. */
.heritage-gallery{width:82%}
.heritage-gallery-row:first-child .heritage-gallery-track{animation-direction:reverse}
.heritage-gallery-row:nth-child(2) .heritage-gallery-track{animation-direction:normal}
@media(max-width:720px){.heritage-gallery{width:84%}}

.heritage-inner{position:relative}
.heritage-story-arrow{position:absolute;left:37%;top:calc(50% - 300px);width:27%;height:160px;overflow:visible;color:#9B1A65;pointer-events:none;z-index:2}
.heritage-story-arrow path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
@media(max-width:1050px){.heritage-story-arrow{left:35%;width:29%;top:calc(50% - 270px);height:140px}}
@media(max-width:720px){.heritage-story-arrow{left:auto;right:0;top:340px;width:110px;height:145px;transform:rotate(65deg)}}

/* The soft curve emerges from behind the image cards. */
.heritage-gallery{position:relative;z-index:3}
.heritage-copy{position:relative;z-index:3}
.heritage-story-arrow{z-index:2}

.kane-footer{display:block;text-align:left;background:#5F0C36;color:#FEE7EE;border-top:3px solid #F85C8E;padding:54px 6% 24px}
.footer-inner{width:100%;max-width:none;margin:0}
.footer-top{display:grid;grid-template-columns:1fr minmax(180px,.45fr) minmax(240px,.55fr);gap:60px;padding-bottom:38px}
.footer-logo{display:block;width:154px;height:42px;background:#FFEF9A;mask:url('/public/brand/logo-textuel.svg') center/contain no-repeat}
.footer-brand p{font-size:15px;line-height:1.5;margin:20px 0 18px;max-width:260px;color:#FEE7EE}
.footer-contact{font-size:14px;font-style:normal}
.footer-contact a{display:inline-block;padding:5px 0}
.footer-column h2{font:700 15px/1.3 Courier,monospace;color:#FFEF9A;letter-spacing:.035em;margin:0 0 20px;text-transform:uppercase}
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.footer-links a{font-size:15px;font-weight:500;line-height:1.45;transition:color .2s}
.footer-links a:hover,.footer-contact a:hover{color:#FFEF9A}
.footer-bottom{border-top:1px solid #F85C8E66;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-bottom small{font-size:12px;color:#FEE7EE}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.footer-social-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #FEE7EE66;border-radius:100px;background:transparent;color:#FEE7EE;font:500 13px/1.3 Livvic,sans-serif}
.footer-social-button svg{width:17px;height:17px;flex:none}
.footer-social-button:disabled{opacity:1;cursor:default}
.kane-footer a:focus-visible,.footer-social-button:focus-visible{outline:2px solid #FFEF9A;outline-offset:5px}
@media(max-width:900px){.footer-top{gap:30px;grid-template-columns:1.15fr 1fr 1fr}}
@media(max-width:600px){.kane-footer{padding:38px 7% 24px}.footer-top{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1/-1}.footer-logo{width:140px;height:38px}.footer-brand p{margin:16px 0 10px}.footer-column h2{font-size:13px}.footer-links a{font-size:14px}.footer-bottom{gap:20px}.footer-social-button{padding:10px 12px;font-size:12px}}

.footer-top{grid-template-columns:minmax(230px,1.25fr) minmax(130px,.7fr) minmax(210px,1fr) minmax(220px,1fr);gap:32px}
.footer-community .footer-socials{flex-direction:column;align-items:flex-start;gap:10px}
.footer-community .footer-social-button{min-width:130px;justify-content:flex-start}
.footer-bottom{justify-content:flex-start}
.footer-credit{margin-left:8px}
.footer-credit a{color:#FFEF9A}
.footer-credit a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr;gap:36px 48px}}
@media(max-width:600px){.footer-top{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1/-1}.footer-community{grid-column:1/-1}.footer-community h2{margin-bottom:16px}.footer-credit{display:inline-block;margin:6px 0 0}.footer-bottom small{display:flex;flex-direction:column}}

.kane-footer{border-radius:38px 38px 0 0;overflow:hidden}
@media(max-width:600px){.kane-footer{border-radius:26px 26px 0 0}}

.kane-footer{padding-top:72px;padding-bottom:32px}
.footer-logo{width:178px;height:49px}
.footer-top{padding-bottom:52px}
.footer-bottom{padding-top:28px}
@media(max-width:600px){.kane-footer{padding-top:48px;padding-bottom:30px}.footer-logo{width:162px;height:44px}.footer-top{padding-bottom:40px}.footer-bottom{padding-top:24px}}

/* A curved inset line follows the footer outline without square border ends. */
.kane-footer{position:relative;border-top:0}
.kane-footer{--footer-border-radius:38px}
.kane-footer::before{content:"";position:absolute;inset:0;pointer-events:none;border:3px solid #F85C8E;border-bottom:0;border-radius:inherit;mask-image:linear-gradient(to bottom,#000 0,#000 var(--footer-border-radius),transparent 100%)}
@media(max-width:600px){.kane-footer{--footer-border-radius:26px}}

.kane-newsletter{padding:25px 6% 85px;background:#fffdf3}
.newsletter-inner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:54px 5%;border-radius:32px;background:#FFEF9A;color:#5F0C36}
.newsletter-eyebrow{display:block;font:700 13px/1.4 Courier,monospace;letter-spacing:.06em;color:#9B1A65;margin-bottom:17px}
.newsletter-copy h2{font:700 clamp(34px,3.3vw,50px)/1.06 Mona,sans-serif;margin:0 0 18px;letter-spacing:-.01em;max-width:520px}
.newsletter-copy p{font-size:17px;line-height:1.55;margin:0;max-width:470px}
.newsletter-form{min-width:0}
.newsletter-form label{display:block;font-size:15px;font-weight:600;margin-bottom:12px}
.newsletter-field{display:flex;gap:10px;padding:7px;background:#FFF8E2;border:1px solid #5F0C3640;border-radius:100px}
.newsletter-field input{width:100%;min-width:0;padding:13px 15px;border:0;outline:0;background:transparent;color:#5F0C36;font:400 16px/1.4 Livvic,sans-serif;border-radius:100px}
.newsletter-field input::placeholder{color:#5F0C3699}
.newsletter-field:focus-within{outline:2px solid #9B1A65;outline-offset:3px}
.newsletter-field button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:100px;padding:15px 22px;background:#9B1A65;color:#fff;font:600 15px/1.3 Livvic,sans-serif}
.newsletter-field button:disabled{opacity:1;cursor:default}
.newsletter-field .button-symbol{width:18px;height:18px;background:currentColor;mask:url('/public/brand/symbol.svg') center/contain no-repeat}
.newsletter-privacy{font-size:12px;line-height:1.5;margin:14px 8px 0;max-width:none}
.newsletter-privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.newsletter-inner{grid-template-columns:1fr;gap:30px;padding:38px 6%}.newsletter-copy h2{max-width:620px}.newsletter-copy p{max-width:620px}.newsletter-form{max-width:620px}}
@media(max-width:600px){.kane-newsletter{padding:15px 7% 55px}.newsletter-inner{padding:32px 22px;border-radius:26px}.newsletter-copy h2{font-size:34px}.newsletter-copy p{font-size:16px}.newsletter-field{flex-direction:column;background:transparent;border:0;padding:0;border-radius:0}.newsletter-field input{background:#FFF8E2;border:1px solid #5F0C3640;padding:16px 18px}.newsletter-field button{padding:16px 20px}.newsletter-field:focus-within{outline:none}.newsletter-field input:focus-visible{outline:2px solid #9B1A65;outline-offset:3px}.newsletter-privacy{margin:14px 0 0}}

.newsletter-inner{padding-top:68px;padding-bottom:68px}
@media(max-width:900px){.newsletter-inner{padding-top:48px;padding-bottom:48px}}
@media(max-width:600px){.newsletter-inner{padding-top:40px;padding-bottom:40px}}

.newsletter-firstname{margin-bottom:18px}
.newsletter-firstname input{display:block;width:100%;padding:17px 22px;border:1px solid #5F0C3640;border-radius:100px;background:#FFF8E2;color:#5F0C36;font:400 16px/1.4 Livvic,sans-serif}
.newsletter-firstname input::placeholder{color:#5F0C3699}
.newsletter-firstname input:focus-visible{outline:2px solid #9B1A65;outline-offset:3px}
@media(max-width:600px){.newsletter-firstname input{padding:16px 18px}}

.kane-reviews{padding:35px 0 55px;background:#fffdf3;color:#5F0C36;overflow:hidden}
.reviews-heading{text-align:center;padding:0 6%}
.reviews-heading .eyebrow{color:#9B1A65;font-weight:700;font-size:12px}
.reviews-heading h2{font:700 clamp(30px,3.3vw,48px)/1.08 Mona,sans-serif;margin:14px 0 0}
.reviews-ribbon{display:block;width:100%;height:125px;margin:6px 0 12px;overflow:visible}
.reviews-ribbon text{font:600 22px Livvic,sans-serif;letter-spacing:1px;fill:#FFEF9A}
.reviews-window{overflow:hidden;width:100%}
.reviews-track{display:flex;width:max-content;animation:reviews-drift 52s linear infinite}
.reviews-group{display:flex;gap:18px;padding-right:18px;flex:none}
.review-card{margin:0;width:310px;flex:none;padding:23px 25px 21px;background:#FFF8E2;border:1px solid #9B1A6533;border-radius:22px;min-height:185px}
.review-card:nth-child(even){background:#FEE7EE}
.review-stars{color:#9B1A65;font-size:19px;letter-spacing:3px;line-height:1}
.review-card blockquote{margin:16px 0 17px;font-size:16px;font-weight:500;line-height:1.45;max-width:260px}
.review-card figcaption{font:12px/1.4 Courier,monospace;color:#9B1A65}
.reviews-disclaimer{margin:14px 6% 0;text-align:center;max-width:none;font-size:11px;line-height:1.4;color:#5F0C3699}
@keyframes reviews-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.kane-reviews{padding:25px 0 40px}.reviews-heading h2{font-size:32px}.reviews-ribbon{height:90px;margin:10px 0 16px}.review-card{width:270px;padding:20px 22px;min-height:180px}.review-card blockquote{font-size:15px}.reviews-group{gap:14px;padding-right:14px}}


/* Airier review layout with one consistent card colour. */
.kane-reviews{padding:75px 0 80px}
.reviews-heading{max-width:920px;margin:0 auto;padding:0 6%}
.reviews-heading .eyebrow{display:inline-block;padding:9px 16px;border:1px solid #9B1A6555;border-radius:100px;font:700 12px/1.3 Courier,monospace;letter-spacing:.07em}
.reviews-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.08;max-width:760px;margin:25px auto 0;text-wrap:balance}
.reviews-ribbon{height:160px;margin:32px 0 38px}
.reviews-ribbon text{font-size:21px;letter-spacing:1.2px}
.reviews-group{gap:24px;padding-right:24px}
.review-card,.review-card:nth-child(even){position:relative;width:380px;min-height:255px;padding:32px;background:#FFFEF9;border:1px solid #5F0C3626;border-radius:26px;box-shadow:0 6px 18px #5F0C3605}
.review-stars{font-size:17px;letter-spacing:4px;color:#9B1A65}
.review-card::after{content:'“';position:absolute;right:27px;top:17px;font:700 70px/1 Georgia,serif;color:#F85C8E;pointer-events:none}
.review-card blockquote{font-size:20px;line-height:1.5;font-weight:500;max-width:none;margin:26px 0 28px;color:#5F0C36}
.review-card figcaption{font-size:12px;line-height:1.4;color:#9B1A65}
.reviews-disclaimer{margin-top:28px}
@media(max-width:600px){.kane-reviews{padding:50px 0 55px}.reviews-heading{padding:0 7%}.reviews-heading h2{font-size:36px;margin-top:21px}.reviews-ribbon{height:115px;margin:24px 0 30px}.reviews-group{gap:18px;padding-right:18px}.review-card,.review-card:nth-child(even){width:310px;min-height:250px;padding:27px;border-radius:23px}.review-card blockquote{font-size:18px;margin:25px 0}.review-card::after{right:23px;font-size:62px}.reviews-disclaimer{margin-top:23px}}

.reviews-ribbon text{fill:#5F0C36}
.review-card::after{content:none}
.review-person{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.review-avatar{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;background:#FEE7EE}
.review-name{font:600 17px/1.35 Livvic,sans-serif;color:#5F0C36}
.review-example{font:12px/1.4 Livvic,sans-serif;color:#9B1A65;margin-top:3px}
.review-stars{display:flex;gap:4px}
.review-stars svg{width:21px;height:21px;fill:#FFEF9A;stroke:#9B1A65;stroke-width:.7;stroke-linejoin:round}
.review-card blockquote{margin:18px 0 0;font-size:18px;line-height:1.5}
.review-card,.review-card:nth-child(even){min-height:275px}
@media(max-width:600px){.review-card,.review-card:nth-child(even){min-height:270px}.review-card blockquote{font-size:17px}.review-name{font-size:16px}}

.infusion-sequence{height:calc(100svh + 3300px)}
.infusion-hero{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:url('/public/media/fond-degrade-rose-orange-1920.webp') center/cover}
.infusion-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#F85C8E88,transparent 30%)}
.infusion-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:44%;z-index:4;color:#FFFEF9}
.infusion-copy .eyebrow{color:#FFEF9A;display:inline-block;border:1px solid currentColor;border-radius:100px;padding:9px 14px;font-weight:700}
.infusion-copy h1{font:700 clamp(42px,5.2vw,76px)/1.02 Mona,sans-serif;letter-spacing:-.015em;margin:25px 0 22px}
.infusion-copy h1 em{display:block;color:#FFEF9A;font-style:normal}
.infusion-copy p{font-size:18px;line-height:1.5;max-width:380px;margin:0}
.infusion-scroll{margin-top:32px;font:13px/1.5 Courier,monospace;color:#FFEF9A}
.infusion-stage{position:absolute;right:3%;bottom:7%;width:48%;height:72%;z-index:2}
.infusion-can{position:absolute;left:50%;bottom:0;width:clamp(150px,15.5vw,235px);aspect-ratio:551/1461;transform:translateX(-50%);transform-origin:center 75%;z-index:3;filter:drop-shadow(0 24px 20px #5F0C3633)}
.infusion-can-image{position:absolute;width:278.4%;max-width:none;height:130.46%;left:-89.3%;top:-15.195%;pointer-events:none}
.infusion-can-mask{position:absolute;inset:0;overflow:hidden}
.infusion-petal{position:absolute;top:0;left:50%;width:36px;height:48px;z-index:2;opacity:0;will-change:transform}
.infusion-petal svg{display:block;width:100%;height:100%;overflow:visible}
.infusion-mint{position:absolute;top:0;left:50%;width:70px;height:65px;object-fit:contain;opacity:0;z-index:2;will-change:transform}
.infusion-water{position:absolute;left:50%;top:-30%;width:100px;height:38%;transform:translateX(-50%);opacity:0;z-index:2}
.infusion-splash{position:absolute;bottom:calc(100% - 10px);left:50%;width:190%;height:auto;transform:translateX(-50%) scale(.05);transform-origin:50% 100%;opacity:0;z-index:1;overflow:visible}
.infusion-phase{position:absolute;bottom:28px;left:6%;right:6%;display:flex;align-items:center;gap:18px;color:#FFFEF9;font:600 13px/1.4 Courier,monospace;z-index:5}
.infusion-progress{height:2px;flex:1;background:#FFFEF944;overflow:hidden}
.infusion-progress span{height:100%;display:block;background:#FFEF9A;transform-origin:left;transform:scaleX(0)}
@media(max-width:720px){.infusion-sequence{height:calc(100svh + 2600px)}.infusion-hero{min-height:740px}.infusion-copy{top:155px;left:7%;width:86%;transform:none}.infusion-copy h1{font-size:40px;margin:18px 0 12px}.infusion-copy p{font-size:16px;max-width:320px}.infusion-scroll{display:none}.infusion-stage{width:90%;right:5%;bottom:9%;height:45%}.infusion-can{width:130px}.infusion-petal{width:25px;height:34px}.infusion-mint{width:50px;height:45px}.infusion-phase{bottom:22px;font-size:11px}}


.infusion-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px;padding:150px 7% 65px;background:url('/public/media/fond-degrade-rose-orange-1920.webp') center/cover;text-align:center;color:#FFFEF9}
.infusion-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(#F85C8E88,transparent 60%);pointer-events:none}
.infusion-banner-copy{position:relative;max-width:850px}
.infusion-banner .eyebrow{color:#FFEF9A;font:700 12px/1.4 Courier,monospace;letter-spacing:.08em}
.infusion-banner h1{font:700 clamp(42px,5vw,72px)/1.04 Mona,sans-serif;margin:22px 0;color:#FFFEF9;letter-spacing:-.015em}
.infusion-banner h1 em{font-style:normal;color:#FFEF9A}
.infusion-banner p{max-width:540px;margin:0 auto;font-size:18px;line-height:1.55}
.infusion-discover{display:inline-flex;align-items:center;gap:16px;margin-top:25px;font-size:15px;font-weight:600;color:#FFFEF9}
.infusion-recipe{display:flex;align-items:center;justify-content:center;background:#FFF8E2;min-height:650px;padding:65px 7% 80px;overflow:hidden}
.infusion-product{position:relative;width:195px;aspect-ratio:551/1461;filter:drop-shadow(0 22px 20px #5F0C3618)}
@media(max-width:720px){.infusion-banner{min-height:480px;padding:160px 7% 55px}.infusion-banner h1{font-size:42px}.infusion-banner p{font-size:16px}.infusion-recipe{min-height:570px;padding:55px 7% 65px}.infusion-product{width:165px}}

.infusion-recipe{display:block;padding:60px 7% 65px;min-height:0}
.recipe-inner{max-width:1160px;margin:auto}
.recipe-heading{text-align:center;margin-bottom:45px}
.recipe-heading .eyebrow{color:#9B1A65;font:700 12px/1.4 Courier,monospace;letter-spacing:.07em}
.recipe-heading h2{font:700 clamp(30px,3.2vw,45px)/1.08 Mona,sans-serif;margin:16px 0 0;color:#5F0C36}
.recipe-heading h2 span{color:#9B1A65}
.recipe-composition{display:grid;grid-template-columns:1fr 230px 1fr;gap:65px;align-items:center}
.recipe-composition .infusion-product{width:185px;justify-self:center}
.recipe-notes{display:flex;flex-direction:column;gap:45px}
.recipe-note{position:relative;max-width:290px}
.recipe-notes-left{align-items:flex-end}
.recipe-notes-right{align-items:flex-start}
.recipe-number{display:inline-block;color:#9B1A65;font:700 12px/1.4 Courier,monospace;margin-bottom:10px;letter-spacing:.08em}
.recipe-note h3,.recipe-finale h3{font:700 25px/1.2 Courier,monospace;margin:0 0 12px;color:#5F0C36}
.recipe-note p{font-size:16px;line-height:1.5;margin:0}
.recipe-flower{display:block;width:80px;height:65px;object-fit:contain;margin:17px 0 0}
.recipe-mint{display:block;width:110px;height:110px;object-fit:contain;margin:12px 0 0;transform:rotate(12deg)}
.recipe-finale{text-align:center;margin:42px auto 0;max-width:600px}
.recipe-finale h3{font-size:23px;color:#9B1A65}
.recipe-finale p{font-size:16px;line-height:1.5;max-width:550px;margin:0 auto}
@media(max-width:1000px){.recipe-composition{grid-template-columns:1fr 190px 1fr;gap:28px}.recipe-note h3{font-size:21px}.recipe-composition .infusion-product{width:170px}}
@media(max-width:720px){.infusion-recipe{padding:45px 7% 55px}.recipe-heading{margin-bottom:30px}.recipe-heading h2{font-size:31px}.recipe-composition{grid-template-columns:1fr 1fr;gap:30px 22px}.recipe-composition .infusion-product{grid-column:1/-1;grid-row:1;width:155px}.recipe-notes{gap:28px;align-items:flex-start;align-self:start}.recipe-note h3{font-size:19px}.recipe-note p{font-size:14px}.recipe-flower{width:65px;height:55px}.recipe-mint{width:85px;height:85px}.recipe-finale{margin-top:35px}.recipe-finale h3{font-size:21px}.recipe-finale p{font-size:15px}}

.recipe-sequence{background:#FFF8E2}
.recipe-sequence.is-ready{height:calc(100svh + 2800px)}
.recipe-film{position:relative;height:calc(100svh - 86px);min-height:650px;padding:35px 6% 30px;overflow:hidden;background:#FFF8E2}
.recipe-sequence.is-ready .recipe-film{position:sticky;top:86px}
.film-heading{position:relative;z-index:3;text-align:center;margin:0 auto;max-width:760px}
.film-heading h2{font:700 clamp(30px,3.2vw,45px)/1.08 Mona,sans-serif;margin:0 0 14px;color:#5F0C36}
.film-heading p{max-width:650px;margin:auto;font:400 17px/1.5 Livvic,sans-serif;color:#5F0C36}
.film-stage{position:absolute;inset:140px 0 28px;z-index:1}
.recipe-video{width:100%;height:100%;object-fit:contain;display:block;visibility:hidden}
.recipe-sequence.is-ready .recipe-video{visibility:visible}
.film-fallback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px}
.recipe-sequence.is-ready .film-fallback{display:none}
.film-copy{position:absolute;left:6%;top:53%;transform:translateY(-50%);z-index:3;width:26%;max-width:350px}
.film-note .film-step-label{display:block;color:#9B1A65;font:700 13px/1.4 Courier,monospace;margin-bottom:17px}
.film-note h3{font:700 clamp(24px,2.6vw,37px)/1.08 Mona,sans-serif;color:#5F0C36;margin:0 0 18px}
.film-note p{font:400 17px/1.55 Livvic,sans-serif;color:#5F0C36;max-width:350px;margin:0}
.film-edition{display:inline-block;margin-top:22px;padding:8px 13px;border:1px solid #9B1A65;border-radius:100px;color:#9B1A65;font:700 12px/1.4 Courier,monospace}
.film-steps{position:absolute;right:6%;top:53%;transform:translateY(-50%);padding:0;margin:0;list-style:none;display:grid;gap:20px;z-index:3;font:500 14px/1.4 Livvic,sans-serif}
.film-steps li{color:#5F0C3680;border-left:2px solid #9B1A6522;padding-left:15px}
.film-steps li.is-active{color:#9B1A65;font-weight:600;border-color:#9B1A65}
.film-scroll-progress{position:absolute;bottom:22px;left:6%;right:6%;height:2px;background:#9B1A6522;z-index:3}
.film-scroll-progress span{display:block;height:100%;background:#9B1A65;transform-origin:left;transform:scaleX(0)}
@media(max-width:1050px){.film-steps{right:4%;font-size:12px}.film-copy{left:4%;width:25%}.film-note p{font-size:15px}}
@media(max-width:720px){.recipe-sequence.is-ready{height:calc(100svh + 2200px)}.recipe-film{height:calc(100svh - 108px);min-height:620px;padding:27px 7%}.recipe-sequence.is-ready .recipe-film{top:108px}.film-heading h2{font-size:30px}.film-heading p{font-size:14px;max-width:370px}.film-stage{inset:120px 0 220px}.film-copy{left:7%;right:7%;width:auto;max-width:none;top:auto;bottom:48px;transform:none}.film-note .film-step-label{font-size:11px;margin-bottom:8px}.film-note h3{font-size:26px;margin-bottom:10px}.film-note p{font-size:14px;line-height:1.45;max-width:500px}.film-edition{margin-top:12px;font-size:11px}.film-steps{display:none}.film-fallback{width:115px}}


/* Full viewport film with only the editorial text overlaid. */
.recipe-film{height:100svh;min-height:0;padding:0}
.recipe-sequence.is-ready .recipe-film{top:0}
.film-stage{inset:0;width:100%;height:100%}
.recipe-video{object-fit:cover;object-position:center center}
.film-heading{position:absolute;left:6%;right:6%;top:128px;max-width:none;text-align:center;z-index:3}
.film-heading h2{color:#9B1A65;font-size:clamp(34px,3.5vw,50px);margin-bottom:14px}
.film-heading p{max-width:650px;font-size:17px}
.film-copy{left:6%;top:58%;width:28%;max-width:380px}
.film-note h3{color:#9B1A65;font-size:clamp(27px,2.8vw,40px);line-height:1.08;margin-bottom:20px}
.film-note p{font-size:18px;line-height:1.55}
.film-scroll-progress{display:none}
@media(max-width:1050px){.film-copy{left:5%;width:29%}.film-note p{font-size:16px}}
@media(max-width:720px){.recipe-film{height:100svh;min-height:0;padding:0}.recipe-sequence.is-ready .recipe-film{top:0}.film-stage{inset:0;height:100%;width:100%}.recipe-video{object-fit:cover}.film-heading{top:145px;left:7%;right:7%}.film-heading h2{font-size:30px}.film-heading p{font-size:14px;max-width:360px}.film-copy{left:7%;right:7%;width:auto;max-width:none;top:auto;bottom:42px;transform:none}.film-note h3{font-size:27px;margin-bottom:12px}.film-note p{font-size:15px;max-width:420px}.film-edition{margin-top:14px}}


/* Introduction first, then a slower pinned split layout. */
.recipe-introduction{background:#FFF8E2;padding:65px 6% 30px}
.recipe-introduction .film-heading{position:static;max-width:850px;text-align:center;margin:0 auto}
.recipe-introduction .film-heading h2{font-size:clamp(34px,3.5vw,48px);color:#9B1A65}
.recipe-introduction .film-heading p{max-width:670px;margin:auto;font-size:17px}
.recipe-sequence.is-ready{height:calc(100svh + 3900px)}
.recipe-film{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;column-gap:8%;height:calc(100svh - 86px);min-height:620px;padding:35px 6% 55px;background:#FFF8E2}
.recipe-sequence.is-ready .recipe-film{top:86px}
.film-stage{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:auto;aspect-ratio:1/1;width:min(100%,calc(100svh - 165px));max-height:none;max-width:680px;justify-self:end;border-radius:32px;overflow:hidden;border:1px solid #9B1A652b;background:#FFF8E2}
.recipe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.film-copy{position:relative;grid-column:1;grid-row:1;inset:auto;transform:none;width:100%;max-width:410px}
.film-note h3{font-size:clamp(30px,3.1vw,44px);color:#9B1A65;line-height:1.08;margin-bottom:24px}
.film-note p{max-width:390px;font-size:18px;line-height:1.6}
.film-fallback{width:145px}
@media(max-width:1050px){.recipe-film{column-gap:6%;padding-left:5%;padding-right:5%}.film-stage{border-radius:27px}.film-note p{font-size:17px}}
@media(max-width:720px){.recipe-introduction{padding:45px 7% 20px}.recipe-introduction .film-heading h2{font-size:31px}.recipe-introduction .film-heading p{font-size:15px}.recipe-sequence.is-ready{height:calc(100svh + 3100px)}.recipe-film{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:25px;height:calc(100svh - 108px);min-height:570px;padding:24px 7% 35px}.recipe-sequence.is-ready .recipe-film{top:108px}.film-stage{grid-column:1;grid-row:1;width:auto;height:100%;max-height:360px;max-width:100%;aspect-ratio:1;justify-self:center;border-radius:25px}.film-copy{grid-column:1;grid-row:2;inset:auto;width:100%;max-width:none;transform:none;min-height:155px}.film-note h3{font-size:28px;margin-bottom:12px}.film-note p{font-size:15px;line-height:1.5;max-width:500px}.film-fallback{width:110px}}


/* Immersive full-screen film: no introductory title or frame. */
.recipe-film{display:block;position:relative;width:100%;height:100svh;min-height:0;padding:0;overflow:hidden;background:#FFF8E2}
.recipe-sequence.is-ready .recipe-film{top:0}
.film-stage{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;justify-self:auto;border:0;border-radius:0;overflow:hidden}
.recipe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.film-copy{position:absolute;left:6%;top:57%;transform:translateY(-50%);width:28%;max-width:410px;margin:0;z-index:3}
.film-copy::before{content:"";display:block;width:42px;height:3px;border-radius:4px;background:#F85C8E;margin-bottom:24px}
.film-note h3{font-size:clamp(30px,3.2vw,46px);line-height:1.08;color:#9B1A65;margin:0 0 23px;text-wrap:balance}
.film-note p{font-size:18px;line-height:1.6;color:#5F0C36;max-width:380px}
.film-edition{margin-top:26px}
@media(max-width:1050px){.film-copy{left:5%;width:29%}.film-note h3{font-size:34px}.film-note p{font-size:16px}}
@media(max-width:720px){.recipe-film{height:100svh;min-height:0;padding:0;display:block}.recipe-sequence.is-ready .recipe-film{top:0}.film-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none;aspect-ratio:auto;border-radius:0}.recipe-video{object-position:center center}.film-copy{position:absolute;left:7%;right:7%;top:auto;bottom:38px;width:auto;max-width:none;min-height:0;transform:none;background:linear-gradient(transparent,#FFF8E2dd);padding:22px 0 0}.film-copy::before{margin-bottom:15px;width:32px}.film-note h3{font-size:29px;margin-bottom:13px;max-width:360px}.film-note p{font-size:15px;line-height:1.5;max-width:410px}.film-edition{margin-top:16px}}


/* Ingredient cards: distinct brand tones and custom line illustrations. */
.film-copy{width:30%;max-width:420px}
.film-copy::before{display:none}
.film-note{padding:29px 27px;border:1px solid var(--note-border);border-radius:25px;background:var(--note-bg);color:var(--note-ink);box-shadow:0 8px 28px #5F0C3608;animation:film-note-arrive .35s ease-out}
.film-note[data-step="0"]{--note-bg:#FEE7EE;--note-ink:#5F0C36;--note-border:#F85C8E}
.film-note[data-step="1"]{--note-bg:#FFEF9A;--note-ink:#5F0C36;--note-border:#9B1A6555}
.film-note[data-step="2"]{--note-bg:#FFFEF9;--note-ink:#9B1A65;--note-border:#9B1A6555}
.film-note[data-step="3"]{--note-bg:#FDBFD2;--note-ink:#5F0C36;--note-border:#9B1A65}
.film-note[data-step="4"]{--note-bg:#5F0C36;--note-ink:#FFEF9A;--note-border:#F85C8E}
.film-note-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.film-note-icon{width:43px;height:43px;flex:0 0 43px;color:var(--note-ink)}
.film-note h3{font:700 clamp(24px,2.4vw,34px)/1.08 Mona,sans-serif;color:var(--note-ink);margin:0;text-wrap:balance}
.film-note p{font-size:16px;line-height:1.6;color:var(--note-ink);margin:0;max-width:none}
.film-note[data-step="4"] p{color:#FEE7EE}
.film-note .film-edition{border-color:currentColor;color:var(--note-ink);margin-top:20px}
@keyframes film-note-arrive{from{opacity:.7;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.film-copy{width:32%;left:4%}.film-note{padding:24px 22px}.film-note-heading{gap:12px}.film-note-icon{width:36px;height:36px;flex-basis:36px}.film-note h3{font-size:27px}.film-note p{font-size:15px}}
@media(max-width:720px){.film-copy{width:auto;left:7%;right:7%;max-width:none;bottom:28px;padding:0;background:none}.film-note{padding:22px;border-radius:22px}.film-note-heading{margin-bottom:13px}.film-note h3{font-size:26px}.film-note p{font-size:14px;line-height:1.5}.film-note .film-edition{margin-top:14px}}


/* Fit the entire film beneath the measured navigation height. */
:root{--infusion-nav-height:86px;--infusion-film-surface:#EEECE0}
.recipe-sequence{background:var(--infusion-film-surface)}
.recipe-film{height:calc(100svh - var(--infusion-nav-height));min-height:0;background:var(--infusion-film-surface)}
.recipe-sequence.is-ready .recipe-film{top:var(--infusion-nav-height)}
.film-stage{inset:0;width:100%;height:100%;background:var(--infusion-film-surface)}
.recipe-video{object-fit:contain;object-position:center center}
@media(max-width:720px){.recipe-film{height:calc(100svh - var(--infusion-nav-height));min-height:0}.recipe-sequence.is-ready .recipe-film{top:var(--infusion-nav-height)}.recipe-video{object-fit:contain}}


.recipe-video{transform:translateY(-16px);mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 100%)}

.film-note-heading{display:block;margin-bottom:20px}
.film-note-emoji{display:block;width:64px;height:64px;object-fit:contain;margin-bottom:21px}
.film-note h3{margin:0;font-size:clamp(25px,2.4vw,34px);line-height:1.1}
@media(max-width:1050px){.film-note-emoji{width:56px;height:56px;margin-bottom:17px}.film-note h3{font-size:27px}}
@media(max-width:720px){.film-note-heading{margin-bottom:13px}.film-note-emoji{width:48px;height:48px;margin-bottom:13px}.film-note h3{font-size:25px}}

/* Portrait éditorial : même fond crème que la nouvelle recette. */
header:not(.scrolled){color:#5F0C36}
header:not(.scrolled) .logo{background:#5F0C36}
.infusion-banner{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;min-height:1080px;padding:160px 6% 65px;background:#FFFDF4;color:#5F0C36;text-align:center;overflow:hidden}
.infusion-banner::before{display:none}
.infusion-banner-heading{position:relative;z-index:1;width:100%;max-width:1000px}
.infusion-banner .eyebrow{display:inline-block;color:#9B1A65;font:700 12px/1.4 Courier,monospace;letter-spacing:.09em}
.infusion-banner h1{font:700 clamp(48px,5.2vw,76px)/1.02 Mona,sans-serif;margin:18px 0 24px;color:#5F0C36;letter-spacing:-.015em}
.infusion-banner h1 em{color:#9B1A65;font-style:normal}
.infusion-banner-portrait{width:min(540px,100%);margin:0 auto;line-height:0}
.infusion-banner-portrait img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 92%,transparent 100%)}
.infusion-banner-copy{width:100%;max-width:650px;margin:23px auto 0}
.infusion-banner p{color:#5F0C36;max-width:650px;margin:0 auto;font-size:18px;font-weight:500;line-height:1.45;text-wrap:balance}
.infusion-discover{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:#9B1A65;color:#fff;border-radius:50px;padding:16px 26px;margin-top:25px;font:600 16px/1.3 Livvic,sans-serif}
.infusion-discover .button-symbol{background:currentColor;width:20px;height:20px}
@media(max-width:720px){.infusion-banner{min-height:0;padding:170px 6% 52px}.infusion-banner h1{font-size:clamp(40px,9.5vw,60px);margin:16px 0 25px}.infusion-banner .eyebrow{font-size:10px;letter-spacing:.06em}.infusion-banner-portrait{width:min(480px,112%);max-width:none}.infusion-banner p{font-size:16px;line-height:1.5}.infusion-banner-copy{margin-top:20px}.infusion-discover{font-size:15px;padding:15px 23px;margin-top:22px}}

/* Bannière panoramique pleine largeur, portrait et produits intégrés au hero. */
.infusion-banner{height:100svh;min-height:760px;max-height:1100px;padding:175px 6% 100px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:left;isolation:isolate}
.infusion-banner-portrait{position:absolute;inset:0;width:100%;max-width:none;height:100%;margin:0;z-index:-2}
.infusion-banner-portrait img{width:100%;height:100%;object-fit:contain;object-position:right bottom;mask-image:none}
.infusion-banner::before{display:block;z-index:-1;background:linear-gradient(90deg,#FFFDF4 0%,#FFFDF4d9 26%,#FFFDF440 44%,transparent 55%)}
.infusion-banner-heading{width:43%;max-width:650px}
.infusion-banner h1{font-size:clamp(50px,5.2vw,82px);margin:20px 0 24px;line-height:1.02;text-wrap:balance}
.infusion-banner-copy{width:40%;max-width:530px;margin:0}
.infusion-banner p{margin:0;font-size:19px;line-height:1.5;text-wrap:pretty}
.infusion-discover{margin-top:30px;padding:17px 28px}
@media(max-width:1050px) and (min-width:721px){.infusion-banner{min-height:690px;padding:155px 5% 80px}.infusion-banner-heading{width:46%}.infusion-banner h1{font-size:54px}.infusion-banner-copy{width:41%}.infusion-banner p{font-size:17px}}
@media(max-width:720px){.infusion-banner{height:auto;max-height:none;min-height:950px;padding:170px 7% 545px;align-items:center;justify-content:flex-start;text-align:center}.infusion-banner-heading{width:100%;max-width:550px}.infusion-banner h1{font-size:clamp(42px,10vw,62px);margin:15px 0 18px}.infusion-banner-copy{width:100%;max-width:450px}.infusion-banner p{font-size:16px;line-height:1.45}.infusion-discover{margin-top:21px;padding:15px 24px}.infusion-banner-portrait{top:auto;bottom:0;height:510px;width:100%;overflow:hidden}.infusion-banner-portrait img{object-fit:cover;object-position:77% bottom}.infusion-banner::before{background:linear-gradient(to bottom,#FFFDF4 0%,#FFFDF4 37%,#FFFDF400 51%)} }

/* Une seule photo 16/9 continue : aucun panneau ajouté ou masque. */
.infusion-banner{height:auto;aspect-ratio:16/9;min-height:650px;max-height:none;padding:160px 6% 95px}
.infusion-banner::before{display:none;background:none}
.infusion-banner-portrait{inset:0;width:100%;height:100%;overflow:hidden}
.infusion-banner-portrait img{object-fit:cover;object-position:center center;mask-image:none}
.infusion-banner-heading{width:41%}
.infusion-banner-copy{width:39%}
@media(max-width:1050px) and (min-width:721px){.infusion-banner{min-height:600px;padding:150px 5% 75px}.infusion-banner-heading{width:43%}.infusion-banner-copy{width:41%}.infusion-banner h1{font-size:50px}}
@media(max-width:720px){.infusion-banner{aspect-ratio:auto;min-height:0;height:auto;padding:168px 7% 0;display:flex;flex-direction:column;align-items:center}.infusion-banner-heading{width:100%}.infusion-banner-copy{width:100%;margin-bottom:30px}.infusion-banner-portrait{position:relative;inset:auto;order:3;width:calc(100% + 16.28%);height:auto;z-index:0}.infusion-banner-portrait img{height:auto;width:100%;object-fit:contain;object-position:center}.infusion-banner h1{font-size:clamp(40px,10vw,60px)}}

.recipe-video{transform:none;mask-image:none}

/* Photo transparente fournie pour Hibiscus Infusion, sur fond Solitaire. */
.infusion-banner{background:#FFF8E2;height:100svh;min-height:650px;max-height:none;aspect-ratio:auto;position:relative;isolation:isolate;padding:165px 6% 110px}
.infusion-banner::before{display:none}
.infusion-banner-portrait{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;z-index:1;order:initial;pointer-events:none}
.infusion-banner-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:none}
.infusion-hero-badge{position:absolute;right:8%;top:18%;width:min(30vw,430px);height:auto;z-index:0;animation:infusion-hero-badge-spin 48s linear infinite;pointer-events:none}
@keyframes infusion-hero-badge-spin{to{transform:rotate(360deg)}}
.infusion-banner-heading,.infusion-banner-copy{position:relative;z-index:2}
.infusion-banner-heading{width:43%;max-width:680px}
.infusion-banner-copy{width:40%;max-width:560px;margin:0}
.infusion-banner .wave,.infusion-banner .hero-wave,.infusion-banner .banner-wave{display:none}
@media(max-width:1050px) and (min-width:721px){.infusion-banner{min-height:650px;padding:155px 5% 95px}.infusion-banner-heading{width:45%}.infusion-banner-copy{width:42%}.infusion-hero-badge{right:5%;top:24%;width:33vw}}
@media(max-width:720px){.infusion-banner{height:100svh;min-height:880px;padding:170px 7% 445px;text-align:center;justify-content:flex-start}.infusion-banner-heading,.infusion-banner-copy{width:100%;max-width:550px}.infusion-banner-copy{margin:0}.infusion-banner-portrait{position:absolute;inset:auto -4% 0 auto;width:180%;height:auto;overflow:visible}.infusion-banner-portrait img{width:100%;height:auto;object-fit:contain}.infusion-hero-badge{top:auto;bottom:230px;right:1%;width:260px}}


/* Petit badge latéral et visuel légèrement remonté. */
.infusion-hero-badge{width:clamp(94px,8.5vw,140px);right:34%;top:29%}
.infusion-banner-portrait img{transform:scale(1.05);transform-origin:center bottom}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{width:105px;right:34%;top:34%}}
@media(max-width:720px){.infusion-hero-badge{width:90px;right:51%;top:auto;bottom:215px}.infusion-banner-portrait img{transform:scale(1.05);transform-origin:center bottom}}

/* Portrait plus haut ; badge latéral légèrement sous le début de la tête. */
.infusion-banner-portrait img{transform:scale(1.13);transform-origin:center bottom}
.infusion-hero-badge{top:32%}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{top:37%}}
@media(max-width:720px){.infusion-banner-portrait img{transform:scale(1.13)}.infusion-hero-badge{top:auto;bottom:190px}}

/* Visuel et bloc éditorial plus hauts dans la bannière. */
.infusion-banner-portrait img{transform:scale(1.19);transform-origin:center bottom}
.infusion-banner-heading,.infusion-banner-copy{transform:translateY(-38px)}
@media(max-width:720px){.infusion-banner-portrait img{transform:scale(1.19)}.infusion-banner-heading,.infusion-banner-copy{transform:translateY(-25px)}}

/* Badge partiellement masqué par les cheveux, près du haut de la tête. */
.infusion-hero-badge{width:clamp(130px,10vw,180px);right:24%;top:20%;z-index:0}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{width:140px;right:23%;top:26%}}
@media(max-width:720px){.infusion-hero-badge{width:110px;right:32%;top:auto;bottom:235px}}

/* Déplacement vertical du visuel, sans agrandissement. */
.infusion-banner-portrait img{transform:translateY(-105px);transform-origin:center center}
@media(max-width:720px){.infusion-banner-portrait img{transform:translateY(-55px)}}

/* Ajustement fin du badge et du bloc texte. */
.infusion-hero-badge{right:26%;top:22%}
.infusion-banner-heading,.infusion-banner-copy{transform:translateY(-50px)}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{right:25%;top:28%}}
@media(max-width:720px){.infusion-hero-badge{right:35%;top:auto;bottom:220px}.infusion-banner-heading,.infusion-banner-copy{transform:translateY(-35px)}}

/* Badge davantage dégagé sur la gauche des cheveux. */
.infusion-hero-badge{right:29%;top:24%}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{right:28%;top:30%}}
@media(max-width:720px){.infusion-hero-badge{right:39%;top:auto;bottom:205px}}

/* Badge légèrement réduit, avec le même centre visuel. */
.infusion-hero-badge{width:clamp(117px,9vw,162px);translate:-5.56% 5.56%}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{width:126px}}
@media(max-width:720px){.infusion-hero-badge{width:99px;translate:-5.56% -5.56%}}

/* Bande défilante à l’intérieur de la jonction entre les deux sections. */
.infusion-ticker{position:absolute;left:6%;right:6%;bottom:20px;z-index:4;height:65px;display:flex;align-items:center;overflow:hidden;border-radius:100px;background:#9B1A65;color:#FFEF9A}
.infusion-ticker-track{display:flex;width:max-content;animation:infusion-ticker-flow 42s linear infinite;will-change:transform}
.infusion-ticker-group{flex:none;display:flex;align-items:center;gap:34px;padding-right:34px;font:700 19px/1.2 Courier,monospace;white-space:nowrap;letter-spacing:.02em}
.infusion-ticker-symbol{display:block;width:22px;height:22px;flex:none;background:currentColor;mask:url('/public/brand/symbol.svg') center/contain no-repeat}
@keyframes infusion-ticker-flow{to{transform:translateX(-50%)}}
/* Les étapes de la recette : texte libre, sans carte ni fond. */
.film-copy{width:32%;max-width:450px;background:none;padding:0}
.film-note{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#5F0C36}
.film-note h3{color:#5F0C36}
.film-note p,.film-note[data-step="4"] p{font-size:22px;line-height:1.5;font-weight:500;color:#5F0C36;max-width:none}
.film-note-emoji{width:50px;height:50px;margin-bottom:18px}
.film-note .film-edition{color:#9B1A65;border-color:#9B1A65}
@media(max-width:1050px){.film-copy{width:34%;max-width:440px}.film-note p,.film-note[data-step="4"] p{font-size:20px}.film-note-emoji{width:46px;height:46px}}
@media(max-width:720px){.infusion-ticker{left:5%;right:5%;bottom:8px;height:49px}.infusion-ticker-group{font-size:15px;gap:25px;padding-right:25px}.infusion-ticker-symbol{width:18px;height:18px}.film-copy{width:auto;max-width:none;left:7%;right:7%;padding:0;background:none}.film-note{padding:0;border-radius:0;background:transparent}.film-note p,.film-note[data-step="4"] p{font-size:18px;line-height:1.45}.film-note-emoji{width:40px;height:40px;margin-bottom:14px}}


/* Menu Hibiscus : bouton foncé dès l’arrivée, fond au premier scroll. */
header:not(.scrolled)>.btn{background:#9B1A65;border-color:#9B1A65;color:#fff}

/* Bande pleine largeur, directement entre la bannière et la recette. */
.infusion-ticker{position:relative;inset:auto;width:100%;height:65px;margin:0;padding:0;border:0;border-radius:0;z-index:4}
@media(max-width:720px){.infusion-ticker{inset:auto;width:100%;height:49px;margin:0;border-radius:0}}

/* La jonction suit le bas réel du PNG remonté, pas le bas vide de la hero. */
.infusion-ticker{margin-top:-105px;margin-bottom:0}
.recipe-sequence,.recipe-film{margin-top:0;padding-top:0;border-top:0}
.recipe-video{object-position:center top;transform:none;mask-image:none}
@media(max-width:720px){.infusion-ticker{margin-top:-55px;margin-bottom:0}.recipe-video{object-position:center top}}

/* Titres des cinq étapes plus grands ; blocs de texte légèrement plus hauts. */
.film-note h3{font-size:clamp(30px,2.9vw,41px)}
.film-copy{top:53%}
@media(max-width:1050px){.film-note h3{font-size:33px}}
@media(max-width:720px){.film-note h3{font-size:30px}.film-copy{top:auto;bottom:48px}}


.infusion-ticker{background:#FFEF9A;color:#5F0C36}

/* Editorial typography and floating labels inspired by the customer reviews. */
.film-copy{left:6%;top:51%;width:39%;max-width:540px}.film-note-heading{margin-bottom:24px}.film-note h3{font:700 clamp(42px,4.2vw,62px)/1.02 Mona,sans-serif;letter-spacing:-.015em;color:#5F0C36;text-wrap:balance}.film-note h3 span{display:block;color:#9B1A65}.film-note p,.film-note[data-step="4"] p{font:400 18px/1.6 Livvic,sans-serif;max-width:490px;color:#5F0C36}.film-note-emoji{width:44px;height:44px;margin-bottom:23px}.film-ingredient-tag,.film-note .film-edition{display:inline-block;border:0;border-radius:50px;background:#F85C8E;color:#fff;padding:11px 18px;margin-top:28px;font:700 13px/1.2 Courier,monospace;animation:infusion-label-float 4s ease-in-out infinite}.film-note[data-step="1"] .film-ingredient-tag,.film-note[data-step="3"] .film-ingredient-tag,.film-note .film-edition{background:#FFEF9A;color:#5F0C36}.film-note[data-step="2"] .film-ingredient-tag{background:#FEE7EE;color:#9B1A65}@keyframes infusion-label-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(-3deg)}}
@media(max-width:1050px){.film-copy{left:5%;width:39%;max-width:480px}.film-note h3{font-size:42px}.film-note p,.film-note[data-step="4"] p{font-size:17px}}
@media(max-width:720px){.film-copy{left:7%;right:7%;width:auto;max-width:none;top:auto;bottom:36px}.film-note-heading{margin-bottom:15px}.film-note h3{font-size:clamp(32px,7vw,42px);max-width:450px}.film-note p,.film-note[data-step="4"] p{font-size:16px;line-height:1.5;max-width:440px}.film-note-emoji{width:34px;height:34px;margin-bottom:14px}.film-ingredient-tag,.film-note .film-edition{font-size:11px;margin-top:19px;padding:9px 14px}}


/* Framed video panel, matching the rounded customer-review section. */
.recipe-film{width:calc(100% - 96px);max-width:1440px;margin:24px auto;border-radius:40px;height:calc(100svh - var(--infusion-nav-height) - 48px);border:1px solid var(--infusion-film-surface)}
.recipe-sequence.is-ready .recipe-film{top:calc(var(--infusion-nav-height) + 24px)}
@media(max-width:1050px){.recipe-film{width:calc(100% - 56px);border-radius:32px}}
@media(max-width:720px){.recipe-film{width:calc(100% - 32px);border-radius:28px;margin:16px auto;height:calc(100svh - var(--infusion-nav-height) - 32px)}.recipe-sequence.is-ready .recipe-film{top:calc(var(--infusion-nav-height) + 16px)}}


.recipe-sequence .recipe-film{margin-left:auto;margin-right:auto}

.recipe-sequence{background:#fffdf3;padding:30px 0 55px;display:flow-root}
.recipe-sequence .recipe-film{width:calc(100% - 96px);max-width:1440px;margin:0 auto;border-radius:40px;border:1px solid var(--infusion-film-surface);overflow:hidden;background:var(--infusion-film-surface)}
.recipe-sequence .film-stage{border-radius:inherit}
@media(max-width:1050px){.recipe-sequence .recipe-film{width:calc(100% - 56px);border-radius:32px}}
@media(max-width:720px){.recipe-sequence{padding:22px 0 35px}.recipe-sequence .recipe-film{width:calc(100% - 32px);border-radius:28px;margin:0 auto}}

/* Continuous Picasso surface from the banner through the video to the footer. */
body,.page{background:#FFEF9A}
.recipe-sequence{background:#FFEF9A}
.infusion-ticker{background:#FFEF9A}

body,main,.page,.recipe-sequence,.infusion-ticker{background:#FEE7EE}
.recipe-sequence .recipe-film{width:min(calc(100% - 96px),calc((100svh - var(--infusion-nav-height) - 48px)*16/9));height:auto;aspect-ratio:16/9;max-width:1440px;border:0}
.recipe-sequence .film-stage{background:transparent}
.recipe-sequence .recipe-video{object-fit:cover;object-position:center;transform:none}
@media(max-width:1050px){.recipe-sequence .recipe-film{width:min(calc(100% - 56px),calc((100svh - var(--infusion-nav-height) - 48px)*16/9))}}
@media(max-width:720px){.recipe-sequence .recipe-film{width:calc(100% - 32px);height:calc(100svh - var(--infusion-nav-height) - 32px);aspect-ratio:auto}.recipe-sequence .recipe-video{object-fit:cover}}


.infusion-ticker{background:#FFEF9A;color:#5F0C36}
.recipe-sequence{background:#FEE7EE}
.recipe-sequence .recipe-film{outline:3px solid #F85C8E;outline-offset:0}

.recipe-sequence{position:relative;z-index:1;background:#FEE7EE}
.recipe-sequence .recipe-film{outline-width:1px}

.film-note h3{max-width:100%;text-wrap:balance}
.film-note p,.film-note[data-step="4"] p{max-width:42ch;text-wrap:balance}
.film-copy::after{content:"";position:absolute;left:calc(100% + 6%);top:5%;bottom:5%;width:1px;background:linear-gradient(to bottom,transparent,#9B1A652D 20%,#9B1A652D 80%,transparent);pointer-events:none}
@media(max-width:720px){.film-copy::after{left:0;right:0;top:-20px;bottom:auto;width:auto;height:1px;background:linear-gradient(to right,transparent,#9B1A652D 20%,#9B1A652D 80%,transparent)}.film-note p,.film-note[data-step="4"] p{max-width:42ch}}


.film-copy::after{background:#F85C8E}

.film-copy::after{width:2px;top:-15%;bottom:-15%}
@media(max-width:720px){.film-copy::after{width:auto;height:2px;top:-24px;bottom:auto}}

body,main,.page,.recipe-sequence{background:#9B1A65}
.recipe-sequence .recipe-film{outline:none;border:0}

.recipe-sequence{padding-top:120px;padding-bottom:85px}
.recipe-sequence .recipe-film{border-radius:52px;--film-inset:4.5%;clip-path:inset(0 var(--film-inset) 0 var(--film-inset) round 52px)}
@media(max-width:720px){.recipe-sequence{padding-top:80px;padding-bottom:55px}.recipe-sequence .recipe-film{border-radius:30px;--film-inset:16px;clip-path:inset(0 var(--film-inset) 0 var(--film-inset) round 30px)}}


.infusion-title-first{display:block;white-space:nowrap}.infusion-typewriter{display:block;font-style:normal}.infusion-type-rotation{display:inline-grid;vertical-align:baseline;padding-block:.06em;margin-block:-.06em}.infusion-type-measure,.infusion-type-line{grid-area:1/1;white-space:nowrap}.infusion-type-measure{visibility:hidden;pointer-events:none}.infusion-type-line{justify-self:start}.infusion-typing-cursor{display:inline-block;height:.85em;border-left:.035em solid currentColor;margin-left:.07em;vertical-align:-.04em;animation:infusion-cursor-blink 1s step-end infinite}@keyframes infusion-cursor-blink{50%{opacity:0}}.infusion-title-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}


.recipe-sequence .recipe-film{width:100%;max-width:none;margin-left:0;margin-right:0;height:calc(100svh - var(--infusion-nav-height) - 48px);aspect-ratio:auto}
@media(max-width:720px){.recipe-sequence .recipe-film{width:100%;height:calc(100svh - var(--infusion-nav-height) - 32px)}}


#infusion-title .infusion-title-first{color:#5F0C36;-webkit-text-fill-color:#5F0C36}
#infusion-title .infusion-typewriter,#infusion-title .infusion-type-rotation,#infusion-title .infusion-type-line,#infusion-title .infusion-typed-word,#infusion-title .infusion-typing-cursor{color:#9B1A65;-webkit-text-fill-color:#9B1A65}

.infusion-hero-badge{right:31%}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{right:30%}}
@media(max-width:720px){.infusion-hero-badge{right:41.5%}}

.infusion-hero-badge{right:34%;top:22%}
@media(max-width:1050px) and (min-width:721px){.infusion-hero-badge{right:33%;top:28%}}
@media(max-width:720px){.infusion-hero-badge{right:46%;top:auto;bottom:220px}}

.infusion-ticker.infusion-ticker-secondary{margin-top:0;margin-bottom:0;background:#F85C8E;color:#5F0C36}
.infusion-ticker-secondary .infusion-ticker-track{animation-direction:reverse}

.recipe-sequence .recipe-film::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#FFEF9AF5 0%,#FFEF9AE6 30%,#FFEF9A99 48%,#FFEF9A40 62%,#FFEF9A00 75%)}
@media(max-width:720px){.recipe-sequence .recipe-film::before{background:linear-gradient(0deg,#FFEF9AF5 0%,#FFEF9ADB 35%,#FFEF9A70 55%,#FFEF9A00 80%)}}

body,main,.page,.recipe-sequence{background:#FEE7EE}
.recipe-sequence .recipe-film::before{background:linear-gradient(90deg,#FFFDF3F5 0%,#FFFDF3E6 30%,#FFFDF399 48%,#FFFDF340 62%,#FFFDF300 75%)}
@media(max-width:720px){.recipe-sequence .recipe-film::before{background:linear-gradient(0deg,#FFFDF3F5 0%,#FFFDF3DB 35%,#FFFDF370 55%,#FFFDF300 80%)}}

/* Stable two-column ingredient presentation. */
.recipe-sequence{padding:90px 0 75px}
.recipe-sequence .recipe-film{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;align-items:center;width:calc(100% - 96px);max-width:1440px;margin:0 auto;padding:45px 4%;height:calc(100svh - var(--infusion-nav-height) - 48px);min-height:540px;aspect-ratio:auto;border-radius:40px;clip-path:none;overflow:hidden;background:#FFFDF3}
.recipe-sequence .recipe-film::before{display:none}
.recipe-sequence .film-copy{position:relative;grid-column:1;grid-row:1;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:100%;max-width:540px;padding:0}
.recipe-sequence .film-copy::after{display:none}
.recipe-sequence .film-stage{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--infusion-film-surface)}
.recipe-sequence .recipe-video{position:absolute;inset:0;object-fit:contain;object-position:center;width:100%;height:100%}
.recipe-sequence .film-note h3{font-size:clamp(36px,3.8vw,56px)}
.recipe-sequence .film-note p{font-size:18px;line-height:1.6}
.recipe-sequence .film-note-emoji{width:42px;height:42px}
@media(max-width:1050px){.recipe-sequence .recipe-film{width:calc(100% - 56px);gap:4%;padding:35px 4%;border-radius:32px}.recipe-sequence .film-note h3{font-size:38px}.recipe-sequence .film-note p{font-size:17px}}
@media(max-width:720px){.recipe-sequence{padding:55px 0 45px}.recipe-sequence .recipe-film{width:calc(100% - 32px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:25px;padding:28px 24px;height:calc(100svh - var(--infusion-nav-height) - 32px);min-height:580px;border-radius:28px}.recipe-sequence .film-stage{grid-column:1;grid-row:1;width:100%;align-self:center;border-radius:18px}.recipe-sequence .film-copy{grid-column:1;grid-row:2}.recipe-sequence .film-note h3{font-size:32px}.recipe-sequence .film-note p{font-size:16px;line-height:1.5}.recipe-sequence .film-note-emoji{width:32px;height:32px;margin-bottom:12px}}


/* Full-frame video with editorial copy overlaid on the left. */
.recipe-sequence .recipe-film{display:block;padding:0;width:calc(100% - 96px);max-width:1440px;height:calc(100svh - var(--infusion-nav-height) - 48px);min-height:0;clip-path:none;background:var(--infusion-film-surface)}
.recipe-sequence .film-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit;overflow:hidden}
.recipe-sequence .recipe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.recipe-sequence .film-copy{position:absolute;left:6%;right:auto;top:51%;bottom:auto;transform:translateY(-50%);width:39%;max-width:540px;z-index:3}
.recipe-sequence .recipe-film::before{display:block;background:linear-gradient(90deg,#FFFDF3F5 0%,#FFFDF3E6 30%,#FFFDF399 48%,#FFFDF340 62%,#FFFDF300 75%)}
@media(max-width:1050px){.recipe-sequence .recipe-film{width:calc(100% - 56px)}.recipe-sequence .film-copy{left:5%;width:39%}}
@media(max-width:720px){.recipe-sequence .recipe-film{width:calc(100% - 32px);height:calc(100svh - var(--infusion-nav-height) - 32px);padding:0;min-height:0}.recipe-sequence .film-copy{left:7%;right:7%;top:auto;bottom:36px;transform:none;width:auto;max-width:none}.recipe-sequence .recipe-film::before{background:linear-gradient(0deg,#FFFDF3F5 0%,#FFFDF3DB 35%,#FFFDF370 55%,#FFFDF300 80%)}}


/* Simple edge-to-edge ingredient section directly below the yellow ticker. */
.recipe-sequence{padding:0;margin:0}
.recipe-sequence .recipe-film{width:100%;max-width:none;margin:0;padding:0;border:0;outline:0;border-radius:0;clip-path:none;height:calc(100svh - var(--infusion-nav-height));min-height:0}
.recipe-sequence.is-ready .recipe-film{top:var(--infusion-nav-height)}
.recipe-sequence .film-stage{border-radius:0}
.film-note,.film-ingredient-tag,.film-note .film-edition{animation:none}
@media(max-width:720px){.recipe-sequence{padding:0}.recipe-sequence .recipe-film{width:100%;border-radius:0;margin:0;height:calc(100svh - var(--infusion-nav-height))}.recipe-sequence.is-ready .recipe-film{top:var(--infusion-nav-height)}}


.recipe-sequence .recipe-film::before{display:none;background:none}

.recipe-sequence .film-copy{transform:translateY(-50%) scale(1.12);transform-origin:left center}
.infusion-banner{height:calc(100svh - 65px);min-height:0;max-height:none;background:#FFF8E2}
.infusion-banner-portrait img{position:absolute;left:0;bottom:0;width:100%;height:100svh;transform:none;object-fit:contain;object-position:center bottom}
.infusion-ticker{margin-top:0}
@media(max-width:720px){.infusion-banner{height:calc(100svh - 49px);min-height:0;padding-top:135px;padding-bottom:350px}.infusion-banner-portrait img{position:relative;left:auto;bottom:auto;height:auto;transform:none}.infusion-ticker{margin-top:0}.recipe-sequence .film-copy{width:80%;right:auto;transform:scale(1.08);transform-origin:left bottom}}


.recipe-sequence .film-copy{width:42%;height:var(--ingredient-card-height,420px);max-width:540px;isolation:isolate}
.recipe-sequence .film-note{position:absolute;inset:0;padding:25px 27px;background:#FFFDF3;border:1px solid #F85C8E66;border-radius:26px;box-shadow:0 12px 30px #5F0C3614;overflow:hidden;will-change:transform,opacity}
.recipe-sequence .film-note-heading{margin-bottom:24px}
@media(max-width:1050px){.recipe-sequence .film-copy{width:42%}.recipe-sequence .film-note{padding:23px}}
@media(max-width:720px){.recipe-sequence .film-copy{width:80%;height:var(--ingredient-card-height,340px)}.recipe-sequence .film-note{padding:20px;border-radius:22px}}


.recipe-sequence .film-note{padding:40px 42px;border-radius:30px}
.recipe-sequence .film-note-heading{margin-bottom:28px}
.recipe-sequence .film-note-emoji{margin-bottom:26px}
.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:32px}
@media(max-width:1050px){.recipe-sequence .film-note{padding:34px 32px}}
@media(max-width:720px){.recipe-sequence .film-note{padding:28px;border-radius:25px}.recipe-sequence .film-note-heading{margin-bottom:20px}.recipe-sequence .film-note-emoji{margin-bottom:18px}.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:25px}}

.recipe-sequence .film-note{border:1px solid #9B1A65;border-radius:20px;transform-origin:center center;background:#FFFDF3;box-shadow:0 7px 18px #5F0C360C}
@media(max-width:720px){.recipe-sequence .film-note{border-radius:18px}}

.recipe-sequence .film-note{box-shadow:none}
.recipe-sequence .recipe-video{transform:none}

.recipe-sequence .film-stage{background:var(--infusion-film-surface)}
.recipe-sequence .recipe-video{transform:translateX(8%)}
.recipe-sequence .film-stage::after{content:"";position:absolute;inset:0 auto 0 0;width:28%;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--infusion-film-surface) 0%,var(--infusion-film-surface) 45%,#EEECE000 100%)}
@media(max-width:720px){.recipe-sequence .recipe-video{transform:translateX(4%)}.recipe-sequence .film-stage::after{width:20%}}

.recipe-sequence .film-note{padding-top:30px;padding-bottom:30px}
.recipe-sequence .film-note-heading{margin-bottom:22px}
.recipe-sequence .film-note-emoji{margin-bottom:20px}
.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:24px}
@media(max-width:1050px){.recipe-sequence .film-note{padding-top:27px;padding-bottom:27px}}
@media(max-width:720px){.recipe-sequence .film-note{padding-top:23px;padding-bottom:23px}.recipe-sequence .film-note-heading{margin-bottom:17px}.recipe-sequence .film-note-emoji{margin-bottom:15px}.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:20px}}

.ingredient-section-title{position:absolute;z-index:4;left:6%;top:32px;margin:0;font:700 clamp(32px,3.2vw,48px)/1.08 Mona,sans-serif;color:#5F0C36;letter-spacing:-.015em;max-width:65%;text-wrap:balance}
.recipe-sequence .film-note{padding-top:24px;padding-bottom:24px}
.recipe-sequence .film-note-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.recipe-sequence .film-note-emoji{flex:0 0 42px;margin:0}
.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:18px}
.recipe-sequence .film-copy{top:56%}
@media(max-width:1050px){.ingredient-section-title{font-size:34px;top:28px}.recipe-sequence .film-note{padding-top:22px;padding-bottom:22px}}
@media(max-width:720px){.ingredient-section-title{font-size:29px;top:24px;left:7%;max-width:86%}.recipe-sequence .film-note{padding-top:20px;padding-bottom:20px}.recipe-sequence .film-note-heading{gap:12px;margin-bottom:15px}.recipe-sequence .film-note-emoji{flex-basis:32px;margin:0}.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:16px}.recipe-sequence .film-copy{top:auto}}


.ingredient-section-title{color:#9B1A65;font-size:clamp(38px,3.8vw,56px);top:70px}
@media(max-width:1050px){.ingredient-section-title{font-size:40px;top:62px}}
@media(max-width:720px){.ingredient-section-title{font-size:34px;top:48px}}


.recipe-sequence .film-copy{height:309px}
.recipe-sequence .film-note-heading{display:block;margin-bottom:15px}
.recipe-sequence .film-note-emoji{margin:0 0 13px}
.recipe-sequence .film-note h3{font-size:clamp(28px,2.6vw,38px);line-height:1.06}
.recipe-sequence .film-note p,.recipe-sequence .film-note[data-step="4"] p{font-size:16px;line-height:1.5}
.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{padding-top:7px;padding-bottom:7px;margin-top:16px}
@media(max-width:1050px){.recipe-sequence .film-note h3{font-size:30px}.recipe-sequence .film-note p,.recipe-sequence .film-note[data-step="4"] p{font-size:15px}}
@media(max-width:720px){.recipe-sequence .film-copy{height:309px}.recipe-sequence .film-note h3{font-size:27px}.recipe-sequence .film-note-emoji{margin-bottom:12px}.recipe-sequence .film-note p,.recipe-sequence .film-note[data-step="4"] p{font-size:14px}}


.recipe-sequence .film-note{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.recipe-sequence .film-note-heading{width:100%;text-align:center}
.recipe-sequence .film-note-emoji{margin-left:auto;margin-right:auto}
.recipe-sequence .film-note p{margin-left:auto;margin-right:auto}
.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{flex:none}

.recipe-sequence .film-note{align-items:flex-start;justify-content:center;text-align:left}
.recipe-sequence .film-note-heading{text-align:left}
.recipe-sequence .film-note-emoji,.recipe-sequence .film-note p{margin-left:0;margin-right:0}

.recipe-sequence .film-note[data-step="4"]{background:#9B1A65;border-color:#9B1A65;color:#FFFDF3}
.recipe-sequence .film-note[data-step="4"] h3{color:#FFFDF3}
.recipe-sequence .film-note[data-step="4"] h3 span{color:#FFEF9A}
.recipe-sequence .film-note[data-step="4"] p{color:#FFFDF3}

.recipe-sequence .film-note[data-step="4"]{background:#5F0C36;border-color:#5F0C36}

.recipe-sequence .film-copy{top:61%}
@media(max-width:720px){.recipe-sequence .film-copy{top:auto;bottom:20px}}


.recipe-sequence .film-note[data-step="4"] h3 span{color:#F85C8E}
.recipe-sequence .film-note[data-step="4"] .film-edition{background:#FDBFD2;color:#5F0C36}
.recipe-sequence .film-note-emoji{width:48px;height:48px;flex-basis:48px}
@media(max-width:720px){.recipe-sequence .film-note-emoji{width:37px;height:37px;flex-basis:37px}}

.recipe-sequence .film-copy{top:64%}
.recipe-sequence .film-note{padding-top:20px;padding-bottom:20px}
@media(max-width:720px){.recipe-sequence .film-copy{top:auto;bottom:10px}}


.recipe-sequence .film-note[data-step="4"] h3 span{color:#FEE7EE}

.ingredient-section-title{top:88px;font-size:clamp(42px,4.2vw,62px);color:#5F0C36;line-height:1.08;max-width:70%}
.ingredient-section-title span{display:inline-block;margin-top:16px;padding:12px 19px;border-radius:9px;background:#FEE7EE;border:1px solid #F85C8E;color:#9B1A65;font:400 clamp(19px,1.8vw,26px)/1.3 Courier,monospace;letter-spacing:0}
@media(max-width:1050px){.ingredient-section-title{font-size:46px;top:78px}.ingredient-section-title span{font-size:21px}}
@media(max-width:720px){.ingredient-section-title{font-size:37px;top:58px;max-width:86%}.ingredient-section-title span{font-size:18px;margin-top:12px;padding:10px 14px}}


.ingredient-section-title span{font-weight:700;background:#9B1A65;color:#FEE7EE;border:0;padding:8px 15px;border-radius:7px}
@media(max-width:720px){.ingredient-section-title span{padding:7px 12px}}

.recipe-sequence .film-copy{top:62%}
@media(max-width:720px){.recipe-sequence .film-copy{top:auto;bottom:22px}}


.ingredient-section-title{top:75px;width:max-content;max-width:70%;white-space:nowrap}
.ingredient-section-title span{display:block;width:100%;margin-top:7px;text-align:center;box-sizing:border-box}
.ingredient-title-arrow{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.ingredient-arrow-stroke{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.recipe-film.arrow-visible .ingredient-arrow-stroke{animation:ingredient-arrow-draw 1.15s cubic-bezier(.22,.7,.3,1) both}
@keyframes ingredient-arrow-draw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:1050px){.ingredient-section-title{top:68px}}
@media(max-width:720px){.ingredient-section-title{top:45px;max-width:86%;font-size:clamp(27px,7.2vw,37px)}.ingredient-section-title span{margin-top:6px;font-size:clamp(14px,3.8vw,18px)}}


.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:28px}
@media(max-width:720px){.recipe-sequence .film-ingredient-tag,.recipe-sequence .film-note .film-edition{margin-top:24px}}

.recipe-sequence .film-note{padding-top:14px;padding-bottom:14px}

.ingredient-section-title{top:87px}
.ingredient-outline-flower{position:absolute;z-index:4;width:76px;height:76px;pointer-events:none;overflow:visible;transform:rotate(-14deg)}
.ingredient-outline-flower path,.ingredient-outline-flower circle{fill:none;stroke:#F85C8E;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
@media(max-width:1050px){.ingredient-section-title{top:80px}.ingredient-outline-flower{width:65px;height:65px}}
@media(max-width:720px){.ingredient-section-title{top:55px}.ingredient-outline-flower{width:48px;height:48px}}


.recipe-sequence .film-note{padding-bottom:34px;padding-top:14px}
.recipe-sequence .film-note-heading{margin-bottom:12px}
.recipe-sequence .film-note-emoji{margin-bottom:10px}

.recipe-sequence .film-copy{width:45%;max-width:600px}
.recipe-sequence .film-note p{max-width:none}
@media(min-width:1051px){.hibiscus-description-line{display:block;white-space:nowrap}}
@media(max-width:1050px){.recipe-sequence .film-copy{width:45%}}
@media(max-width:720px){.recipe-sequence .film-copy{width:80%}}

/* Section hibiscus et menthe, reprise de la page d’accueil. */

.kane-story-panel{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 96px);max-width:1440px;margin:0 auto 30px;border-radius:40px;padding:55px 5%;background:#FFF8E2;color:var(--ink)}
.kane-story-panel-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;min-height:420px;max-width:1260px;margin:auto}
.kane-story-panel-copy{max-width:540px;position:relative;z-index:2}
.kane-story-panel .eyebrow{color:var(--cardinal);font-size:12px;font-weight:700}
.kane-story-panel h2{font:700 clamp(42px,4.2vw,62px)/1.02 Mona,sans-serif;margin:20px 0 24px;letter-spacing:-.015em}
.kane-story-panel h2 span{display:block;color:var(--cardinal)}
.kane-story-panel p{font-size:18px;line-height:1.6;margin:0 0 28px;max-width:490px}
.kane-story-panel .btn{font-size:16px;padding:15px 23px;background:var(--cardinal);color:#fff;border:0}
.kane-story-panel-scene{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}
.kane-story-panel-scene::before{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle closest-side,#F85C8E55,#F85C8E00 94%);pointer-events:none}
.kane-story-panel.fresh{background:var(--cardinal);color:#fff}
.kane-story-panel.fresh .eyebrow,.kane-story-panel.fresh h2 span{color:var(--yellow)}
.kane-story-panel.fresh .btn{background:var(--yellow);color:var(--ink)}
.kane-story-panel.fresh .kane-story-panel-copy{grid-column:2;grid-row:1}
.kane-story-panel.fresh .kane-story-panel-scene{grid-column:1;grid-row:1}
.kane-story-panel.fresh .kane-story-panel-scene::before{background:radial-gradient(circle closest-side,#F85C8E99,#F85C8E00 94%)}
.kane-story-bloom{position:absolute;width:270px;left:5%;top:30px;transform:rotate(-12deg)}
.kane-story-leaf{position:absolute;width:170px;right:2%;bottom:15px;transform:rotate(20deg)}
.kane-story-ingredient-tag{position:absolute;right:4%;top:40px;transform:rotate(6deg);background:var(--rose);color:white;border-radius:50px;padding:12px 20px;font:700 17px/1.2 Courier,monospace}
.kane-story-ingredient-tag.mint{right:auto;left:7%;top:auto;bottom:30px;transform:rotate(-7deg);background:var(--yellow);color:var(--ink)}
@media(max-width:1050px){.kane-story-panel{width:calc(100% - 56px);padding:45px 4%;border-radius:32px}.kane-story-panel-inner{gap:5%;min-height:390px}.kane-story-panel-scene{min-height:390px}.kane-story-panel-scene::before{width:370px;height:370px}.kane-story-panel-visual{height:390px}.kane-story-panel p{font-size:17px}.kane-story-bloom{width:230px}.kane-story-leaf{width:140px}.kane-story-caption{font-size:19px;padding:17px}.kane-story-standalone-can{width:140px}}
@media(max-width:720px){.kane-new-stories{padding-bottom:25px}.kane-story-panel{width:calc(100% - 32px);padding:32px 23px 35px;border-radius:28px;margin-bottom:22px}.kane-story-panel-inner{grid-template-columns:1fr;gap:24px;min-height:0}.kane-story-panel-copy{grid-column:1;grid-row:1}.kane-story-panel-scene{grid-column:1;grid-row:2;min-height:340px}.kane-story-panel.fresh .kane-story-panel-copy{grid-column:1;grid-row:1}.kane-story-panel.fresh .kane-story-panel-scene{grid-column:1;grid-row:2}.kane-story-panel h2{font-size:42px;margin-top:17px}.kane-story-panel p{font-size:17px}.kane-story-panel-visual{height:340px;width:350px}.kane-story-panel-scene::before{width:340px;height:340px}.kane-story-caption{right:-5px;top:0}.kane-story-bloom{width:210px;left:0;top:10px}.kane-story-leaf{width:125px;right:0;bottom:10px}.kane-story-ingredient-tag{right:0;top:20px;font-size:13px;padding:10px 14px}.kane-story-ingredient-tag.mint{left:0;bottom:15px}.kane-story-standalone-can{width:120px}.kane-story-panel.partner .kane-story-caption{right:0;top:30px;font-size:20px}.kane-story-partner-label{bottom:5px;font-size:12px}}
.kane-story-panel.fresh{margin-top:60px;margin-bottom:60px}.kane-story-panel.fresh h2{color:#fff}
@media(max-width:720px){.kane-story-panel.fresh{margin-top:32px;margin-bottom:32px}}

.infusion-fresh-surround{display:flow-root;background:#fffdf3}

/* Occasions : composition botanique et tags répartis de part et d’autre. */
.occasions-panel.fresh{background:#861354}
.occasion-tags{list-style:none;margin:0;padding:0}
.occasions-panel h2{margin-bottom:24px}
.occasions-panel p{margin-bottom:0;text-wrap:pretty}
.occasions-panel.fresh .eyebrow{display:inline-block;border:1px solid #FEE7EE;border-radius:50px;padding:7px 16px;color:#FEE7EE;font:400 15px/1.25 'True Typewriter',Courier,monospace;letter-spacing:0}
.occasions-panel .kane-story-ingredient-tag{font-family:'True Typewriter',Courier,monospace;white-space:nowrap;font-weight:400}
.occasions-panel .kane-story-bloom{left:22%;top:115px;width:190px;transform:rotate(-18deg)}
.occasions-panel .kane-story-leaf{right:27%;bottom:110px;width:100px;height:120px;object-fit:contain;transform:rotate(28deg)}
.occasions-panel .occasion-breakfast{left:50%;right:auto;top:10px;bottom:auto;transform:translateX(-50%) rotate(-5deg);background:#FFEF9A;color:#5F0C36}
.occasions-panel .occasion-office{left:auto;right:12px;top:105px;bottom:auto;transform:rotate(7deg);background:#FF9C78;color:#3B0822}
.occasions-panel .occasion-pause{left:0;right:auto;top:135px;bottom:auto;transform:rotate(-7deg);background:#F85C8E;color:#FFFFFF}
.occasions-panel .occasion-sport{left:8px;right:auto;top:295px;bottom:auto;transform:rotate(-6deg);background:#FFC69A;color:#5F0C36}
.occasions-panel .occasion-aperitif{left:auto;right:8px;top:275px;bottom:auto;transform:rotate(6deg);background:#FEE7EE;color:#5F0C36}
.occasions-panel .occasion-home{left:50%;right:auto;top:auto;bottom:0;transform:translateX(-50%) rotate(4deg);background:#F6A6C1;color:#5F0C36}
@media(max-width:1050px){.occasions-panel .kane-story-ingredient-tag{font-size:14px;padding:10px 15px}.occasions-panel .kane-story-bloom{width:165px;left:20%}.occasions-panel .kane-story-leaf{width:90px;height:110px;right:24%}.occasions-panel .occasion-sport{top:275px}.occasions-panel .occasion-aperitif{top:255px}}
@media(max-width:720px){.occasions-panel.fresh .eyebrow{font-size:14px;padding:6px 14px}.occasions-panel .kane-story-panel-scene{min-height:390px}.occasions-panel .kane-story-ingredient-tag{font-size:13px;padding:10px 12px}.occasions-panel .kane-story-bloom{width:155px;left:20%;top:125px}.occasions-panel .kane-story-leaf{width:85px;height:95px;right:22%;bottom:100px}.occasions-panel .occasion-office{top:80px;right:0}.occasions-panel .occasion-pause{top:100px}.occasions-panel .occasion-sport{top:auto;bottom:70px;left:0}.occasions-panel .occasion-aperitif{top:auto;bottom:75px;right:0}}

/* Une composition vivante, avec des déplacements discrets et indépendants. */
.occasions-panel .kane-story-bloom{animation:occasion-bloom-float 7s ease-in-out infinite}
.occasions-panel .kane-story-leaf{animation:occasion-leaf-float 8s ease-in-out -3s infinite}
.occasions-panel .kane-story-ingredient-tag{animation:occasion-tag-float 6s ease-in-out infinite}
.occasions-panel .occasion-office{animation-delay:-2s}.occasions-panel .occasion-pause{animation-delay:-4s}.occasions-panel .occasion-sport{animation-delay:-1s}.occasions-panel .occasion-aperitif{animation-delay:-3s}.occasions-panel .occasion-home{animation-delay:-5s}
@keyframes occasion-bloom-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:3deg}}
@keyframes occasion-leaf-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:3px 6px;rotate:-4deg}}
@keyframes occasion-tag-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@supports(animation-timeline:view()){@mediaall{.occasions-panel{animation:occasion-panel-scroll linear both;animation-timeline:view();animation-range:entry 0% entry 90%}.occasions-panel .kane-story-panel-copy{animation:occasion-copy-scroll linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}}
@keyframes occasion-panel-scroll{from{transform:translateY(24px) scale(.97)}to{transform:translateY(0) scale(1)}}
@keyframes occasion-copy-scroll{from{translate:0 14px}to{translate:0 0}}

.infusion-edition-tag{border:1px solid currentColor;border-radius:999px;padding:7px 16px;background:transparent;font-family:"True Typewriter",Courier,monospace;font-size:15px;line-height:1.3}