.ho-stage{position:relative;height:320vh}.ho-viewport{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;background:var(--paper)}.ho-viewport:before{background:radial-gradient(ellipse 85% 120% at -5% 35%,var(--mesh-blue),transparent 62%),radial-gradient(ellipse 75% 110% at 105% 30%,var(--mesh-rose),transparent 62%),radial-gradient(ellipse 60% 70% at 80% 100%,var(--mesh-blush),transparent 68%),radial-gradient(ellipse 55% 45% at 72% 28%,var(--cardinal-wash),transparent 70%)}.ho-viewport:after,.ho-viewport:before{content:"";position:absolute;inset:0;pointer-events:none}.ho-viewport:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");opacity:.04}.ho-origin{position:absolute;top:50%;left:var(--ho-origin-x,63%);width:0;height:0;animation:hl-fade-in .9s ease-out 3.2s both}html.hl-typed .ho-origin{animation-name:hl-fade-in-b;animation-delay:.3s}@media (max-width:1023px){.ho-origin{--ho-origin-x:55%}}.ho-copy{position:relative;z-index:10;width:100%;transform-origin:left center}.ho-card{position:absolute;top:0;left:0;width:150px;aspect-ratio:4/3;margin:-56px 0 0 -75px;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-btn);box-shadow:0 8px 24px rgba(20,17,15,.06);overflow:hidden;opacity:0;will-change:transform,opacity,filter;pointer-events:none}.ho-thumb{position:absolute;inset:0}.ho-thumb-logo{background:#fff}.ho-thumb-logo img{position:absolute;top:14px;left:16px;width:calc(100% - 32px);height:calc(100% - 28px);-o-object-fit:contain;object-fit:contain}.ho-thumb-text{background:#fff;display:flex;align-items:center;justify-content:center;padding:0 12px}.ho-thumb-text span{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.01em;color:var(--ink);text-align:center}.ho-static-grid{animation:hl-fade-in .7s ease-out 3.2s both;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);max-width:var(--container);margin:0 auto;padding:0 var(--gutter) var(--space-8)}html.hl-typed .ho-static-grid{animation-name:hl-fade-in-b;animation-delay:.3s}.ho-card--static{position:relative;margin:0;width:auto;opacity:1;will-change:auto;pointer-events:auto}@media (max-width:719px){.ho-static-grid{display:none}}