.prism .p-tint{z-index:-2;pointer-events:none;background:var(--p-tint,var(--p-bg));position:fixed;inset:0}.prism .p-glow{pointer-events:none;z-index:-1;will-change:opacity,transform;animation:12s ease-in-out infinite p-breathe;position:fixed}.prism .p-glow-1{background:radial-gradient(closest-side,var(--p-g1,transparent),transparent);width:56vw;height:100vh;top:0;right:-28vw}.prism .p-glow-2{background:radial-gradient(closest-side,var(--p-g2,transparent),transparent);width:60vw;height:70vh;animation-delay:-4s;bottom:-30vh;left:-30vw}.prism .p-glow-3{background:radial-gradient(closest-side,color-mix(in oklab,var(--p-g3,transparent)70%,transparent),transparent);width:50vw;height:50vh;animation-delay:-8s;top:-30vh;right:10vw}html[data-arrive] .prism .p-glow{animation:1.3s cubic-bezier(.16,1,.3,1) p-swell,12s ease-in-out 1.3s infinite p-breathe}@keyframes p-breathe{50%{opacity:.75;transform:scale(.95)}}@keyframes p-swell{30%{opacity:1;transform:scale(1.06)}}
.prism .p-knob{z-index:15;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:48px;height:68vh;position:fixed;top:16vh;right:4px}.prism .p-knob:focus-visible{outline:none}.prism .p-knob:focus-visible .p-knob-disc{outline:2px solid var(--p-ac);outline-offset:4px}.prism .p-knob-track{position:absolute;inset:0}.prism .p-knob-disc{width:20px;height:20px;rotate:none;scale:1;transform:translate3d(0,calc(var(--p-kf,0)*(68vh - 20px)),0);will-change:transform;background:color-mix(in oklab,var(--p-k,var(--p-ac))34%,transparent);-webkit-backdrop-filter:blur(10px)saturate(1.4);box-shadow:inset 0 1px 0 #ffffff90,0 10px 24px -10px color-mix(in oklab,var(--p-k,#000)70%,transparent);border:1px solid #fff9;border:1px solid lab(100% -.0000298023 .0000119209/.6);border-radius:50%;transition:scale .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;right:14px}.dark .prism .p-knob-disc{border-color:#ffffff30;box-shadow:inset 0 1px #ffffff30,0 10px 24px -10px #000}.prism .p-knob-disc:before{content:"";background:conic-gradient(var(--t1,#ccc),var(--t2,#ccc),var(--t3,#ccc),var(--t1,#ccc));opacity:0;border-radius:50%;animation:1.4s cubic-bezier(.16,1,.3,1) .6s 2 p-ring;position:absolute;inset:-5px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.prism .p-knob-disc[data-notch]:before{animation:none}.prism .p-knob-disc[data-notch]{animation:.7s cubic-bezier(.3,1.6,.5,1) p-notch}.prism .p-knob-disc[data-notch]:after{content:"";border:1.5px solid var(--p-k,var(--p-ac));opacity:0;border-radius:50%;animation:.7s cubic-bezier(.16,1,.3,1) p-pulse;position:absolute;inset:0}html.p-holding .prism .p-knob{cursor:grabbing}html.p-holding .prism .p-knob-disc{scale:1.2}@keyframes p-ring{0%{opacity:0;rotate:none}30%{opacity:1}to{opacity:0;rotate:360deg}}@keyframes p-notch{40%{rotate:45deg;scale:1.14}}@keyframes p-pulse{0%{opacity:.8;scale:1}to{opacity:0;scale:1.7}}@media (prefers-reduced-motion:reduce){.prism .p-knob-disc,.prism .p-knob-disc:before,.prism .p-knob-disc:after{transition:none!important;animation:none!important}html.p-holding .prism .p-knob-disc{scale:1}}
.prism .p-list{padding:0 64px 42vh}.prism .p-row{border-top:1px solid var(--p-hl);scroll-snap-align:center;padding:30px 0;display:block}.prism .p-row:last-of-type{border-bottom:1px solid var(--p-hl)}.prism .p-row[data-hue]{--hc:oklch(.64 .15 var(--h));--hd:oklch(.44 .14 var(--h))}.dark .prism .p-row[data-hue]{--hc:oklch(.74 .15 var(--h));--hd:oklch(.84 .14 var(--h))}.prism .p-rv{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;display:grid}.prism .p-h{font:300 46px/1.1 var(--p-serif);letter-spacing:-.012em;will-change:transform;transform-origin:0;transform:translate3d(calc(var(--n,0)*8px),0,0)scale(calc(.99 + var(--n,0)*.03));align-items:baseline;gap:18px;display:flex}.prism .p-h a{color:color-mix(in oklab,var(--p-fg)calc(var(--n,0)*100%),var(--p-mu))}.prism .p-row .p-dash{background:var(--hc);transform-origin:0;width:28px;height:1.5px;transform:scaleX(calc(.3 + var(--n,0)*.7));opacity:calc(.4 + var(--n,0)*.6);border-radius:2px;flex:none;align-self:center}.prism .p-side{color:var(--p-mu);align-items:center;gap:18px;font-size:13px;display:flex}.prism .p-ex{color:var(--p-mu);max-width:580px;opacity:clamp(0,calc((var(--n,0) - .4)*1.8),1);grid-column:1/-1;margin-top:-4px;font-size:14.5px}.prism .p-row[data-arrive] .p-h{animation:.55s cubic-bezier(.3,1.6,.5,1) p-detent}@keyframes p-detent{35%{scale:1.018}}@supports (animation-timeline:view()){.prism .p-rv{animation:linear both p-pull;animation-timeline:view();animation-range:entry 5% cover 28%}}@keyframes p-pull{0%{opacity:0;filter:blur(6px);transform:scale(.96)}to{opacity:1;filter:blur();transform:none}}@media (max-width:900px){.prism .p-list{padding:0 44px 42vh 32px}.prism .p-h{font-size:37px}}@media (max-width:620px){.prism .p-list{padding:0 44px 42vh 18px}.prism .p-rv{grid-template-columns:1fr;gap:6px}.prism .p-h{gap:12px;font-size:30px}}@media (prefers-reduced-motion:reduce){.prism .p-h{transform:none}.prism .p-rv{animation:none!important}}.prism .p-row mark{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--hc);text-decoration-color:var(--hc);text-underline-offset:3px;background:0 0;text-decoration-thickness:2px}