@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:light;--ink:#141c2d;--muted:#69758e;--line:#7685b530;--bg:#eef0f8;--surface:#f9faffbf;--foil:linear-gradient(125deg,#fff,#b6cafa 12%,#d3fff3 25%,#fbe4ef 38%,#b6aff9 50%,#fff 60%,#a1e7ef 75%,#f5d2f7 88%,#fff)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;color:var(--ink);background:var(--bg);font:16px/1.5 'Space Grotesk',sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-2;background:url('/assets/holo-studio-v1.png') center/cover no-repeat;pointer-events:none}body:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(110deg,#f7f9ff6b,#edf2ff1a 55%,#e9e8fa40);pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #6262e8;outline-offset:6px}button svg{pointer-events:none}h1,h2,p{margin:0}
.header,.footer{width:calc(100% - 112px);max-width:1440px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.header{padding-top:32px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand span{color:var(--muted);font-weight:400}.header-actions{display:flex;align-items:center;gap:18px}.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:500}.status>span{width:6px;height:6px;border-radius:50%;background:#7271d7;box-shadow:0 0 0 4px #7c78d512}.theme-switch{display:grid;place-items:center;width:38px;height:38px;padding:10px;border:1px solid #fff8;background:var(--surface);border-radius:50%;transition:transform .2s,background .2s}.theme-switch:hover{transform:rotate(-12deg)}.theme-switch svg{width:17px;height:17px}.sun{display:none}
.hero{width:calc(100% - 136px);max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:12px;padding-block:35px 48px;min-height:650px}.hero-copy{position:relative;z-index:1;padding-bottom:16px}.wordmark{display:flex;align-items:flex-start;font-size:clamp(96px,10.3vw,148px);font-weight:700;letter-spacing:-.082em;line-height:.94;margin-bottom:38px;white-space:nowrap}.wordmark>span{font-size:.43em;font-weight:400;line-height:.7;margin:0 0 0 .27em;letter-spacing:0;color:#65728c;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.wordmark:hover>span{transform:rotate(90deg)}h1{font-weight:500;font-size:clamp(27px,2.65vw,38px);letter-spacing:-1.6px;line-height:1.2;white-space:normal;text-wrap:balance}.intro{margin-top:16px;color:var(--muted);font-size:clamp(20px,1.9vw,27px);letter-spacing:-.65px;line-height:1.4}.watch-button{display:inline-flex;align-items:center;gap:12px;margin-top:34px;min-height:59px;padding:0 24px 0 19px;border:2px solid transparent;border-radius:100px;background:linear-gradient(115deg,#477df2,#6052e9 65%,#9865ec) padding-box,var(--foil) border-box;box-shadow:inset 0 2px 5px #fff8,inset 0 -3px 9px #a4cfff6b,0 10px 25px #626ddd26;color:#fff;font-size:16px;font-weight:500;transition:transform .25s,box-shadow .25s}.watch-button:hover{transform:translateY(-3px);box-shadow:inset 0 2px 5px #fff8,0 14px 32px #626ddd40}.watch-button svg{width:22px;height:22px}.arrival{margin-top:20px;color:var(--muted);font-size:12px}.arrival strong{font-weight:500;color:var(--ink)}
.hero-art{position:relative;display:block;width:100%;margin-top:-5px;perspective:1000px;border-radius:40px;isolation:isolate}.art-float{animation:float 9s ease-in-out infinite;transform-origin:center;will-change:transform}.hero-art img{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;-webkit-mask-image:radial-gradient(ellipse 49% 47% at 50% 49%,#000 55%,#000c 72%,transparent 100%);mask-image:radial-gradient(ellipse 49% 47% at 50% 49%,#000 55%,#000c 72%,transparent 100%)}
.footer{justify-content:flex-end;padding-bottom:25px;color:var(--muted);font-size:10px;letter-spacing:1.7px}.footer>span:last-child{display:flex;align-items:center;gap:20px;letter-spacing:.3px;font-size:11px}.footer-star{font-size:31px;line-height:1;color:#63708a}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-actions .watch-button{margin-top:0;justify-content:center;white-space:nowrap}
.social-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:59px;padding:0 20px;border:1px solid var(--line);border-radius:100px;background:transparent;color:var(--ink);font-size:14px;font-weight:500;letter-spacing:0;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.social-link svg{display:block;width:14px;height:14px;flex:none}.social-link:hover{transform:translateY(-2px);background:var(--surface);box-shadow:0 5px 18px #626ddd20}
.teaser-dialog{width:min(1040px,calc(100% - 40px));padding:14px;border:2px solid transparent;border-radius:24px;background:linear-gradient(var(--bg),var(--bg)) padding-box,var(--foil) border-box;color:var(--ink);box-shadow:0 30px 100px #0d112e70;overflow:auto;max-height:calc(100dvh - 40px)}.teaser-dialog::backdrop{background:#11172d99;backdrop-filter:blur(14px)}.teaser-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px 6px}.teaser-top h2{font-size:16px;font-weight:500}.close{border:1px solid var(--line);width:34px;height:34px;border-radius:50%;background:var(--surface);font-size:15px}.teaser-dialog video{display:block;width:100%;max-height:calc(100dvh - 138px);aspect-ratio:16/9;background:#111828;border-radius:12px}.video-error{padding:12px 4px 0;font-size:13px}.video-error a{text-decoration:underline}body:has(.teaser-dialog[open]){overflow:hidden}
[data-theme=dark]{color-scheme:dark;--ink:#f0f1fc;--muted:#a4aec7;--bg:#111629;--surface:#222b44b3;--line:#c2ceff33}[data-theme=dark] body:before{opacity:.2;filter:saturate(.7)}[data-theme=dark] body:after{background:linear-gradient(105deg,#111629a6,#17193070 60%,#20244191)}[data-theme=dark] .sun{display:block}[data-theme=dark] .moon{display:none}[data-theme=dark] .theme-switch{border-color:#c1c4ff24}[data-theme=dark] .wordmark>span,[data-theme=dark] .footer-star{color:#b1b7da}[data-theme=dark] .status>span{background:#a5a3fb}[data-theme=dark] .hero-art img{filter:brightness(.89)}
.hero-art{max-width:560px;justify-self:center}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(.6deg)}}
@media(min-width:1600px){.hero{max-width:1400px;grid-template-columns:1fr 1.08fr}.wordmark{font-size:164px}h1{font-size:42px}.intro{font-size:29px}}
@media(max-width:1000px){.header,.footer{width:calc(100% - 64px)}.hero{width:calc(100% - 76px);min-height:590px;gap:0}.wordmark{font-size:100px;margin-bottom:30px}h1{font-size:27px;letter-spacing:-1px}.intro{font-size:20px}.watch-button{margin-top:27px}.hero-art{margin-left:12px}}
@media(max-width:700px){.header,.footer{width:calc(100% - 40px)}.header{padding-top:22px}.brand{font-size:26px}.header-actions{gap:12px}.status{font-size:9px;letter-spacing:1px}.theme-switch{width:33px;height:33px;padding:8px}.hero{width:100%;min-height:0;grid-template-columns:1fr;gap:0;padding:62px 20px 36px;text-align:center}.hero-copy{padding-bottom:0}.wordmark{justify-content:center;font-size:clamp(98px,24vw,142px);margin-bottom:29px}h1{font-size:clamp(26px,6.3vw,35px);letter-spacing:-1.1px}.intro{margin-top:13px;font-size:20px}.watch-button{margin-top:27px;min-height:55px;font-size:15px}.arrival{font-size:11px;margin-top:17px}.hero-art{width:min(100%,410px);margin:15px auto 5px}.hero-art img{width:100%;margin-left:0}.footer{gap:14px;padding-bottom:20px;font-size:8px;letter-spacing:1.1px}.footer>span:last-child{font-size:9px;gap:8px}.footer-star{font-size:24px}.teaser-dialog{width:calc(100% - 20px);padding:9px;border-radius:17px}.teaser-dialog video{border-radius:8px}}
@media(max-width:1000px){.hero-actions{margin-top:27px}}
@media(max-width:700px){.hero-actions{flex-direction:column;flex-wrap:nowrap;align-items:center}.hero-actions>a{min-width:205px}.social-link{min-height:55px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.art-float{will-change:auto}}