/* Industry stories: shared pacing, individual visual journeys. */
#story .mobile-building{display:none}
#story .chapter-measure{position:absolute;left:6.5%;bottom:18%;width:33%;max-width:460px;border-top:1px solid currentColor;padding-top:16px;pointer-events:auto}
#story .chapter-measure>span{display:block;font-size:10px;letter-spacing:1.5px;line-height:1.5;margin-bottom:9px}
#story .chapter-measure>a{font-size:15px;line-height:1.5;display:flex;align-items:center;gap:20px;min-height:44px}
#story .chapter-measure b{font-size:22px;font-weight:400;margin-left:auto}
#story .story-frame{min-height:700px}
#story .scene-copy,#story .hero-copy{left:6.5%;top:23%;width:37%;max-width:500px}
#story .scene h1,#story .scene h2{font-size:clamp(42px,5.2vw,82px);line-height:.98;letter-spacing:-.05em}
#story .scene-copy>p{max-width:390px;font-size:18px;line-height:1.6}
#story .scene-copy .eyebrow{margin-bottom:24px;font-size:11px;letter-spacing:1px}
#story .scene-cta{font-size:14px;min-height:46px}
#story .model-caption,#story .scene-aside,#story .scene-index,#story .draft-measure,#story .enquiry-path{display:none}
#story .giant-word{font-size:clamp(180px,32vw,580px);opacity:.055;bottom:14%;left:1%;line-height:.8}
#story .scene[data-chapter="1"] .scene-copy,#story .scene[data-chapter="3"] .scene-copy{left:58%;width:35%}
#story .scene[data-chapter="1"] .chapter-measure,#story .scene[data-chapter="3"] .chapter-measure{left:58%;width:35%}
#story .scene[data-chapter="1"] .giant-word,#story .scene[data-chapter="3"] .giant-word{left:30%;font-size:35vw}
#story .cinematic-art{left:42%;right:auto;top:14%;width:57%;height:71%;max-width:none;transform-origin:50% 60%;will-change:transform}
#story .model-float{animation:none}
#story .model-rig{transform:none!important}
#story .model-layer{filter:drop-shadow(0 10px 9px #20202005)}
#story .model-shadow{bottom:9%;left:15%;width:70%;height:6%;opacity:.25;filter:blur(24px)}
#story .draft-grid{background-size:56px 56px;opacity:.5;mask-image:radial-gradient(ellipse at 50% 55%,black,transparent 72%)}
#story .backdrop-1{background:#F0F4FB}
#story .backdrop-2{background:#AD350F}
#story .backdrop-3{background:#EDF4EE}
#story .story-controls{left:6.5%;right:6.5%;bottom:3.5%;padding-top:18px}
#story .chapter-nav{gap:28px}
#story .chapter-nav>button{font-size:14px;min-height:46px}
#story .chapter-nav>button>span{font-size:10px}
#story .scroll-prompt{font-size:10px;max-width:130px;line-height:1.5}
#story .scroll-prompt>span:first-child{animation:none}
#story .film-grain{opacity:.055}
#story .connection-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#F3410C;z-index:0;opacity:.8}
#story .trace-rail{stroke:currentColor;stroke-width:1;stroke-dasharray:3 9;opacity:.3}
#story .trace-draw{stroke:currentColor;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1}
#story .connection-trace circle{fill:currentColor}
#story .story-frame[data-scene="2"] .connection-trace{color:#F2C14E}
#story .layer-label{position:absolute;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:10px;white-space:nowrap;opacity:0}
#story .layer-label i{width:6px;height:6px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 0 5px #f3410c0a}
#story .label-fit{left:5%;bottom:12%}
#story .label-progress{left:3%;top:43%}
#story .label-work{right:4%;top:14%}
#story .story-progress{height:3px;background:#2020200a}
#story .story-progress>div{background:var(--scene-accent);transition:none}
body.cinematic-industry .metric-bridge{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1px;color:#21664E;margin:24px 0 34px}
body.cinematic-industry .metric-bridge i{height:1px;background:#21664E55;flex:1;position:relative}
body.cinematic-industry .metric-bridge i:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;background:#F3410C;border-radius:50%}
body.industry-page.cinematic-industry .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #20202025;border-bottom:1px solid #20202025}
body.industry-page.cinematic-industry .kpi-card{border:0;border-radius:0;min-height:300px;padding:36px;background:transparent;position:relative}
body.industry-page.cinematic-industry .kpi-card:nth-child(odd){border-right:1px solid #20202020}
body.industry-page.cinematic-industry .kpi-card:nth-child(-n+2){border-bottom:1px solid #20202020}
body.industry-page.cinematic-industry .kpi-card:before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:#F3410C;transform:scaleY(var(--metric-progress,0));transform-origin:top}
body.industry-page.cinematic-industry .kpi-card h3{max-width:430px;font-size:clamp(27px,2.4vw,38px)}
body.industry-page.cinematic-industry .kpi-card p{font-size:17px;max-width:400px}
body.industry-page.cinematic-industry #one-window{background:#EDF4EE;margin-top:0;overflow:hidden}
body.industry-page.cinematic-industry #one-window .panorama-art{height:560px}
body.industry-page.cinematic-industry #one-window .panorama-art img{transform:translateY(var(--together-y,0px));transition:none}
body.cinematic-industry .together-orbit{position:absolute;inset:0;width:100%;height:100%;color:#21664E;opacity:.45}
body.industry-page.cinematic-industry .preview-grid{grid-template-columns:1fr 1.5fr}
body.industry-page.cinematic-industry .preview-slot:nth-child(2){grid-column:2;grid-row:1/3;min-height:500px;justify-content:center;background:#FAF8F455}
body.industry-page.cinematic-industry .preview-slot:nth-child(3){grid-column:1}
body.industry-page.cinematic-industry .preview-slot:nth-child(2) .slot-marker{font-size:90px;opacity:.15}
/* Desktop: native scroll controls the stage. No wheel interception. */
@media(min-width:761px) and (min-height:701px){
 body.cinematic-industry.cinema-ready #story{height:520svh}
 body.cinematic-industry.cinema-ready #story .story-frame{height:100svh;position:sticky;top:0}
 #story .scene{display:block}
}
/* Natural-flow story on phones, short screens, and without JavaScript. */
@media(max-width:760px),(max-height:700px){
 #story{height:auto}
 #story .story-frame{display:flex;flex-direction:column;position:relative;top:auto;height:auto;min-height:0;padding:0;overflow:visible;color:#202020;--scene-ink:#202020}
 #story .site-header{position:relative;order:0;min-height:80px;height:auto;padding:20px 6%;background:#FAF8F4;color:#202020;gap:12px}
 #story .site-header .brand{width:clamp(130px,36vw,180px)}
 #story .site-header .top-nav>a,#story .industry-tag,#story .motion-button{display:none}
 #story .site-header .top-nav{margin-left:auto}
 #story .site-header .site-nav-toggle{background:#202020;color:#FAF8F4;padding:11px 14px;font-size:14px}
 #story .site-header .logo-dark{opacity:1}#story .site-header .logo-light{opacity:0}
 #story .backdrop,#story .cinematic-art,#story .studio-light,#story .draft-grid,#story .film-grain,#story .giant-word{display:none}
 #story .scene,#story .scene[aria-hidden="true"]{display:block;order:2;position:relative;inset:auto;opacity:1!important;transform:none!important;padding:42px 6% 30px;overflow:hidden;color:#202020;pointer-events:auto}
 #story .scene[data-chapter="1"]{background:#F0F4FB;color:#244FA8}
 #story .scene[data-chapter="2"]{background:#AD350F;color:#FAF8F4}
 #story .scene[data-chapter="3"]{background:#EDF4EE;color:#21664E}
 #story .scene-copy,#story .hero-copy,#story .scene[data-chapter] .scene-copy{position:relative;inset:auto;width:100%;max-width:620px;padding:0;margin:0 auto}
 #story .scene h1,#story .scene h2,#story .hero-copy h1{font-size:clamp(38px,10.2vw,58px);letter-spacing:-.045em;line-height:1.01;margin:0 0 20px;overflow-wrap:normal}
 #story .scene-copy>p{font-size:16px;line-height:1.65;max-width:500px;margin:0 0 22px}
 #story .scene-copy .eyebrow{font-size:10px;letter-spacing:.9px;margin-bottom:22px}
 #story .scene-cta{font-size:14px;min-height:46px}
 #story .scene[data-chapter="2"] .scene-cta{border-color:#FAF8F466}
 #story .chapter-measure,#story .scene[data-chapter] .chapter-measure{position:relative;inset:auto;width:100%;max-width:620px;margin:10px auto 0;padding-top:16px}
 #story .chapter-measure>a{font-size:15px}
 #story .mobile-building{display:block;position:relative;width:100%;height:clamp(300px,94vw,530px);max-width:620px;margin:18px auto 0;isolation:isolate}
 #story .mobile-building img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translate3d(var(--piece-x,0px),var(--piece-y,0px),0);will-change:transform}
 #story .mobile-orbit{position:absolute;inset:25% 8% 12%;border:1px solid currentColor;border-radius:50%;transform:rotate(-20deg);opacity:.13;z-index:-1}
 #story .story-controls{order:1;position:sticky;top:0;left:auto;right:auto;bottom:auto;margin:0;padding:8px 5%;z-index:15;background:#FAF8F4f5;color:#202020;border-top:1px solid #20202012;border-bottom:1px solid #2020201f;backdrop-filter:blur(12px);display:block}
 #story .chapter-nav{position:static;transform:none;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 #story .chapter-nav>button{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;border:0;border-radius:0;padding:8px 5px;min-height:48px;font-size:12px;line-height:1.3;white-space:normal;color:#625b50;background:none}
 #story .chapter-nav>button.active,#story .story-frame[data-scene] .chapter-nav>button.active{background:none;color:#AD350F;box-shadow:inset 0 -2px #F3410C}
 #story .chapter-nav>button>span{font-size:9px}
 #story .chapter-nav>button>i,#story .playback,#story .scroll-prompt,#story .compact-story-hint,#story .story-progress{display:none}
 body.industry-page.cinematic-industry .kpi-grid{grid-template-columns:1fr}
 body.industry-page.cinematic-industry .kpi-card,body.industry-page.cinematic-industry .kpi-card:nth-child(odd){border:0;border-bottom:1px solid #20202020;padding:28px 22px;min-height:0}
 body.industry-page.cinematic-industry .kpi-card:last-child{border-bottom:0}
 body.industry-page.cinematic-industry .kpi-card p{font-size:16px}
 body.cinematic-industry .metric-bridge{gap:8px;font-size:8px;letter-spacing:0}
 body.industry-page.cinematic-industry #one-window .panorama-art{height:360px}
 body.industry-page.cinematic-industry .preview-grid{grid-template-columns:1fr}
 body.industry-page.cinematic-industry .preview-slot:nth-child(2),body.industry-page.cinematic-industry .preview-slot:nth-child(3){grid-column:auto;grid-row:auto;min-height:260px}
}
@media(min-width:761px) and (max-width:1100px) and (min-height:701px){
 #story .scene h1,#story .scene h2{font-size:clamp(40px,5vw,56px)}
 #story .scene-copy>p{font-size:17px}
 #story .scene-copy,#story .hero-copy{top:22%}
 #story .chapter-measure{bottom:17%}
 #story .chapter-nav{gap:18px}
 #story .scroll-prompt,#story #play-story{display:none}
 #story .layer-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 #story .model-layer,#story .mobile-building img{transform:none!important}
 #story .connection-trace,#story .layer-label{display:none}
 body.cinematic-industry .kpi-card:before{transform:none!important}
 body.cinematic-industry #one-window .panorama-art img{transform:none!important}
}
@media(min-width:761px) and (min-height:701px){
 #story .scene[data-chapter="0"] h1{font-size:clamp(42px,4.6vw,72px)}
 #story .scene-copy,#story .hero-copy{top:21%}
}
@media(min-width:761px) and (min-height:701px) and (max-height:850px){
 #story .scene h1,#story .scene h2,#story .scene[data-chapter="0"] h1{font-size:clamp(40px,4.3vw,60px)}
 #story .scene-copy,#story .hero-copy{top:19%}
 #story .scene-copy .eyebrow{margin-bottom:18px}
 #story .chapter-measure{bottom:15%}
 #story .scene-copy>p{font-size:17px;line-height:1.55}
}

/* Measurements stay with their chapter copy, never collide with longer industry headlines. */
#story .scene-copy,#story .hero-copy{top:18%;width:40%;max-width:540px}
#story .scene[data-chapter="1"] .scene-copy,#story .scene[data-chapter="3"] .scene-copy{left:56%;width:39%}
#story .scene h1,#story .scene h2,#story .scene[data-chapter="0"] h1{font-size:clamp(34px,4.1vw,64px);white-space:normal;line-height:1;letter-spacing:-.045em}
#story .scene-copy>p{opacity:1;max-width:420px;font-size:18px}
#story .scene-copy .eyebrow{opacity:1}
#story .scene-copy .chapter-measure,#story .scene[data-chapter] .chapter-measure{position:relative;inset:auto;width:100%;max-width:430px;margin-top:28px;padding-top:12px}
#story .chapter-measure>span{font-size:10px;margin-bottom:4px}
#story .chapter-measure>a{font-size:14px;line-height:1.5;min-height:44px}
#story .map-mark,#story .map-coordinates{display:none}
#story .layer-label{font-size:10px;letter-spacing:.6px}
#story .label-fit{left:5%;bottom:10%}#story .label-progress{left:2%;top:25%}#story .label-work{right:3%;top:14%}
#story .cinematic-art{left:43%;width:56%;top:14%;height:71%}
#story .model-layer{transition:none;animation:none}
#story .connection-trace{z-index:-1}
body.industry-page.cinematic-industry .kpi-card:before{transform:scaleY(var(--metric-progress,1))}
body.cinematic-industry #story .chapter-nav{gap:22px}
body.industry-page.cinematic-industry .preview-slot h3{overflow-wrap:anywhere}
@media(min-width:761px) and (min-height:701px) and (max-height:850px){
 #story .scene h1,#story .scene h2,#story .scene[data-chapter="0"] h1{font-size:clamp(32px,3.6vw,52px)}
 #story .scene-copy,#story .hero-copy{top:17%}
 #story .scene-copy .eyebrow{margin-bottom:18px}
 #story .scene-copy>p{font-size:17px;line-height:1.55;margin-bottom:16px}
 #story .scene-copy .chapter-measure{margin-top:18px;padding-top:8px}
 #story .chapter-measure>a{font-size:13px}
}
@media(min-width:761px) and (max-width:1100px){
 #story .scene-copy,#story .hero-copy{width:41%}
 #story .scene[data-chapter="1"] .scene-copy,#story .scene[data-chapter="3"] .scene-copy{left:55%;width:40%}
 #story .scene-copy>p{font-size:16px;line-height:1.55}
 #story .scene-copy .chapter-measure{margin-top:18px}
 #story .layer-label{display:none}
 body.cinematic-industry #story .chapter-nav{gap:15px}
 #story .chapter-nav>button{font-size:12px}
}
@media(max-width:760px),(max-height:700px){
 #story .map-grid{display:none}
 #story .scene-copy,#story .hero-copy,#story .scene[data-chapter] .scene-copy{position:relative;inset:auto;width:100%;max-width:620px}
 #story .scene h1,#story .scene h2,#story .scene[data-chapter="0"] h1{font-size:clamp(30px,9vw,56px);white-space:normal;overflow-wrap:normal}
 #story .scene-copy>p{font-size:16px;line-height:1.65}
 #story .scene-copy .chapter-measure,#story .scene[data-chapter] .chapter-measure{margin-top:26px;max-width:620px}
 #story .chapter-measure>a{font-size:14px}
 #story .mobile-building{height:clamp(280px,88vw,480px);margin-top:16px}
 #story .mobile-building img{opacity:var(--piece-opacity,1);transform:translate3d(var(--piece-x,0px),var(--piece-y,0px),0) rotate(var(--piece-rotate,0deg)) scale(var(--piece-scale,1))}
 body.cinematic-industry #story .chapter-nav{gap:4px}
 #story .chapter-nav>button{font-size:clamp(10px,2.9vw,12px);padding:8px 2px}
}