/* Dual Forge / Cinematic visual system for Software, Gaming, Digital, Infrastructure & technical documentation.
   All copy, buttons, navigation and links stay in live HTML. */
.cinematic-page-hero{position:relative;isolation:isolate;overflow:hidden}
.cinematic-page-hero.page-hero{padding-top:80px;padding-bottom:80px}
.cinematic-page-hero .page-hero-inner,
.cinematic-page-hero.ind-hero .page-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.99fr);align-items:center;gap:clamp(26px,3.8vw,56px)}
.cinematic-page-hero .page-hero-inner>div:first-child{min-width:0}
.cinematic-page-hero .page-hero-inner h1{font-size:clamp(3rem,4.6vw,5.4rem);letter-spacing:-.06em;line-height:1.07;margin-top:25px}
.cinematic-page-hero .page-hero-inner p{font-size:1.01rem;max-width:720px;line-height:1.76}
.cinematic-page-hero.ind-hero .page-hero-inner h1{font-size:clamp(3rem,4.3vw,4.9rem);max-width:690px}
.cinematic-page-hero .cinematic-page-art{position:relative;min-width:0;width:100%;aspect-ratio:1.14/1;margin:0;overflow:hidden;border:1px solid rgba(223,184,117,.4);background:radial-gradient(circle at 55% 40%,rgba(187,137,66,.08),transparent 73%),#0b1015;box-shadow:0 23px 75px rgba(0,0,0,.37),0 0 48px rgba(219,153,61,.065)}
.cinematic-page-hero .cinematic-page-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:1px solid rgba(233,181,100,.06)}
.cinematic-page-hero .cinematic-page-art::after{content:"";position:absolute;inset:auto 0 0 0;height:36%;z-index:1;pointer-events:none;background:linear-gradient(transparent,rgba(4,7,10,.81))}
.cinematic-page-hero .cinematic-page-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.035);transition:transform .55s ease}
.cinematic-page-hero .cinematic-page-art:hover img{transform:scale(1.018)}
.cinematic-page-hero .cinematic-page-art figcaption{position:absolute;z-index:2;left:19px;right:19px;bottom:16px;color:#e5c08a;display:flex;justify-content:space-between;align-items:end;gap:12px;font:.6rem/1.5 var(--mono);letter-spacing:.065em}
.cinematic-page-hero .cinematic-page-art figcaption span:last-child{color:#aeb8c2;text-align:right;max-width:220px;font-size:.55rem}
.cinematic-page-hero .page-coordinate{display:none}
.cinematic-dossier-art{position:relative;z-index:2;margin:0;min-width:0;width:100%;height:295px;overflow:hidden;border:1px solid rgba(223,184,117,.3);background:#10151b;box-shadow:0 17px 46px rgba(0,0,0,.28)}
.cinematic-dossier-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cinematic-dossier-art::after{content:"";pointer-events:none;position:absolute;inset:auto 0 0;height:31%;background:linear-gradient(transparent,rgba(3,7,10,.79))}
.cinematic-dossier-art figcaption{position:absolute;z-index:2;bottom:12px;left:17px;right:17px;font:.6rem var(--mono);letter-spacing:.08em;color:#e7bf84}
.cinematic-visual-note{color:#858e9b;font-size:.77rem;line-height:1.6}
@media(max-width:1150px){
.cinematic-page-hero .page-hero-inner h1{font-size:clamp(2.9rem,4.7vw,4.5rem)}
.cinematic-page-hero.ind-hero .page-hero-inner h1{font-size:clamp(2.85rem,4.5vw,4.2rem)}
}
@media(max-width:980px){
.cinematic-page-hero.page-hero{padding-top:69px;padding-bottom:75px}
.cinematic-page-hero .page-hero-inner,
.cinematic-page-hero.ind-hero .page-hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}
.cinematic-page-hero .page-hero-inner h1{font-size:clamp(3rem,6.8vw,5.2rem)}
.cinematic-page-hero .cinematic-page-art{aspect-ratio:1.65/1}
.cinematic-page-hero .cinematic-page-art img{object-position:center}
.cinematic-dossier-art{height:340px}
}
@media(max-width:560px){
.cinematic-page-hero.page-hero{padding-top:55px;padding-bottom:60px}
.cinematic-page-hero .page-hero-inner,
.cinematic-page-hero.ind-hero .page-hero-inner{gap:27px}
.cinematic-page-hero .page-hero-inner h1,
.cinematic-page-hero.ind-hero .page-hero-inner h1{font-size:clamp(2.8rem,11.4vw,4.4rem)}
.cinematic-page-hero .page-hero-inner p{font-size:.97rem}
.cinematic-page-hero .cinematic-page-art{aspect-ratio:1.18/1}
.cinematic-page-hero .cinematic-page-art figcaption{display:block;left:12px;right:12px;bottom:12px;font-size:.53rem}
.cinematic-page-hero .cinematic-page-art figcaption span:last-child{display:block;max-width:100%;text-align:left;margin-top:3px;font-size:.46rem}
.cinematic-dossier-art{height:275px}
.cinematic-dossier-art figcaption{font-size:.51rem;left:12px;right:12px}
}
@media(prefers-reduced-motion:reduce){.cinematic-page-hero .cinematic-page-art img{transition:none}.cinematic-page-hero .cinematic-page-art:hover img{transform:none}}