.sbx{position:relative}.sbx-hero{height:100dvh;position:relative;overflow:hidden}.sbx-hero__content{box-sizing:border-box;will-change:opacity, transform;flex-direction:column;justify-content:center;height:100%;padding:clamp(5rem,12vh,8rem) 0;display:flex}.sbx-hero .site-hero{width:100%}.sbx-explore{z-index:30;position:fixed;bottom:clamp(1.5rem,3.5vh,2.75rem);left:50%;transform:translate(-50%)}.sbx .sbx-explore .arrow-cta{--ac-bg:var(--white);--ac-bg-hover:var(--neutral-200);--ac-ink:var(--neutral-900);--ac-icon-bg:var(--neutral-900);--ac-icon-ink:var(--neutral-50);--ac-border:var(--neutral-200);font-family:var(--font-mono);letter-spacing:-.06em;padding-left:1.15rem}.sbx .sbx-explore .arrow-cta>span:not(.arrow-cta__icon){white-space:nowrap;padding-bottom:0;translate:0 1px}.sbx-track{height:330vh}.sbx-track+.sbx-track{margin-top:-110svh}.sbx-sticky{height:100svh;position:sticky;top:0}.sbx-card{inset:clamp(3.25rem, 6vh, 4.25rem) var(--page-gutter) clamp(.75rem, 2.2vw, 2rem);border:1px solid color-mix(in oklab, var(--text-primary) 18%, transparent);border-radius:var(--radius-2xl);will-change:transform, opacity;position:absolute;overflow:hidden}.sbx-card__media{display:block;position:absolute;inset:0}.sbx-card__media .work__media-gl{width:100%;height:100%;position:absolute;inset:0}.sbx-card__media{background:linear-gradient(135deg, color-mix(in oklab, var(--text-primary) 14%, var(--surface)), var(--surface))}.sbx-card__img{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}video.sbx-card__img{border-radius:var(--radius-lg);width:calc(100% + 2px);max-width:none;left:-1px}.sbx-card__gl{will-change:transform;display:block;position:absolute;inset:0}.sbx-card__img,.sbx-card__gl{transition:scale .9s cubic-bezier(.22,.61,.36,1)}.sbx-card__media:hover .sbx-card__img,.sbx-card__media:hover .sbx-card__gl{scale:1.15}@media (prefers-reduced-motion:reduce){.sbx-card__media:hover .sbx-card__img,.sbx-card__media:hover .sbx-card__gl{scale:1}}.sbx-card__cta{z-index:2;border-radius:var(--radius-xl);background:color-mix(in oklab, var(--white) 62%, transparent);-webkit-backdrop-filter:blur(7px)saturate(1.5);backdrop-filter:blur(7px)saturate(1.5);box-shadow:none;color:var(--neutral-600);font-family:var(--font-mono);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;border:0;align-items:center;gap:.38rem;padding:.42rem .38rem .42rem .68rem;font-size:.9375rem;line-height:1;display:inline-flex;position:absolute;top:clamp(.9rem,1.8vw,1.5rem);right:clamp(.9rem,1.8vw,1.5rem)}.sbx-card__cta-icon{border-radius:var(--radius-lg);background:color-mix(in oklab, var(--neutral-600) 14%, transparent);flex:none;place-items:center;width:1.55rem;height:1.55rem;display:grid}.sbx-card__cta-icon svg{display:block;translate:0 .5px}@media (max-width:1024px){.sbx-card__cta-label{display:none}.sbx-card__cta{border-radius:var(--radius-lg);gap:0;padding:.5rem}.sbx-card__cta-icon{background:0 0;width:2rem;height:2rem}.sbx-card__cta-icon svg{stroke-width:1.25px;width:32px;height:32px}}.sbx-card__info{z-index:2;border-radius:var(--radius-xl);background:color-mix(in oklab, var(--white) 62%, transparent);-webkit-backdrop-filter:blur(7px)saturate(1.5);backdrop-filter:blur(7px)saturate(1.5);flex-direction:column;gap:.3rem;max-width:min(38ch,55%);padding:.85rem 1rem;display:flex;position:absolute;top:clamp(.9rem,1.8vw,1.5rem);left:clamp(.9rem,1.8vw,1.5rem)}.sbx-card__info-name{font-size:.9375rem;font-weight:var(--weight-regular,400);letter-spacing:0;color:var(--neutral-950)}.sbx-card__info-year{font-family:var(--font-mono);font-size:var(--font-input-label);letter-spacing:.07em;color:color-mix(in oklab, var(--neutral-950) 55%, transparent)}.sbx-card__info-desc{letter-spacing:0;color:color-mix(in oklab, var(--neutral-950) 78%, transparent);font-size:.8125rem;line-height:1.5}.sbx-card__fallback{font-family:var(--font-mono);font-size:var(--font-input-base);letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;place-items:center;display:grid;position:absolute;inset:0}.sbx-tip{z-index:45;transform-origin:50%;translate:calc(var(--tx,0px) - 50%) calc(var(--ty,0px) - 50%);border-radius:var(--radius-xl);background:var(--neutral-950);color:var(--white);font-family:var(--font-mono);letter-spacing:-.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s var(--motion-ease,ease), scale .18s var(--motion-ease,ease), translate .12s cubic-bezier(.33, 1, .68, 1);align-items:center;gap:.42rem;padding:8px 8px 8px 13px;font-size:.9375rem;line-height:1;display:flex;position:fixed;top:0;left:0;scale:.94;box-shadow:0 12px 32px -14px #0000008c}.sbx-tip.is-snap{transition:none}.sbx-tip.is-on{opacity:1;scale:1}.sbx-tip__icon{--tip-roll:1.95rem;border-radius:var(--radius-lg);background:color-mix(in oklab, var(--white) 12%, transparent);flex:none;place-items:center;width:1.95rem;height:1.95rem;display:grid;overflow:hidden}.sbx-tip__roll{place-items:center;display:grid}.sbx-tip__roll>svg{grid-area:1/1;display:block;translate:0 .5px}.sbx-tip__roll>svg:nth-child(2){translate:calc(-1 * var(--tip-roll)) calc(var(--tip-roll) + .5px)}@keyframes sbx-tip-roll{0%{translate:0}to{translate:var(--tip-roll) calc(-1 * var(--tip-roll))}}.sbx-tip.is-nudge .sbx-tip__roll{animation:.42s cubic-bezier(.33,1,.68,1) sbx-tip-roll}@media (prefers-reduced-motion:reduce){.sbx-tip{transition:opacity .18s var(--motion-ease,ease)}.sbx-tip.is-nudge .sbx-tip__roll{animation:none}}.sbx-rail{z-index:40;border-radius:var(--radius-2xl);background:color-mix(in oklab, var(--surface) 50%, transparent);border:1px solid color-mix(in oklab, var(--border-strong) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);opacity:0;pointer-events:none;transition:opacity .5s var(--motion-ease,ease), transform .5s var(--motion-ease,ease);padding:1.1rem 1.15rem;position:fixed;top:50%;left:clamp(.9rem,2vw,2rem);transform:translate(-14px,-50%);box-shadow:0 24px 60px -34px #00000080}.sbx-rail.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%)}.sbx-rail__eyebrow{font-family:var(--font-mono);font-size:var(--font-input-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0 0 .7rem .35rem;display:block}.sbx-rail__list{flex-direction:column;gap:.1rem;margin:0;padding:0;list-style:none;display:flex}.sbx-rail__link{text-align:left;cursor:pointer;border-radius:var(--radius-xl);width:100%;color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:.65rem;padding:.42rem .55rem;font-size:.8125rem;line-height:1;transition:background .2s,color .2s;display:flex}.sbx-rail__link:hover{background:color-mix(in oklab, var(--text-primary) 8%, transparent);color:var(--text-primary)}.sbx-rail__link.is-active{color:var(--text-primary)}.sbx-rail__link.is-active .sbx-rail__num{color:var(--accent)}.sbx-rail__num{font-family:var(--font-mono);font-size:var(--font-input-xs);opacity:.7;min-width:1.5em}.sbx-rail__name{white-space:nowrap}@media (max-width:900px){.sbx-rail{display:none}}@media (max-width:560px){.sbx-track{height:auto}.sbx-track+.sbx-track{margin-top:0}.sbx-sticky{height:auto;position:static}.sbx-card{height:min(52svh,22rem);margin:0 var(--page-gutter) clamp(.75rem, 3vw, 1.25rem);position:relative;inset:auto}.sbx-card__info{gap:.15rem;max-width:calc(100% - 1.8rem);padding:.6rem .75rem}.sbx-card__info-desc{display:none}.sbx .sbx-explore .arrow-cta{height:42px;padding-left:.9rem;font-size:.8125rem}}.sbx-end{min-height:45vh;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em;place-items:center;font-size:.8125rem;display:grid}@media (prefers-reduced-motion:reduce){.sbx-explore__arrow{animation:none}}.card-gate{z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:card-gate-in .28s var(--motion-ease) both;cursor:auto;background:#000000b8;place-items:center;padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:absolute;inset:0}@keyframes card-gate-in{0%{opacity:0}to{opacity:1}}.card-gate__panel{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:.9rem;width:min(28rem,100%);padding:clamp(1rem,2.5vw,1.5rem);display:flex}.card-gate__prompt{font-family:var(--font-sans);font-size:var(--font-body-sm);font-weight:var(--weight-light);color:var(--text-secondary);margin:0;line-height:1.45}.card-gate__error{font-family:var(--font-sans);font-size:var(--font-body-sm);font-weight:var(--weight-light);color:var(--color-destructive);margin:0;line-height:1.45}.card-gate__panel .input-cta{max-width:none}@media (prefers-reduced-motion:reduce){.card-gate{animation:none}}
