@property --p{syntax:"<number>";inherits:true;initial-value:0}.ot{width:100%;height:calc(100svh + var(--count) * 11svh);position:relative}.ot:before,.ot:after{content:"";z-index:5;pointer-events:none;height:clamp(60px,9vh,130px);position:absolute;left:0;right:0}.ot:before{background:linear-gradient(180deg, var(--background), transparent);top:0}.ot:after{background:linear-gradient(0deg, var(--background), transparent);bottom:0}.ot__stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.ot__lede{z-index:4;color:#aebbd4;max-width:30ch;margin:0;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.5;position:absolute;top:clamp(80px,12vh,140px);right:5%}.ot__lede strong{color:#fff;font-weight:600}.ot__title{z-index:2;pointer-events:none;width:92%;height:auto;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ot__title-svg{width:100%;height:auto;display:block;overflow:visible}.ot__title-text-mask,.ot__title-text-base{font-family:var(--font-parkinsans,Parkinsans), sans-serif;letter-spacing:-.045em;text-transform:uppercase;font-size:130px;font-weight:700}.ot__title-text-base{fill:#ffffff26}.ot__title-text-mask{fill:#fff}.ot__wave-wrapper{transform:translateY(calc(210px - (var(--p) * 230px)));will-change:transform}.ot__wave-path{will-change:transform;animation:5s linear infinite waveOscillate}@keyframes waveOscillate{0%{transform:translate(0)}to{transform:translate(-600px)}}.ot__pills{pointer-events:none;position:absolute;inset:0}.ot__pill{left:var(--x);background:var(--bg);white-space:nowrap;pointer-events:none;transform:translate(-50%, calc(var(--o) - var(--p) * var(--sweep) * var(--sp))) rotate(var(--r));will-change:transform;border-radius:999px;align-items:center;gap:.7em;max-width:50%;padding:1.5em 2em;text-decoration:none;animation:3s ease-in-out infinite alternate seesawMotion;display:inline-flex;position:absolute;top:50%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff38}.ot__pill:nth-child(5n){animation-duration:3.2s;animation-delay:-.5s}.ot__pill:nth-child(5n+1){animation-duration:3.5s;animation-delay:-1.8s}.ot__pill:nth-child(5n+2){animation-duration:3.8s;animation-delay:-.9s}.ot__pill:nth-child(5n+3){animation-duration:3.1s;animation-delay:-2.3s}.ot__pill:nth-child(5n+4){animation-duration:3.5s;animation-delay:-1.2s}@keyframes seesawMotion{0%{transform:translate(-50%, calc(var(--o) - var(--p) * var(--sweep) * var(--sp))) rotate(calc(var(--r) - 20deg))}to{transform:translate(-50%, calc(var(--o) - var(--p) * var(--sweep) * var(--sp))) rotate(calc(var(--r) + 20deg))}}.ot__pill--front{z-index:3}.ot__pill--back{z-index:1;opacity:.82;scale:.88}.ot__mark{object-fit:contain;filter:brightness(0);width:3.5em;height:3em}.ot__name{font-family:var(--font-parkinsans,Parkinsans), sans-serif;letter-spacing:-.01em;color:#0b1020;font-weight:600}.ot__pill--ink-light .ot__mark{filter:brightness(0)invert()}.ot__pill--ink-light .ot__name{color:#fff}@media (prefers-reduced-motion:reduce){.ot{height:auto;padding:clamp(60px,10vh,120px) 0}.ot__stage{height:auto;min-height:60svh;padding:6vh 0;position:static}.ot__pills{flex-wrap:wrap;justify-content:center;gap:14px;padding:4vh 5% 0;display:flex;position:static}.ot__pill{opacity:1;position:static;transform:scale(1)}.ot__title{width:auto;margin:0 auto;position:static;transform:none}.ot__lede{text-align:center;max-width:46ch;margin:0 auto 4vh;padding:0 5%;position:static}.ot__wave-wrapper{transform:translateY(-20px)}.ot__wave-path{animation:none}}@media (max-width:860px){.ot{height:calc(100svh + var(--count) * 7svh)}.ot__lede{max-width:26ch;font-size:.9rem;left:5%;right:auto}.ot__title{width:96%}.ot__title-text-mask,.ot__title-text-base{font-size:110px}.ot__pill{left:calc(50% + (var(--x) - 50%) * .7);gap:.5em;max-width:42%;padding:.6em .95em}.ot__mark{width:2.1em;height:2.1em}.ot__name{font-size:.8rem}}
