:root{--violet:#5E1DB8;--violet-deep:#2A0C5C;--night:#150430;--ink:#14071F;--yellow:#FFE500;--white:#FFF;--text:#EFE7FB;--muted:#C9B8E8;--cold:#7DB4FF;--warm:#FFB347;--px:0;--py:0}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400;color:var(--text);background:var(--night);overflow-x:hidden;line-height:1.55}.hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse 80% 55% at 50% -8%,#6A22CC 0,rgba(106,34,204,0) 70%),radial-gradient(ellipse 120% 70% at 50% 100%,#0F0224 0,rgba(15,2,36,0) 60%),linear-gradient(180deg,#3A1078 0,var(--violet-deep) 55%,var(--night) 100%);display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,40px);padding:clamp(20px,4vw,40px) 16px clamp(28px,5vw,56px);align-items:center;width:100%}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(255,229,0,.06) 0,rgba(0,0,0,0) 4%,rgba(10,1,24,.55) 100%);pointer-events:none}.art{position:relative;width:100%;max-width:560px;margin:0 auto;z-index:1}.glow{position:absolute;inset:-20% -10%;background:radial-gradient(ellipse 45% 50% at 50% 55%,rgba(255,229,0,.16) 0,rgba(255,229,0,0) 70%);transform:translate(calc(var(--px) * 28px),calc(var(--py) * 18px));transition:transform .35s ease-out;pointer-events:none}.scene{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(46px,15vw,110px);align-items:end;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.layer{transition:transform .35s ease-out;will-change:transform}.layer.l-before{transform:translate(calc(var(--px) * -9px),calc(var(--py) * -5px))}.layer.l-after{transform:translate(calc(var(--px) * 9px),calc(var(--py) * -5px))}.layer.l-one{position:absolute;left:50%;top:46%;z-index:2;transform:translate(calc(-50%+var(--px) * 18px),calc(-58%+var(--py) * 12px));pointer-events:none}.frame{display:block;width:100%}.frame svg{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 60px -30px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06)}.frame figcaption{margin-top:10px;font-size:clamp(.78rem,1.6vw,.9rem);color:var(--muted);line-height:1.3}.frame figcaption .t{display:block;font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:700;font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--white);letter-spacing:-.01em}.one{display:block;font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:700;font-optical-sizing:auto;font-size:clamp(150px,40vw,230px);line-height:.78;color:var(--yellow);text-shadow:0 10px 0 #2A0C5C,0 28px 40px rgba(0,0,0,.45);letter-spacing:-.04em}.frame .spin{transform-box:fill-box;transform-origin:center;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scene.lit .l-after .frame{animation:lit .9s cubic-bezier(.2,.8,.2,1)}.scene.lit .l-before .frame{animation:dim .9s ease-out}.scene.lit .one{animation:bump .9s cubic-bezier(.2,.8,.2,1)}@keyframes lit{0%{transform:scale(1)}35%{transform:scale(1.045)}100%{transform:scale(1)}}@keyframes dim{0%{opacity:1}35%{opacity:.5}100%{opacity:1}}@keyframes bump{0%{transform:translateY(0)}35%{transform:translateY(-14px)}100%{transform:translateY(0)}}.copy{position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto;text-align:center}.logo{width:96px;height:auto;border-radius:22px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);margin:0 auto 22px;display:block}h1{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:700;font-optical-sizing:auto;font-size:clamp(2rem,6.2vw,3.6rem);line-height:1.04;letter-spacing:-.02em;color:var(--white)}h1 span{display:block}h1 em{font-style:normal;color:var(--yellow)}.lead{margin:20px auto 0;max-width:44ch;font-size:clamp(1rem,2.2vw,1.15rem);color:var(--text)}.cta{display:inline-block;margin-top:28px;background:var(--white);color:var(--ink);font-weight:600;font-size:clamp(1.05rem,2.3vw,1.2rem);text-decoration:none;padding:17px 34px;border-radius:999px;box-shadow:0 22px 40px -18px rgba(0,0,0,.7);transition:transform .2s ease}.cta:hover{transform:translateY(-2px)}.cta:active{transform:translateY(1px)}.cta:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.under{margin-top:14px;font-size:clamp(.88rem,1.9vw,.98rem);color:var(--muted)}.band{width:100%;padding:clamp(40px,7vw,72px) 16px;background:#1C0740;border-top:1px solid rgba(255,255,255,.08)}.band-in{max-width:620px;margin:0 auto;text-align:center}.band h2{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:700;font-optical-sizing:auto;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;letter-spacing:-.015em;color:var(--white)}.band p{margin-top:14px;font-size:clamp(1rem,2.1vw,1.1rem);color:var(--text)}footer{padding:22px 16px 30px;text-align:center;font-size:.85rem;color:var(--muted);background:var(--night)}@media(min-width:900px){.hero{grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,80px);padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.art{max-width:760px;margin:0}.scene{gap:clamp(90px,11vw,150px)}.one{font-size:clamp(230px,22vw,340px)}.copy{text-align:left;margin:0;max-width:540px}.logo{width:144px;margin:0 0 28px}.lead{margin-left:0}}@media(prefers-reduced-motion:reduce){.frame .spin{animation:none}.layer,.glow{transition:none;transform:none}.layer.l-one{transform:translate(-50%,-58%)}.scene.lit .l-after .frame,.scene.lit .l-before .frame,.scene.lit .one{animation:none}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}