:root {
  --bg:#08070c; --panel:#111017; --text:#f6f4fa; --muted:#aaa2b4;
  --pink:#ff2c9f; --purple:#8b36ff; --blue:#40c8ff; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:
radial-gradient(circle at 80% 0%,rgba(139,54,255,.13),transparent 25%),
radial-gradient(circle at 20% 30%,rgba(255,44,159,.09),transparent 22%),var(--bg);
font-family:Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.noise{pointer-events:none;position:fixed;inset:0;z-index:99;opacity:.07;mix-blend-mode:screen;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
padding:14px clamp(18px,4vw,56px);backdrop-filter:blur(18px);background:rgba(8,7,12,.72);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em;font-size:.85rem}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 0 28px rgba(255,44,159,.25);flex:0 0 42px}
nav{display:flex;gap:24px;font-size:.82rem;color:var(--muted)}nav a:hover{color:#fff}
.menu-btn{display:none;background:none;color:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px}
.hero{min-height:86vh;position:relative;overflow:hidden;display:grid;align-items:end;padding:clamp(70px,10vw,140px) clamp(20px,6vw,80px)}
.hero-bg{position:absolute;inset:0;background:
linear-gradient(180deg,rgba(8,7,12,.05),rgba(8,7,12,.97)),
linear-gradient(90deg,rgba(8,7,12,.95) 0%,rgba(8,7,12,.48) 52%,rgba(8,7,12,.72) 100%),
url('./assets/featured-poster.jpg') center 45%/cover no-repeat;filter:saturate(.9) contrast(1.07)}
.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow,.tag{color:var(--pink);font-size:.74rem;font-weight:900;letter-spacing:.18em}
h1{margin:.18em 0 .18em;font-size:clamp(4rem,12vw,10rem);line-height:.82;letter-spacing:-.07em;max-width:900px}
h1 span{color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:0 0 25px rgba(255,44,159,.2)}
.hero p{max-width:650px;color:#d1cbd7;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.6}
.hero-actions,.social-row,.social-buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:4px;font-weight:800;letter-spacing:.04em;border:1px solid var(--line)}
.btn.primary{background:linear-gradient(90deg,var(--pink),var(--purple));border:0;box-shadow:0 12px 30px rgba(139,54,255,.22)}
.btn.ghost{background:rgba(255,255,255,.04)}.social-row{margin-top:20px;color:#c7c0cd;font-size:.85rem}
.hero-badge{position:absolute;right:5vw;bottom:8vw;z-index:2;font-family:"Permanent Marker";font-size:clamp(3rem,8vw,8rem);line-height:.72;transform:rotate(-8deg);opacity:.12;color:var(--pink)}
.section{padding:clamp(70px,8vw,120px) clamp(20px,6vw,80px);max-width:1500px;margin:auto}
.section-head{display:flex;gap:16px;align-items:center;margin-bottom:32px}.section-head span{color:var(--pink);font-size:.75rem;font-weight:900;letter-spacing:.15em}
.section-head h2{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.08em}
.meet-card,.contact-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.meet-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.4fr;overflow:hidden}.meet-brand{min-height:340px;background:#050505;display:grid;place-items:center;padding:28px}
.meet-brand img{max-width:78%;max-height:240px;object-fit:contain;filter:contrast(1.1)}.meet-copy{padding:clamp(28px,5vw,70px);align-self:center}
.meet-copy h3,.contact-card h3{margin:.4em 0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em}
.meet-copy p,.feature-copy p,.contact-card p{color:var(--muted);line-height:1.7;max-width:720px}.small{font-size:.9rem}
.video-frame{position:relative;overflow:hidden;border:1px solid var(--line);background:#000}.video-frame video{display:block;width:100%;max-height:75vh;background:#000}
.video-label{position:absolute;top:16px;left:16px;padding:8px 10px;background:rgba(8,7,12,.75);border:1px solid var(--line);font-size:.7rem;font-weight:900;letter-spacing:.16em}
.section-intro{color:var(--muted);margin:-14px 0 30px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-card{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--line);background:#111;cursor:pointer}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.gallery-card:hover img{transform:scale(1.03)}.gallery-meta{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.gallery-meta strong,.gallery-meta span{display:block}.gallery-meta span{color:#cfc8d5;font-size:.82rem;margin-top:4px}
.gallery-placeholder{grid-column:1/-1;min-height:260px;border:1px dashed rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted)}
.placeholder-art{font-family:"Permanent Marker";font-size:5rem;color:var(--pink);opacity:.55}.gallery-placeholder strong{display:block;color:#fff;font-size:1.2rem;margin-bottom:8px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.big-copy{font-size:clamp(2.8rem,6vw,6rem);line-height:.9;letter-spacing:-.06em;margin:0}.feature-copy{padding-bottom:10px}
.contact-card{padding:clamp(30px,6vw,80px)}.social-buttons a{border:1px solid var(--line);padding:13px 16px;font-weight:800}
footer{max-width:1500px;margin:auto;padding:30px clamp(20px,6vw,80px);border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;color:var(--muted)}
footer img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 46px}footer strong,footer span{display:block}.footer-links{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-links a{font-size:.85rem}.footer-links a:hover{color:#fff}
@media(max-width:820px){nav{display:none;position:absolute;top:68px;right:14px;flex-direction:column;padding:18px;background:#111017;border:1px solid var(--line);min-width:200px}
nav.open{display:flex}.menu-btn{display:block}.hero{min-height:78vh}.meet-card{grid-template-columns:1fr}.meet-brand{min-height:220px}.gallery-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:clamp(3.5rem,19vw,6rem)}.gallery-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.social-row{flex-direction:column}.brand{gap:8px;font-size:.75rem}.brand img{width:36px;height:36px;flex-basis:36px}.footer-links{width:100%;margin-left:60px;justify-content:flex-start}footer{flex-wrap:wrap}}