/* Cinematic Session C — clarity, conversion and final polish */
.cinematic-home .home-hero{min-height:auto;padding:clamp(56px,6.5vw,88px) 0 clamp(54px,6vw,82px)}
.cinematic-home .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:clamp(48px,6vw,90px)}
.cinematic-home .hero-copy h1{font-size:clamp(3.3rem,5.45vw,5.95rem);line-height:.94;letter-spacing:-.06em;margin:22px 0 22px;max-width:780px}
.cinematic-home .hero-copy h1 .hero-line-support{font-size:.67em;line-height:1.05;letter-spacing:-.045em;color:#dbe4f1;margin-top:.18em}
.cinematic-home .hero-copy h1 .hero-line-accent{font-size:.78em;line-height:1.02;background:linear-gradient(90deg,#22d3ee,#60a5fa 48%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:.08em}
.cinematic-home .hero-copy .lead{max-width:690px;font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.72;color:#b9c4d4}
.cinematic-home .hero-proof-row{max-width:690px}
.cinematic-home .hero-visual{min-height:530px;padding-top:34px}
.cinematic-home .system-caption{position:absolute;top:0;left:18px;margin:0;color:#67e8f9;font-size:.7rem;font-weight:900;letter-spacing:.16em}
.cinematic-home .system-canvas{inset:34px 0 22px;transform:none;border-radius:28px}
.cinematic-home .system-canvas:hover{transform:translateY(-4px)}
.cinematic-home .operator-float{right:14px;bottom:14px;width:min(355px,72%);animation:none}
.cinematic-home .scroll-cue{bottom:10px}

.cinematic-story{padding:clamp(92px,10vw,142px) 0;background:radial-gradient(circle at 87% 12%,rgba(37,99,235,.13),transparent 30%),linear-gradient(180deg,transparent,rgba(8,14,24,.38),transparent)}
.story-shell{grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:clamp(42px,6vw,92px)}
.story-copy h2{font-size:clamp(2.65rem,4.6vw,4.9rem);line-height:1.02;letter-spacing:-.045em;max-width:720px}
.story-copy>p{font-size:1.05rem;max-width:620px;color:#aeb8c8}
.story-tabs{margin-top:28px}
.story-tab{min-height:62px;padding:14px 17px}
.story-tab span{font-size:.72rem}
.story-browser{border-color:rgba(96,165,250,.24);box-shadow:0 34px 100px rgba(0,0,0,.32)}
.story-screen{min-height:410px}
.story-panel h3{font-size:clamp(1.8rem,2.35vw,2.55rem)}
.story-panel p{font-size:1rem}
.story-outcome{margin:18px 18px 0;padding:15px 18px;border:1px solid rgba(52,211,153,.2);border-radius:15px;background:rgba(16,185,129,.07);color:#9fb0c2;font-size:.88rem}
.story-outcome strong{color:#d1fae5}

.cinematic-home .home-projects .section-intro{max-width:760px;margin:12px 0 32px;color:#aeb8c8;font-size:1.02rem;line-height:1.7}
.cinematic-home .home-projects .project-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(260px,.95fr);gap:26px;align-content:start}
.cinematic-home .home-projects .project-featured>.project-showcase-visual{grid-row:1/9}
.project-showcase-visual{min-height:350px;border:1px solid rgba(59,130,246,.24);border-radius:22px;background:linear-gradient(160deg,rgba(15,23,42,.95),rgba(4,9,18,.92));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.04)}
.project-window-bar{height:46px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(148,163,184,.12)}
.project-window-bar i{width:8px;height:8px;border-radius:50%;background:#fb7185}.project-window-bar i:nth-child(2){background:#facc15}.project-window-bar i:nth-child(3){background:#34d399}.project-window-bar span{margin-left:8px;color:#64748b;font-size:.7rem}
.project-window-body{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;padding:18px;height:calc(100% - 46px)}
.project-screen-main,.project-screen-side{border-radius:17px;border:1px solid rgba(148,163,184,.12);background:rgba(8,14,24,.78);padding:20px}
.project-screen-main{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 85% 12%,rgba(37,99,235,.22),transparent 34%),rgba(8,14,24,.82)}
.project-screen-main .screen-kicker{font-size:.68rem;letter-spacing:.16em;color:#22d3ee;font-weight:900}.project-screen-main strong{display:block;font-size:clamp(2rem,3vw,3.2rem);line-height:1;margin:14px 0 10px}.project-screen-main small{color:#94a3b8}.screen-bars{display:flex;gap:8px;align-items:end;height:72px;margin-top:24px}.screen-bars b{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#22d3ee,#2563eb)}.screen-bars b:nth-child(1){height:38%}.screen-bars b:nth-child(2){height:66%}.screen-bars b:nth-child(3){height:92%}
.project-screen-side{display:grid;align-content:center;gap:12px}.project-screen-side span{padding:13px 12px;border-radius:12px;background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.1);font-size:.76rem;font-weight:800;color:#cbd5e1}

.cinematic-home .project-card{overflow:hidden}
.cinematic-home .project-card .project-view-link{position:relative;z-index:2}

@media(max-width:1100px){
 .cinematic-home .hero-grid{grid-template-columns:1fr}.cinematic-home .hero-copy h1{max-width:900px}.cinematic-home .hero-visual{max-width:820px;width:100%;margin:0 auto}
 .story-shell{grid-template-columns:1fr}.story-copy{max-width:800px}.cinematic-home .home-projects .project-featured{grid-column:1/-1}
}
@media(max-width:760px){
 .cinematic-home .home-hero{padding-top:34px}.cinematic-home .hero-copy h1{font-size:clamp(2.65rem,12vw,4.1rem)}.cinematic-home .hero-copy h1 .hero-line-support{font-size:.72em}.cinematic-home .hero-copy h1 .hero-line-accent{font-size:.82em}
 .cinematic-home .hero-visual{min-height:470px}.cinematic-home .system-caption{left:4px}.cinematic-home .system-canvas{inset:34px 0 10px}.cinematic-home .operator-float{position:static;width:auto;margin:10px}
 .story-tabs{grid-template-columns:1fr 1fr}.story-screen{min-height:500px}.story-outcome{margin:14px 0 0}
 .cinematic-home .home-projects .project-featured{grid-template-columns:1fr}.cinematic-home .home-projects .project-featured>.project-showcase-visual{grid-row:auto}.project-showcase-visual{min-height:300px}.project-window-body{grid-template-columns:1fr}.project-screen-side{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:520px){.project-window-body{padding:12px}.project-screen-side{grid-template-columns:1fr}.cinematic-home .hero-proof-row{grid-template-columns:1fr 1fr}.cinematic-home .hero-proof-row>div:last-child{grid-column:1/-1}}