:root{--bg:#0b0910;--panel:#191222;--purple:#a35cff;--muted:#c4b8ce;--line:#35283e;--white:#f8f3ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:#050407;border-bottom:1px solid #30213c;position:sticky;top:0;z-index:10}.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:160px;max-height:56px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:22px}.nav nav a{font-size:13px;font-weight:700}.nav nav a:hover{color:var(--purple)}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 11px}.hero{min-height:510px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(8,5,14,.97) 0%,rgba(8,5,14,.85) 43%,rgba(8,5,14,.1) 100%),url('assets/studios-hero.png') center/cover no-repeat}.hero-inner{padding:90px 0}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#c595ff;font-weight:800;margin-bottom:14px}.hero h1{font-size:clamp(36px,5.6vw,70px);line-height:1.08;margin:0 0 22px;letter-spacing:-2px}.hero h1 span{color:#bc83ff}.hero p{max-width:510px;color:#e0d3e8;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 20px;border-radius:7px;font-weight:700;font-size:14px;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,#8534db,#b269f4);color:#fff}.btn.outline{border-color:#9160bc;background:#120b1a;color:#fff}.btn:hover{filter:brightness(1.15)}.section{padding:76px 0}.section h2,.quote-section h2{font-size:clamp(29px,3.8vw,43px);line-height:1.2;margin:0 0 14px}.section-head p,.quote-layout p{color:var(--muted);max-width:650px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter{padding:9px 16px;border-radius:30px;background:#1a1222;border:1px solid #45324e;color:#e6d9ee}.filter.active{background:#7c35c4;border-color:#ae70ec;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{text-align:left;border:1px solid var(--line);background:#17101e;color:#fff;border-radius:13px;overflow:hidden;padding:0;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:var(--purple)}.project-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#1c1425}.project-info{display:flex;flex-direction:column;gap:6px;padding:19px}.project-info small{text-transform:uppercase;letter-spacing:2px;color:#b37cf1}.project-info strong{font-size:19px}.project-info span{font-size:14px;color:#cdbfd7}.portfolio-note,.empty{color:#b6a6c3;font-size:13px}.portfolio-note{margin-top:20px}.services-section{background:#130d1b;border-block:1px solid #281b34}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.services-grid article{padding:23px;border:1px solid #382646;background:#1c1425;border-radius:12px}.services-grid article>span{color:#bf80ff;font-size:28px}.services-grid h3{margin:12px 0 8px;font-size:18px}.services-grid p,.steps p{margin:0;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.steps>div{border-left:2px solid #8d49d4;padding:5px 0 5px 20px}.steps b{color:#c891ff;font-size:25px}.steps h3{margin:8px 0}.quote-section{background:linear-gradient(135deg,#241231,#0d0a12);border-top:1px solid #442951;padding:75px 0}.quote-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:65px}.quote-form{padding:26px;border:1px solid #563a68;border-radius:13px;background:#160e1d}.quote-form label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}.quote-form label span{color:#d99aff}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;background:#0b0810;color:#fff;border:1px solid #654776;border-radius:7px;padding:12px;outline-offset:2px}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid #a869ed}.quote-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form button:disabled{opacity:.55}.small{font-size:12px!important;color:#baa7c9!important}.form-status{min-height:20px;color:#d6a6ff}.honeypot{position:absolute;left:-9999px}footer{border-top:1px solid #30213c;background:#08060a}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0;font-size:13px;color:#c7b7d2}.foot div{display:flex;gap:20px}dialog{border:1px solid #764f96;background:#17101e;color:#fff;border-radius:14px;padding:0;width:min(720px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:rgba(0,0,0,.85)}dialog>img{width:100%;max-height:370px;object-fit:contain;background:#0c0811;display:block}.dialog-content{padding:25px}.dialog-content p{color:#d0c2dc}.dialog-close{position:sticky;float:right;top:10px;margin:10px 10px -50px 0;border:0;border-radius:50%;background:#4b2d63;color:#fff;padding:9px 12px;z-index:1}#dialogLink[hidden]{display:none}@media(max-width:850px){.portfolio-grid,.services-grid{grid-template-columns:repeat(2,1fr)}.quote-layout{grid-template-columns:1fr;gap:22px}.nav nav{gap:12px}.nav nav a{font-size:12px}}@media(max-width:650px){.nav{min-height:70px}.menu-toggle{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0c0712;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.hero{min-height:460px;background:linear-gradient(90deg,rgba(8,5,14,.94),rgba(8,5,14,.72)),url('assets/studios-hero.png') center/cover no-repeat}.hero-inner{padding:70px 0}.section{padding:52px 0}.portfolio-grid,.services-grid,.steps,.quote-form .two{grid-template-columns:1fr}.quote-section{padding:55px 0}.quote-form{padding:18px}.brand img{width:135px}}

/* About / education and multi-image project previews */
.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin-top:25px}.about-layout p{color:var(--muted)}.education{background:#1b1324;border:1px solid var(--line);padding:24px;border-radius:14px}.education h3{margin:0 0 16px}.education article{border-top:1px solid #40304e;padding:15px 0;display:flex;flex-direction:column;gap:4px}.education article strong{color:#f6ecff}.education article span{color:#cba4ed}.dialog-gallery{display:flex;gap:10px;overflow-x:auto;padding:12px 18px;background:#0d0812}.gallery-thumb{padding:3px;background:#1b1224;border:2px solid transparent;border-radius:7px;flex:0 0 100px;height:78px}.gallery-thumb.active,.gallery-thumb:focus-visible{border-color:#bc83ff}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.project-card img{object-fit:contain;padding:8px}.project-info small{line-height:1.6}@media(max-width:700px){.about-layout{grid-template-columns:1fr;gap:20px}}