/* ============ V9 · KINETIC (motion as identity) ============ */
:root{
  --bg:#0d0d10; --ink:#f6f5f2; --mute:#a0a0aa;
  --c1:#FF3D7F; --c2:#FFD23F; --c3:#3DDC97; --c4:#5B7CFF;
  --disp:"Anton", system-ui, sans-serif; --ui:"Space Grotesk", system-ui, sans-serif;
  --pad:clamp(1.25rem,5vw,5rem); --maxw:1080px;
}
body{background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.55;overflow-x:hidden}
.h{font-family:var(--disp);font-weight:400;font-size:clamp(2.2rem,6vw,4.2rem);line-height:.95;text-transform:uppercase;letter-spacing:.01em}
.center{text-align:center}
.eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.sm{font-size:.86rem;color:var(--mute)}
.lead{color:var(--mute);max-width:42ch;margin:.4rem auto 1.6rem}
.edit{color:#ffd98a;font-style:italic;font-size:.85em}
em{font-style:italic;color:var(--c2)}
.grad{background:linear-gradient(100deg,var(--c1),var(--c2),var(--c3),var(--c4));background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:hue 8s linear infinite}
@keyframes hue{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.grad{animation:none}}

.nav{position:fixed;inset:.7rem .7rem auto .7rem;z-index:60;display:flex;align-items:center;justify-content:space-between;
  padding:.55rem 1.1rem;background:rgba(13,13,16,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:999px}
.nav__brand{font-family:var(--disp);background:var(--c1);color:#fff;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%}
.nav__links{display:flex;gap:1.2rem;font-size:.84rem;color:var(--mute);text-transform:lowercase}
.nav__links a:hover{color:#fff}
.nav__cta{font-weight:700;background:var(--c2);color:#161616;border-radius:999px;padding:.4rem 1.1rem;font-size:.82rem}

.hero{min-height:96svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;text-align:center;padding:6rem var(--pad) 2rem}
.hero__names{font-family:var(--disp);font-weight:400;font-size:clamp(3.4rem,15vw,11rem);line-height:.82;text-transform:uppercase;display:flex;flex-direction:column;align-items:center}
.hero__names .amp{font-size:.5em;color:var(--c1)}
.hero__sub{font-size:1.1rem;letter-spacing:.02em;color:var(--mute);min-height:1.4em}

.btn{display:inline-block;font-family:var(--ui);font-weight:700;background:var(--c1);color:#fff;border-radius:999px;
  padding:.9rem 2rem;transition:transform .12s ease,filter .2s;will-change:transform}
.btn:hover{filter:brightness(1.1)}.btn[disabled]{opacity:.6}

/* marquees */
.marquee{overflow:hidden;white-space:nowrap;background:var(--c2);color:#161616;padding:.6rem 0;border-block:2px solid #161616}
.marquee--rev{background:var(--c4);color:#fff;border-color:#fff}
.marquee__t{display:inline-block;font-family:var(--disp);font-size:1.4rem;letter-spacing:.02em;text-transform:uppercase;animation:slide 24s linear infinite}
.marquee--rev .marquee__t{animation-direction:reverse;animation-duration:30s}
@keyframes slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee__t{animation:none}}

.count{text-align:center;padding:clamp(2.5rem,6vw,4rem) var(--pad)}
.count__lead{font-family:var(--disp);text-transform:uppercase;color:var(--mute);letter-spacing:.1em;margin-bottom:1.2rem}
.cd{display:flex;justify-content:center;gap:clamp(.6rem,2vw,1.6rem);list-style:none}
.cd li{display:flex;flex-direction:column;align-items:center;min-width:70px;background:#16161c;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.8rem .4rem}
.cd b{font-family:var(--disp);font-size:clamp(1.8rem,5vw,3rem);line-height:1}
.cd span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:.2rem}

.sec{max-width:var(--maxw);margin-inline:auto;padding:clamp(3rem,8vw,6rem) var(--pad)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.split .h{margin-bottom:.5rem}
.split p{color:var(--mute)}

.tilt{transform-style:preserve-3d;transition:transform .15s ease;will-change:transform}
.tilt img{width:100%;border-radius:16px;display:block}
.split .tilt img{aspect-ratio:4/5;object-fit:cover}

/* auto gallery */
.gallery{overflow:hidden;padding:1rem 0;border-block:1px solid rgba(255,255,255,.08)}
.gallery__t{display:flex;gap:1rem;width:max-content;animation:slide 40s linear infinite}
@media (prefers-reduced-motion:reduce){.gallery__t{animation:none}}
.gallery__t img{height:clamp(140px,22vw,240px);width:auto;border-radius:12px;object-fit:cover;filter:saturate(1.05)}

.video-card{max-width:330px;margin:1.4rem auto 0}
.video-card video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;background:#000}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.8rem}
.card{background:#16161c;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.6rem;text-align:center}
.card__e{font-size:1.8rem}
.card h3{font-family:var(--disp);font-weight:400;font-size:1.2rem;text-transform:uppercase;margin:.4rem 0 .3rem}
.card p{color:var(--mute);font-size:.95rem}

.timeline{max-width:640px;margin:1.8rem auto 0;border-left:2px solid rgba(255,255,255,.12);padding-left:.6rem}
.timeline li{position:relative;padding:0 0 2.2rem 1.6rem}
.timeline li::before{content:"";position:absolute;left:-7px;top:.35rem;width:11px;height:11px;border-radius:50%;background:var(--c1)}
.timeline__t{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.timeline h3{font-family:var(--disp);font-weight:400;font-size:1.5rem;text-transform:uppercase;margin:.1rem 0 .2rem}
.timeline p{color:var(--mute)}

.form{max-width:560px;margin:1.4rem auto 0;text-align:left;display:flex;flex-direction:column;gap:.9rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.field{display:flex;flex-direction:column;gap:.35rem}
.field>span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.field input,.field textarea{background:#16161c;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.75rem .9rem;color:#fff;font-family:var(--ui)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--c1)}
.field--radio{border:0}
.choices{display:flex;gap:1.3rem;margin-top:.2rem;flex-wrap:wrap}
.choices label{display:flex;gap:.5rem;align-items:center}
.choices input{accent-color:var(--c1)}
.form__status{font-size:.9rem;min-height:1.2em}
.form__status[data-state="ok"]{color:#9af5cf}.form__status[data-state="err"]{color:#ffb3a3}

.faq{display:grid;gap:.7rem;max-width:680px;margin:1.8rem auto 0}
.faq details{background:#16161c;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem 1.3rem}
.faq summary{font-family:var(--disp);font-weight:400;font-size:1.1rem;text-transform:uppercase;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--c1)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:.6rem;color:var(--mute)}

.footer{max-width:var(--maxw);margin-inline:auto;padding:clamp(3rem,8vw,6rem) var(--pad);display:flex;flex-direction:column;align-items:center;gap:1.2rem}
.footer__line{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,6vw,3.6rem);text-transform:uppercase;line-height:.95;max-width:16ch}
.footer__cd b{font-family:var(--disp);font-size:1.5rem;color:var(--c2)}
.footer__sig{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}

@media (max-width:820px){.nav__links{display:none}.split,.cards,.row{grid-template-columns:1fr}}