/* Brand refresh — preserve existing pages, forms, and offer scopes. */
:root{--muted:#aab5cb}
.site-header{background:rgba(5,9,18,.91);border-bottom:1px solid rgba(95,213,255,.24)}
.brand{gap:.85rem}.brand-mark{width:48px!important;height:48px!important;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 0 8px #3abaff55)}
.brand-text{font-weight:700;letter-spacing:.055em}
.hero{position:relative;background:radial-gradient(ellipse at 80% 15%,#18315b55,transparent 52%),linear-gradient(180deg,#03070e,#090d18)}
.hero h1{font-size:clamp(2.45rem,4.8vw,4.8rem);line-height:1.05;letter-spacing:-.04em;max-width:15ch}
.hero .lead{font-size:1.05rem;line-height:1.75;max-width:58ch}
.brand-hero{position:relative;width:min(100%,380px);height:80px;overflow:hidden;margin:1.4rem 0 1.8rem}
.brand-hero img{position:absolute;width:100%;height:auto;max-width:none;left:0;top:-174px}
.hero-grid{gap:clamp(2rem,5vw,5rem)}
.hero-visual{border-color:#73caff55;box-shadow:0 22px 80px #0009,inset 0 0 45px #1f9de711}
.card,.price-card{border-color:#6696cd35;background:linear-gradient(145deg,#152336aa,#0a101bdd)}
.btn-primary{box-shadow:0 5px 26px #1d9bd833;border:1px solid #b1f5ff80}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #8dedff;outline-offset:5px}
.site-footer{background:linear-gradient(180deg,#090e19,#03070e)}
@media(min-width:900px){.hero{padding-top:4.8rem;padding-bottom:5rem}.hero-grid{grid-template-columns:1.05fr 1fr}.hero-visual{transform:perspective(1000px) rotateY(-3deg)}}
@media(max-width:600px){.brand-mark{width:42px!important;height:42px!important}.brand-hero{width:300px;height:64px}.brand-hero img{top:-138px}.hero h1{font-size:2.65rem}.hero .lead{font-size:1rem}.hero-visual{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-brand=voidwave] .hero{background:radial-gradient(ellipse at 85% 20%,#51247655,transparent 58%),linear-gradient(180deg,#070510,#0b101d)}
[data-brand=voidwave] .brand-hero{height:80px}
[data-brand=voidwave] .brand-hero img{top:-174px}
[data-brand=voidwave] .showreel{min-height:480px;border-color:#d595ff66}
[data-brand=voidwave] .showreel-frame{border-color:#9aeaff66}
[data-brand=voidwave] .btn-primary{box-shadow:0 5px 28px #9949df44}
@media(max-width:600px){[data-brand=voidwave] .brand-hero{height:64px}[data-brand=voidwave] .brand-hero img{top:-138px}[data-brand=voidwave] .showreel{min-height:380px}}

/* Transparent identity artwork, official studio duo, and shop entrance. */
[data-brand=voidwave] .brand-hero{position:static;width:min(100%,300px);height:auto;overflow:visible;margin:1rem 0 1.5rem}
[data-brand=voidwave] .brand-hero img{position:static;display:block;width:100%;height:auto;max-width:100%}
.brand{flex-shrink:0}
.studio-duo-chip{display:inline-flex;align-items:center;gap:.85rem;padding:.6rem .9rem .6rem .6rem;border:1px solid #73caff44;border-radius:14px;background:#0b1524aa;text-decoration:none}
.studio-duo-chip img{width:90px;height:60px;object-fit:cover;border-radius:8px}
.studio-duo-chip strong,.studio-duo-chip small{display:block}
.studio-duo-chip strong{color:var(--text-bright);font-size:.9rem}
.studio-duo-chip small{color:var(--muted);font-size:.8rem;margin-top:.25rem}
.studio-duo-about{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;overflow:hidden;padding:1.5rem}
.studio-duo-about>img{width:100%;height:auto;border-radius:12px}
#studio-mascots,#command-center-showcase{scroll-margin-top:110px}
.shop-hero{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.shop-hero h1{margin-top:1.5rem}
.shop-art{margin:0;border:1px solid #c084ff66;border-radius:22px;overflow:hidden;background:#0b101d;box-shadow:0 24px 90px #0009}
.shop-art img{display:block;width:100%;height:auto}
.shop-art figcaption{padding:1rem;color:var(--muted);font-size:.85rem}
@media(min-width:900px) and (max-width:1150px){.nav-links a{padding:.55rem .45rem;font-size:.84rem}.brand{gap:.4rem}.brand-text{font-size:.95rem}.nav{gap:.6rem}.nav-cta{padding:.7rem .85rem}}
@media(max-width:899px){.shop-hero,.studio-duo-about{grid-template-columns:1fr;gap:1.5rem}.shop-art{max-width:620px}.studio-duo-about{padding:1rem}}
@media(max-width:600px){[data-brand=voidwave] .brand-hero{width:230px}.studio-duo-chip strong{font-size:.85rem}.shop-hero h1{font-size:2.5rem}}

[data-brand=voidwave] .work-masonry .work-card.span-wide .work-media.duo-media{aspect-ratio:3 / 2}
@media(max-width:899px){.site-header .nav-cta{display:none}}

/* A clean brand signature beside the Services introduction. */
.services-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);column-gap:clamp(1.5rem,5vw,4rem);align-items:center}
.services-hero-heading{min-width:0}
.services-hero-logo{display:flex;align-items:center;justify-content:center;min-width:0}
.services-hero-logo img{display:block;width:100%;max-width:360px;height:auto;filter:drop-shadow(0 0 24px #31bfff20)}
.services-hero-description{grid-column:1 / -1}
@media(max-width:679px){.services-hero-layout{grid-template-columns:1fr;gap:0}.services-hero-logo{order:3;justify-content:flex-start;margin-top:1rem}.services-hero-logo img{max-width:210px}.services-hero-description{order:2}}
