@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{--ink:#090611;--violet:#9f6cff;--pale:#f5efff;--muted:#b8aec9;--line:rgba(215,195,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--pale);font-family:'DM Mono',monospace}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:5;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");mix-blend-mode:screen}header,footer{width:min(1180px,calc(100% - 3rem));margin:auto;display:flex;justify-content:space-between;align-items:center}.studio{font-size:.72rem;letter-spacing:.13em;color:var(--pale);text-decoration:none}.studio span{color:var(--violet)}.discord-link,footer a{color:var(--muted);font-size:.66rem;letter-spacing:.09em;text-decoration:none}.discord-link:hover,footer a:hover{color:var(--pale)}header{height:86px;border-bottom:1px solid var(--line)}main{width:min(1180px,calc(100% - 3rem));margin:auto}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:5rem 0}.eyebrow{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#c6aaff;margin:0 0 1.5rem}.hero h1{font:700 clamp(4.6rem,12vw,10rem)/.76 'Playfair Display',serif;letter-spacing:-.08em;margin:0}.hero h1 span{display:block;font-style:italic;color:var(--violet);margin-left:.23em}.tagline{max-width:27rem;font:600 clamp(1.35rem,2.2vw,2rem)/1.2 'Playfair Display',serif;margin:2.2rem 0 1.25rem}.status{font-size:.65rem;letter-spacing:.18em;color:var(--muted);margin:0}.actions{display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem}.button{display:inline-block;background:var(--pale);color:var(--ink);text-decoration:none;padding:.95rem 1.2rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d8c3ff}.quiet-link{font-size:.67rem;color:var(--pale);text-decoration:none;border-bottom:1px solid var(--violet);padding-bottom:.25rem}.piece-stage{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--line);background:#20133e}.piece-image{position:absolute;inset:0;background:linear-gradient(105deg,rgba(9,6,17,.2),rgba(9,6,17,.62)),url('violet-glass-piece.png') center/cover;filter:saturate(1.15) contrast(1.03);transform:scale(1.04);transition:transform 1.5s}.piece-stage:hover .piece-image{transform:scale(1.1)}.piece-stage:before{content:'';position:absolute;inset:1rem;border:1px solid rgba(220,201,255,.25);z-index:1}.glow{position:absolute;width:26rem;height:26rem;border-radius:50%;background:rgba(145,79,255,.32);filter:blur(70px);right:-9rem;bottom:-9rem;z-index:1}.piece-note{position:absolute;bottom:2.1rem;left:2.1rem;z-index:2;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.signal{border-top:1px solid var(--line);padding:8rem 0;max-width:650px}.signal h2{font:600 clamp(2.8rem,6vw,5rem)/.93 'Playfair Display',serif;letter-spacing:-.06em;margin:0 0 1.75rem}.signal p:not(.eyebrow){color:var(--muted);font-size:.88rem;line-height:1.9;max-width:39rem;margin:0 0 2rem}footer{height:110px;border-top:1px solid var(--line);font-size:.63rem;letter-spacing:.08em;color:var(--muted)}
@media(max-width:760px){header,main,footer{width:min(100% - 2rem,1180px)}.hero{grid-template-columns:1fr;padding:4rem 0;gap:3rem}.piece-stage{min-height:420px}.hero h1{font-size:clamp(4.4rem,22vw,7rem)}.actions{align-items:flex-start;flex-direction:column;gap:1rem}.signal{padding:5rem 0}header{height:70px}.studio{font-size:.58rem}}
.teaser-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.video-stage{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);background:#120b23;box-shadow:0 24px 70px rgba(0,0,0,.3)}.video-stage:before{content:'';position:absolute;z-index:1;inset:1rem;border:1px solid rgba(220,201,255,.18);pointer-events:none}.teaser-video{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16/9;background:#120b23}@media(max-width:760px){.teaser-page{gap:2rem}.video-stage{margin-bottom:1rem}}
.teaser-page{min-height:100svh;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(2rem,5vw,5rem);padding:clamp(5rem,10vh,8rem) 0;align-items:center}.teaser-copy{max-width:29rem}.teaser-page h1{font-size:clamp(4.2rem,5.2vw,5.2rem);line-height:.82;letter-spacing:-.075em}.teaser-page .tagline{max-width:22rem;font-size:clamp(1.15rem,1.6vw,1.45rem);margin:1.8rem 0 1.15rem}.teaser-page .actions{margin-top:2rem}.video-stage{padding:2.8rem 1rem 1rem;background:linear-gradient(145deg,#1c1234,#090611 58%);box-shadow:0 34px 85px rgba(0,0,0,.42)}.video-stage:before{inset:.65rem;border-color:rgba(220,201,255,.17)}.video-label{position:absolute;top:1rem;left:1.25rem;z-index:2;margin:0;color:#d8c3ff;font-size:.61rem;letter-spacing:.14em;text-transform:uppercase}.video-label span{margin-left:1rem;color:var(--muted)}.teaser-video{position:relative;z-index:1}@media(max-width:760px){.teaser-page{grid-template-columns:1fr;padding:7rem 0 4rem;gap:2.5rem}.teaser-copy{max-width:100%}.teaser-page h1{font-size:clamp(4.1rem,17vw,5.5rem)}.video-stage{padding-top:2.7rem;margin-bottom:0}}