:root{--blue:#234c72;--blue-alt:#2b587d;--white:#f7fbff;--header:70px;--ink:#1c2630}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--blue);overflow-x:hidden}.topbar{height:var(--header);position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(248,249,248,.96);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #dfe5e8;backdrop-filter:blur(12px)}.brand{font-size:33px;font-weight:900;letter-spacing:-.085em;color:#1e2730;text-decoration:none}.brand span{color:#3479b4}.language-label{display:flex;gap:14px;align-items:center;font-size:14px}.language-label select{font:inherit;border:1px solid #aeb9c2;border-radius:6px;padding:10px;background:#fff;min-width:72px}.intro{background:#fafaf8;min-height:100svh;display:grid;place-items:center;text-align:center;padding:calc(var(--header) + 30px) 24px 80px}.intro-content{width:100%}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#72808b}.intro h1{font-size:clamp(48px,8vw,116px);letter-spacing:-.075em;line-height:1.04;margin:46px auto 72px;max-width:1400px}.intro h1 em{font-style:normal;color:#3579b7}.scroll-hint{color:#7c8792;font-size:14px}.scene{position:relative;height:450vh;background:var(--blue)}.scene:nth-child(even){background:var(--blue-alt)}.scene-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;color:var(--white)}.scene-canvas{position:absolute;inset:var(--header) 0 0;overflow:hidden}.scene-images{position:absolute;inset:0;pointer-events:none}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus-desktop,50% 50%);opacity:0;will-change:opacity}.scene-image:first-child{opacity:1}.scene-effects{position:absolute;inset:0;pointer-events:none}.scene-effect{position:absolute;top:0;left:0;width:var(--effect-width,160px);height:auto;max-width:none;transform-origin:center;opacity:0;will-change:transform,opacity;pointer-events:none}.scene-title{position:absolute;top:calc(var(--header) + clamp(24px,5vh,62px));left:5%;right:5%;text-align:center;z-index:8;pointer-events:none;will-change:opacity,transform}.scene-index{font-size:12px;font-weight:800;letter-spacing:.28em;opacity:.7;margin-bottom:14px}.scene-title h2{font-size:clamp(34px,4.8vw,76px);line-height:1.08;letter-spacing:-.05em;max-width:1150px;margin:0 auto;text-wrap:balance}.scene-story{position:absolute;left:50%;top:52%;width:min(760px,80vw);transform:translate(-50%,-50%);z-index:10;pointer-events:none;text-align:center}.story-paragraph{font-size:clamp(19px,2.15vw,30px);line-height:1.38;font-weight:650;letter-spacing:-.022em;margin:0;opacity:0;text-wrap:pretty;text-shadow:0 2px 18px rgba(8,35,65,.3);will-change:opacity,transform}.scene-slogan{position:absolute;left:6%;right:6%;bottom:clamp(48px,10vh,115px);text-align:center;z-index:12;font-size:clamp(32px,4.6vw,70px);font-weight:850;letter-spacing:-.05em;line-height:1.12;text-wrap:balance;opacity:0;will-change:opacity,transform;text-shadow:0 3px 16px rgba(8,35,65,.18)}.closing{background:var(--blue);color:var(--white);min-height:90svh;display:grid;place-items:center;text-align:center;padding:120px 24px}.closing .eyebrow{color:#c4d5e4}.closing h2{font-size:clamp(60px,11vw,140px);letter-spacing:-.08em;line-height:1;margin:28px 0}.closing p:not(.eyebrow){font-size:clamp(20px,3vw,34px);line-height:1.35}.cta{display:inline-block;margin-top:40px;border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:16px 28px;color:#fff;text-decoration:none;font-weight:700}.cta:hover{background:#fff;color:var(--blue)}.scene-placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:rgba(255,255,255,.23);font-size:clamp(20px,4vw,60px);font-weight:800;letter-spacing:.04em}.scene-placeholder:before{content:"";width:min(56vw,540px);aspect-ratio:1;position:absolute;border:2px solid rgba(255,255,255,.12);border-radius:50%}.scene-placeholder span{transform:translateX(var(--placeholder-shift,22vw));font-size:clamp(12px,2vw,20px);font-weight:500;letter-spacing:.1em;max-width:30vw;text-align:center}.scene-placeholder:before{transform:translateX(var(--placeholder-shift,22vw))}.scene:nth-child(even) .scene-placeholder{--placeholder-shift:-22vw}@media(max-width:700px){:root{--header:60px}.topbar{padding:0 20px}.brand{font-size:29px}.language-label{gap:8px}.intro h1{margin:30px auto 55px}.scene{height:490vh}.scene-title{top:calc(var(--header) + 35px);left:7%;right:7%}.scene-title h2{font-size:clamp(32px,8vw,49px)}.scene-story{width:84vw;top:52%}.story-paragraph{font-size:clamp(19px,5vw,25px)}.scene-slogan{bottom:11%;font-size:clamp(31px,8vw,46px)}.scene-image{object-position:var(--focus-mobile,50% 50%)}.scene-placeholder span{max-width:45vw}.scene-placeholder:before{width:90vw}.scene-placeholder{--placeholder-shift:24vw}.scene:nth-child(even) .scene-placeholder{--placeholder-shift:-24vw}}@media(prefers-reduced-motion:reduce){.scene{height:auto;min-height:100svh}.scene-stage{position:relative;min-height:100svh;height:auto;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--header) + 40px) 24px 45px}.scene-canvas{inset:0}.scene-title,.scene-story,.scene-slogan{position:relative;inset:auto;left:auto;right:auto;bottom:auto;top:auto;transform:none!important;width:100%;opacity:1!important;margin:20px 0}.scene-story{display:grid;gap:20px}.story-paragraph{opacity:1!important;transform:none!important}.scene-slogan{font-size:32px}.scene-effect{display:none}.scene-image:not(:first-child){display:none}}
/* All paragraphs share one stage slot; each is shown only during its own beat. */
.scene-story{height:clamp(180px,28vh,290px);display:grid;place-items:center}
.story-paragraph{position:absolute!important;inset:0!important;display:grid;place-items:center;width:100%}
@media(max-width:700px){.scene-story{height:clamp(220px,34vh,340px)}}

/* V3: dark opening, soft transition into the blue comic universe */
:root{--blue:#234c72;--blue-alt:#2b587d;--header:76px}
.topbar{background:rgba(8,13,26,.72);border-bottom:1px solid rgba(255,255,255,.08);color:#f9fbff}
.brand{display:flex;align-items:center;width:96px;height:100%}.brand img{display:block;width:94px;height:auto}
.language-label select{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.25)}.language-label select option{color:#182435;background:white}
.intro{color:#f7f8ff;background:radial-gradient(ellipse at 55% 34%,rgba(47,65,117,.48) 0%,transparent 55%),linear-gradient(180deg,#090d18 0%,#0c1529 69%,#234c72 100%);min-height:100svh;padding-top:calc(var(--header) + 65px)}
.intro .eyebrow{color:#c1cee7;font-weight:650;letter-spacing:.28em}
.intro h1{font-size:clamp(50px,7.8vw,124px);line-height:1.08;letter-spacing:-.075em;margin:42px auto 36px;max-width:1450px}
.intro h1 em{background:linear-gradient(95deg,#d8e8ff 5%,#9bbfff 50%,#a69cf6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-subtitle{max-width:790px;margin:0 auto 60px;font-size:clamp(18px,1.8vw,26px);line-height:1.6;color:#c2c7d8}
.scroll-hint{color:#d0d8e7}
.scene-placeholder{display:none}
.scene-image{object-fit:cover;object-position:var(--focus-desktop,50% 50%);transform:none!important;inset:0!important;width:100%;height:100%}
.scene-images{isolation:isolate;inset:0}
.scene-story{z-index:15}
@media(max-width:700px){:root{--header:64px}.intro h1{font-size:clamp(43px,10vw,68px)}.hero-subtitle br{display:none}.scene-image{object-position:var(--focus-mobile,65% 50%)}}
@media(prefers-reduced-motion:reduce){.scene-placeholder{display:none}.scene-image:first-child{opacity:1!important}}