/* The homepage is a full-bleed story; navigation floats above it. */
.story-home .preview{display:none}
.story-home .header{position:fixed;inset:0 0 auto;height:90px;background:transparent!important;backdrop-filter:none!important;border:0;box-shadow:none;padding:12px 32px;pointer-events:none}
.story-home .header>*{pointer-events:auto}
.story-home .header .brand{background:none;box-shadow:none}
.header-contact{display:none}
#menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;border-radius:50%;background:#ffffffc9;backdrop-filter:blur(12px);border:1px solid #1b31571a}
#menu span{display:block;width:20px;height:1.5px;background:#1b3157;transition:transform .25s,opacity .25s}
#menu[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
#menu[aria-expanded=true] span:nth-child(2){opacity:0}
#menu[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.header #navigation{position:absolute;inset:80px 24px auto auto;width:min(250px,calc(100vw - 40px));padding:10px;display:flex;flex-direction:column;gap:0;background:#fffffff5;backdrop-filter:blur(20px);border:1px solid #1b315715;border-radius:16px;box-shadow:0 14px 40px #1b315714;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.header #navigation.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.header #navigation a{display:block;font-size:14px;font-weight:500;letter-spacing:0;padding:12px 14px;border-radius:8px;min-height:44px}
.header #navigation a:hover{background:#f3f5f8}
.header #navigation a.mobile-contact{color:#b83d3d}
.story-home .header-actions{gap:16px}
.story-home #language{background:#ffffffb3;border-radius:24px;padding:10px}
body.story-home .hero-runway .cinematic-hero{top:0;width:100%;max-width:none;border-radius:0;min-height:100svh;height:100svh;padding:130px max(5vw,24px) 90px}
.story-home .hero-media{inset:0;border-radius:0}
.story-home .hero-media video,.story-home .hero-media img{width:100%;height:100%;object-fit:cover}
.story-home .language-story.film-ready{padding-top:0}
.story-home .film-ready .story-opening{display:none}
.story-home .film-ready .film-viewport{top:0;height:100svh;min-height:650px}
.story-home .film-ready .film-chapter{padding-top:110px}
.reply-bubble{background:#f2f5f8;color:#1b3157;border-radius:18px 18px 18px 3px;padding:18px 20px;font-size:18px;line-height:1.4;margin:18px 20px 0 0}
.story-home .film-ready .question-bubble,.story-home .film-ready .answer-bubble{font-size:18px;padding:16px;min-height:0}
.story-home .film-ready .conversation-options{margin:16px 0}
.story-home .film-ready .answer-bubble{margin-top:16px}
@media(max-width:760px){
 .story-home .header{height:80px;padding:10px 20px}
 .header #navigation{top:76px;right:16px}
 body.story-home .hero-runway .cinematic-hero{height:100svh;min-height:740px;padding:140px 24px 80px;display:flex;align-items:center}
 .story-home .hero-runway .hero-media{height:100%;inset:0}
 .story-home .film-ready .scroll-film{height:100%;object-position:center}
 .story-home .film-ready .film-shade{background:linear-gradient(0deg,#fffffff5 0%,#fffffff0 25%,#ffffffb8 48%,#ffffff20 85%)}
 .story-home .film-ready .film-chapter{padding-top:95px;padding-bottom:85px}
 .story-home .film-ready .conversation-stage{background:#fffffff0;border-radius:18px;padding:12px}
 .story-home .film-ready .question-bubble,.story-home .film-ready .answer-bubble,.story-home .reply-bubble{font-size:14px;padding:10px 12px;margin:0;line-height:1.4}
 .story-home .reply-bubble{margin-top:10px}
 .story-home .film-ready .conversation-options{margin:8px 0}
 .story-home .film-ready .story-dialogue .story-prose h2{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.header #navigation,#menu span{transition:none}}
/* One pinned stage: opening, learning story and editorial closing. */
.story-home .unified-story.film-ready{height:850svh;padding:0}
.story-home .unified-story.film-ready .film-chapter{transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.2,1),visibility .65s;transform:perspective(1400px) translateZ(-180px) scale(.97)}
.story-home .unified-story.film-ready .film-chapter.chapter-active{transform:none}
.story-home .unified-story.film-ready .cinematic-hero.film-chapter{inset:0;top:0;position:absolute;width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:120px max(5vw,24px) 100px;border-radius:0;display:flex;align-items:center;overflow:hidden}
.story-home .unified-story.film-ready .cinematic-hero .hero-copy{max-width:580px;opacity:1;transform:none}
.story-home .unified-story.film-ready .cinematic-hero .hero-media{inset:0;height:100%;transform:scale(calc(1 + var(--scene-depth,0)*.10))}
.story-home .unified-story.film-ready .news-section.film-chapter{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:24px;border:0;padding-top:110px;padding-bottom:100px}
.story-home .unified-story.film-ready .news-section .section-heading{margin:0;transform:none;opacity:1}
.story-home .unified-story.film-ready .news-section h2{font-size:clamp(32px,4vw,52px)}
.story-home .unified-story.film-ready .news-layout{width:100%;gap:20px}
.story-home .unified-story.film-ready .linkedin-panel,.story-home .unified-story.film-ready .news-carousel{min-height:270px;padding:26px;background:#fffffff2;backdrop-filter:blur(16px);border:1px solid #1b315712;border-radius:20px}
.story-home .unified-story.film-ready .film-chapters{width:min(850px,94%)}
.story-home .unified-story.film-ready .film-viewport[data-scene="6"] .film-shade{background:linear-gradient(90deg,#ffffffee,#ffffffb8)}
@media(max-width:760px){
 .story-home .unified-story.film-ready{height:800svh}
 .story-home .unified-story.film-ready .cinematic-hero.film-chapter{padding:110px 24px 100px;align-items:center}
 .story-home .unified-story.film-ready .cinematic-hero .hero-copy{width:100%}
 .story-home .unified-story.film-ready .cinematic-hero h1{font-size:clamp(30px,8vw,40px)}
 .story-home .unified-story.film-ready .hero-description{font-size:13px;line-height:1.65;margin:20px 0}
 .story-home .unified-story.film-ready .hero-foot{display:none}
 .story-home .unified-story.film-ready .news-section.film-chapter{justify-content:center;gap:16px;padding:95px 0 90px}
 .story-home .unified-story.film-ready .news-section h2{font-size:28px}
 .story-home .unified-story.film-ready .news-layout{grid-template-columns:1fr;gap:12px}
 .story-home .unified-story.film-ready .linkedin-panel,.story-home .unified-story.film-ready .news-carousel{min-height:0;padding:18px;border-radius:16px}
 .story-home .unified-story.film-ready .linkedin-panel{display:grid;grid-template-columns:32px 1fr;gap:8px 12px}
 .story-home .unified-story.film-ready .linkedin-symbol{width:30px;height:30px;font-size:18px}
 .story-home .unified-story.film-ready .linkedin-panel h3{margin:0;font-size:18px;align-self:center}
 .story-home .unified-story.film-ready .linkedin-panel p,.story-home .unified-story.film-ready .linkedin-panel .draft-label,.story-home .unified-story.film-ready .linkedin-panel .text-link{grid-column:2;font-size:11px;margin:0}
 .story-home .unified-story.film-ready .news-carousel h3{font-size:20px}
 .story-home .unified-story.film-ready .news-carousel p{font-size:12px}
 .story-home .unified-story.film-ready .news-controls{margin-top:16px}
 .story-home .unified-story.film-ready .film-chapters{gap:0;padding:4px;width:97%}
 .story-home .unified-story.film-ready .film-chapters button{font-size:8px;line-height:1.25;min-width:0;padding:3px 2px}
}
@media(prefers-reduced-motion:reduce){.story-home .unified-story.film-ready .film-chapter{transform:none;transition:none}.story-home .unified-story.film-ready .cinematic-hero{position:relative;min-height:100svh;padding:120px 24px 70px}.story-home .unified-story.film-ready .news-section{padding:60px 24px}}

.story-home .unified-story:not(.film-ready) .cinematic-hero{position:relative;min-height:100svh;padding:120px 24px 70px;width:100%;max-width:none}
/* Compact labels stay intact; narrow screens can slide the dock horizontally. */
.story-home .unified-story.film-ready .film-chapters{width:max-content;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}
.story-home .unified-story.film-ready .film-chapters::-webkit-scrollbar{display:none}
.story-home .unified-story.film-ready .film-chapters button{flex:0 0 auto;white-space:nowrap;padding-inline:20px}
.header #navigation a{position:relative;width:max-content;max-width:100%;background:transparent;transition:color .25s}
.header #navigation a:hover{background:transparent;color:#1b3157}
.header #navigation a::after{content:'';position:absolute;left:14px;right:14px;bottom:7px;height:1px;border-radius:2px;background:linear-gradient(90deg,#1b315760,#b7c9e5 45%,#fff 54%,#c73c3c80);box-shadow:0 0 5px #98b3d980,0 0 10px #a8bed640;transform:scaleX(0);transform-origin:left;opacity:0;transition:transform .38s cubic-bezier(.2,.7,.2,1),opacity .25s}
.header #navigation a:hover::after,.header #navigation a:focus-visible::after{transform:scaleX(1);opacity:1}
@media(max-width:760px){.story-home .unified-story.film-ready .film-chapters{justify-content:flex-start}.story-home .unified-story.film-ready .film-chapters button{font-size:10px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.header #navigation a::after{transition:none}}
/* Mobile dock: every destination visible, generous touch targets, no horizontal scrolling. */
@media(max-width:760px){
 .story-home .unified-story.film-ready .film-chapters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));width:calc(100% - 24px);max-width:440px;gap:3px;padding:6px;overflow:visible;border-radius:24px;bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 8px 30px #1b315712}
 .story-home .unified-story.film-ready .film-chapters button{grid-column:span 3;width:100%;min-width:0;min-height:44px;padding:5px 2px;font-size:10px;line-height:1.25;white-space:nowrap;border-radius:18px;transition:background-color .25s,color .25s}
 .story-home .unified-story.film-ready .film-chapters button:nth-child(n+5){grid-column:span 4}
 .story-home .unified-story.film-ready .film-chapters .chapter-number{display:none}
 .story-home .unified-story.film-ready .film-chapter,
 .story-home .unified-story.film-ready .news-section.film-chapter,
 .story-home .unified-story.film-ready .cinematic-hero.film-chapter{padding-bottom:135px}
 .story-home .unified-story.film-ready .film-viewport{min-height:0}
}
@media(max-width:760px) and (max-height:720px){
 .story-home .unified-story.film-ready .film-chapter,
 .story-home .unified-story.film-ready .news-section.film-chapter,
 .story-home .unified-story.film-ready .cinematic-hero.film-chapter{top:82px;bottom:130px;height:auto;padding:8px 0;overflow-y:auto;justify-content:flex-start;scrollbar-width:thin}
 .story-home .unified-story.film-ready .cinematic-hero.film-chapter{padding:8px 24px}
 .story-home .unified-story.film-ready .cinematic-hero .hero-copy{margin:0}
 .story-home .unified-story.film-ready .film-chapter h2{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.story-home .unified-story.film-ready .film-chapters button{transition:none}}
/* Persistent, quiet contact action beside the story dock. */
.dock-contact{position:fixed;right:18px;bottom:max(20px,env(safe-area-inset-bottom));z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:86px;min-height:62px;padding:9px 6px;border:1px solid #1b31571a;border-radius:20px;background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 6px 24px #1b315712;color:#1b3157;font-size:10px;font-weight:500;text-decoration:none;transition:background .25s,box-shadow .25s}
.dock-contact svg{width:22px;height:22px}
.dock-contact:hover{background:#1b3157;color:#fff;box-shadow:0 8px 28px #1b315724}
.dock-contact:focus-visible{outline:2px solid #c73c3c;outline-offset:3px}
.story-home .unified-story.film-ready .film-chapters{left:calc((100% - 112px)/2);max-width:calc(100% - 136px)}
@media(max-width:1000px) and (min-width:761px){.story-home .unified-story.film-ready .film-chapters button{padding-inline:10px;font-size:10px}}
@media(max-width:760px){
 .dock-contact{right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:70px;min-height:105px;border-radius:22px;font-size:9px;padding:8px 3px;gap:8px}
 .story-home .unified-story.film-ready .film-chapters{left:10px;transform:none;width:calc(100% - 96px);max-width:none;gap:2px;padding:5px;border-radius:22px}
 .story-home .unified-story.film-ready .film-chapters button{font-size:9px;padding-inline:0;letter-spacing:-.03em}
}
@media(max-width:370px){
 .story-home .unified-story.film-ready .film-chapters{grid-template-columns:repeat(6,minmax(0,1fr));height:auto}
 .story-home .unified-story.film-ready .film-chapters button{grid-column:span 2}
 .story-home .unified-story.film-ready .film-chapters button:nth-child(n+5){grid-column:span 2}
 .story-home .unified-story.film-ready .film-chapters button:nth-child(6){grid-column:span 4}
 .story-home .unified-story.film-ready .film-chapters button:nth-child(7){grid-column:span 2}
 .story-home .unified-story.film-ready .film-chapter,.story-home .unified-story.film-ready .news-section.film-chapter,.story-home .unified-story.film-ready .cinematic-hero.film-chapter{padding-bottom:180px}
}
@media(max-width:370px) and (max-height:720px){.story-home .unified-story.film-ready .film-chapter,.story-home .unified-story.film-ready .news-section.film-chapter,.story-home .unified-story.film-ready .cinematic-hero.film-chapter{bottom:175px;padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.dock-contact{transition:none}}
@media(max-width:370px){.story-home .unified-story.film-ready .film-chapters button:nth-child(4),.story-home .unified-story.film-ready .film-chapters button:nth-child(5){grid-column:span 3}}
.dock-contact svg{display:block;flex:none;width:24px;height:24px;margin:0 auto;overflow:visible;transform:translateY(-1px)}
.dock-contact>span{display:block;width:100%;text-align:center;line-height:1.2}
/* Cinematic footage: preserve the image, localize contrast to the copy. */
.story-home .film-ready .film-shade{background:linear-gradient(90deg,rgba(255,255,255,.87) 0%,rgba(255,255,255,.66) 27%,rgba(255,255,255,.20) 51%,transparent 74%),linear-gradient(0deg,rgba(255,255,255,.30),transparent 20%)}
.story-home .film-ready .story-prose{position:relative;isolation:isolate}
.story-home .film-ready .story-prose::before{content:"";position:absolute;inset:-24px -20px;z-index:-1;background:radial-gradient(ellipse at 35% 50%,rgba(255,255,255,.70),rgba(255,255,255,.32) 55%,transparent 76%);pointer-events:none}
.story-home .film-ready .story-prose>p:not(.eyebrow){color:#35445a}
.story-home .unified-story.film-ready .film-chapter{transform:perspective(1500px) translateZ(-100px) translateY(12px);transition:opacity .55s ease,transform .8s cubic-bezier(.16,1,.3,1),visibility .55s}
.story-home .unified-story.film-ready .film-chapter.chapter-active{transform:none}
.story-home .film-ready .conversation-stage{background:#fffffff0;box-shadow:0 12px 40px #142b4810}
@media(max-width:760px){
 .story-home .film-ready .film-shade{background:linear-gradient(0deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.68) 18%,rgba(255,255,255,.16) 46%,transparent 66%)}
 .story-home .film-ready .story-prose::before{inset:-18px -16px;background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.94),rgba(255,255,255,.76) 54%,transparent 78%)}
 .story-home .film-ready .story-prose h2{font-size:28px;line-height:1.12}
 .story-home .film-ready .story-person .story-prose::before{display:none}
}
@media(prefers-reduced-motion:reduce){.story-home .unified-story.film-ready .film-chapter{transition:none;transform:none}}
.story-home .film-ready .scroll-film{transform:scale(var(--film-scale,1));transform-origin:center;transition:transform .18s linear}
@media(prefers-reduced-motion:reduce){.story-home .film-ready .scroll-film{transform:none;transition:none}}

/* Short opening threshold; preserve the scroll distance of the six following chapters. */
.story-home .unified-story.film-ready{height:784svh}
@media(max-width:760px){.story-home .unified-story.film-ready{height:738svh}}