:root{--bg:#10121a;--surface:#191c27;--text:#f5f5f9;--muted:#aeb3c2;--line:#303443;--accent:#e7a6bc;--accent-ink:#23131c}
.site-header{background:#11131bec;border-bottom-color:#ffffff17}
.brand small{color:#adb1c1}
.nav-cta{border-color:#474456;background:#1c1c29}
.nav-cta:hover{border-color:var(--accent)}
.eyebrow{color:#edc4d2}
.button-primary:hover{background:#f2c6d5;border-color:#f2c6d5}
.button-ghost{border-color:#67647b;background:#1a1c2bce}
.project:hover{border-color:#716176}
.services{background:#151822}
.service-grid article{border-top-color:#575367}
.contact{background:radial-gradient(ellipse at 92% 20%,#33283d,#1c202e 65%);border-color:#454657}
.contact-actions{color:#e7d5df}
.site-footer{background:#11131b}
.studio-hero{min-height:590px;background:#11131c}
.studio-hero-images,.studio-hero-slide{position:absolute;inset:0;overflow:hidden}
.studio-hero-images{z-index:-2}
.studio-hero-slide{opacity:0;transition:opacity .55s ease}
.studio-hero-slide.is-active{opacity:1}
.studio-hero-slide img{position:absolute;right:0;width:100%;height:100%;object-fit:cover;object-position:57% 47%}
.studio-hero-slide--editor img{width:66%;object-position:center 51%}
.studio-hero::after{background:linear-gradient(90deg,#11131c 0%,#11131cf8 23%,#11131c95 48%,#11131c12 73%),linear-gradient(0deg,#11131c 0%,transparent 29%)}
.studio-hero .hero-content{padding-block:75px 60px}
.studio-hero h1{font-size:clamp(52px,5.3vw,80px);line-height:1.16}
.studio-hero h1 em{color:#efb0c6}
.studio-hero .hero-description{color:#d9dae4;max-width:500px}
.studio-hero-footer{min-height:65px;padding-block:10px;letter-spacing:.11em}
.hero-label{color:#c4c5d2}
.hero-divider{margin-inline:5px;color:var(--accent)}
.hero-controls{display:flex;align-items:center;gap:6px}
.hero-controls button{display:grid;place-items:center;min-width:37px;height:37px;border-radius:7px;border:1px solid #ffffff29;background:#191b2ae3;color:var(--text);font:750 12px Manrope,sans-serif;padding:0}
.hero-controls button:hover{border-color:var(--accent)}
.hero-controls button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.hero-controls .hero-arrow{font-size:22px;line-height:1}
.hero-controls .hero-play{margin-left:4px;color:var(--accent);font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:960px){.studio-hero{min-height:540px}.studio-hero::after{background:linear-gradient(90deg,#11131c 0%,#11131cdd 32%,#11131c45 81%),linear-gradient(0deg,#11131c 0%,transparent 33%)}}
@media(max-width:620px){
 .studio-hero{min-height:575px}
 .studio-hero-slide img{width:100%;object-position:66% 30%}
 .studio-hero-slide--editor img{object-position:42% center}
 .studio-hero::after{background:linear-gradient(90deg,#11131cdb 0%,#11131c70 92%),linear-gradient(0deg,#11131c 0%,#11131cd0 26%,#11131c31 78%)}
 .studio-hero .hero-content{padding-block:82px 51px}
 .studio-hero h1{font-size:clamp(36px,9.6vw,52px)}
 .studio-hero-footer{flex-wrap:wrap;gap:8px;padding-block:11px}
 .hero-label{font-size:9px;letter-spacing:.075em}
 .hero-controls button{min-width:39px;height:38px}
}
@media(prefers-reduced-motion:reduce){.studio-hero-slide{transition:none}}