/* Sivura's opening: static copy over a dimensional, self-running brand showcase. */
.cinematic-hero{display:flex;flex-direction:column;isolation:isolate;overflow:hidden;min-height:calc(100svh - 88px);background:#090b12;color:#fffefa}
.cinematic-hero .hero-copy{position:relative;z-index:2;width:66%;min-height:650px;flex:1;padding:64px var(--pad) 46px;animation:none;pointer-events:none}
.cinematic-hero .hero-copy a{pointer-events:auto}
.cinematic-hero .hero-copy>.eyebrow{color:#e3ff99;letter-spacing:.17em;font-size:11px}
.cinematic-hero h1{font-size:clamp(94px,10.4vw,165px);margin:32px 0 27px;line-height:.88;text-shadow:0 3px 36px #05071165}
.cinematic-hero .hero-preline{font-size:clamp(24px,2.6vw,38px);letter-spacing:-.04em;margin-bottom:19px}
.cinematic-hero h1 em{color:#dfff82;font-size:1.15em}
.cinematic-hero .hero-description{font-size:clamp(16px,1.35vw,20px);max-width:430px;color:#eeeff3;line-height:1.55;text-shadow:0 2px 15px #000}
.cinematic-hero .hero-actions{gap:18px 25px;margin-top:26px}
.cinematic-hero .hero-service-link{font-size:12px;color:#d5d9e5;margin-top:20px}
.cinematic-scene{position:absolute;inset:0 0 48px;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#26385a 0%,#111725 33%,#090b12 72%);pointer-events:none}
.cinematic-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 92% 75%,#234af52e,transparent 50%)}
#sivura-phone{display:block;width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .8s}
.cinematic-scene.is-ready #sivura-phone{opacity:1}
.cinematic-scene.is-ready .cinematic-fallback{opacity:0}
.cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090b12e6 0%,#090b12ba 26%,#090b1250 49%,transparent 73%),linear-gradient(0deg,#090b12dc 0%,transparent 30%);pointer-events:none}
.cinematic-fallback{position:absolute;width:clamp(300px,34vw,520px);aspect-ratio:1/2.05;left:56%;top:2%;padding:10px;border:2px solid #8696ad;border-radius:58px;background:linear-gradient(120deg,#d6dfed,#293241 15%,#050709 60%,#a8b6cd);transform:perspective(1200px) rotateY(-27deg) rotateZ(15deg);box-shadow:14px 10px 0 #181e2a,18px 12px 0 #62708a,35px 35px 70px #000b;transition:opacity .5s}
.fallback-screen{height:100%;overflow:hidden;border:5px solid #050609;border-radius:44px;background:#142d3b}
.fallback-screen img{width:100%;height:100%;max-width:none;object-fit:cover;transform:none}
.fallback-speaker{position:absolute;left:40%;top:14px;width:20%;height:12px;border-radius:20px;background:#050609}
.cinematic-footer{z-index:2;position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--pad) 24px}
.cinematic-case{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#f1f3f8}
.cinematic-case .eyebrow{font-size:8px;letter-spacing:.16em;color:#bdc4d4}
.cinematic-case>span:last-child>span{margin-left:15px;color:#dfff82}
.cinematic-toggle{border:1px solid #ffffff42;background:#0b1023b8;color:#f1f3f8;font-size:11px;border-radius:30px;padding:11px 15px;min-height:44px;white-space:nowrap}
.cinematic-toggle:hover{border-color:#dfff82}
.cinematic-toggle span{margin-left:10px}
.cinematic-hero .hero-bottom{position:relative;z-index:2;padding:14px var(--pad);width:100%;background:#0a0c12e6;color:#ecedf3;font-size:10px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}
.cinematic-hero .hero-bottom>span:last-child{color:#bdc4d4}
@media(min-width:1700px){.cinematic-hero .hero-copy{padding-left:max(var(--pad),calc((100vw - 1600px)/2));min-height:750px}}
@media(max-width:1100px) and (min-width:761px){.cinematic-hero .hero-copy{width:75%;min-height:640px}.cinematic-hero h1{font-size:12vw}.cinematic-hero .hero-description{max-width:375px}}
@media(max-width:760px){
 .cinematic-hero{min-height:calc(100svh - 76px)}
 .cinematic-hero .hero-copy{width:100%;min-height:590px;padding:80px var(--pad) 38px;justify-content:center}
 .cinematic-hero h1{font-size:clamp(80px,23vw,138px);margin:27px 0 25px;line-height:.9}
 .cinematic-hero .hero-preline{font-size:clamp(23px,6.4vw,34px);margin-bottom:15px}
 .cinematic-hero h1 em{font-size:1.1em;line-height:.92;margin-left:0}
 .cinematic-hero .hero-copy>.eyebrow{font-size:9px;letter-spacing:.13em}
 .cinematic-hero .hero-description{max-width:335px;font-size:16px;line-height:1.55}
 .cinematic-hero .hero-actions{gap:17px 20px;margin-top:25px}
 .cinematic-hero .hero-actions .button{min-height:50px;padding:14px 18px;font-size:13px}
 .cinematic-hero .hero-work-link{font-size:12px}
 .cinematic-hero .hero-service-link{font-size:11px;margin-top:19px;line-height:1.5}
 .cinematic-scene{bottom:58px}
 .cinematic-shade{background:linear-gradient(90deg,#090b12c9 0%,#090b1294 42%,#090b1230 100%),linear-gradient(0deg,#090b12 0%,#090b1222 72%,#090b1215)}
 .cinematic-fallback{left:30%;width:340px;top:2%;border-radius:44px}
 .cinematic-footer{padding:0 var(--pad) 20px;gap:12px}
 .cinematic-case{font-size:11px}.cinematic-case .eyebrow{font-size:7px}
 .cinematic-toggle{font-size:10px;padding:9px 12px}
 .cinematic-hero .hero-bottom{font-size:9px;padding-block:13px;min-height:58px;align-items:center}
}
@media(max-width:360px){.cinematic-hero .hero-copy{padding:62px 20px 32px;min-height:560px}.cinematic-hero .hero-actions{gap:13px}.cinematic-hero .hero-work-link{font-size:11px}.cinematic-footer{padding-inline:20px}.cinematic-case .eyebrow{font-size:6px}}
@media(prefers-reduced-motion:reduce){#sivura-phone,.cinematic-fallback{transition:none}}

/* Keep every word in the opening headline in the same bright accent. */
.cinematic-hero #hero-title,
.cinematic-hero #hero-title .hero-preline,
.cinematic-hero #hero-title .hero-main,
.cinematic-hero #hero-title em{color:#dfff82}

/* Simplified opening: headline, primary action and motion control. */
.cinematic-hero .cinematic-scene{bottom:0}
.cinematic-hero .cinematic-footer{justify-content:flex-end}
.cinematic-hero .hero-copy{display:flex;flex-direction:column;justify-content:center}