:root{color-scheme:dark;--max: 1440px;--gutter: clamp(1rem, 4vw, 4.5rem);--headH: 76px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}img,video{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.8rem 1rem;background:var(--ink);color:var(--night)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--orchid);outline-offset:4px}.site-head{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:var(--headH);padding:0 var(--gutter);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.site-head.scrolled,.site-head.solid{background:color-mix(in srgb,var(--night) 90%,transparent);backdrop-filter:blur(14px);border-color:var(--line)}.brand{width:108px}.main-nav{display:flex;gap:clamp(1.2rem,3vw,3rem)}.main-nav a{text-decoration:none;color:var(--ink2);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase}.main-nav a:hover{color:var(--popA)}.main-nav a[aria-current=page]{color:var(--ink)}.main-nav a[aria-current=page]::after{content:"";display:block;height:2px;margin-top:6px;background:linear-gradient(90deg,var(--magenta),var(--orchid))}.menu-toggle{display:none}.eyebrow{margin:0 0 1rem;color:var(--popB);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.display{margin:0;font-size:clamp(3.4rem,9vw,8.5rem);line-height:.86;letter-spacing:-.065em;text-transform:uppercase;font-weight:700}.display .outline{color:transparent;-webkit-text-stroke:1px var(--popA)}.kicker{max-width:620px;color:var(--ink3);font-size:clamp(1rem,1.4vw,1.2rem)}.kicker a{color:var(--ink);text-decoration-color:var(--orchid);text-underline-offset:3px}.section{padding:clamp(4rem,8vw,8rem) var(--gutter)}.section.tight{padding-top:2rem}.inner{max-width:var(--max);margin:0 auto}.rule{display:flex;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.8rem,4vw,3.5rem);padding-top:1rem;border-top:1px solid var(--line);color:var(--dim);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.button{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border:1px solid var(--line);background:transparent;text-decoration:none;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,background .15s}.button:hover{border-color:var(--popA);background:color-mix(in srgb,var(--popA) 12%,transparent)}.button.hot{border-color:transparent;background:linear-gradient(90deg,var(--magenta),var(--orchid));color:var(--onPop);font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.tag{display:inline-block;padding:.18rem .5rem;border:1px solid var(--line);color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.page-hero{padding:calc(var(--headH) + 6rem) var(--gutter) 3rem;background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--glow) 14%,transparent),transparent 36%)}.page-hero .kicker{margin:1.8rem 0 0}:root{--cardGlow: color-mix(in srgb, var(--popA) 24%, transparent);--cardTop: color-mix(in srgb, var(--popA) 8%, var(--night));--cardBottom: color-mix(in srgb, var(--night) 75%, #000)}.title-card{position:relative;display:grid;place-items:center;aspect-ratio:2.39 / 1;overflow:hidden;padding:.8rem;background:radial-gradient(circle at 50% 120%,var(--cardGlow),transparent 65%),linear-gradient(160deg,var(--cardTop),var(--cardBottom));text-align:center}.title-card.tone-violet,.title-card.tone-indigo,.title-card.tone-solo{--tone: var(--toneV)}.title-card.tone-cobalt,.title-card.tone-azure{--tone: var(--toneC)}.title-card.tone-magenta,.title-card.tone-rose{--tone: var(--toneW)}.title-card[class*=tone-]{--cardGlow: color-mix(in srgb, var(--tone) 24%, transparent);--cardTop: color-mix(in srgb, var(--tone) 8%, var(--night));--cardBottom: color-mix(in srgb, var(--night) 75%, #000)}.title-card span{font-size:clamp(.8rem,1.6vw,1.15rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.1}.title-card.long span{font-size:clamp(.62rem,1.1vw,.82rem)}.title-card.has-loop{padding:0}.title-card.has-loop img,.title-card.has-loop video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.title-card.has-loop span{position:relative;text-shadow:0 2px 18px #000}.reel{position:relative;aspect-ratio:16 / 9;background:var(--panel);border:1px solid var(--line);overflow:hidden}.reel-start{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;padding:0;cursor:pointer;background:var(--panel)}.reel-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .2s}.reel-start:hover img{opacity:.7}.reel-start .play{position:relative;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,var(--magenta),var(--orchid));font-size:1.8rem;box-shadow:0 10px 40px color-mix(in srgb,var(--magenta) 40%,transparent)}:root{--homeLoopOpacity: 1;--homeLoopSaturate: 1;--homeShadeTop: 55%;--homeShadeTopTo: 16%;--homeWashFrom: 62%;--homeWashFloor: 97%}.home-hero{min-height:100svh;display:grid;align-content:end;padding:calc(var(--headH) + 4rem) var(--gutter) 4rem;position:relative;overflow:hidden}.home-hero .backdrop{position:absolute;inset:0;z-index:0}.home-hero .backdrop video,.home-hero .backdrop img{width:100%;height:100%;object-fit:cover;opacity:var(--homeLoopOpacity);filter:saturate(var(--homeLoopSaturate))}.home-hero .backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--night) var(--homeShadeTop),transparent),transparent var(--homeShadeTopTo),transparent var(--homeWashFrom),var(--night) var(--homeWashFloor)),radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--glow) 18%,transparent),transparent 50%)}.home-hero .inner{position:relative;z-index:1;width:100%}.doors{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.door{position:relative;display:block;min-height:420px;overflow:hidden;text-decoration:none;border:1px solid var(--line);background:var(--panel)}.door img,.door video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;transition:opacity .3s,transform .8s cubic-bezier(.2,.7,.2,1)}.door:hover img,.door:hover video{opacity:.8;transform:scale(1.03)}.door::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--night) 92%,transparent))}.door .door-text{position:absolute;z-index:1;left:1.6rem;right:1.6rem;bottom:1.5rem}.door h2{margin:0 0 .4rem;font-size:clamp(2.2rem,4.5vw,4rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.door p{margin:0;color:var(--ink2);max-width:460px}.studios{display:flex;flex-wrap:wrap;gap:.6rem 2.5rem;color:var(--muted);font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.04em}.feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;text-decoration:none}.feature .media{aspect-ratio:16 / 9;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.feature .media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.feature:hover .media img{transform:scale(1.03)}.feature h2{margin:0 0 1rem;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.88;letter-spacing:-.06em;text-transform:uppercase}.feature p{color:var(--muted)}.card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.project-card{display:flex;flex-direction:column;min-height:320px;padding:1.5rem;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color .2s,background .2s}a.project-card:hover{border-color:color-mix(in srgb,var(--popA) 65%,transparent);background:var(--panelHi)}.project-card .thumb{margin:-1.5rem -1.5rem 1.4rem;aspect-ratio:16 / 9;overflow:hidden;background:var(--panel)}.project-card .thumb img{width:100%;height:100%;object-fit:cover}.project-card .thumb.pixel img{image-rendering:pixelated;object-fit:cover}.project-card h3{margin:.6rem 0 .5rem;font-size:1.7rem;letter-spacing:-.03em;line-height:1.05}.project-card p{margin:0;color:var(--muted)}.project-card .foot{margin-top:auto;padding-top:1.2rem;color:var(--orchid);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.project-card.soon{background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--popB) 20%,transparent),transparent 55%),var(--panel);border-style:dashed}.project-card.soon .foot{color:var(--dim)}.facts{margin:0;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:130px 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--dim);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding-top:.15rem}.facts dd{margin:0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.gallery figure{margin:0;background:var(--panel);border:1px solid var(--line)}.gallery img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.gallery figcaption{padding:.7rem 1rem;color:var(--dim);font-size:.8rem}.site-footer{padding:3rem var(--gutter) 5rem;border-top:1px solid var(--line)}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:flex-end}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:end;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--popA)}@media (max-width: 860px){.brand{width:88px}.menu-toggle{display:block;width:44px;height:44px;border:1px solid var(--line);background:color-mix(in srgb,var(--night) 70%,transparent);cursor:pointer}.main-nav{position:absolute;left:0;right:0;top:var(--headH);display:none;flex-direction:column;gap:0;padding:.6rem var(--gutter) 1.2rem;background:var(--panel);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:.8rem 0}.doors,.feature,.gallery{grid-template-columns:1fr}.door{min-height:300px}.facts div{grid-template-columns:100px 1fr}.footer-inner{justify-content:flex-start}.footer-links{justify-content:start}.card-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
