/* Cinematic Session D — compact type scale + genuinely interactive hero */
.cinematic-home .home-hero{padding:clamp(42px,5vw,70px) 0 clamp(44px,5vw,72px)}
.cinematic-home .hero-grid{grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);gap:clamp(40px,5vw,72px);align-items:center}
.cinematic-home .hero-copy h1{font-size:clamp(3rem,4.55vw,5rem)!important;line-height:.96!important;letter-spacing:-.052em!important;max-width:700px!important;margin:18px 0 18px!important}
.cinematic-home .hero-copy h1 .hero-line-support{font-size:.63em!important;margin-top:.2em!important}
.cinematic-home .hero-copy h1 .hero-line-accent{font-size:.72em!important;margin-top:.08em!important}
.cinematic-home .hero-copy .lead{font-size:clamp(1rem,1.06vw,1.1rem)!important;line-height:1.65!important;max-width:650px!important}
.cinematic-home .hero-visual{min-height:500px!important;padding-top:30px!important}
.cinematic-home .system-canvas{inset:30px 0 16px!important}
.cinematic-home .system-body{gap:12px}
.cinematic-home .flow-panel{padding-bottom:14px}
.cinematic-home .flow-step{appearance:none;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0 2px;position:relative;z-index:1;text-align:center;border-radius:16px;outline:none}
.cinematic-home .flow-step .flow-icon{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.cinematic-home .flow-step:hover .flow-icon,.cinematic-home .flow-step:focus-visible .flow-icon{transform:translateY(-4px);border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.1),0 14px 28px rgba(0,0,0,.28)}
.cinematic-home .flow-step.is-active .flow-icon{background:linear-gradient(145deg,rgba(8,145,178,.5),rgba(30,41,59,.96));border-color:#22d3ee;box-shadow:0 0 0 4px rgba(34,211,238,.11),0 16px 32px rgba(0,0,0,.32)}
.cinematic-home .flow-step.is-active strong{color:#67e8f9}
.cinematic-home .flow-step:focus-visible{outline:2px solid #67e8f9;outline-offset:5px}
.cinematic-home .flow-hint{margin:12px 0 0;text-align:center;color:#7f91a8;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.cinematic-home .system-panel,.cinematic-home .activity-item,.cinematic-home .mini-metrics>div{transition:background .28s ease,border-color .28s ease,transform .28s ease}
.cinematic-home .system-canvas.is-updating .system-panel{transform:translateY(2px)}
.cinematic-home .system-canvas.is-updating .activity-item{background:rgba(14,116,144,.12)}

/* A calmer hierarchy for every major homepage section */
.cinematic-home main>.section h2,
.cinematic-home .home-projects h2,
.cinematic-home .home-services h2,
.cinematic-home .home-tools h2,
.cinematic-home .home-knowledge h2,
.cinematic-home .home-case-studies h2,
.cinematic-home .home-problems h2{font-size:clamp(2.25rem,3.65vw,4rem)!important;line-height:1.03!important;letter-spacing:-.042em!important;max-width:920px}
.cinematic-home .story-copy h2{font-size:clamp(2.5rem,3.75vw,4.15rem)!important;line-height:1.02!important;max-width:650px!important}
.cinematic-home .story-copy>p{font-size:1rem!important;line-height:1.65!important;max-width:560px!important}
.cinematic-home .cinematic-story{padding:clamp(72px,8vw,112px) 0!important}
.cinematic-home .story-shell{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr)!important;gap:clamp(40px,5vw,76px)!important;align-items:center}
.cinematic-home .story-screen{min-height:380px!important}
.cinematic-home .story-panel h3{font-size:clamp(1.65rem,2vw,2.25rem)!important}

@media(max-width:1100px){
 .cinematic-home .hero-grid,.cinematic-home .story-shell{grid-template-columns:1fr!important}
 .cinematic-home .hero-copy h1{max-width:820px!important}
 .cinematic-home .hero-visual{max-width:790px;width:100%;margin:0 auto}
 .cinematic-home .story-copy{max-width:760px}
}
@media(max-width:760px){
 .cinematic-home .home-hero{padding-top:30px!important}
 .cinematic-home .hero-copy h1{font-size:clamp(2.45rem,10.8vw,3.7rem)!important}
 .cinematic-home .hero-copy h1 .hero-line-support{font-size:.72em!important}
 .cinematic-home .hero-copy h1 .hero-line-accent{font-size:.82em!important}
 .cinematic-home .hero-visual{min-height:490px!important}
 .cinematic-home .flow-row{grid-template-columns:repeat(5,minmax(54px,1fr))!important;gap:5px!important;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
 .cinematic-home .flow-row::-webkit-scrollbar{display:none}
 .cinematic-home .flow-step:nth-child(4),.cinematic-home .flow-step:nth-child(5){display:block!important}
 .cinematic-home .flow-icon{width:48px!important;height:48px!important;border-radius:14px!important}
 .cinematic-home .flow-step strong{font-size:.68rem!important}.cinematic-home .flow-step span{font-size:.6rem!important}
 .cinematic-home main>.section h2,.cinematic-home .story-copy h2{font-size:clamp(2.15rem,9.2vw,3.15rem)!important}
 .cinematic-home .story-tabs{grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){.cinematic-home .flow-step .flow-icon,.cinematic-home .system-panel,.cinematic-home .activity-item{transition:none!important}}