:root{
  --bg:#12090f;
  --pink:#ff63be;
  --pink2:#d72c94;
  --violet:#8a46ff;
  --text:#f8f6fb;
  --muted:#d8d2dc;
  --line:rgba(255,99,190,.72);
  --panel:rgba(17,9,15,.56);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0d0710;color:var(--text)}
a{color:inherit;text-decoration:none}
.site-bg{
  min-height:100vh;
  background:
    radial-gradient(circle at 88% 30%, rgba(105,76,255,.52), transparent 31%),
    radial-gradient(circle at 78% 76%, rgba(255,0,113,.56), transparent 28%),
    radial-gradient(circle at 25% 72%, rgba(178,37,144,.35), transparent 30%),
    linear-gradient(135deg,#12090f 0%,#130a11 42%,#291348 72%,#4e123c 100%);
  position:relative;overflow:hidden;
}
.site-bg:after{content:"";position:absolute;inset:auto -10% -20% 12%;height:48%;border-radius:50%;border-top:3px solid rgba(255,78,196,.22);filter:blur(.2px);transform:rotate(-8deg);pointer-events:none}
.container{width:min(1180px,88vw);margin:auto;position:relative;z-index:2}
.hero{min-height:100vh;display:flex;align-items:center;padding:72px 0}
.hero-inner{max-width:800px}
.mark{width:26px;height:26px;transform:rotate(45deg);background:linear-gradient(135deg,#fff,#6d626c);margin-bottom:38px}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(48px,7vw,88px);font-weight:300;letter-spacing:.08em;margin-bottom:20px}
.role{font-size:clamp(15px,1.6vw,22px);letter-spacing:.08em;color:#f3eef3;margin-bottom:52px}
.actions{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:20px;max-width:620px}.btn{border:1px solid var(--line);padding:17px 20px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;color:var(--pink);text-transform:uppercase;background:rgba(10,4,8,.18);transition:.2s}.btn:hover{background:rgba(255,99,190,.10);transform:translateY(-1px)}.email{margin-top:90px;color:var(--pink);display:flex;gap:10px;align-items:center}.email:before{content:"✉";font-size:22px}
.topbar{padding-top:54px}.back{display:inline-block;border:1px solid var(--line);padding:12px 18px;color:var(--pink);letter-spacing:.11em}
.projects{padding:25px 0 88px}.section-title{font-size:clamp(44px,5vw,72px);font-weight:300;letter-spacing:.08em;color:var(--pink2);margin:26px 0 8px}.section-sub{letter-spacing:.08em;color:#f1ebf1;font-size:18px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.card h3{color:var(--pink);font-size:18px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;margin:14px 0 10px;line-height:1.35}.tools{font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1.5;margin-bottom:18px}.small-btn{display:inline-flex;border:1px solid var(--line);padding:10px 14px;color:var(--pink);letter-spacing:.11em;text-transform:uppercase}
.project-page{min-height:100vh;padding:52px 0 70px}.project-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:50px;align-items:center;margin-top:70px}.project-title{font-size:clamp(35px,4vw,58px);font-weight:300;letter-spacing:.09em;color:var(--pink);line-height:1.25}.project-tools{font-size:18px;letter-spacing:.05em;margin:14px 0 42px}.project-copy{font-size:16px;line-height:1.55;letter-spacing:.07em;text-transform:uppercase;max-width:560px}.insight-label{margin-top:32px;color:var(--pink);letter-spacing:.12em;font-size:14px}.insight{margin-top:14px;font-size:16px;line-height:1.55;letter-spacing:.07em;text-transform:uppercase}.dash img{width:100%;display:block;box-shadow:0 22px 55px rgba(0,0,0,.34)}.project-nav{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}.footer-note{padding:28px 0 36px;color:#bdb4c2;font-size:13px}
@media(max-width:900px){.grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.hero{min-height:auto;padding:90px 0 100px}.email{margin-top:52px}.project-layout{grid-template-columns:1fr;margin-top:42px}.dash{order:-1}.section-sub{font-size:15px}.project-tools{font-size:15px}.project-copy,.insight{font-size:14px}.container{width:min(92vw,760px)}}

.dash video{width:100%;height:auto;display:block;object-fit:contain;border:0;background:#000}