@layer components{.whero{align-items:center;min-height:max(100svh,720px);padding:clamp(140px,13vw,200px) 0 clamp(80px,9vw,140px);display:flex;position:relative;overflow:hidden}.whero:after{content:"";z-index:1;pointer-events:none;opacity:.35;background:url(/brand/noise.png) 0 0/200px 200px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 calc(100% - 260px),#0000);mask-image:linear-gradient(#000 calc(100% - 260px),#0000)}.whero-wall{z-index:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.1vw,16px);width:62%;display:grid;position:absolute;top:-12%;bottom:-12%;right:-2%}.whero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(to right, var(--color-black) 38%, #161616d9 52%, #16161666 75%, #16161640), linear-gradient(to bottom, var(--color-black) 4%, #16161600 32%, #16161600 62%, var(--color-black) 96%);position:absolute;inset:0}.whero-col{will-change:transform}.whero-drift{will-change:transform;flex-direction:column;gap:clamp(10px,1.1vw,16px);display:flex}.whero-col-1{margin-top:14%}.whero-col-2{margin-top:-18%}.whero-col-3{margin-top:4%}.whero-photo{aspect-ratio:3/4;background:var(--color-neutral-900);flex:none;position:relative;overflow:hidden}.whero-photo img{object-fit:cover;will-change:transform;filter:grayscale(.5)brightness(.5)contrast(1.05);width:100%;height:100%}.whero-grid{z-index:2;position:relative}.whero-copy{flex-direction:column;align-items:flex-start;gap:28px;max-width:640px;display:flex}.whero-spots{background:var(--color-neutral-800);letter-spacing:-.01em;color:var(--color-white);border-radius:0;align-items:center;gap:16px;margin-top:4px;padding:12px 20px 12px 14px;font-size:16px;font-weight:500;display:inline-flex}.whero-spots strong{font-weight:700}.whero-slots{gap:2px;display:inline-flex}.whero-slot{width:24px;height:24px;fill:var(--color-neutral-500);stroke:none}.whero-spots.is-open{background:var(--color-lime);color:var(--color-black)}.whero-spots.is-open .whero-slot.is-taken{fill:var(--color-black)}.whero-spots.is-open .whero-slot.is-free{fill:none;stroke:var(--color-black);stroke-width:1.8px;stroke-linecap:round;animation:2.4s ease-in-out infinite whero-slot;animation-delay:calc(var(--d,0) * .3s)}@keyframes whero-slot{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.whero-slot{animation:none!important}}.whero-spots-text{white-space:nowrap}@media (width<=640px){.whero-spots{gap:10px;padding:10px 14px 10px 10px;font-size:14px}.whero-slots{gap:0}.whero-slot{width:19px;height:19px}}@media (width<=360px){.whero-spots-text{white-space:normal}}.whero-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(48px,7vw,108px);font-weight:400;line-height:1.02}.whero-title em{color:var(--color-lime);font-style:normal}.whero-intro{max-width:46ch;color:var(--color-neutral-300);text-wrap:pretty;font-size:clamp(16px,1.3vw,19px);line-height:1.55}.whero-intro strong{color:var(--color-lime);font-weight:500}.whero-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:4px;display:flex}.whero-facts{flex-wrap:wrap;gap:8px;margin-top:12px;list-style:none;display:flex}.whero-logos{width:100%;margin-top:clamp(16px,2vw,32px)}.whero-logos .logos-row{margin-top:0}.whero-logos .logos-row .marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.whero-logos .logos-row .marquee:before,.whero-logos .logos-row .marquee:after{width:12%}.whero-logos .logos-row .marquee-track{--logo-h:clamp(26px, 2.4vw, 36px);--logo-gap:clamp(36px, 3.6vw, 56px)}.whero-logos .logos-row .marquee-track img{opacity:.6}.whero-facts li{border:1px solid var(--color-neutral-700);border-radius:var(--radius-full);color:var(--color-neutral-200);background:#16161699;padding:6px 14px;font-size:13px}@media (width<=900px){.whero{align-items:flex-end}.whero-wall{width:90%;right:-10%}.whero:before{background:linear-gradient(to right, #161616e6 10%, #1616168c 60%, #16161659), linear-gradient(to bottom, #16161666, #16161633 20%, var(--color-black) 62%)}}@media (width<=640px){.whero{min-height:100svh;padding:140px 0 56px}.whero-wall{width:120%;right:-20%}.whero-copy{gap:26px}.whero-actions{gap:24px}.whero-logos{margin-top:12px}}}