/* FLAME — three immersive campaigns with a stable, readable call to action. */
.home-page .hero-campaign{--scene-accent:#ead0a0;position:relative;display:block;isolation:isolate;width:100%;height:clamp(620px,calc(100svh - 86px),940px);min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;background:#170e08;touch-action:pan-y;outline-offset:-4px}
.home-page .hero-campaign[data-hero-scene="1"]{--scene-accent:#c2e3f3;background:#061522}
.home-page .hero-campaign[data-hero-scene="2"]{--scene-accent:#edbfd0;background:#250d1b}
.hero-scenes,.hero-scene{position:absolute;inset:0}
.hero-scenes{z-index:0;pointer-events:none}
.hero-scene{opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease;overflow:hidden}
.hero-scene.is-active{opacity:1;visibility:visible}
.hero-scene img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 40%;transform:scale(1.015);transform-origin:68% 55%}
.hero-scene.is-active img{animation:hero-camera 8s ease-out both}
.home-page .hero-campaign:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#080807b3,transparent 56%),linear-gradient(0deg,#080807c9,transparent 27%),linear-gradient(180deg,#08080724,transparent 15%)}
.home-page .hero-campaign .hero-content{position:absolute;z-index:2;left:7%;top:46%;transform:translateY(-50%);width:43%;max-width:620px;padding:0;margin:0;text-align:left}
.hero-campaign .hero-eyebrow{font:500 11px/1.5 var(--sans);letter-spacing:.26em;color:#e9e0d2;margin:0 0 25px}
.home-page .hero-campaign h1{font-size:clamp(4.8rem,7.6vw,8rem);line-height:.96;letter-spacing:-.035em;font-weight:400;margin:0 0 24px;max-width:none;text-shadow:0 3px 30px #0003}
.hero-campaign h1 em{color:var(--scene-accent);transition:color 1s ease}
.hero-campaign .hero-description{font-size:15px;line-height:1.6;color:#e6dfd4;letter-spacing:.015em;margin:0 0 30px}
.home-page .hero-campaign .button{margin:0;min-height:52px;padding:15px 28px;background:#c3a777;border-color:#c3a777;color:#111210;font-size:13px}
.hero-featured{display:flex;align-items:center;gap:.35em;width:max-content;max-width:100%;margin-top:22px;font:400 12px/1.5 var(--sans);color:#eee7db}
.hero-featured span{border-bottom:1px solid #eee7db66;padding-bottom:2px}
.hero-featured svg{width:17px;height:17px;margin-left:7px;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .25s}
.hero-featured:hover svg{transform:translateX(4px)}
.hero-bottom{position:absolute;z-index:3;left:7%;right:7%;bottom:29px;display:flex;align-items:center;gap:25px}
.hero-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:460px;max-width:70%}
.hero-chapter{position:relative;display:flex;align-items:baseline;gap:12px;border:0;border-radius:0;background:none;color:#eee7db99;text-align:left;padding:10px 0 17px;min-height:48px;font:400 14px/1.3 var(--sans);transition:color .3s}
.hero-chapter:hover,.hero-chapter.is-current{color:#fff9ee}
.chapter-index{font-size:9px;letter-spacing:.08em;opacity:.7}
.chapter-track{position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff5}
.chapter-track>span{display:block;width:0;height:100%;background:var(--scene-accent)}
.hero-chapter.is-current .chapter-track>span{animation:hero-progress 4s linear both}
.hero-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;background:#0b0b0b20;border:1px solid #fff4;border-radius:50%;color:#eee7db;padding:10px}
.hero-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}
.hero-scroll-hint{margin-left:auto;display:flex;align-items:center;gap:16px;font:400 10px/1.5 var(--sans);letter-spacing:.06em;color:#eee7dbb3}
.hero-scroll-hint span{font-size:17px}
.hero-campaign[data-paused="true"] .chapter-track>span,.hero-campaign[data-paused="true"] .hero-scene img{animation-play-state:paused}
@keyframes hero-camera{from{transform:scale(1.015)}to{transform:scale(1.06)}}
@keyframes hero-progress{from{width:0}to{width:100%}}
@media(min-aspect-ratio:21/9){.hero-scene img{object-fit:contain;object-position:75% center}.hero-scenes{background:radial-gradient(ellipse at 75% 50%,#704728,#100c09 75%)}}
@media(max-width:1000px) and (min-width:601px){.home-page .hero-campaign .hero-content{left:6%;width:43%}.home-page .hero-campaign h1{font-size:5.4rem}.hero-scene img{object-position:63% 40%}.hero-bottom{left:6%;right:6%}.hero-scroll-hint{display:none}}
@media(max-width:800px){
 .home-page .hero-campaign{height:clamp(700px,calc(100svh - 72px),830px)}
 .hero-scenes{bottom:39%;overflow:hidden}
 .hero-scenes:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#0b0b0c,transparent 27%);pointer-events:none}
 .hero-scene img{object-position:82% center;transform-origin:68% 50%}
 .home-page .hero-campaign:after{background:linear-gradient(0deg,#0b0b0c 0%,#0b0b0cf2 16%,#0b0b0ca3 32%,transparent 48%),linear-gradient(180deg,#0001,transparent 25%)}
 .home-page .hero-campaign .hero-content{top:auto;bottom:106px;left:6%;width:88%;max-width:none;transform:none;text-align:left}
 .hero-campaign .hero-eyebrow{font-size:9px;letter-spacing:.24em;margin-bottom:13px}
 .home-page .hero-campaign h1{font-size:clamp(3.7rem,17vw,4.8rem);line-height:.94;letter-spacing:-.035em;margin-bottom:15px}
 .hero-campaign .hero-description{font-size:12px;margin-bottom:21px}
 .home-page .hero-campaign .button{min-height:48px;padding:13px 23px;font-size:12px}
 .hero-featured{position:absolute;right:0;bottom:13px;margin:0;font-size:10px;max-width:43%;flex-wrap:wrap;gap:3px}
 .hero-featured svg{display:none}
 .hero-bottom{left:6%;right:6%;bottom:25px;gap:20px}
 .hero-chapters{width:auto;max-width:none;flex:1;gap:16px}
 .hero-chapter{font-size:12px;gap:8px;padding-bottom:15px}
 .chapter-index{font-size:8px}
 .hero-toggle{width:32px;height:32px;padding:8px}
 .hero-scroll-hint{display:none}
}
@media(max-width:360px){.hero-featured{display:none}.home-page .hero-campaign h1{font-size:3.8rem}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-campaign h1 em{transition:none}.hero-scene img,.hero-chapter .chapter-track>span{animation:none!important}.hero-chapter.is-current .chapter-track>span{width:100%}}