*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:DM Mono,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:360px){.\!container{max-width:360px!important}.container{max-width:360px}}@media (min-width:480px){.\!container{max-width:480px!important}.container{max-width:480px}}@media (min-width:900px){.\!container{max-width:900px!important}.container{max-width:900px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.isolate{isolation:isolate}.m-2\.5{margin:.625rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-24{height:6rem}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-none{cursor:none}.resize{resize:both}.flex-row{flex-direction:row}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@property --ga{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes bspin{to{--ga:360deg}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes spulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes vfPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes shutterSnap{0%{transform:scale(1)}30%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shutterFlash{0%,to{fill:var(--color-accent)}30%{fill:#fff}}@keyframes shutterRipple{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(4.5)}}@keyframes recBlink{0%,49%{opacity:1}50%,to{opacity:.1}}@keyframes arrowWiggle{0%,62%,to{transform:translateY(0)rotate(0)}14%{transform:translateY(3px)rotate(-8deg)}28%{transform:translateY(0)rotate(7deg)}42%{transform:translateY(3px)rotate(-4deg)}54%{transform:translateY(0)rotate(2deg)}}.wiggle-arrow{animation:2.6s ease-in-out infinite arrowWiggle;display:inline-flex}@media (prefers-reduced-motion:reduce){.wiggle-arrow{animation:none}}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes themeRipple{0%{opacity:.45;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(80)}}.theme-ripple{background:radial-gradient(circle, rgba(var(--color-accent-rgb), .6) 0%, rgba(var(--color-accent-rgb), 0) 60%);pointer-events:none;z-index:9998;will-change:transform, opacity;border-radius:9999px;width:40px;height:40px;animation:.95s ease-out forwards themeRipple;position:fixed}@keyframes apertureClose{0%{opacity:0;transform:scale(1.25)rotate(0)}25%{opacity:.9;transform:scale(1)rotate(15deg)}65%{opacity:1;transform:scale(.35)rotate(45deg)}to{opacity:0;transform:scale(.15)rotate(60deg)}}@keyframes apertureCloseInner{0%{opacity:0;transform:scale(.9)rotate(0)}30%{opacity:.7;transform:scale(.7)rotate(-20deg)}70%{opacity:1;transform:scale(.25)rotate(-50deg)}to{opacity:0;transform:scale(.1)rotate(-70deg)}}.cursor-viewfinder{pointer-events:none;z-index:9999;will-change:transform;width:48px;height:48px;position:fixed;top:-24px;left:-24px}.cursor-viewfinder svg{transform-origin:50%;filter:drop-shadow(0 0 1.5px #000000d9)drop-shadow(0 1px 2px #0000008c);transition:transform .25s,filter .25s}.light .cursor-viewfinder svg{filter:drop-shadow(0 0 1.5px #0000008c)drop-shadow(0 1px 2px #00000059)}.vf-corner{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vf-dot{fill:var(--color-accent);animation:1.8s ease-in-out infinite vfPulse}.vf-grid{stroke:var(--color-accent);stroke-width:.4px;opacity:.22}.vf-af{fill:none;stroke:var(--color-accent);stroke-width:.8px;stroke-dasharray:3 2;opacity:.55}.vf-tick{stroke:var(--color-accent);stroke-width:1px;stroke-linecap:round;opacity:.75}.vf-ripple{fill:none;stroke:var(--color-accent);stroke-width:1.5px;transform-origin:24px 24px;opacity:0;transform:scale(0)}.vf-rec{fill:var(--color-red);filter:drop-shadow(0 0 2px rgba(var(--color-red-rgb), .8));animation:1s step-end infinite recBlink}.vf-aperture{fill:none;stroke:var(--color-accent);stroke-width:1.2px;stroke-linejoin:round;transform-origin:24px 24px;opacity:0}.vf-aperture-inner{stroke:var(--color-accent2);stroke-width:1px}.vf-corner,.vf-grid,.vf-af,.vf-tick,.vf-dot,.vf-rec{transition:opacity .25s,stroke-width .25s}body.cursor-hover .cursor-viewfinder svg{filter:drop-shadow(0 0 1.5px #000000b3);transform:scale(.78)}.light body.cursor-hover .cursor-viewfinder svg{filter:drop-shadow(0 0 1.5px #00000080)}body.cursor-hover .vf-corner{stroke-width:1.25px;opacity:.7}body.cursor-hover .vf-grid{opacity:.04}body.cursor-hover .vf-af{opacity:.12}body.cursor-hover .vf-tick{opacity:.22}body.cursor-hover .vf-dot{opacity:.35;animation:none}body.cursor-hover .vf-rec{opacity:0}body.cursor-hover.cursor-bold .cursor-viewfinder svg{filter:drop-shadow(0 0 2.5px #000000f2)drop-shadow(0 1px 2px #000000b3);transform:scale(.92)}body.cursor-hover.cursor-bold .vf-corner{stroke-width:2px;opacity:1}body.cursor-hover.cursor-bold .vf-af{opacity:.45}body.cursor-hover.cursor-bold .vf-tick{opacity:.6}body.cursor-hover.cursor-bold .vf-dot{opacity:.85}body.cursor-click .cursor-viewfinder svg{animation:.28s ease-out shutterSnap}body.cursor-click .vf-dot{animation:.28s ease-out shutterFlash,1.8s ease-in-out infinite vfPulse}body.cursor-click .vf-ripple{animation:.45s ease-out shutterRipple}body.cursor-click .vf-aperture-outer{animation:.5s ease-out apertureClose}body.cursor-click .vf-aperture-inner{animation:.5s ease-out apertureCloseInner}:root{--gold-metal:linear-gradient(135deg, #f2e2b3 0%, #d9bd7f 22%, #c8a96e 42%, #96773f 60%, #b8975a 78%, #e8d29a 100%);--gold-metal-hi:#fff8e18c;--gold-metal-lo:#0000008c;--brand-cashfree:#0b2a25;--brand-oneplus:#eb0028;--brand-bajaj:#d82129;--brand-samunnati:#2f9a44;--brand-fg:#fff;--brand-paper:#fbfaf7;--color-bg:#080808;--color-bg-rgb:8, 8, 8;--color-surface:#111;--color-surface-alt:#0d0d0d;--color-surface-media:#0e0e0e;--color-border:#ffffff12;--color-border-strong:#ffffff47;--color-text:#e8e6e1;--color-text-rgb:232, 230, 225;--color-text-dim:#e8e6e1eb;--color-text-dimmer:#e8e6e1c7;--color-accent:#c8a96e;--color-accent-rgb:200, 169, 110;--color-accent2:#e2c98a;--color-green:#64dc82;--color-green-rgb:100, 220, 130;--color-red:#ff4040;--color-red-rgb:255, 64, 64;--lg-tint:#ffffff0b;--lg-tint-solid:#0e0e0e94;--lg-shine:#ffffff57;--lg-shine-2:#ffffff24;--lg-border:#ffffff21;--lg-drop:0 6px 6px #00000038, 0 0 20px #0000001f;--lg-drop-sm:0 2px 4px #00000038, 0 0 10px #0000001a;--lg-blur:3px;--lg-glow:#ffffff12;--glass-tint:#bbbbbc;--glass-light:#fff;--glass-dark:#000;--glass-reflex-light:.3;--glass-reflex-dark:2;--glass-saturation:150%;--vinyl-shadow-active:0 14px 26px #00000080;--vinyl-shadow-idle:0 4px 10px #0006;--vinyl-shadow-mini:0 4px 8px #00000059;--badge-bg-pr:#00005b;--badge-bg-ae:#00005b;--badge-bg-ps:#001e36;--badge-bg-ai:#300;--badge-bg-lr:#001e36;--badge-fg-pr:#99f;--badge-fg-ae:#d291ff;--badge-fg-ps:#31a8ff;--badge-fg-ai:#ff9a00;--badge-fg-lr:#50e6ff;--badge-bg-canva:linear-gradient(135deg, #00c4cc 0%, #7d2ae7 100%);--badge-fg-canva:#fff}.light{--gold-metal:linear-gradient(135deg, #dcb86a 0%, #c19546 22%, #a6762a 42%, #6b4a15 60%, #8d6420 78%, #d0aa5a 100%);--gold-metal-hi:#ffffffb3;--gold-metal-lo:#3c280a73;--color-bg:#f5f2ec;--color-bg-rgb:245, 242, 236;--color-surface:#ece8df;--color-surface-alt:#e4dfd5;--color-surface-media:#dcd7ce;--color-border:#00000017;--color-border-strong:#00000052;--color-text:#1c1a17;--color-text-rgb:28, 26, 23;--color-text-dim:#1c1a17eb;--color-text-dimmer:#1c1a17c7;--color-accent:#a6762a;--color-accent-rgb:166, 118, 42;--color-accent2:#c8a96e;--color-green:#1e8840;--color-green-rgb:30, 136, 64;--color-red:#cc2c2c;--color-red-rgb:204, 44, 44;--lg-tint:#ffffff57;--lg-tint-solid:#f5f2ecbd;--lg-shine:#ffffffd9;--lg-shine-2:#ffffff8c;--lg-border:#1c1a1729;--lg-drop:0 6px 6px #3c2d191a, 0 0 20px #3c2d1912;--lg-drop-sm:0 2px 4px #3c2d191a, 0 0 10px #3c2d190f;--lg-glow:#ffffff2e;--glass-reflex-light:1;--glass-reflex-dark:1;--glass-saturation:150%;--vinyl-shadow-active:0 12px 24px #3c2d1938;--vinyl-shadow-idle:0 4px 12px #3c2d1929;--vinyl-shadow-mini:0 3px 8px #3c2d192e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--color-bg);color:var(--color-text);cursor:none;-webkit-user-select:none;user-select:none;overflow-x:hidden}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}@media (min-width:901px){*,:before,:after{cursor:none!important}}body,body :not(canvas):not(.ss-overlay):not(.ss-overlay *){transition:background-color .3s,border-color .3s,color .3s,-webkit-text-stroke-color .3s}.reveal{transition:opacity .8s,transform .8s!important}.reveal.visible{opacity:1;transform:translateY(0)}body.theme-switching,body.theme-switching :not(.theme-switch__knob):not(.theme-switch__knob *):not(.nav-puck),body.theme-switching :before,body.theme-switching :after{transition:none!important}.grad-border{position:relative}.grad-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ga), transparent 75%, var(--color-accent) 82%, var(--color-accent2) 88%, transparent 95%);z-index:-1;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-1px}.grad-border:hover:before{opacity:1;animation:2.4s linear infinite bspin}.social-nucleus{background:var(--color-bg);cursor:pointer;color:var(--color-accent);border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.social-nucleus:before{content:"";background:conic-gradient(from var(--ga), rgba(var(--color-accent-rgb), .12) 0%, var(--color-accent) 45%, var(--color-accent2) 60%, var(--color-accent) 74%, rgba(var(--color-accent-rgb), .12) 100%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;border-radius:50%;padding:1.4px;animation:4.5s linear infinite bspin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.social-nucleus:hover:before,.social-nucleus[aria-expanded=true]:before{animation-duration:1.5s}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}.social-orbit-layer{animation:orbit-spin var(--orbit-dur,16s) linear infinite;border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.social-orbit-counter{animation:orbit-counter var(--orbit-dur,16s) linear infinite;place-items:center;display:grid}.social-cluster.is-open .social-orbit-layer,.social-cluster.is-open .social-orbit-counter{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.social-nucleus:before,.social-orbit-layer,.social-orbit-counter{animation:none}}.work-border{background-color:#0000;background-image:radial-gradient(260px circle at var(--gx,30%) var(--gy,0%), var(--lg-glow-now) 0%, transparent 60%), linear-gradient(135deg, var(--lg-tint) 0%, transparent 45%, var(--lg-tint) 100%);-webkit-backdrop-filter:blur(3px)saturate(125%)url(#glass-edge);backdrop-filter:blur(3px)saturate(125%)url(#glass-edge);border:1px solid var(--lg-border);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), var(--lg-drop);border-radius:6px;margin-bottom:2px;transition:border-color .4s;position:relative}.work-border:hover{--lg-glow-now:var(--lg-glow)}.work-border.spin-border:before{inset:0}.work-border.spin-border:hover{border-color:#0000}.spin-border{position:relative}.spin-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ga), rgba(var(--color-accent-rgb), .22) 0%, rgba(var(--color-accent-rgb), .2) 35%, rgba(var(--color-accent-rgb), .35) 55%, rgba(var(--color-accent-rgb), .65) 70%, var(--color-accent) 80%, var(--color-accent2) 86%, var(--color-accent) 92%, rgba(var(--color-accent-rgb), .55) 97%, rgba(var(--color-accent-rgb), .22) 100%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spin-border:hover:before{opacity:1;animation:8s linear infinite bspin}.pl-card.spin-border:hover:before{animation:none}.nav-glass{background-color:color-mix(in srgb, var(--glass-tint) 12%, transparent);-webkit-backdrop-filter:blur(8px) saturate(var(--glass-saturation)) url(#glass-edge-lg);backdrop-filter:blur(8px) saturate(var(--glass-saturation)) url(#glass-edge-lg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -.3px -1px 4px 0px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 1px 5px 0px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 6px 16px 0px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 8%), transparent);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)!important}.glass-puck{background-color:color-mix(in srgb, var(--glass-tint) 18%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0px -1px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0px -1px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--glass-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0px -4px 1px -2px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0px 3px 6px 0px color-mix(in srgb, var(--glass-dark) calc(var(--glass-reflex-dark) * 8%), transparent);border-radius:99em}.nav-puck{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;transition:translate .4s cubic-bezier(1,0,.4,1),width .4s cubic-bezier(1,0,.4,1),opacity .3s,background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1)!important}.nav-puck.is-instant{transition:none!important}.theme-switch{-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.theme-switch__knob{will-change:translate, scale}.theme-switch:hover .theme-switch__knob{background-color:color-mix(in srgb, var(--glass-tint) 28%, transparent)}.liquid-glass.nav-sheet>.liquid-glass__face{background:color-mix(in srgb, var(--color-bg) 82%, color-mix(in srgb, var(--glass-tint) 30%, transparent))}.liquid-glass.nav-sheet>.liquid-glass__bend{-webkit-backdrop-filter:blur(22px) saturate(var(--glass-saturation)) url(#glass-edge-lg);backdrop-filter:blur(22px) saturate(var(--glass-saturation)) url(#glass-edge-lg)}@property --lg-glow-now{syntax:"<color>";inherits:false;initial-value:#0000}.glass-card{background-color:color-mix(in srgb, var(--color-surface) 28%, transparent);background-image:radial-gradient(260px circle at var(--gx,30%) var(--gy,0%), var(--lg-glow-now) 0%, transparent 60%);-webkit-backdrop-filter:blur(8px)saturate(145%)url(#glass-edge);backdrop-filter:blur(8px)saturate(145%)url(#glass-edge);border:1px solid var(--lg-border);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), var(--lg-drop);border-radius:6px;transition:border-color .25s,box-shadow .25s,background-color .3s,--lg-glow-now .35s}.glass-card:hover{--lg-glow-now:var(--lg-glow);border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), 0 10px 36px -12px rgba(var(--color-accent-rgb), .28)}.light .glass-card{background-color:color-mix(in srgb, var(--color-surface) 50%, transparent)}.glass-card.sheer{background-color:#0000;background-image:radial-gradient(260px circle at var(--gx,30%) var(--gy,0%), var(--lg-glow-now) 0%, transparent 60%), linear-gradient(135deg, var(--lg-tint) 0%, transparent 45%, var(--lg-tint) 100%);-webkit-backdrop-filter:blur(3px)url(#glass-edge);backdrop-filter:blur(3px)url(#glass-edge)}.glass-card.sheer:hover{border-color:color-mix(in srgb, var(--color-accent) 60%, transparent)}.glass-card.band{border-left:0;border-right:0;border-radius:0}.glass-card.band:hover{--lg-glow-now:transparent;border-color:var(--lg-border);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), var(--lg-drop)}.liquid-glass.band>.liquid-glass__edge{border-left:0;border-right:0}.glass-chip{background:var(--lg-tint);border:1px solid var(--lg-border);-webkit-backdrop-filter:blur(2px)url(#glass-edge-sm);backdrop-filter:blur(2px)url(#glass-edge-sm);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2)}.glass-btn{background-color:var(--lg-tint);background-image:radial-gradient(140px circle at var(--gx,30%) var(--gy,0%), var(--lg-glow-now) 0%, transparent 65%);border:1px solid var(--lg-border);-webkit-backdrop-filter:blur(2px)url(#glass-edge-sm);backdrop-filter:blur(2px)url(#glass-edge-sm);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), var(--lg-drop-sm);transition:border-color .25s,box-shadow .25s,background-color .3s,color .2s,--lg-glow-now .3s}.glass-btn.is-round{-webkit-backdrop-filter:url(#btn-glass-round);backdrop-filter:url(#btn-glass-round);border-radius:50%}.glass-btn:hover{--lg-glow-now:var(--lg-glow);border-color:color-mix(in srgb, var(--color-accent) 55%, transparent);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), 0 0 18px -4px rgba(var(--color-accent-rgb), .45)}.glass-input{background:color-mix(in srgb, var(--color-surface) 35%, transparent);border:1px solid var(--lg-border);color:var(--color-text);-webkit-backdrop-filter:blur(5px)url(#glass-edge-sm);backdrop-filter:blur(5px)url(#glass-edge-sm);box-shadow:inset 1px 1px 1px 0 var(--lg-shine-2);transition:border-color .2s,box-shadow .2s,background-color .3s}.glass-input::placeholder{color:var(--color-text-dimmer)}.glass-input:focus,.glass-input:focus-visible{border-color:color-mix(in srgb, var(--color-accent) 70%, transparent);box-shadow:inset 1px 1px 1px 0 var(--lg-shine-2), 0 0 0 3px rgba(var(--color-accent-rgb), .18);outline:none}@keyframes glassPress{to{scale:1.018}}@keyframes glassPressSm{to{scale:1.06}}@keyframes glassRelease{0%{scale:1.018}45%{scale:.992}72%{scale:1.004}to{scale:1}}@keyframes glassReleaseSm{0%{scale:1.06}45%{scale:.97}72%{scale:1.012}to{scale:1}}.glass-card.is-press{animation:.22s cubic-bezier(.2,.9,.3,1.2) forwards glassPress}.glass-card.is-release{animation:.55s cubic-bezier(.3,.7,.4,1) glassRelease}.glass-btn.is-press,.glass-chip.is-press{animation:.18s cubic-bezier(.2,.9,.3,1.2) forwards glassPressSm}.glass-btn.is-release,.glass-chip.is-release{animation:.5s cubic-bezier(.3,.7,.4,1) glassReleaseSm}@media (prefers-reduced-motion:reduce){.glass-card.is-press,.glass-card.is-release,.glass-btn.is-press,.glass-btn.is-release,.glass-chip.is-press,.glass-chip.is-release{animation:none}}.liquid-glass{isolation:isolate;border-radius:var(--lg-radius,16px);position:relative}.liquid-glass>.liquid-glass__layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.liquid-glass>.liquid-glass__bend{z-index:-3;-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(140%) url(#glass-edge-lg);backdrop-filter:blur(var(--lg-blur)) saturate(140%) url(#glass-edge-lg)}.liquid-glass>.liquid-glass__face{z-index:-2;background-color:var(--lg-tint);background-image:radial-gradient(320px circle at var(--gx,30%) var(--gy,0%), var(--lg-glow-now) 0%, transparent 60%);box-shadow:var(--lg-drop);transition:--lg-glow-now .35s}.liquid-glass:hover>.liquid-glass__face{--lg-glow-now:var(--lg-glow)}.liquid-glass--panel>.liquid-glass__face{background-color:var(--lg-tint-solid)}.liquid-glass>.liquid-glass__edge{z-index:-1;border:1px solid var(--lg-border);box-shadow:inset 2px 2px 1px 0 var(--lg-shine), inset -1px -1px 1px 1px var(--lg-shine-2)}.liquid-glass--menu>.liquid-glass__face{background-color:color-mix(in srgb, var(--glass-tint,#bbbbbc) 12%, transparent);box-shadow:none}.liquid-glass--menu>.liquid-glass__edge{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-light,#fff) calc(var(--glass-reflex-light,.3) * 10%), transparent), inset 1.8px 3px 0px -2px color-mix(in srgb, var(--glass-light,#fff) calc(var(--glass-reflex-light,.3) * 90%), transparent), inset -2px -2px 0px -2px color-mix(in srgb, var(--glass-light,#fff) calc(var(--glass-reflex-light,.3) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--glass-light,#fff) calc(var(--glass-reflex-light,.3) * 60%), transparent), inset -.3px -1px 4px 0px color-mix(in srgb, var(--glass-dark,#000) calc(var(--glass-reflex-dark,2) * 12%), transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb, var(--glass-dark,#000) calc(var(--glass-reflex-dark,2) * 20%), transparent), inset 0px 3px 4px -2px color-mix(in srgb, var(--glass-dark,#000) calc(var(--glass-reflex-dark,2) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--glass-dark,#000) calc(var(--glass-reflex-dark,2) * 10%), transparent);border:none}.glass-dark{--lg-tint:#ffffff0f;--lg-tint-solid:#0a0a0a9e;--lg-shine:#ffffff4d;--lg-shine-2:#ffffff1f;--lg-border:#ffffff24;--lg-drop:0 6px 6px #00000052, 0 0 20px #0003;--lg-drop-sm:0 2px 4px #0000004d, 0 0 10px #00000029;--lg-glow:#ffffff12;--glass-reflex-light:.3;--glass-reflex-dark:2}@media (prefers-reduced-transparency:reduce){.glass-card,.work-border,.glass-input,.glass-chip,.glass-btn{background-color:color-mix(in srgb, var(--color-surface) 88%, transparent)}.liquid-glass>.liquid-glass__face{background-color:color-mix(in srgb, var(--color-bg) 90%, transparent)}}.glass-btn.glass-ring{position:relative}.glass-btn.glass-ring:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ga), rgba(var(--color-accent-rgb), .12) 0%, var(--color-accent) 45%, var(--color-accent2) 60%, var(--color-accent) 74%, rgba(var(--color-accent-rgb), .12) 100%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;padding:1.4px;animation:4s linear infinite bspin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.glass-btn.glass-ring:before{animation:none}}.slider-arrow{background:var(--lg-tint);border:1px solid var(--lg-border);-webkit-backdrop-filter:url(#btn-glass-round);backdrop-filter:url(#btn-glass-round);box-shadow:inset 1px 1px 1px 0 var(--lg-shine), inset -1px -1px 1px 0 var(--lg-shine-2), var(--lg-drop-sm);transition:box-shadow .3s,color .2s}.slider-arrow:hover{background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, conic-gradient(from var(--ga), transparent 70%, var(--color-accent) 80%, var(--color-accent2) 90%, transparent 100%) border-box;color:var(--color-accent);box-shadow:0 0 18px -4px rgba(var(--color-accent-rgb), .55);border-color:#0000;animation:2.4s linear infinite bspin}.hl{color:var(--color-text);-webkit-text-stroke:0px transparent;will-change:transform, filter;transition:color .25s,-webkit-text-stroke .25s,filter .35s;display:inline-block}.hl.hollow{color:#0000;-webkit-text-stroke:1.5px var(--color-text)}.hl.hollow-accent{color:#0000;-webkit-text-stroke:1.5px var(--color-accent)}.hl.lanyard-behind{color:#0000;-webkit-text-stroke:1.5px var(--color-accent);filter:url(#hero-liquify)}.hl.liquify{filter:url(#hero-liquify)}.lanyard-card{isolation:isolate;border-radius:10px;position:relative}.lanyard-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--ga), rgba(var(--color-accent-rgb), .18) 0%, rgba(var(--color-accent-rgb), .32) 28%, var(--color-accent) 52%, var(--color-accent2) 64%, var(--color-accent) 76%, rgba(var(--color-accent-rgb), .32) 92%, rgba(var(--color-accent-rgb), .18) 100%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1.5px;animation:5s linear infinite bspin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.lanyard-card:after{content:"";background:conic-gradient(from var(--ga), transparent 0%, transparent 50%, rgba(var(--color-accent-rgb), .55) 70%, rgba(var(--color-accent-rgb), .9) 80%, rgba(var(--color-accent-rgb), .55) 90%, transparent 100%);filter:blur(8px);opacity:.7;pointer-events:none;z-index:-1;border-radius:18px;animation:5s linear infinite bspin;position:absolute;inset:-8px}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(28px)}.drag-hide-scroll::-webkit-scrollbar{display:none}.drag-hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.pl-card,.art-card,.work-item{contain:layout paint}.wk-grid>.work-tile{opacity:0;filter:blur(22px);will-change:opacity, filter, transform;transform:translateY(22px)scale(.975);transition:opacity .9s,filter .9s,transform .9s cubic-bezier(.22,.61,.36,1)!important}.wk-grid.wk-in>.work-tile{opacity:1;filter:blur();transform:none}.wk-grid>.work-tile:nth-child(2){transition-delay:.16s!important}.wk-grid>.work-tile:nth-child(3){transition-delay:.32s!important}.wk-grid>.work-tile:nth-child(4){transition-delay:.48s!important}.wk-grid.wk-settled>.work-tile{filter:none;will-change:auto;transition:none!important}.wk-grid.wk-snap>.work-tile{transition:none!important}.work-tile{contain:layout}@media (prefers-reduced-motion:reduce){.wk-grid>.work-tile{opacity:1;filter:none;transform:none;transition:none!important}}@media (hover:hover) and (pointer:fine){.tool-card,.cert-card,.pl-card,.art-card,.ach-card,.about-card,.media-ph{will-change:transform}.tool-card,.cert-card,.pl-card,.art-card,.ach-card{transition:border-color .3s,transform .5s cubic-bezier(.25,.46,.45,.94)}.about-card{transition:opacity .8s,border-color .3s,transform .5s cubic-bezier(.25,.46,.45,.94)!important}.tool-card:hover,.cert-card:hover,.pl-card:hover,.art-card:hover,.ach-card:hover,.about-card:hover,.media-ph:hover{z-index:5;transform:scale(1.025)}.media-ph:hover{box-shadow:0 8px 20px -10px #00000073}}@media (prefers-reduced-motion:reduce){.tool-card:hover,.cert-card:hover,.pl-card:hover,.art-card:hover,.ach-card:hover,.about-card:hover,.media-ph:hover{transform:none}}.ss-overlay{z-index:9000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;flex-direction:column;display:none;position:fixed;inset:0}.ss-overlay.open{display:flex}.nav-link:hover{color:var(--color-text)!important}.nav-link.is-active{color:var(--color-accent)!important}.skip-link{z-index:2000;background:var(--color-accent);color:var(--color-bg);letter-spacing:.12em;text-transform:uppercase;border-radius:8px;padding:10px 16px;font-family:DM Mono,monospace;font-size:12px;text-decoration:none;transition:transform .2s;position:fixed;top:8px;left:8px;transform:translateY(-150%);box-shadow:0 8px 24px -8px #00000080}.skip-link:focus,.skip-link:focus-visible{outline:2px solid var(--color-bg);outline-offset:2px;transform:translateY(0)}@keyframes hintPulse{0%{box-shadow:0 0 0 0 rgba(var(--color-accent-rgb), .45)}70%{box-shadow:0 0 0 9px rgba(var(--color-accent-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--color-accent-rgb), 0)}}.hint-pulse:after{content:"";border-radius:inherit;pointer-events:none;animation:1.8s ease-out 3 hintPulse;position:absolute;inset:0}.hint-pulse.hint-delay:after{animation-delay:.9s}@media (prefers-reduced-motion:reduce){.hint-pulse:after{animation:none}}@media (max-width:900px){html{scroll-padding-top:64px}body{cursor:auto}.cursor-viewfinder{display:none!important}.glass-card,.glass-chip,.glass-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:color-mix(in srgb, var(--color-surface) 32%, transparent)}.glass-card.sheer,.work-border{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0000}.glass-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:var(--lg-tint)}.light .glass-card:not(.sheer){background-color:color-mix(in srgb, var(--color-surface) 55%, transparent)}}@media (hover:none),(pointer:coarse){body{cursor:auto}.cursor-viewfinder{display:none!important}.spin-border:before{opacity:.55;animation:none}}@media (max-width:480px){.hide-sm{display:none!important}}.cam-wrap{justify-content:center;align-items:center;gap:30px;display:flex}.cam-stage{width:100%;max-width:880px;position:relative}.cam-note{letter-spacing:.1em;color:var(--color-accent);flex:0 0 180px;margin:0;font-size:13px;line-height:1.5;position:relative;top:16%}.cam-note em{letter-spacing:.08em;color:var(--color-text-dimmer);margin-top:6px;font-size:10.5px;font-style:normal;display:block}.cam-note-arrow{width:86px;height:auto;color:var(--color-accent);opacity:.85;margin:0 0 10px -6px;display:block}.cam-svg{filter:drop-shadow(0 34px 54px #0009);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;isolation:isolate;width:100%;height:auto;display:block}.light .cam-svg{filter:drop-shadow(0 30px 46px #3c2d1e4d)}.cam-btn{cursor:pointer}.cam-btn:active{filter:brightness(1.5)}.cam-dial{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute}.cam-dial:active{cursor:grabbing}.cam-dial:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.cam-svg :focus,.cam-svg :focus-visible{outline:none}.cam-ring{opacity:0;transition:opacity .15s}.cam-btn:focus-visible .cam-ring{opacity:1}.cam-lcd{cursor:pointer;touch-action:pan-y;background:#000;border-radius:3px;position:absolute;overflow:hidden;box-shadow:inset 0 0 26px #000000bf,0 0 34px -8px #96beff38;container-type:size}.cam-lcd:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cam-frame{background:#000;position:absolute;inset:0}.cam-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.cam-img-blur{filter:blur(3px);opacity:.85}.cam-glass{pointer-events:none;background:linear-gradient(114deg,#ffffff16 0%,#fff0 34% 68%,#ffffff0a 100%);position:absolute;inset:0}@keyframes camInR{0%{opacity:.2;transform:translate(16%)}to{opacity:1;transform:none}}@keyframes camInL{0%{opacity:.2;transform:translate(-16%)}to{opacity:1;transform:none}}@keyframes camOutL{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-16%)}}@keyframes camOutR{0%{opacity:1;transform:none}to{opacity:0;transform:translate(16%)}}.cam-in-r{animation:.34s cubic-bezier(.22,.61,.36,1) both camInR}.cam-in-l{animation:.34s cubic-bezier(.22,.61,.36,1) both camInL}.cam-out-l{animation:.34s cubic-bezier(.22,.61,.36,1) both camOutL}.cam-out-r{animation:.34s cubic-bezier(.22,.61,.36,1) both camOutR}.cam-hud{pointer-events:none;color:#fff;letter-spacing:.1em;text-shadow:0 1px 3px #000000e6;font-size:clamp(6px,3.1cqw,12px);position:absolute;inset:0}.cam-hud>div{align-items:center;gap:.6em;display:flex;position:absolute}.cam-hud-tl{top:5%;left:3.5%}.cam-hud-tr{top:5%;right:3.5%}.cam-hud-bl{bottom:5%;left:3.5%}.cam-hud-br{bottom:5%;right:3.5%}.cam-rec{background:#ff4438;border-radius:50%;flex:none;width:.85em;height:.85em;animation:1.1s step-end infinite recBlink;box-shadow:0 0 6px #ff4438bf}@media (prefers-reduced-motion:reduce){.cam-rec{animation:none}}.cam-batt{border:1px solid #fff;border-radius:1px;flex:none;width:1.5em;height:.85em;display:inline-block;position:relative}.cam-batt:after{content:"";background:#fff;position:absolute;inset:1px}.cam-batt:before{content:"";background:#fff;width:2px;height:50%;position:absolute;top:25%;right:-3px}.cam-grid{color:#fff;background:#06060af0;flex-direction:column;font-size:clamp(6px,3.1cqw,12px);display:flex;position:absolute;inset:0}.cam-grid-head{letter-spacing:.18em;color:#cfcfd6;border-bottom:1px solid #2c2c33;justify-content:space-between;padding:.5em .8em;display:flex}.cam-grid-cells{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;display:grid}.cam-cell{cursor:pointer;background:#111;border:1px solid #0000;padding:0;overflow:hidden}.cam-cell img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.cam-cell.on{border-color:#e07a2a}.cam-cell:focus-visible{outline-offset:-2px;outline:2px solid #e07a2a}@media (max-width:1180px){.cam-wrap{flex-direction:column;gap:16px}.cam-note{text-align:center;flex:none;max-width:30ch;top:0}.cam-note em{margin-top:4px}.cam-note-arrow{display:none}}@media (max-width:480px){.cam-stage{width:calc(100% + 40px);max-width:none;margin-left:-20px;margin-right:-20px}.cam-note{font-size:12px}}@media (prefers-reduced-motion:reduce){.cam-in-r,.cam-in-l{animation:none}.cam-out-l,.cam-out-r{display:none}}.rec-deck,.rec-plate,.rec-mode{--paper:var(--color-bg);--ink:var(--color-text);--ash:var(--color-text-dimmer);--line:var(--color-border-strong);--hair:var(--color-border);--lamp:var(--color-accent);--lamp2:var(--color-accent2);--mono:"DM Mono",ui-monospace,monospace;--display:"Syne",sans-serif;--serif:"Cormorant Garamond",serif;--ease-out:cubic-bezier(.22,1,.36,1);--c-glass:#d9cfb8;--c-light:#fff6e0;--c-dark:#000;--glass-reflex-dark:2;--glass-reflex-light:.35;--saturation:150%}.light .rec-deck,.light .rec-plate{--c-glass:#bbbbbc;--c-light:#fff;--glass-reflex-dark:1;--glass-reflex-light:1}.rec-lg{--lens-blur:2px;background-color:color-mix(in srgb,var(--c-glass) 12%,transparent);-webkit-backdrop-filter:blur(8px) saturate(var(--saturation));backdrop-filter:blur(8px) saturate(var(--saturation));--disp:16;--aberr:1.2;--edge:24;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 10%),transparent), inset 1.8px 3px 0px -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent), inset -2px -2px 0px -2px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent), inset -3px -8px 1px -6px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent), inset -.3px -1px 4px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent), inset -1.5px 2.5px 0px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 0px 3px 4px -2px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 2px -6.5px 1px -4px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent), 0px 1px 5px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent), 0px 6px 16px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 8%),transparent);transition:background-color .4s cubic-bezier(1,0,.4,1),box-shadow .4s cubic-bezier(1,0,.4,1);position:relative}.rec-deck{--rec-D:clamp(220px,min(20vw,calc((100vh - 370px) / 1.32)),380px);height:calc(var(--rec-D) * 1.32);font-family:var(--mono);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%)}.rec-deck[data-dragging]{cursor:grabbing}@media (max-width:899.98px){.rec-deck{--rec-D:200px}}@media (max-width:479.98px){.rec-deck{--rec-D:150px}}.rec-deck .stage{position:absolute;inset:0}.rec-deck .world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.rec-deck .item{--D:var(--rec-D);--T:calc(var(--D) * .09);width:var(--D);aspect-ratio:1;margin:calc(var(--D) / -2) 0 0 calc(var(--D) / -2);transform-style:preserve-3d;will-change:transform;cursor:pointer;position:absolute;top:0;left:0}.rec-deck .item:not(.far){cursor:grab}.rec-deck[data-dragging] .item{cursor:grabbing}.rec-deck .flip{transform-style:preserve-3d;position:absolute;inset:0}.rec-deck .face{backface-visibility:hidden;border-radius:50%;position:absolute;inset:0;overflow:hidden}.rec-deck .front{background:linear-gradient(128deg,#ffffff38 0%,#ffffff0f 22%,#fff0 40%,#00000014 62%,#ffffff14 84%,#fff3 100%), color-mix(in srgb,var(--c-glass) 14%,transparent)}.rec-deck .face.front,.rec-deck .face.back{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 14%),transparent), inset 3px 5px 0px -3px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent), inset -3px -3px 0px -3px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent), inset -5px -12px 2px -9px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent), inset -1px -2px 8px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent), inset -2px 4px 0px -3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 0px 5px 8px -3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 3px -10px 2px -6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent)}.light .rec-deck .face.front,.light .rec-deck .face.back{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) 14%,transparent),inset 3px 5px 0px -3px color-mix(in srgb,var(--c-light) 90%,transparent),inset -3px -3px 0px -3px color-mix(in srgb,var(--c-light) 80%,transparent),inset -5px -12px 2px -9px color-mix(in srgb,var(--c-light) 60%,transparent),inset -1px -2px 8px 0px color-mix(in srgb,var(--c-dark) 12%,transparent),inset -2px 4px 0px -3px color-mix(in srgb,var(--c-dark) 20%,transparent),inset 0px 5px 8px -3px color-mix(in srgb,var(--c-dark) 20%,transparent)}.rec-deck .art{background:var(--art);opacity:.5;pointer-events:none;border-radius:50%;position:absolute;inset:0}.rec-deck .art.cover{opacity:1}.rec-deck .item[data-playing] .flip>.face>.spin{animation:4s linear infinite recDiscSpin}@keyframes recDiscSpin{to{transform:rotate(360deg)}}.rec-deck .holo{pointer-events:none;mix-blend-mode:screen;opacity:.15;background:conic-gradient(from var(--ang,0deg) at 50% 50%,#ff3fd8 0deg,#ffb347 40deg,#f9ff6a 70deg,#4dffc3 110deg,#3fb6ff 150deg,#7a5cff 190deg,#ff3fd8 240deg,#ffd36a 280deg,#4dffc3 320deg,#ff3fd8 360deg);filter:blur(5px)saturate(.75);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 0 22%,#0006 30%,#000c 50%,#000 100%);mask:radial-gradient(circle,#000 0 22%,#0006 30%,#000c 50%,#000 100%)}.rec-deck .holo:after{content:"";background:conic-gradient(from calc(var(--ang,0deg) + 140deg),#fff0 0deg,#ffffff73 18deg,#fff0 40deg,#fff0 180deg,#ffffff40 200deg,#fff0 226deg);border-radius:50%;position:absolute;inset:0}.rec-deck .grooves{pointer-events:none;opacity:.15;mix-blend-mode:overlay;background:repeating-radial-gradient(circle,#ffffff59 0 .6px,#00000059 .6px 2.2px);border-radius:50%;position:absolute;inset:0}.rec-deck .glare{pointer-events:none;mix-blend-mode:screen;opacity:.4;background:linear-gradient(115deg,#fff0 30%,#ffffff73 46%,#fffc 50%,#ffffff73 54%,#fff0 70%) 0 0/220% 100%;background-position:var(--gx,0%) 0;border-radius:50%;position:absolute;inset:0}.rec-deck .face:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 0 23%,#ffffff8c 24%,#ffffff1f 26%,#fff0 30%,#fff0 95.5%,#ffffffbf 97%,#fff3 100%), conic-gradient(from var(--ang,0deg),#ffffff59,#ffd8f5,#d8fff2,#d8ecff,#fffbd8,#ffffff59);opacity:.8;border-radius:50%;position:absolute;inset:-1px;box-shadow:inset 0 0 0 1.5px #ffffff8c,inset 0 0 18px #ffffff4d;-webkit-mask:radial-gradient(circle,#0000 0 22%,#000 23% 31%,#0000 32% 94.5%,#000 95% 100%);mask:radial-gradient(circle,#0000 0 22%,#000 23% 31%,#0000 32% 94.5%,#000 95% 100%)}.rec-deck .spark{pointer-events:none;opacity:0;filter:drop-shadow(0 0 6px #fff);background:radial-gradient(circle,#fff 0 12%,#fff0 40%),linear-gradient(#fff,#fff) 50% 0/2px 100% no-repeat,linear-gradient(#fff,#fff) 0/100% 2px no-repeat;width:6%;height:6%;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,-50%)scale(.6);-webkit-mask:radial-gradient(circle,#000 0,#0000 70%);mask:radial-gradient(circle,#000 0,#0000 70%)}.rec-deck .item.hover .spark{opacity:1;transform:translate(-50%,-50%)scale(1)}.rec-deck .spark:first-of-type{animation:1.8s ease-in-out infinite recTwinkle;top:22%;left:14%}.rec-deck .spark:nth-of-type(2){animation:2.3s ease-in-out .4s infinite recTwinkle;top:38%;left:88%}.rec-deck .spark:nth-of-type(3){animation:2.1s ease-in-out .9s infinite recTwinkle;top:94%;left:60%}@keyframes recTwinkle{0%,to{filter:drop-shadow(0 0 4px #fff)brightness()}50%{filter:drop-shadow(0 0 10px #fff)brightness(1.8);transform:translate(-50%,-50%)scale(1.25)rotate(20deg)}}.rec-deck .back{background:repeating-radial-gradient(circle,#ffffff2e 0 .6px,#00000040 .6px 2px),conic-gradient(from 210deg,#3a3a42,#8a7a90 40deg,#c9bfa8 80deg,#d8d4c0 100deg,#9fb8b0 140deg,#8fa2b8 180deg,#8f86b0 220deg,#3a3a42 260deg,#a08aa0 300deg,#9fb8b0 340deg,#3a3a42),#2a2a30;transform:rotateY(180deg)}.rec-deck .back:before{content:"";mix-blend-mode:screen;opacity:.6;background:radial-gradient(circle at 32% 26%,#ffffffbf 0,#fff3 16%,#fff0 40%),conic-gradient(from 20deg,#fff0,#ffffffd9 14deg,#fff0 30deg 190deg,#fff9 205deg,#fff0 224deg);border-radius:50%;position:absolute;inset:0}.rec-deck .hub{background:radial-gradient(circle,var(--paper) 0 36%,#ffffffd9 37% 38.5%,#ffffff14 39% 50%,#ffffffb3 50.5% 52%,#ffffff0f 52.5% 66%,#fff9 66.5% 68%,#ffffff0d 68.5% 84%,#ffffff8c 84.5% 86%,#ffffff0a 86.5% 100%);border-radius:50%;width:24%;height:24%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #fff9,0 2px 10px #0009}.light .rec-deck .hub{background:radial-gradient(circle,var(--paper) 0 36%,#0000008c 37% 38.5%,#ffffff4d 39% 50%,#0006 50.5% 52%,#ffffff40 52.5% 66%,#00000059 66.5% 68%,#fff3 68.5% 84%,#0000004d 84.5% 86%,#ffffff26 86.5% 100%);box-shadow:inset 0 0 0 1px #00000059,0 2px 10px #00000040}.rec-deck .disc-title{pointer-events:none;z-index:2;text-shadow:0 0 6px #00000059;position:absolute;inset:0}.rec-deck .disc-title svg{width:100%;height:100%;overflow:visible}.rec-deck .disc-title text{fill:var(--titlecol);font-family:var(--display);font-weight:800;font-size:var(--fs,7px);letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:#0006;stroke-width:.5px}.rec-deck .play{z-index:2;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:50%;width:16%;height:16%;padding:0;font-size:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(6px)}.rec-deck .play:before{content:"";box-shadow:0 0 0 0 rgba(var(--color-accent-rgb),0);border-radius:50%;transition:all .5s;position:absolute;inset:0}.rec-deck .item[data-playing] .play:before{box-shadow:0 0 0 14px rgba(var(--color-accent-rgb),.18)}.rec-deck .play:focus-visible{outline:1px solid var(--lamp);outline-offset:4px}.rec-deck .scribble{pointer-events:none;transform:translateZ(calc(var(--T) * .5 + 12px));display:none;position:absolute;inset:-14%;overflow:visible}.rec-deck .scribble.on{display:block}.rec-deck .scribble path{fill:var(--lamp2);stroke:none;opacity:.9}.light .rec-deck .scribble path{fill:var(--ink)}.rec-deck .tape-front,.rec-deck .tape-back{--R:12%;height:63%;transform-style:preserve-3d;border-radius:12%/19%;display:none;position:absolute;top:18.5%;left:0;right:0;overflow:visible}.rec-deck.tape .tape-front,.rec-deck.tape .tape-back{display:block}.rec-deck.tape .face,.light .rec-deck.tape .face{transform-style:preserve-3d;backface-visibility:visible;border-radius:0;overflow:visible;box-shadow:none!important;background:0 0!important}.rec-deck.tape .face:after,.rec-deck.tape .face>.art,.rec-deck.tape .face>.holo,.rec-deck.tape .face>.grooves,.rec-deck.tape .face>.glare,.rec-deck.tape .hub,.rec-deck.tape .disc-title,.rec-deck.tape .spark{display:none}.rec-deck.tape .back{background:0 0}.rec-deck.tape .back:before{display:none}.rec-deck.tape .item.showback .face.front,.rec-deck.tape .item:not(.showback) .face.back{visibility:hidden}.rec-deck.tape .play{width:62%;height:20%;transform:translate(-50%,-50%) translateZ(calc(var(--T) * .5 + 8px));border-radius:8%/20%;top:54.4%}.rec-deck.tape .play:before{display:none}.rec-deck.tape .item{--D:calc(var(--rec-D) * 1.12)}.rec-deck .tape-front>*,.rec-deck .tape-back>*{transform-style:preserve-3d}.rec-deck .backplate{border-radius:inherit;background:color-mix(in srgb,var(--c-glass) 22%,transparent);transform:translateZ(calc(var(--T) * -.5));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) 20%,transparent);position:absolute;inset:0}.light .rec-deck .backplate{box-shadow:inset 0 0 0 1px #1c1a1726}.rec-deck .walls{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.rec-deck .wall{height:var(--T);transform-origin:0 0;backface-visibility:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 70%),transparent),color-mix(in srgb,var(--c-glass) 30%,transparent) 30%,color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 18%),transparent) 75%,color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 40%),transparent));position:absolute;top:0;left:0}.rec-deck .shell{border-radius:inherit;transform:translateZ(calc(var(--T) * .5));background-color:color-mix(in srgb,var(--c-glass) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 14%),transparent), inset 3px 5px 0px -3px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 90%),transparent), inset -3px -3px 0px -3px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 80%),transparent), inset -5px -12px 2px -9px color-mix(in srgb,var(--c-light) calc(var(--glass-reflex-light) * 60%),transparent), inset -1px -2px 8px 0px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 12%),transparent), inset -2px 4px 0px -3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 0px 5px 8px -3px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 20%),transparent), inset 3px -10px 2px -6px color-mix(in srgb,var(--c-dark) calc(var(--glass-reflex-dark) * 10%),transparent);position:absolute;inset:0}.rec-deck .tape-front .shell{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,50% 60.3%;mask-position:0 0,50% 60.3%;-webkit-mask-size:auto,62% 32%;mask-size:auto,62% 32%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rec-deck .screw{aspect-ratio:1;background:radial-gradient(circle,#2a1a06 0 22%,#fff6dccc 24% 40%,transparent 41% 60%,#fff6dc80 62% 76%,transparent 77%),var(--gold-metal);border-radius:50%;width:4.5%;position:absolute;transform:translateZ(3px);box-shadow:0 0 0 1px #fff0c873,0 2px 4px #00000059}.rec-deck .screw.tl{top:5%;left:3%}.rec-deck .screw.tr{top:5%;right:3%}.rec-deck .screw.bl{bottom:5%;left:3%}.rec-deck .screw.br{bottom:5%;right:3%}.rec-deck .label{height:72%;transform:translateZ(calc(var(--T) * .5 + 2px));background:linear-gradient(160deg,#ffffff8c 0%,#ffffff47 40%,#ffffff1f 100%),var(--art);border-radius:7%/11%;padding:3% 4%;position:absolute;top:8%;left:9%;right:9%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3,inset 0 0 14px #fff6}.rec-deck .label.cover{background:linear-gradient(160deg,#ffffff29 0%,#ffffff0a 45%,#fff0 100%),var(--cover) center 32%/cover no-repeat}.rec-deck .label .lt{font-family:var(--display);font-weight:800;font-size:max(9px,calc(var(--rec-D) * .066));color:#1a1714;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.02;display:block;overflow:hidden}.rec-deck .label .lf{font-family:var(--mono);font-size:max(6px,calc(var(--rec-D) * .036));letter-spacing:.16em;text-transform:uppercase;color:#0a0a0a;opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:80%;margin-top:2%;overflow:hidden}.rec-deck .label.cover .lt,.rec-deck .label.cover .lf{color:#1a1714;background:#faf7f0d6;border-radius:.3em;width:fit-content;padding:.14em .4em;box-shadow:0 1px 2px #0003}.rec-deck .label.cover .lf{opacity:1;color:#2a2622;margin-top:.35em}.rec-deck .tape-front .label{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,50% 82.4%;mask-position:0 0,50% 82.4%;-webkit-mask-size:auto,75.6% 44.4%;mask-size:auto,75.6% 44.4%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rec-deck .window{z-index:2;border-radius:8%/20%;height:32%;position:absolute;top:41%;left:19%;right:19%;transform:translateZ(0)}.rec-deck .window:before{content:"";border-radius:inherit;transform:translateZ(calc(var(--T) * -.1));background:linear-gradient(#05050a,#111017);position:absolute;inset:0;box-shadow:inset 0 0 22px #000,inset 0 -6px 12px #ffffff0d}.rec-deck .window .rw{background:linear-gradient(#ffffff40,#0009);position:absolute}.rec-deck .window .rw.t{height:calc(var(--T) * .6);transform-origin:top;transform:translateZ(calc(var(--T) * .5)) rotateX(-90deg);top:0;left:0;right:0}.rec-deck .window .rw.b{height:calc(var(--T) * .6);transform-origin:bottom;transform:translateZ(calc(var(--T) * .5)) rotateX(90deg);bottom:0;left:0;right:0}.rec-deck .window .rw.l{width:calc(var(--T) * .6);transform-origin:0;transform:translateZ(calc(var(--T) * .5)) rotateY(90deg);top:0;bottom:0;left:0}.rec-deck .window .rw.r{width:calc(var(--T) * .6);transform-origin:100%;transform:translateZ(calc(var(--T) * .5)) rotateY(-90deg);top:0;bottom:0;right:0}.rec-deck .window:after{content:"";border-radius:inherit;transform:translateZ(calc(var(--T) * .5 + 3px));pointer-events:none;position:absolute;inset:-2px;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 10px #fff6,0 0 0 1px #0009}.rec-deck .reel{aspect-ratio:1;width:26%;transform:translateY(-50%) translateZ(calc(var(--T) * -.06));position:absolute;top:50%}.rec-deck .reel.l{left:8%}.rec-deck .reel.r{right:8%}.rec-deck .reel svg{transform-style:flat;width:100%;height:100%;position:absolute;inset:0}.rec-deck .item[data-playing] .reel svg{animation:1.6s linear infinite recReelSpin}@keyframes recReelSpin{to{transform:rotate(360deg)}}.rec-deck .pancake{width:calc(100% * var(--pk,1));aspect-ratio:1;background:repeating-radial-gradient(circle,#2a2530 0 1px,#0e0c12 1px 2.5px),radial-gradient(circle at 40% 35%,#3a3440,#151219 60%,#0b0a0e);border-radius:50%;transition:width .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 6px #00000080}.rec-deck .reel.l .pancake{--pk:calc(1.55 - .55 * var(--prog,0))}.rec-deck .reel.r .pancake{--pk:calc(1 + .55 * var(--prog,0))}.rec-deck .tapeline{height:16%;transform:translateY(-50%) translateZ(calc(var(--T) * -.08));background:linear-gradient(#2a2028,#0b090c);position:absolute;top:50%;left:34%;right:34%;box-shadow:inset 0 1px #ffffff40}.rec-deck .tapeline i{opacity:.6;background:repeating-linear-gradient(90deg,#0000 0 6px,#ffffff59 6px 7px);position:absolute;inset:35% 0}.rec-deck .item[data-playing] .tapeline i{animation:.5s linear infinite recTapeScroll}@keyframes recTapeScroll{to{background-position:-7px 0}}.rec-deck .tape-front .holo,.rec-deck .tape-front .glare,.rec-deck .tape-back .holo{transform:translateZ(calc(var(--T) * .5 + 1px));border-radius:inherit;clip-path:inset(0 round 12%/19%);mix-blend-mode:normal;filter:blur(6px)saturate(.6);opacity:.1;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000)}.rec-deck .tape-front .glare{filter:none;opacity:.18}.rec-deck .tape-back .label.b:not(.cover){background:linear-gradient(160deg,#ffffff80,#ffffff38 50%,#ffffff1a),var(--art)}.rec-plate{width:300px;color:var(--ink);border-radius:22px;flex:0 0 300px;align-self:flex-start;padding:16px 18px 6px}.rec-plate.float{z-index:2;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rec-plate.rec-lg{background-color:color-mix(in srgb,var(--paper) 62%,transparent);--lens-blur:14px;-webkit-backdrop-filter:blur(14px) saturate(var(--saturation));backdrop-filter:blur(14px) saturate(var(--saturation))}.rec-plate .kicker{font-family:var(--mono);letter-spacing:.14em;color:var(--lamp);margin-bottom:6px;font-size:11px}.rec-plate h2{font-family:var(--display);border-bottom:1px solid var(--line);letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--ink);padding-bottom:8px;font-size:30px;font-weight:800;line-height:1.05;overflow:hidden}.rec-plate h2 span{transition:transform .55s var(--ease-out),opacity .45s;display:inline-block}.rec-plate.swap h2 span{opacity:0;transform:translateY(-100%)}.rec-plate .sub{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash);white-space:nowrap;text-overflow:ellipsis;padding:8px 0 6px;font-size:10px;display:none;overflow:hidden}.rec-plate dl{grid-template-columns:auto 1fr;display:grid}.rec-plate dt,.rec-plate dd{border-bottom:1px solid var(--hair);padding:8px 0 6px}.rec-plate dt{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lamp);padding-top:11px;font-size:10px}.rec-plate dd{text-align:right;font-family:var(--serif);color:var(--ink);font-size:18px;line-height:1.55}.rec-plate dd div{transition:transform .5s var(--ease-out),opacity .4s}.rec-plate.swap dd div{opacity:0;transform:translateY(8px)}.rec-plate.compact{border-radius:16px;flex:none;width:100%;padding:10px 14px 4px}.rec-plate.compact .kicker{margin-bottom:3px;font-size:9px}.rec-plate.compact h2{white-space:nowrap;text-overflow:ellipsis;padding-bottom:5px;font-size:20px;overflow:hidden}.rec-plate.compact dl{display:none}.rec-plate.compact .sub{display:block}.rec-mode{height:30px;color:var(--ash);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:10px;transition:border-color .2s,color .2s;display:inline-flex}.rec-mode b{color:var(--lamp);font-weight:400}.rec-mode i{font-style:normal}.rec-mode span{opacity:.5}.rec-mode.cd b{color:var(--ash)}.rec-mode.cd i{color:var(--lamp)}@media (prefers-reduced-motion:reduce){.rec-deck .spark,.rec-deck .item[data-playing] .flip>.face>.spin,.rec-deck .item[data-playing] .reel svg,.rec-deck .item[data-playing] .tapeline i{animation:none}}