.hero{height:200vh;position:relative}.hero__sticky{align-items:center;background:radial-gradient(120% 120% at 78% 12%,var(--violet-800) 0,var(--violet-900) 46%,var(--violet-950) 100%);color:#fff;display:flex;height:calc(100vh - 82px);justify-content:center;min-height:480px;overflow:hidden;padding:clamp(96px,18vh,240px) 24px 24px;position:sticky;text-align:center;top:82px}.hero__disc{aspect-ratio:1/1;background:#2e1a63;border-radius:50%;pointer-events:none;position:absolute;right:-18%;top:-42%;width:135%}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .5s ease,transform .5s ease}[data-reveal].is-visible{opacity:1;transform:none}.hero__dots{background-position:50%;background-size:cover;inset:0;opacity:.9;pointer-events:none;position:absolute}.hero__content{margin:0 auto;max-width:1100px;position:relative;width:100%}.hero__title{margin:0;will-change:transform}.hero__logo-wrap{animation:hero-logo-in .9s cubic-bezier(.16,1,.3,1) .3s both;aspect-ratio:2600/454;display:block;filter:drop-shadow(0 14px 44px rgba(187,69,253,.5));margin:0 auto 56px;max-width:900px;position:relative;width:100%}@keyframes hero-logo-in{0%{filter:blur(10px);opacity:0;transform:scale(1.08)}to{filter:none;opacity:1;transform:none}}.hero__logo{clip-path:inset(0 0 0 18.2%);height:100%;inset:0;position:absolute;width:100%}.hero__mark{animation:hero-mark-float 4.2s ease-in-out infinite;aspect-ratio:1/1;background:none;border:none;cursor:pointer;height:94%;left:.65%;padding:0;perspective:600px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes hero-mark-float{0%,to{transform:translateY(calc(-50% + 3px))}50%{transform:translateY(calc(-50% - 4px))}}.hero__mark-spin{display:block;height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,1,.36,1);width:100%}.hero__mark-face{color:#fff;inset:0;opacity:0;position:absolute;transition:opacity .35s ease .28s}.hero__mark-face.is-active{opacity:1}.hero__mark-face svg{display:block;height:100%;width:100%}.hero__mark-logo-crop{background-position:0;background-repeat:no-repeat;background-size:549.45% auto;inset:0;position:absolute}@media (prefers-reduced-motion:reduce){.hero__logo-wrap,.hero__mark{animation:none}.hero__mark-spin{transition:none}}.hero__tiles{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:56px;text-align:left}.hero__tile{background:linear-gradient(180deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.14);border-radius:16px;color:#fff;display:block;overflow:hidden;padding:28px 24px 24px;position:relative;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hero__tile:before{background:linear-gradient(90deg,var(--violet-500),var(--magenta-400));content:"";height:4px;left:0;position:absolute;right:0;top:0}.hero__tile:hover{box-shadow:0 20px 40px -20px rgba(90,27,244,.5);transform:translateY(-4px)}.hero__tile-title{display:block;font-family:var(--font-display);font-size:1.35rem;font-weight:500;margin-bottom:8px;text-transform:uppercase}.hero__tile-tagline{color:hsla(0,0%,100%,.75);display:block;font-family:var(--font-body);font-size:.9rem;line-height:1.4}.hero__tile-explore{align-items:center;color:#fff;display:flex;font-family:var(--font-eyebrow);font-size:.8rem;font-weight:500;gap:8px;letter-spacing:.08em;margin-top:20px;text-transform:uppercase}.hero__scroll{align-items:center;background:none;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;display:flex;justify-content:center;margin:40px auto 0;padding:6px}.hero__scroll:focus,.hero__scroll:hover{color:#fff}@media (max-width:767px){.hero__sticky{height:auto;min-height:calc(100vh - 66px);min-height:calc(100svh - 66px);overflow-x:clip;overflow-y:visible;padding:32px 24px;top:66px}.hero__tiles{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero__sticky{height:auto;min-height:100vh;min-height:100svh;padding:96px 24px 72px;position:relative}[data-reveal]{opacity:1;transition:none}.hero__title,[data-reveal]{transform:none}}