.sc-page{--sc-header:5.25rem;--sc-hair:color-mix(in oklab,var(--sc-ink) 16%,transparent);--sc-hair-soft:color-mix(in oklab,var(--sc-ink) 9%,transparent);padding-block-start:var(--sc-header);background:var(--sc-bg);color:var(--sc-ink);overflow-x:clip}.sc-band{padding-inline:var(--pad);padding-block:clamp(3.5rem,8vw,7rem)}.sc-band--tight{padding-block:clamp(2rem,4vw,3.25rem)}.sc-inner{margin-inline:auto;inline-size:100%;max-inline-size:1180px}.sc-hero{display:flex;flex-direction:column;justify-content:center;min-block-size:calc(100svh - var(--sc-header) - 3rem);padding-block:clamp(1.75rem,3vw,3rem)}.sc-rule{border:0;border-block-start:1px solid var(--sc-hair);margin:0}.sc-ribbon{align-items:baseline;gap:.5rem 1rem;padding-block:.85rem;border-block-end:1px solid var(--sc-hair);background:color-mix(in oklab,var(--sc-ink) 6%,var(--sc-bg))}.sc-ribbon,.sc-sticky-cta{display:flex;flex-wrap:wrap;padding-inline:var(--pad)}.sc-sticky-cta{position:sticky;inset-block-end:0;z-index:30;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding-block:.7rem;border-block-start:1px solid var(--sc-hair);background:color-mix(in oklab,var(--sc-bg) 88%,transparent);backdrop-filter:blur(10px) saturate(1.2)}.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-block-size:44px;padding-inline:1.5rem;border:1px solid transparent;border-radius:999px;background:var(--sc-accent);color:var(--sc-accent-ink);font-family:var(--font-mono);font-size:.72rem;font-weight:560;letter-spacing:.14em;text-transform:uppercase;transition:background-color var(--duration-exit) var(--ease-out),color var(--duration-exit) var(--ease-out),border-color var(--duration-exit) var(--ease-out),translate var(--duration-exit) var(--ease-out),scale var(--duration-exit) var(--ease-out)}.sc-btn--ghost{background:transparent;border-color:var(--sc-hair);color:var(--sc-ink)}@media (hover:hover) and (pointer:fine){.sc-btn:hover{transition-duration:var(--duration-enter);translate:0 -1px}.sc-btn--ghost:hover{border-color:var(--sc-accent);color:var(--sc-accent)}}.sc-btn:active{transition-duration:var(--duration-press);scale:.985}@media (prefers-reduced-motion:reduce){.sc-btn,.sc-btn:active,.sc-btn:hover{translate:0 0;scale:1}}.sc-card{border:1px solid var(--sc-hair-soft);border-radius:.9rem;background:var(--sc-surface);padding:clamp(1.35rem,3vw,2rem)}.sc-mask{display:block;padding-block:.09em;overflow:clip}.sc-mask>span{display:block;translate:0 0}@media (prefers-reduced-motion:no-preference){.sc-mask>span{animation:sc-line .7s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 90ms)}.sc-after{animation:sc-after .5s var(--ease-out) both;animation-delay:calc(.34s + var(--i, 0) * .11s)}}@keyframes sc-line{0%{translate:0 110%}to{translate:0 0}}@keyframes sc-after{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}.sc-progress-rail{position:sticky;top:var(--sc-header);z-index:25;background:var(--sc-hair-soft)}.sc-progress{block-size:2px;background:var(--sc-accent);transform-origin:left center;scale:1 1}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.sc-progress{animation:sc-fill linear both;animation-timeline:scroll(root block)}}}@keyframes sc-fill{0%{scale:0 1}to{scale:1 1}}.sc-take{display:grid;gap:clamp(2rem,5vw,4rem)}@media (min-width:60rem){.sc-take{grid-template-columns:1fr 1fr;align-items:start}}.sc-take-hold{position:sticky;top:calc(var(--sc-header) + 1rem)}.sc-take-frame{position:relative;aspect-ratio:1/1;border:1px solid var(--sc-hair);border-radius:.9rem;background:var(--sc-surface);overflow:clip}@media (max-width:59.999rem){.sc-take-frame{aspect-ratio:3/2;max-block-size:38svh}}.sc-beat{padding-block:clamp(3rem,9vw,7rem)}.sc-beat:first-child{padding-block-start:0}.sc-take-wrap{view-timeline:--take block}.sc-take-rise,.sc-take-spin{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sc-take-spin{animation:sc-spin linear both;animation-timeline:--take;animation-range:contain 0 contain 100%}.sc-take-rise{animation:sc-take-rise linear both;animation-timeline:--take;animation-range:contain 0 contain 100%}}}@keyframes sc-spin{0%{rotate:-32deg}to{rotate:32deg}}@keyframes sc-take-rise{0%{translate:0 9%;scale:.94}to{translate:0 -4%;scale:1.02}}.sc-deck{display:block;view-timeline:--deck block}.sc-panel{position:sticky;top:calc(var(--sc-header) + var(--i, 0) * .95rem);min-block-size:calc(100svh - var(--sc-header) - 9rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.6rem,4vw,3rem);border:1px solid var(--sc-hair);border-radius:1.1rem;background:var(--sc-surface)}.sc-panel+.sc-panel{margin-block-start:clamp(1.5rem,4vw,2.75rem)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sc-deck>.sc-panel:not(:last-child){animation:sc-recede linear both;animation-timeline:--deck;animation-range:contain calc(var(--i, 0) * 24%) contain calc(var(--i, 0) * 24% + 27%)}}}@keyframes sc-recede{to{scale:.945;translate:0 -1.25rem;filter:brightness(.74) saturate(.8)}}.sc-rail-wrap{view-timeline:--rail block}.sc-rail{display:flex;gap:clamp(1rem,2.5vw,1.75rem);padding-inline:var(--pad);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;mask-image:linear-gradient(90deg,transparent,#000 2rem,#000 calc(100% - 2rem),transparent)}.sc-plate{flex:0 0 min(78vw,30rem);scroll-snap-align:center;display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;min-block-size:min(62svh,34rem);padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--sc-hair);border-radius:.9rem;background:var(--sc-surface)}.sc-index{block-size:2px;margin-inline:var(--pad);background:var(--sc-hair)}.sc-index-fill{display:block;block-size:100%;background:var(--sc-accent);transform-origin:left center;scale:1 1}@media (prefers-reduced-motion:no-preference) and (min-width:60rem){@supports (animation-timeline:view()){.sc-rail-wrap{block-size:calc(var(--sc-plates, 5) * 78svh)}.sc-rail-pin{position:sticky;top:var(--sc-header);display:flex;flex-direction:column;justify-content:center;gap:1.5rem;block-size:calc(100svh - var(--sc-header));overflow:clip}.sc-rail{overflow:visible;scroll-snap-type:none;inline-size:max-content;mask-image:none;animation:sc-slide linear both;animation-timeline:--rail;animation-range:contain 0 contain 100%}.sc-rail-pin{mask-image:linear-gradient(90deg,transparent,#000 3rem,#000 calc(100% - 3rem),transparent)}.sc-index-fill{animation:sc-fill linear both;animation-timeline:--rail;animation-range:contain 0 contain 100%}}}@keyframes sc-slide{to{translate:calc(-100% + 100vw) 0}}.sc-specimen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--sc-hair-soft);border:1px solid var(--sc-hair-soft)}@media (min-width:40rem){.sc-specimen{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.sc-specimen{grid-template-columns:repeat(6,minmax(0,1fr))}}.sc-cell{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;aspect-ratio:3/4;padding:.9rem;background:var(--sc-surface)}.sc-cell,.sc-word{opacity:1;translate:0 0;scale:1}.sc-word{display:inline-block}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sc-cell{animation:sc-arrive linear both;animation-timeline:view();animation-range:entry calc(4% + var(--i, 0) * 6%) entry calc(52% + var(--i, 0) * 6%)}.sc-word{animation:sc-arrive linear both;animation-timeline:view();animation-range:entry calc(10% + var(--i, 0) * 4%) entry calc(58% + var(--i, 0) * 4%)}}}@keyframes sc-arrive{0%{opacity:0;translate:0 .9rem;scale:.97}to{opacity:1;translate:0 0;scale:1}}.sc-lens-stack{position:relative;isolation:isolate;border-radius:.9rem;overflow:clip}.sc-lens{display:none;position:absolute;inset:0;pointer-events:none}@media (hover:hover) and (pointer:fine){@media (prefers-reduced-motion:no-preference){.sc-lens{display:block;-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0 var(--lens,8.5rem),transparent calc(var(--lens, 8.5rem) + 3rem));mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),#000 0 var(--lens,8.5rem),transparent calc(var(--lens, 8.5rem) + 3rem))}}}.sc-magnet{display:inline-block;translate:var(--mag-x,0) var(--mag-y,0);transition:translate .42s var(--ease-out)}.sc-magnet[data-live=true]{transition-duration:90ms}@property --vel{syntax:"<number>";initial-value:0;inherits:true}.sc-vband{display:flex;gap:var(--sc-gap,3rem);padding-block:.35rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.sc-vband::-webkit-scrollbar{display:none}.sc-vband>*{display:flex;gap:var(--sc-gap,3rem);flex:0 0 auto;translate:0 0}@media (prefers-reduced-motion:no-preference){.sc-vband{overflow:clip;transform:skewX(calc(var(--vel) * .3deg))}.sc-vband--drift>*{animation:sc-run var(--sc-dur,34s) linear infinite}.sc-vband--drift:hover>*{animation-play-state:paused}@supports (animation-timeline:scroll()){.sc-vband--scroll>*{animation:sc-run linear both;animation-timeline:scroll(root block)}.sc-vband--back>*{animation:sc-run-back linear both;animation-timeline:scroll(root block)}}}@keyframes sc-run{to{translate:calc(-100% - var(--sc-gap, 3rem)) 0}}@keyframes sc-run-back{0%{translate:calc(-100% - var(--sc-gap, 3rem)) 0}to{translate:0 0}}@property --sweep{syntax:"<percentage>";inherits:false;initial-value:100%}@property --grad-angle{syntax:"<angle>";inherits:false;initial-value:200deg}@property --num{syntax:"<integer>";inherits:false;initial-value:0}.sc-gauge{position:relative;inline-size:100%;aspect-ratio:1;border-radius:50%;--sweep:var(--to-sweep,100%);background:conic-gradient(from -90deg,var(--sc-accent) 0 var(--sweep),color-mix(in oklab,var(--sc-ink) 12%,transparent) var(--sweep) 100%);-webkit-mask-image:radial-gradient(circle,transparent 0 62%,#000 63%);mask-image:radial-gradient(circle,transparent 0 62%,#000 63%)}.sc-instrument{--grad-angle:200deg;background-image:linear-gradient(var(--grad-angle),color-mix(in oklab,var(--sc-accent) 14%,transparent),transparent 62%)}.sc-bar{block-size:6px;border-radius:999px;background:color-mix(in oklab,var(--sc-ink) 12%,transparent);overflow:clip}.sc-bar>span{display:block;block-size:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--sc-accent) 55%,transparent),var(--sc-accent));transform-origin:left center;scale:var(--to-bar,1) 1}.sc-count{--num:var(--to-num,0);counter-reset:n var(--num)}.sc-count:after{content:counter(n)}.sc-draw{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sc-gauge{animation:sc-sweep linear both;animation-timeline:view();animation-range:entry 15% cover 48%}.sc-instrument{animation:sc-grad linear both;animation-timeline:view();animation-range:entry 0 cover 65%}.sc-bar>span{animation:sc-bar linear both;animation-timeline:view();animation-range:entry calc(14% + var(--i, 0) * 6%) cover calc(42% + var(--i, 0) * 6%)}.sc-count{animation:sc-count linear both;animation-timeline:view();animation-range:entry calc(14% + var(--i, 0) * 6%) cover calc(42% + var(--i, 0) * 6%)}.sc-draw{animation:sc-draw linear both;animation-timeline:view();animation-range:entry 18% cover 55%}}}@keyframes sc-sweep{0%{--sweep:0%}to{--sweep:var(--to-sweep,100%)}}@keyframes sc-grad{0%{--grad-angle:120deg}to{--grad-angle:260deg}}@keyframes sc-bar{0%{scale:0 1}to{scale:var(--to-bar,1) 1}}@keyframes sc-count{0%{--num:0}to{--num:var(--to-num,0)}}@keyframes sc-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.sc-diorama{position:relative;aspect-ratio:16/10;border-radius:.9rem;overflow:clip;background:var(--sc-surface)}.sc-plane{position:absolute;inset:0;scale:1.06;translate:0 0}.sc-plane--far{filter:blur(1.5px) saturate(.72)}.sc-notes{display:grid;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:note}.sc-note{border-inline-start:2px solid var(--sc-accent);padding-inline-start:.85rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sc-plane{animation:sc-plane linear both;animation-timeline:view();animation-range:cover}}}@keyframes sc-plane{0%{translate:0 var(--sc-shift,0)}to{translate:0 calc(var(--sc-shift, 0px) * -1)}}@supports (anchor-name:--a){@media (min-width:64rem){.sc-anchored{position:relative}.sc-anchored .sc-notes{display:block;block-size:0}.sc-anchored .sc-note{position:absolute;inline-size:15rem;margin:0;padding:.7rem .9rem;border:1px solid var(--sc-hair);border-inline-start:2px solid var(--sc-accent);border-radius:.4rem;background:color-mix(in oklab,var(--sc-bg) 88%,transparent);backdrop-filter:blur(6px) saturate(1.1)}.sc-note--far{position-anchor:--plane-far;position-area:center span-inline-end}.sc-note--mid{position-anchor:--plane-mid;position-area:block-end span-inline-start}.sc-note--near{position-anchor:--plane-near;position-area:block-start span-inline-start}}}.sc-anchor-far{anchor-name:--plane-far}.sc-anchor-mid{anchor-name:--plane-mid}.sc-anchor-near{anchor-name:--plane-near}.sc-swatch{display:flex;block-size:3.25rem;border-radius:.5rem;overflow:clip}.sc-swatch>span{flex:1}