.history-page{background:#fffdf3}.history-page header:not(.scrolled){color:#fff}.history-page header:not(.scrolled) nav a[aria-current=page]{color:var(--yellow)}.history-page header:not(.scrolled) .logo{background:#fff}
.history-sequence{position:relative;background:#3B0822}.history-hero{position:relative;isolation:isolate;height:100svh;min-height:740px;overflow:hidden;color:white;background:#3B0822}
.history-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.history-film{opacity:1}.history-hero::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 85% 70% at 0% 100%,#3B0822E6 0%,#3B0822AA 35%,#3B08224D 65%,#3B082200 100%),linear-gradient(180deg,#3B082244 0%,#3B082200 22%,#3B082200 65%,#3B082255 100%);pointer-events:none}
.history-hero-copy{position:absolute;z-index:2;left:6%;bottom:clamp(44px,7svh,80px);padding:0;width:min(660px,88%);max-width:900px}.history-hero-copy h1{font-size:clamp(48px,5.5vw,80px);line-height:1.02;margin:14px 0 12px;color:#fff}.history-hero-copy h1 span{color:#FFEF9A}.history-hero-copy p{font-size:21px;font-weight:500;line-height:1.5;margin:0;max-width:46ch;color:#fff;text-wrap:balance}

.history-sequence.is-ready{height:calc(100svh + max(7800px, 1138svh))}.history-sequence.is-ready .history-hero{position:sticky;top:0;min-height:0}
.history-body{padding:80px 6% 90px;max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.history-body h2{font-size:clamp(38px,4vw,58px);line-height:1.05}.history-body h2 span{color:var(--cardinal)}.history-body p{font-size:19px;line-height:1.6;max-width:560px}.history-body .btn{margin-top:15px}.history-body-badge{width:130px;height:130px;display:block;margin-bottom:28px;animation:history-badge-spin 48s linear infinite}@keyframes history-badge-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.history-hero{min-height:760px}.history-film{object-fit:contain;object-position:center top}.history-hero-copy{left:7%;bottom:44px;padding:0;width:86%}.history-hero-copy h1{font-size:49px}.history-hero-copy p{font-size:18px}.history-body{grid-template-columns:1fr;gap:15px;padding:50px 7% 65px}.history-body p{font-size:17px}.history-sequence.is-ready{height:calc(100svh + max(7800px, 1138svh))}}

.history-hero-copy{transition:opacity 150ms ease;max-width:780px}.history-hero-copy.is-fading{opacity:0}.history-hero-copy.is-story-step h1{text-wrap:balance;font-size:clamp(34px,4.1vw,58px);line-height:1.08;max-width:660px;color:#FFEF9A}.history-hero-copy.is-story-step p{max-width:46ch;line-height:1.5;text-wrap:balance}@media(max-width:720px){.history-hero-copy.is-story-step h1{text-wrap:balance;font-size:clamp(30px,6vw,40px)}.history-hero-copy.is-story-step p{font-size:18px;line-height:1.5}}
.history-hero-copy.is-final-stage{width:88%;max-width:none;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:4vw;bottom:clamp(48px,7.5svh,92px)}.history-hero-copy.is-final-stage h1{font-size:clamp(80px,10vw,180px);line-height:.95;max-width:none;margin:0;white-space:nowrap;letter-spacing:-.025em}.history-hero-copy.is-final-stage p{font-size:clamp(24px,2.5vw,42px);line-height:1.25;max-width:22ch;margin:0;font-weight:500;text-wrap:balance}@media(max-width:720px){.history-hero-copy.is-final-stage{width:86%;grid-template-columns:1fr;gap:18px;bottom:44px}.history-hero-copy.is-final-stage h1{font-size:clamp(60px,14vw,95px);white-space:normal}.history-hero-copy.is-final-stage p{font-size:clamp(24px,5vw,30px);max-width:24ch}}
.history-hero-copy:not(.is-story-step){top:50%;bottom:auto;transform:translateY(-50%)}

.history-editorial{padding:100px 6%;position:relative;overflow:hidden}.history-section-inner{max-width:1320px;margin:auto}.history-editorial h2{font-size:clamp(44px,5vw,76px);line-height:1.04;margin:0 0 30px;text-wrap:balance}.history-editorial p{font-size:19px;line-height:1.65;text-wrap:pretty}.history-guides{background:var(--paper)}.history-guides-heading{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.history-guides-heading h2 span{color:var(--cardinal)}.history-guides-heading p{max-width:560px;margin:0}.history-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:65px 0 40px}.history-pillar{padding:32px 0 10px;border-top:2px solid var(--rose)}.history-pillar-symbol{display:block;width:34px;height:34px;background:var(--cardinal);mask:url('/public/brand/symbol.svg') center/contain no-repeat;margin-bottom:26px}.history-pillar:nth-child(2) .history-pillar-symbol{transform:rotate(25deg)}.history-pillar:nth-child(3) .history-pillar-symbol{transform:rotate(-20deg)}.history-pillar h3{font-size:clamp(29px,2.7vw,40px)}.history-pillar p{max-width:330px;margin:0}.history-signature{font-weight:600;color:var(--cardinal);margin:35px 0 0}.history-brand-section{background:var(--ink);color:var(--remy);padding-top:110px;padding-bottom:110px}.history-brand-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.history-brand-section h2{color:white;font-size:clamp(42px,4.5vw,68px)}.history-brand-section h2 span{color:var(--yellow)}.history-brand-section p{max-width:650px}.history-brand-art{display:flex;align-items:center;flex-direction:column;gap:45px}.history-brand-badge{width:clamp(180px,22vw,280px);height:auto;animation:history-badge-spin 48s linear infinite}.history-brand-wordmark{display:block;width:100%;max-width:330px;height:65px;background:var(--yellow);mask:url('/public/brand/logo-textuel.svg') center/contain no-repeat}.history-future{background:var(--remy);text-align:center;padding-top:95px;padding-bottom:85px}.history-future h2 span{color:var(--cardinal)}.history-future .history-section-inner{max-width:960px}.history-future p{max-width:760px;margin:0 auto 24px}.history-future-symbol{display:block;margin:0 auto 30px;width:45px;height:45px;background:var(--rose);mask:url('/public/brand/symbol.svg') center/contain no-repeat}.history-future-note{font-weight:600}.history-future .history-closing{font:700 clamp(25px,3.2vw,42px)/1.2 Mona,sans-serif;color:var(--cardinal);margin-top:50px;margin-bottom:0}
@media(max-width:720px){.history-editorial{padding:60px 7%}.history-editorial h2{font-size:43px}.history-editorial p{font-size:17px}.history-guides-heading,.history-brand-grid{grid-template-columns:1fr;gap:26px}.history-pillars{grid-template-columns:1fr;gap:22px;margin:40px 0 25px}.history-pillar{padding-top:24px;display:grid;grid-template-columns:35px 1fr;column-gap:17px}.history-pillar-symbol{grid-row:1/3;width:28px;height:28px;margin:0}.history-pillar h3{font-size:29px;margin-bottom:12px}.history-pillar p{max-width:none}.history-brand-art{gap:24px;margin-bottom:20px}.history-brand-badge{width:155px}.history-brand-wordmark{max-width:230px;height:45px}.history-brand-section h2{font-size:40px}.history-future .history-closing{margin-top:35px}}


/* Les valeurs reprennent les panneaux arrondis et la palette de l'accueil. */
@font-face{font-family:'True Typewriter';src:url('/public/fonts/true-typewriter.woff2') format('woff2');font-weight:400;font-display:swap}
.history-guides{background:var(--paper);padding:90px 6% 45px}
.history-guides>.history-section-inner{background:var(--cardinal);border-radius:36px;padding:clamp(32px,4.5vw,64px);color:#FFFEF9}
.history-guides-heading{grid-template-columns:1fr 1fr;gap:7%;align-items:end}
.history-guides-tag{display:inline-block;border:1px solid currentColor;border-radius:999px;padding:6px 16px;font:400 15px/1.2 'True Typewriter',Courier,monospace;color:var(--yellow);margin-bottom:24px}
.history-guides h2{font-size:clamp(48px,5.2vw,76px);line-height:1.02;margin:0;color:#FFFEF9}
.history-guides-heading h2 span{color:var(--yellow)}
.history-guides-heading>p{font-size:18px;line-height:1.65;margin:0 0 4px;max-width:48ch}
.history-guides .history-pillars{gap:22px;margin:46px 0 32px}
.history-guides .history-pillar{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px 34px;border:2px solid var(--rose);border-radius:24px;background:var(--remy);color:var(--ink)}
.history-guides .history-pillar:nth-child(2){background:var(--yellow)}
.history-guides .history-pillar:nth-child(3){background:#FFF8E2}
.history-pillar-number{border:1px solid var(--cardinal);border-radius:999px;padding:5px 12px;font:400 15px/1 'True Typewriter',Courier,monospace;color:var(--cardinal);margin-bottom:25px}
.history-guides .history-pillar h3{font-size:clamp(30px,2.8vw,40px);line-height:1.05;margin:0 0 17px;color:var(--cardinal)}
.history-guides .history-pillar p{font-size:17px;line-height:1.6;max-width:30ch;margin:0}
.history-guides .history-signature{font:400 18px/1.5 'True Typewriter',Courier,monospace;color:var(--yellow);text-align:center;margin:0;text-wrap:balance}
.history-video-section{padding:45px 6% 90px;background:var(--paper)}
.history-video-player{position:relative;max-width:1320px;margin:auto;border:6px solid var(--rose);border-radius:32px;overflow:hidden;background:#3B0822;isolation:isolate}
.history-video-player video{display:block;width:100%;height:auto;max-height:80svh;background:#3B0822;object-fit:contain}
.history-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:116px;height:116px;border-radius:50%;border:0;background:var(--rose);color:#fff;box-shadow:none}
.history-video-play svg{width:62px;height:62px;margin-left:0;fill:currentColor}
.history-video-play[hidden]{display:none}
@media(max-width:900px){.history-guides .history-pillars{gap:14px}.history-guides .history-pillar{padding:26px 20px 30px}.history-guides .history-pillar p{font-size:16px}}
@media(max-width:720px){.history-guides{padding:60px 7% 30px}.history-guides>.history-section-inner{padding:32px 24px;border-radius:26px}.history-guides-heading{grid-template-columns:1fr;gap:26px}.history-guides h2{font-size:48px}.history-guides-heading>p{font-size:17px}.history-guides .history-pillars{grid-template-columns:1fr;gap:16px;margin:32px 0 28px}.history-guides .history-pillar{padding:27px 24px 30px}.history-pillar-number{margin-bottom:20px}.history-guides .history-pillar h3{font-size:34px}.history-guides .history-pillar p{font-size:17px;max-width:none}.history-guides .history-signature{font-size:17px}.history-video-section{padding:30px 7% 60px}.history-video-player{border-radius:24px}.history-video-play{width:96px;height:96px}.history-video-play svg{width:50px;height:50px}}

/* Les valeurs se posent directement sur le fond de la page. */
.history-guides{background:transparent;padding:90px 6% 45px}
.history-guides>.history-section-inner{background:transparent;border:0;border-radius:0;padding:0;color:var(--ink)}
.history-guides-tag{color:var(--cardinal)}
.history-guides h2{color:var(--ink)}
.history-guides-heading h2 span{color:var(--cardinal)}
.history-guides .history-signature{color:var(--cardinal)}
.history-video-section{background:transparent;padding:55px 6% 100px}
.history-video-heading{font-size:clamp(42px,4.6vw,66px);line-height:1.04;color:var(--ink);text-align:center;margin:0 0 46px;text-wrap:balance}
.history-video-heading span{color:var(--cardinal)}
.history-video-stage{position:relative;max-width:1120px;margin:auto;padding:26px 50px 38px}
.history-video-player{max-width:960px}
.history-video-player video{max-height:none;aspect-ratio:16/9}
.history-film-decoration{position:absolute;z-index:2;pointer-events:none;display:block;font:400 16px/1.2 'True Typewriter',Courier,monospace;border:2px solid var(--cardinal);padding:13px 20px;border-radius:999px;color:var(--cardinal);background:var(--yellow);animation:history-film-float 6s ease-in-out infinite}
.history-film-decoration.family{top:8px;left:6px;--tilt:-8deg}
.history-film-decoration.legacy{bottom:17px;right:0;background:var(--remy);--tilt:6deg;animation-delay:-3s}
.history-film-spark{position:absolute;width:44px;height:44px;right:3px;top:22%;color:var(--rose);animation:history-film-spark 7s ease-in-out infinite}
.history-film-spark.second{left:3px;right:auto;top:65%;width:32px;height:32px;color:var(--cardinal);animation-delay:-3s}
@keyframes history-film-float{0%,100%{transform:translateY(0) rotate(var(--tilt))}50%{transform:translateY(-7px) rotate(calc(var(--tilt) + 2deg))}}
@keyframes history-film-spark{0%,100%{transform:rotate(-8deg) scale(.94)}50%{transform:rotate(12deg) scale(1.05)}}
@media(max-width:720px){.history-guides{padding:60px 7% 30px}.history-guides>.history-section-inner{padding:0;border-radius:0}.history-video-section{padding:40px 7% 65px}.history-video-heading{font-size:42px;margin-bottom:32px}.history-video-stage{padding:24px 0 34px}.history-film-decoration{font-size:12px;padding:8px 12px;border-width:1px}.history-film-decoration.family{top:6px;left:-6px}.history-film-decoration.legacy{bottom:18px;right:-6px}.history-film-spark{display:none}.history-video-play{width:80px;height:80px}.history-video-play svg{width:44px;height:44px}}


/* Une composition éditoriale reprenant les images et tags de l’accueil. */
.history-future{background:transparent;text-align:left;padding:110px 6% 130px;overflow:hidden}
.history-future .history-section-inner{max-width:1320px}
.history-future-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}
.history-future-copy .history-guides-tag{margin:0 0 24px;color:var(--cardinal)}
.history-future h2{font-size:clamp(44px,4.5vw,70px);line-height:1.02;margin:0 0 30px;color:var(--ink);text-wrap:balance}
.history-future h2 span{color:var(--cardinal)}
.history-future-copy>p{max-width:48ch;font-size:19px;line-height:1.65;margin:0 0 28px}
.history-future-copy .history-future-note{font-size:18px;font-weight:600;line-height:1.6;color:var(--cardinal);margin:0}
.history-future-visual{position:relative;min-width:0;padding:0 0 0 14%}
.history-future-landscape{aspect-ratio:4/5;border:4px solid var(--rose);border-radius:22px;overflow:hidden}
.history-future-landscape img{display:block;width:100%;height:100%;object-fit:cover}
.history-future-product{position:absolute;left:-5%;top:48%;width:46%;aspect-ratio:1;background:var(--rose);mask:url('/public/brand/soft-drink-photo-five-circular-petals.svg') center/100% 100% no-repeat}
.history-future-product img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;mask:url('/public/brand/soft-drink-photo-five-circular-petals.svg') center/100% 100% no-repeat}
.history-future-badge{position:absolute;top:-30px;right:-20px;width:112px;height:112px;transform:rotate(12deg)}
.history-future .history-closing{font:700 clamp(18px,1.8vw,24px)/1.5 Courier,monospace;text-align:center;color:var(--ink);margin:24px 0 0;max-width:none}
@media(max-width:900px){.history-future-layout{gap:6%}.history-future-copy>p{font-size:17px}.history-future h2{font-size:44px}.history-future-badge{width:90px;height:90px;right:-10px}}
@media(max-width:720px){.history-future{padding:70px 7% 85px}.history-future-layout{grid-template-columns:1fr;gap:55px}.history-future-copy>p{max-width:none}.history-future h2{font-size:clamp(38px,8.5vw,54px)}.history-future-visual{width:90%;max-width:440px;margin:auto}.history-future-copy .history-guides-tag{margin-bottom:22px}.history-future .history-closing{margin-top:24px}}
.history-guides .history-signature{font-size:clamp(21px,2vw,27px);line-height:1.5}.history-guides .history-signature strong{font-weight:700}