.av-sc{position:relative}.av-sc-grid{flex-direction:column;display:flex}.av-sc-t{flex-direction:column;gap:16px;display:flex}.av-sc-t .av-head{max-width:16ch}.av-sc-k{font:500 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0}.av-sc-v{margin:32px 0 96px;position:relative}.av-sc-v:last-of-type{margin-bottom:0}.av-sc-rail{display:none}@media (min-width:901px){.av-sc-grid{padding:0 0 40px}.av-sc-t{gap:24px}.js .av-sc{height:calc(var(--n) * 92svh + 8svh)}.js .av-sc-pin{height:100svh;transition:background-color .9s var(--av-ease,ease);align-items:center;display:flex;position:sticky;top:0;overflow:hidden}.js .av-sc-grid{grid-template-rows:1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;height:min(78svh,760px);padding:40px 0 0;display:grid}.js .av-sc-t{opacity:0;pointer-events:none;transition:opacity .3s ease, transform .4s var(--av-ease);grid-area:1/1/auto/span 5;align-self:center;transform:translateY(48px)}.js .av-sc-t.past{transform:translateY(-40px)}.js .av-sc-t.on{opacity:1;pointer-events:auto;transition:opacity .5s .12s ease, transform .5s 80ms var(--av-ease);transform:none}.js .av-sc-t .av-head{transform-origin:0 100%;transition:transform .5s var(--av-ease);font-size:32px;transform:scale(.8125)}.js .av-sc-t.on .av-head{transition-delay:.2s;transform:none}.js .av-sc-v{z-index:0;clip-path:inset(100% 0 0 round 28px);transition:clip-path .75s var(--av-ease), z-index 0s .75s;grid-area:1/7/span 2/-1;align-self:stretch;place-items:center;margin:0;display:grid}.js .av-sc-v.past{clip-path:inset(0 round 28px);z-index:1;transition:z-index}.js .av-sc-v.on{clip-path:inset(0 round 28px);z-index:2;transition:clip-path 1.05s var(--av-ease), z-index 0s}.js .av-sc-v>*{width:100%;height:100%}.js .av-sc.flip .av-sc-t{grid-column:8/-1}.js .av-sc.flip .av-sc-v{grid-column:1/span 6}.js .av-sc.flip .av-sc-rail{grid-column:8/-1}.js .av-sc-rail{grid-area:2/1/auto/span 5;gap:8px;padding-bottom:8px;display:flex}}.av-sc-rail button{cursor:pointer;min-width:44px;height:44px;color:var(--faint);font:500 13px/1 var(--mono);text-align:left;background:0 0;border:0;padding:0 4px;position:relative}.av-sc-rail button:after{content:"";opacity:.25;transform-origin:0;height:2px;transition:opacity .3s, transform .5s var(--av-ease);background:currentColor;border-radius:2px;position:absolute;bottom:8px;left:4px;right:4px}.av-sc-rail button.on{color:var(--ink)}.av-sc-rail button.on:after{background:var(--ink);opacity:1}@media (hover:hover){.av-sc-rail button:hover{color:var(--ink)}}.av-sc-rail button:focus-visible{outline:2px solid var(--focus,var(--ink));outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){.av-sc-t,.av-sc-v,.av-sc-pin{transition:none!important}.js .av-sc-t,.js .av-sc-t .av-head{transform:none}}