/* Shared visual language from the September 2026 illustrated capsule artwork. */
:root{--bg:#09283f;--bg2:#103954;--panel:#123c57;--line:#34647b;--aqua:#adebf0;--aqua-d:#68c9df;--ink:#effbff;--muted:#b4cfdc;--head:"Nunito","Segoe UI",sans-serif;--body:"Inter","Segoe UI",sans-serif;--glow:0 8px 30px #061b3033}
body{background:var(--bg);color:var(--ink)}
body::before{background:radial-gradient(ellipse at 90% 10%,#3788ac33,transparent 55%);opacity:1}
h1,h2,h3,.back{font-family:var(--head);letter-spacing:0;text-transform:none;font-weight:800}
h2{font-size:clamp(1.8rem,3.2vw,2.5rem)}
h3{font-size:1.2rem}
a{text-underline-offset:4px}
nav{background:#09283fed;border-color:var(--line)}
nav .brand{letter-spacing:.06em}
nav li a{color:#d0e7ef}
nav .cta,.btn{clip-path:none;border-radius:999px;letter-spacing:.02em;text-transform:none;font-size:.9rem;font-weight:800}
.btn{padding:13px 22px;background:#123c57}
.btn-aqua,nav .cta{background:var(--aqua);color:#09283f}
.btn-aqua:hover,nav .cta:hover{background:#d2f8df;color:#09283f}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:#729db1}
.eyebrow{letter-spacing:.13em;font-weight:800}
.hero{min-height:700px;padding:56px 0 64px;background:#103855}
.hero-bg{left:35%;width:65%}
.hero-bg img{opacity:1;object-position:72% center;animation:none;transform:none}
.hero-bg::after{background:linear-gradient(90deg,#103855 0%,#10385522 25%,transparent 50%),linear-gradient(0deg,#103855,transparent 25%)}
.hero .wrap{width:100%;pointer-events:none}
.hero .wrap>*{max-width:490px;pointer-events:auto}
.hero-logo{width:460px;height:auto;filter:drop-shadow(0 6px 12px #061b3066)}
.hero h1{font-family:var(--head);font-size:clamp(1.6rem,2.3vw,2rem);font-weight:800;line-height:1.2;margin-top:26px}
.hero .lead{font-size:1rem;color:#deeff5;text-shadow:none}
.hero .btns{gap:10px;margin-top:22px}
.hero .badges{gap:8px}
.badge{font-family:var(--body);font-size:.73rem;letter-spacing:0;text-transform:none;border-color:#6793a7;background:#09283fc9;color:#d7f4f7;padding:5px 10px}
.rays{display:none}
.oct{clip-path:none;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #051c2c33}
.oct::before,.oct .node{display:none}
.motion-card{background:var(--panel);border-color:var(--line);border-radius:22px}
.strip{border-radius:22px;box-shadow:0 12px 35px #041a3040}
.strip img{height:auto}
.gal a,.gal img{border-radius:12px}
details{border-radius:16px;overflow:hidden}
.small{color:var(--muted)}
.press-page{background:radial-gradient(ellipse at top right,#216187 0,transparent 700px),var(--bg)}
.press-page>.wrap{max-width:1100px}
.press-page h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15}
.press-page h2{font-size:1.7rem;color:var(--aqua)}
.press-page .back{display:inline-block;margin-bottom:24px;font-size:.85rem;letter-spacing:.03em}
.press-cover{width:100%;height:auto;border-radius:22px;display:block;margin-bottom:30px}
.press-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0 36px}
.press-links a{font-weight:600}
.press-page .logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.press-page .logos a{border-radius:18px;padding:24px;display:flex;align-items:center;justify-content:center}
.press-page .logos img{width:100%;max-width:360px;height:auto}
.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.art-card{margin:0;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;min-width:0}
.art-card img{width:100%;height:240px;object-fit:contain;display:block;margin-bottom:14px;border-radius:8px}
.art-card figcaption{color:var(--muted);font-size:.9rem}
.art-card a{display:block;font-weight:600;margin-top:6px}
.press-page table{background:#10354c;border-radius:16px;overflow:hidden}
.press-page td{padding:12px 16px}
@media(max-width:1100px){nav ul{gap:13px}nav li a{font-size:.8rem}.hero .wrap>*{max-width:440px}}
@media(max-width:820px){
 .hero{padding:0 0 40px;display:flex;flex-direction:column;min-height:0}
 .hero-bg{position:relative;inset:auto;width:100%;height:clamp(220px,44vw,350px);transform:none!important}
 .hero-bg img{object-position:70% center}
 .hero-bg::after{background:linear-gradient(0deg,#103855,transparent 28%)}
 .hero .wrap{margin-top:-12px}
 .hero .wrap>*{max-width:620px}
 .hero-logo{width:min(370px,85%)}
 .hero h1{margin-top:20px}
 .hero .lead{font-size:1rem}
 section{padding:60px 0}
 .press-page>.wrap{padding-top:24px}
}
@media(max-width:520px){
 .wrap{padding-left:20px;padding-right:20px}
 .hero .btn{font-size:.82rem;padding:12px 16px}
 .hero .badges{max-width:340px}
 .art-grid,.press-page .logos{grid-template-columns:1fr}
 .art-card img{height:auto;max-height:360px}
 .press-page td{padding:10px}
 .press-cover{border-radius:14px}
}