.cinema-home { --bg:#f4f2ed; }
.cinema-home .top { position:absolute; top:0; left:0; right:0; z-index:20; background:transparent; border-bottom:1px solid #ffffff29; padding-top:25px; padding-bottom:25px; }
.cinema-home .top .btn { background:#f26732; }
.cinema-hero { position:relative; isolation:isolate; min-height:800px; min-height:max(780px,100svh); color:#fff; background:#131719; padding:155px 5% 28px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; }
.cinema-media,.cinema-shade { position:absolute; inset:0; z-index:-2; }
.cinema-poster,.cinema-film { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center 52%; }
.cinema-film { opacity:0; transition:opacity .7s ease; }
.film-playing .cinema-film,.film-loaded .cinema-film { opacity:1; }
.cinema-shade { z-index:-1; background:linear-gradient(90deg,rgba(10,15,18,.92) 0%,rgba(10,15,18,.78) 30%,rgba(10,15,18,.3) 62%,rgba(10,15,18,.12)),linear-gradient(0deg,rgba(10,15,18,.88),transparent 28%,transparent 78%,rgba(10,15,18,.5)); }
.cinema-content { max-width:920px; padding-bottom:48px; }
.cinema-home .cinema-content .eyebrow { color:#e3e1d9; display:flex; align-items:center; gap:12px; font-size:10px; letter-spacing:2px; margin-bottom:30px; }
.hero-location { border-left:1px solid #ffffff50; padding-left:14px; color:#b4b8b9; }
.cinema-home .cinema-content h1 { font-size:clamp(66px,7.5vw,118px); line-height:.96; letter-spacing:-.065em; font-weight:800; margin-bottom:30px; }
.cinema-home .cinema-content h1 span { color:#ff8452; }
.cinema-description { color:#e1e2df; font-size:16px; max-width:520px; }
.cinema-actions { display:flex; align-items:center; gap:30px; margin:30px 0 22px; }
.cinema-home .cinema-actions .btn { background:#f26732; min-width:245px; display:inline-flex; justify-content:space-between; padding:21px 25px; border-radius:3px; font-size:15px; }
.cinema-home .cinema-actions .btn:hover { background:#db4d1a; transform:translateY(-2px); }
.cinema-secondary { font-size:13px; border-bottom:1px solid #ffffff60; padding:9px 0; }
.cinema-secondary span { padding-left:15px; }
.cinema-reassurance { color:#b9bdba; font-size:11px; }
.cinema-reassurance span { color:#ff8452; padding:0 9px; }
.cinema-side { position:absolute; right:5%; top:43%; display:flex; align-items:center; gap:30px; writing-mode:vertical-rl; color:#eee9dc; font:9px monospace; letter-spacing:3px; }
.cinema-cross { font-size:30px; font-weight:200; color:#ff8452; }
.cinema-bottom { border-top:1px solid #ffffff35; padding-top:22px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.cinema-next { display:flex; gap:18px; align-items:center; font:9px/1.8 monospace; letter-spacing:1px; color:#c1c6c3; }
.cinema-next strong { font:500 12px/1.8 Arial,sans-serif; letter-spacing:0; color:#f4f2ed; }
.cinema-down { border:1px solid #ffffff55; width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font:20px Arial,sans-serif; color:#fff; }
.cinema-controls { display:flex; align-items:center; gap:22px; }
.cinema-controls>a { font:9px monospace; color:#b4bab6; }
.cinema-controls button { display:flex; gap:10px; background:#13171966; border:1px solid #ffffff50; color:#fff; padding:10px 14px; border-radius:3px; font-size:11px; cursor:pointer; }
.cinema-home .capability-strip { background:#ed6330; color:#171916; padding:23px 5%; font-size:12px; letter-spacing:1.6px; }
.cinema-home .capability-strip i { color:#8d2b09; }
.cinema-home .quote-section { padding-top:100px; }
.metal-story { display:grid; grid-template-columns:1.1fr 1fr; margin:0 5% 95px; background:#202722; color:#f4f2ed; }
.metal-story-photo { position:relative; overflow:hidden; min-height:540px; }
.metal-story-photo img { width:100%; height:100%; position:absolute; object-fit:cover; object-position:48%; filter:brightness(.75); }
.metal-story-photo span { position:absolute; bottom:25px; left:28px; font:10px monospace; letter-spacing:1px; color:#fff; }
.metal-story-copy { padding:60px 12%; align-self:center; }
.metal-story-copy .eyebrow { color:#bbc4b7; font-size:9px; }
.metal-story-copy h2 { font-size:clamp(42px,4.8vw,72px); }
.metal-story-copy h2 em { color:#ff8452; font-style:normal; }
.metal-story-copy>p:not(.eyebrow) { font-size:14px; color:#bcc4b7; margin-bottom:28px; }
.metal-story-copy .text-link { font-size:12px; }
.cinema-home .service-number { font-size:16px; }
@media(min-width:1800px) { .cinema-hero {padding-left:8%;padding-right:8%;} }
@media(max-width:800px) {
 .cinema-home .top {position:absolute;padding:16px 5%;} .cinema-home .nav.open {background:#131719;}
 .cinema-hero {padding:120px 5% 23px;min-height:850px;min-height:max(800px,100svh);}
 .cinema-content {padding-bottom:32px;} .cinema-home .cinema-content h1 {font-size:clamp(64px,11vw,88px);line-height:1;}
 .cinema-home .cinema-content .eyebrow {font-size:8px;letter-spacing:1px;gap:9px;} .hero-location {padding-left:9px;}
 .cinema-description {font-size:15px;max-width:420px;} .cinema-actions {align-items:flex-start;flex-direction:column;gap:18px;}
 .cinema-home .cinema-actions .btn {min-width:0;width:100%;max-width:360px;padding:19px 23px;}
 .cinema-poster {object-position:48%;} .cinema-film {object-position:center;}
 .cinema-shade {background:linear-gradient(90deg,#0a0f12d9,#0a0f1266),linear-gradient(0deg,#0a0f12ed,transparent 45%,#0a0f1233);}
 .cinema-side {display:none;} .cinema-bottom {align-items:flex-start;flex-direction:column;gap:18px;}
 .cinema-controls {justify-content:space-between;width:100%;} .cinema-next strong {font-size:11px;}
 .cinema-reassurance {font-size:10px;} .cinema-reassurance span {padding:0 5px;}
 .cinema-home .capability-strip {font-size:9px;letter-spacing:1px;gap:10px 16px;}
 .cinema-home .quote-section {padding-top:60px;}
 .metal-story {grid-template-columns:1fr;margin-bottom:55px;} .metal-story-photo {min-height:290px;}
 .metal-story-copy {padding:38px 8%;} .metal-story-copy h2 {font-size:49px;}
}
@media(prefers-reduced-motion:reduce) { .cinema-film {transition:none;} .cinema-home .cinema-actions .btn:hover {transform:none;} }
