.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;background:#020e1b url('earth-horizon.png') center calc(100% + 90px)/cover no-repeat}
.cinematic-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,10,20,.89) 0%,rgba(0,12,25,.55) 36%,rgba(0,12,25,.08) 64%,rgba(0,12,25,.2) 100%)}
.cinematic-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#020e1b 0%,rgba(2,14,27,.95) 12%,rgba(2,14,27,0) 36%)}
.cinematic-hero .hero-grid{position:relative;max-width:1380px;min-height:600px;padding:54px 34px 110px;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.cinematic-hero .hero-copy{position:relative;z-index:2;max-width:570px}
.cinematic-hero .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:20px}
.cinematic-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(35px,3.7vw,54px);line-height:1.13;letter-spacing:-.035em;font-weight:750;margin-bottom:24px}
.cinematic-hero h1 em{font-style:normal;color:#ffc642;font-weight:750}
.cinematic-hero .lead{font-size:17px;line-height:1.6;max-width:520px;color:#eef3f9}
.cinematic-hero .actions{margin:27px 0 22px;gap:14px}
.cinematic-hero .btn{padding:13px 23px;font-size:14px}
.cinematic-hero .particle-n{position:relative;width:108%;margin-left:-10%;height:auto;aspect-ratio:1.5;z-index:1;pointer-events:none}
.cinematic-hero canvas{display:block;width:100%;height:100%;background:transparent}
@media(min-width:801px){.cinematic-hero .particle-n{transform:translateY(-60px)}}
.cinematic-hero .hero-concepts{position:absolute;right:25px;top:115px;width:145px;color:#b9d9f7;font:11px/2.2 Arial,sans-serif;letter-spacing:.2em;z-index:3}
.cinematic-hero .hero-concepts span{display:block}
.cinematic-hero .hero-concepts p{font-family:'Segoe Print','Bradley Hand',cursive;font-style:italic;font-size:24px;line-height:1.25;letter-spacing:-.04em;color:#ffca4f;transform:rotate(-8deg);margin-top:25px}
.cinematic-hero .hero-concepts p:before{content:"";display:block;width:25px;border-top:2px solid #e7b84d;margin-bottom:22px}
@media(max-width:800px){.cinematic-hero .hero-concepts span{font-size:10px;font-weight:600;text-shadow:0 1px 5px #000}}
body:has(.cinematic-hero)>header:has(#notrino-public-navigation){background:#020d18!important;background-color:#020d18!important;border-bottom-color:#142333;color:#fff}
body:has(.cinematic-hero)>header nav a{color:#e8eef6}
body:has(.cinematic-hero)>header .notrino-menu-toggle{background:#071b2e;color:#fff;border-color:#687589}
@media(min-width:1100px){.cinematic-hero .hero-grid{grid-template-columns:48% 52%;padding-right:175px;min-height:580px;padding-top:44px;padding-bottom:100px}.cinematic-hero h1{font-size:52px}.cinematic-hero .particle-n{width:100%;max-width:550px;margin-left:0}.cinematic-hero .hero-concepts{right:18px;top:100px;width:170px;font-size:13px}.cinematic-hero .hero-concepts p{font-size:23px}}
@media(max-width:1000px) and (min-width:801px){.cinematic-hero .hero-concepts{display:none}.cinematic-hero .hero-grid{min-height:560px}.cinematic-hero h1{font-size:39px}}
@media(max-width:1100px) and (min-width:801px){body:has(.cinematic-hero)>header{padding-left:20px;padding-right:20px;gap:12px}body:has(.cinematic-hero)>header .notrino-header-logo{width:155px}body:has(.cinematic-hero)>header nav{gap:12px}body:has(.cinematic-hero)>header nav a{font-size:12px}body:has(.cinematic-hero)>header .lang{white-space:nowrap;font-size:11px}}
@media(max-width:800px){.cinematic-hero{background-position:65% calc(100% + 35px);background-size:auto 45%}.cinematic-hero:before{background:linear-gradient(180deg,rgba(0,10,20,.8) 0%,rgba(0,12,25,.56) 52%,transparent 100%)}.cinematic-hero .hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:43px 20px 60px;gap:12px}.cinematic-hero h1{font-size:38px;line-height:1.13}.cinematic-hero .lead{font-size:16px}.cinematic-hero .eyebrow{font-size:10px;line-height:1.7}.cinematic-hero .particle-n{width:100%;margin:0;aspect-ratio:1.5}.cinematic-hero .hero-concepts{position:relative;inset:auto;width:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:3px 13px;text-align:center;font-size:8px;line-height:1.8;letter-spacing:.13em}.cinematic-hero .hero-concepts p{width:100%;font-size:22px;line-height:1.3;margin:10px 0 0;transform:none}.cinematic-hero .hero-concepts p:before{display:none}.cinematic-hero .micro{font-size:11px}.cinematic-hero .actions .btn{padding:13px 14px}}