.layered-turntable{filter:drop-shadow(0 34px 28px #0b081257);width:100%;height:100%;display:block;overflow:visible}.layered-turntable [data-layer]{vector-effect:non-scaling-stroke}.vinyl-assembly,.tonearm-assembly{transform-box:fill-box;animation:none}.suitcase-player{--lid-angle:0deg;--vinyl-spin:0deg;--tonearm-angle:0deg;filter:drop-shadow(0 28px 24px #0804026b);width:100%;height:100%;display:block;overflow:visible}.suitcase-player [data-layer],.suitcase-vinyl ellipse{vector-effect:non-scaling-stroke}.suitcase-lid,.suitcase-vinyl,.suitcase-tonearm{transform-box:fill-box;transform-origin:50%}.suitcase-lid{transform:rotate(var(--lid-angle))}.suitcase-vinyl{transform:rotate(var(--vinyl-spin))}.suitcase-tonearm{transform:rotate(var(--tonearm-angle))}.vintage-player{display:block;overflow:visible}.vp-disc{aspect-ratio:1;filter:drop-shadow(0 28px 24px #14040447);width:100%;position:relative}.vp-rotor{transform-origin:50%;will-change:transform;border-radius:50%;animation:3.6s linear infinite vpVinylSpin;position:absolute;inset:0;overflow:hidden}.vp-face,.vp-grooves,.vp-catch{border-radius:50%;position:absolute;inset:0}.vp-face{background:conic-gradient(from 12deg, #7a241e 0 14%, #4a1010 28%, #8e3028 42%, #2e0808 58%, #6a1c18 74%, #3a0c0c 88%, #7a241e 100%)}.vp-grooves{z-index:2;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 4px,#ffffff0e 4px 5px)}.vp-catch{background:conic-gradient(from 28deg, transparent 0 6%, #ffd6c457 11%, transparent 17% 48%, #ffc4b02e 54%, transparent 62% 78%, #ffe4d238 84%, transparent 90% 100%);mix-blend-mode:screen}.vp-label{box-shadow:none;background:radial-gradient(circle at 40% 32%,#f6efe0,#ead9b8 78%,#d4c09a 100%);border-radius:50%;place-items:center;transition:inset .48s cubic-bezier(.16,1,.3,1),box-shadow .48s;display:grid;position:absolute;inset:0;overflow:hidden}.vintage-player.is-playing .vp-label{inset:31.5%;box-shadow:0 0 0 10px #3a1010,inset 0 1px 2px #fff8e68c}.vp-label img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.vp-label b,.vp-label small{z-index:1;color:#3a2a18;text-align:center;position:relative}.vp-label b{letter-spacing:.32em;font:700 11px/1 Inter,sans-serif}.vp-label small{letter-spacing:.16em;font:600 7px/1 Inter,sans-serif;position:absolute;top:62%}.vp-pin,.vp-window{pointer-events:none;position:absolute}.vp-pin{z-index:3;aspect-ratio:1;background:radial-gradient(circle at 32% 28%,#f0e6d4,#8a7a64 42%,#2a2218 78%);border-radius:50%;width:2.4%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000073}.vp-window{z-index:2;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 22%,#ffecdc29 30%,#0000 36%),linear-gradient(118deg,#0000 44%,#fff0e41a 50%,#0000 56%),radial-gradient(42% 34% at 28% 22%,#ffe4cc38,#0000 70%);border-radius:50%;inset:0}@keyframes vpVinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.vp-rotor{animation-duration:16s}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-6xl:72rem;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-md:12px;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\[-28vmax\]{inset:-28vmax}.top-0{top:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-\[2\]{z-index:2}.z-\[25\]{z-index:25}.z-\[60\]{z-index:60}.z-\[120\]{z-index:120}.z-\[140\]{z-index:140}.z-\[180\]{z-index:180}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-\[850vh\]{height:850vh}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[58vh\]{max-height:58vh}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing) * 0)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[min\(760px\,86vw\)\]{max-width:min(760px,86vw)}.max-w-full{max-width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-rows-\[auto_1fr_auto\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}.justify-self-start{justify-self:flex-start}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.border-white\/14{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/18{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.bg-\[\#09235f\]\/72{background-color:oklab(28.1228% -.013062 -.110849/.72)}.bg-\[\#050505\]{background-color:#050505}.bg-\[\#050505\]\/95{background-color:oklab(11.4918% 7.45058e-9 7.45058e-9/.95)}.bg-transparent{background-color:#0000}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-\[radial-gradient\(circle_at_50\%_42\%\,\#16161d_0\%\,\#0a0a0c_65\%\,\#050506_100\%\)\]{background-image:radial-gradient(circle at 50% 42%,#16161d 0%,#0a0a0c 65%,#050506 100%)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.leading-\[0\.88\]{--tw-leading:.88;line-height:.88}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.text-white{color:var(--color-white)}.text-white\/58{color:#ffffff94}@supports (color:color-mix(in lab, red, red)){.text-white\/58{color:color-mix(in oklab, var(--color-white) 58%, transparent)}}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_34px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(4\,18\,54\,0\.45\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#04123673);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_48px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 24px 48px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_34px_90px_rgba\(0\,0\,0\,0\.72\)\]{--tw-shadow:0 34px 90px var(--tw-shadow-color,#000000b8);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_38px_110px_rgba\(0\,0\,0\,0\.74\)\]{--tw-shadow:0 38px 110px var(--tw-shadow-color,#000000bd);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.saturate-\[1\.08\]{--tw-saturate:saturate(1.08);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-blur-\[10px\]{--tw-backdrop-blur:blur(10px);-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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.select-none{-webkit-user-select:none;user-select:none}}.preview-music{background:radial-gradient(circle at 48% 42%,#4a2a1c 0 18%,#20140f 62%,#140e0c 100%);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.preview-music .suitcase-player{width:92%;height:92%}.music-page{color:#222532;background:#efe1bd;height:500vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.music-sticky{isolation:isolate;cursor:grab;touch-action:none;background:radial-gradient(at 52% 45%,#fff9e5 0 8%,#f6e8c7 36%,#0000 64%),linear-gradient(115deg,#d6bc83,#f1dfb9 54%,#cbae70);height:100svh;position:sticky;top:0;overflow:hidden}.spring-animation-stage.is-grabbed{cursor:grabbing}.music-sticky:after{z-index:-1;opacity:.3;mix-blend-mode:multiply;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.music-sticky:before{content:"";pointer-events:none;border:1px solid #252a37;border-radius:24px;position:absolute;inset:16px}.music-back,.music-eyebrow{z-index:20;color:#292c37;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:750;position:absolute;top:37px}.music-back{text-decoration:none;left:42px}.music-eyebrow{left:50%;transform:translate(-50%)}.music-stage{grid-template-columns:minmax(170px,.65fr) minmax(480px,1.75fr) minmax(190px,.7fr);align-items:center;gap:20px;width:min(1440px,100% - 80px);height:100%;margin:auto;display:grid}.music-copy{z-index:10;align-self:center;position:relative}.music-index{letter-spacing:.16em;border-bottom:1px solid;margin-bottom:22px;padding-bottom:5px;font:700 10px/1 Inter,sans-serif;display:inline-block}.music-copy h1{letter-spacing:-.07em;margin:0;font:800 clamp(42px,5.6vw,88px)/.78 Georgia,serif}.music-copy p{max-width:245px;margin:30px 0 0;font:500 12px/1.6 Inter,sans-serif}.turntable-wrap{z-index:4;aspect-ratio:1.22;perspective:1400px;width:min(690px,58vw);transform-style:preserve-3d;margin:10vh auto 0;position:relative}.turntable-wrap:after{z-index:-2;filter:blur(22px);content:"";background:#39261766;border-radius:50%;height:18%;position:absolute;bottom:-2%;left:12%;right:7%;transform:rotate(-2deg)}.turntable-lid{z-index:0;transform-origin:bottom;background:linear-gradient(145deg,#4a2b20 0%,#1d1512 72%);border:5px solid #171614;border-radius:14px 14px 5px 5px;width:72%;height:54%;position:absolute;top:-14%;left:14%;overflow:hidden;transform:perspective(700px)rotateX(-10deg)skew(-3deg);box-shadow:inset 0 0 0 11px #211b18,inset 0 2px 3px #ffffff35,0 17px 28px #28160c55}.turntable-lid:before{content:"";background:radial-gradient(circle at 50% 34%,#b9895270,#0000 42%),repeating-linear-gradient(88deg,#6d3e27 0 2px,#79462d 2px 5px,#60341f 6px 8px);border-radius:5px;position:absolute;inset:11px;box-shadow:inset 0 0 40px #1c0e08a8}.turntable-lid:after{content:"";border:2px solid #1a2030;position:absolute;inset:27px}.turntable-lid span{z-index:2;color:#ead7b2;letter-spacing:.04em;text-shadow:0 2px 8px #1a0d08;font:italic 500 22px Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.turntable-lid i{background:#f1d596;border-radius:50%;width:12px;height:12px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.turntable-case{z-index:2;transform-style:preserve-3d;background:repeating-linear-gradient(92deg,#744127 0 3px,#855034 4px 8px,#693a24 9px 12px);border:5px solid #171513;border-radius:8px 8px 24px 24px;position:absolute;inset:31% 6% 5%;transform:rotateX(51deg)rotate(-1deg);box-shadow:inset 0 0 0 8px #211b18,inset 0 2px 3px #ffffff40,0 27px 0 -12px #15110f,0 43px 50px #34211480}.case-handle{border:12px solid #15202f;border-top:0;border-radius:0 0 28px 28px;width:130px;height:42px;position:absolute;bottom:-37px;left:50%;transform:translate(-50%)rotateX(-35deg)}.platter{z-index:1;aspect-ratio:1;background:repeating-radial-gradient(circle,#2b3442 0 3px,#202936 4px 7px);border:5px solid #0b1019;border-radius:50%;width:48%;position:absolute;top:53%;left:43%;transform:translate(-50%,-50%);box-shadow:inset 0 3px 7px #fff2,0 8px #0d131d,0 12px 13px #06080d80}.vinyl-collection{z-index:5;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.music-vinyl{z-index:6;aspect-ratio:1;filter:drop-shadow(0 18px 12px #0c101a70);width:35%;transform:translate(-50%,-50%) translate3d(var(--record-x),var(--record-y),calc(var(--record-depth) * 74px)) rotateX(var(--record-tilt)) rotateZ(var(--record-rotate)) scale(var(--record-scale));transform-style:preserve-3d;will-change:transform;border-radius:50%;position:absolute;top:64.5%;left:43.8%}.music-vinyl.is-active{z-index:9}.vinyl-display-card{z-index:-2;opacity:var(--card-opacity);color:#28231e;transform:translateZ(-10px) rotateZ(calc(var(--record-rotate) * -1));background:linear-gradient(145deg,#fffdf4f2,#e9decaec);border:1px solid #ffffffa8;border-radius:18%;justify-content:space-between;align-items:flex-end;padding:10% 9%;display:flex;position:absolute;inset:-13%;box-shadow:0 22px 38px #3c281b2e,inset 0 1px #fff}.vinyl-display-card:before{content:"";border:1px solid #6b5c4922;border-radius:13%;position:absolute;inset:6%}.vinyl-display-card small,.vinyl-display-card span{z-index:1;letter-spacing:.1em;text-transform:uppercase;font:700 7px/1 Inter,sans-serif;position:relative}.vinyl-display-card span{text-align:right;max-width:68%}.music-vinyl:after{z-index:-1;content:"";background:#05070a;border-radius:50%;position:absolute;inset:3%;transform:translateZ(-4px);box-shadow:0 5px #05070a,0 7px 8px #0008}.music-vinyl-face{background:repeating-radial-gradient(circle,#171c24 0 1px,#090c12 1.8px 3.5px,#202630 4px 4.8px);border:2px solid #05080c;border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 14px 9px 20px #ffffff12,inset -12px -8px 20px #000b,0 0 0 1px #ffffff12}.music-vinyl-face i{border-radius:inherit;background:conic-gradient(from 205deg,transparent 0 8%,#bde4ff22 12%,transparent 18% 43%,#fff3ba18 49%,transparent 56% 83%,#9fd6ff17 88%,transparent 94%);mix-blend-mode:screen;position:absolute;inset:0}.music-vinyl-face:before{border:4px solid var(--record-accent);background:radial-gradient(circle at 34% 28%,#ffffff70 0 3%,transparent 4%), var(--record-label);content:"";border-radius:50%;position:absolute;inset:31%;box-shadow:inset 0 0 0 1px #ffffff50,0 1px 3px #0007}.music-vinyl-face:after{aspect-ratio:1;content:"";background:#161b28;border-radius:50%;width:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-vinyl-face .vinyl-number,.music-vinyl-face b{z-index:2;color:#19202c;position:absolute;left:50%;transform:translate(-50%)}.music-vinyl-face .vinyl-number{font:800 8px Inter,sans-serif;top:36%}.music-vinyl-face b{text-align:center;text-transform:uppercase;width:27%;font:700 6px/1.1 Inter,sans-serif;top:57%}.music-vinyl.is-active .music-vinyl-face{animation:4.2s linear infinite musicSpin}@keyframes musicSpin{to{rotate:360deg}}.tonearm{z-index:10;filter:drop-shadow(2px 4px 2px #131a2799);transform-origin:100% 0;border-bottom:8px solid #d9d9c7;border-right:8px solid #d9d9c7;border-radius:0 0 45px;width:18%;height:58%;position:absolute;top:16%;right:7%;transform:rotate(11deg)}.tonearm:before{aspect-ratio:1;content:"";background:#f1dbad;border:5px solid #141a27;border-radius:50%;width:34px;position:absolute;top:-16px;right:-18px}.tonearm span{background:#e9e1c6;border:4px solid #151c29;width:27px;height:16px;position:absolute;bottom:-13px;left:-7px}.turntable-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:8%;right:7%}.turntable-controls i{aspect-ratio:1;background:#e7d9b6;border:3px solid #141a27;border-radius:50%;width:13px}.music-tracklist{z-index:12;gap:2px;display:grid;position:relative}.music-tracklist button{color:#34354177;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px auto 1fr;align-items:center;gap:10px;padding:11px 0;transition:color .25s,transform .35s;display:grid}.music-tracklist button span{font:700 8px Inter,sans-serif}.music-tracklist button b{white-space:nowrap;font:600 clamp(12px,1.15vw,17px) Georgia,serif}.music-tracklist button i{transform-origin:0;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.2,.8,.2,1);transform:scaleX(.22)}.music-tracklist button.is-active i{transform:scaleX(1)}.music-progress{z-index:20;background:#22273526;height:2px;position:absolute;bottom:32px;left:42px;right:42px}.music-progress span{background:#e84f40;height:100%;transition:width 80ms linear;display:block}@media (width<=800px){.music-page{height:500vh}.music-eyebrow{display:none}.music-stage{width:100%;padding-top:90px;display:block}.music-copy{position:absolute;top:105px;left:28px}.music-copy h1{font-size:48px}.music-copy p{display:none}.turntable-wrap{width:96vw;margin:22vh auto 0;transform:scale(.86)}.music-tracklist{grid-template-columns:repeat(5,1fr);position:absolute;bottom:48px;left:28px;right:28px}.music-tracklist button{padding:8px;display:block}.music-tracklist button b{display:none}.music-tracklist button i{margin-top:7px;display:block}.music-back{left:28px}.music-progress{bottom:24px;left:28px;right:28px}.music-sticky:before{border-radius:18px;inset:9px}}@media (prefers-reduced-motion:reduce){.music-vinyl.is-active .music-vinyl-face{animation-duration:12s}.music-tracklist button{transition:none}}.music-page{color:#e9e2d7;background:#131514;height:600vh}.music-geometry-page{color:#f8fbff;isolation:isolate;background:radial-gradient(circle at 48% 42%,#e5b26547,#0000 36%),linear-gradient(145deg,#2d1c13 0%,#67452b 52%,#21150f 100%);min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.music-geometry-page:before{z-index:5;content:"";pointer-events:none;border:1px solid #ffffff61;border-radius:24px;position:absolute;inset:18px}.music-geometry-page:after{z-index:-1;opacity:.12;mix-blend-mode:soft-light;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}.music-geometry-back,.music-geometry-kicker{z-index:10;color:#ffffffdb;letter-spacing:.16em;text-transform:uppercase;margin:0;font:750 9px/1 Inter,sans-serif;position:absolute;top:42px}.music-geometry-back{text-decoration:none;left:48px}.music-geometry-kicker{left:50%;transform:translate(-50%)}.music-geometry-player{aspect-ratio:3/2;filter:drop-shadow(0 38px 40px #25160d6b);width:min(91vh,72vw,1120px);margin:0;animation:1.15s cubic-bezier(.16,1,.3,1) both geometryPlayerEnter,6s ease-in-out 1.15s infinite geometryPlayerFloat;position:relative}.music-geometry-player img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.music-geometry-record-motion{aspect-ratio:1.62;opacity:.48;mix-blend-mode:screen;pointer-events:none;border-radius:50%;width:29.2%;position:absolute;top:63.3%;left:46.1%;overflow:hidden;transform:translate(-50%,-50%)}.music-geometry-record-motion:before{aspect-ratio:1;background:conic-gradient(from 12deg, transparent 0 13%, #f2cd8b4d 17%, transparent 23% 54%, #fff5da33 60%, transparent 66%);content:"";border-radius:50%;width:155%;animation:4.6s linear infinite geometryRecordLight;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-geometry-aura{pointer-events:none;position:absolute;inset:0}.music-geometry-aura i{aspect-ratio:1.62;opacity:0;border:1px solid #f4dcae4d;border-radius:50%;width:min(28vw,440px);animation:4.8s ease-out infinite geometryGroovePulse;position:absolute;top:64%;left:46%;transform:translate(-50%,-50%)scale(.62)}.music-geometry-aura i:nth-child(2){animation-delay:1.6s}.music-geometry-aura i:nth-child(3){animation-delay:3.2s}.music-geometry-copy{z-index:6;width:min(240px,22vw);position:absolute;bottom:clamp(58px,10vh,118px);left:clamp(42px,5.2vw,82px)}.music-geometry-copy>span{letter-spacing:.2em;text-transform:uppercase;font:750 9px/1 Inter,sans-serif}.music-geometry-copy h1{letter-spacing:-.065em;margin:17px 0 21px;font:500 clamp(48px,6vw,94px)/.77 Georgia,serif}.music-geometry-copy h1 em{color:#efd29b;font-weight:400}.music-geometry-copy p{color:#ffffffb3;margin:0;font:500 11px/1.65 Inter,sans-serif}.music-geometry-status{z-index:6;letter-spacing:.15em;align-items:center;gap:9px;font:700 8px/1 Inter,sans-serif;display:flex;position:absolute;bottom:40px;right:48px}.music-geometry-status i{aspect-ratio:1;background:#f1d394;border-radius:50%;width:7px;animation:1.6s ease-in-out infinite geometryStatus;box-shadow:0 0 13px #f7dfae}@keyframes geometryPlayerEnter{0%{opacity:0;transform:translateY(70px)scale(.9)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes geometryPlayerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes geometryRecordLight{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes geometryGroovePulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.62)}18%{opacity:.46}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@keyframes geometryStatus{50%{opacity:.38;transform:scale(.75)}}@media (width<=800px){.music-geometry-page:before{border-radius:17px;inset:9px}.music-geometry-back{top:28px;left:28px}.music-geometry-kicker{top:28px;left:auto;right:28px;transform:none}.music-geometry-stage{inset:7vh -7vw 20vh}.music-geometry-player{width:min(104vw,650px)}.music-geometry-copy{width:auto;bottom:42px;left:28px;right:28px}.music-geometry-copy h1{margin:10px 0 12px;font-size:48px}.music-geometry-copy p{max-width:250px}.music-geometry-status{bottom:31px;right:28px}}@media (prefers-reduced-motion:reduce){.music-geometry-player,.music-geometry-record-motion:before,.music-geometry-aura i,.music-geometry-status i{animation:none}.music-geometry-player{opacity:1}}.music-geometry-stage{inset:8vh 8vw 5vh 25vw}.vinyl-player-box{transform-origin:50% 86%;background:linear-gradient(135deg,#ffffff14,#0000 30%),linear-gradient(145deg,#38271d,#171514 72%);border:1px solid #ffeecf47;border-radius:4% 4% 7% 7%;position:absolute;inset:4%;overflow:hidden;transform:perspective(900px)rotateX(9deg);box-shadow:inset 0 0 0 12px #211b17,inset 0 0 0 13px #e1be8b2e,inset 0 -32px 60px #00000052,0 28px 55px #0000004d}.vinyl-player-box:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 0 73%,#00000029);border:1px solid #e1c3971f;border-radius:6%;position:absolute;inset:45% 4% 7%}.vinyl-player-box:after{z-index:0;content:"";transform-origin:50% 100%;background:linear-gradient(145deg,#443125,#1c1916 72%);border:1px solid #e1c3973d;border-radius:5% 5% 2% 2%;height:63%;position:absolute;top:-43%;left:5%;right:5%;transform:perspective(850px)rotateX(-9deg);box-shadow:inset 0 0 0 9px #171614,inset 0 0 0 10px #d1ad7a26,0 16px 24px #00000061}.playing-vinyl{z-index:2;aspect-ratio:1;will-change:transform;background:repeating-radial-gradient(circle,#0000 0 3px,#ffffff0b 4px,#0000 5px 8px),radial-gradient(circle,#111 0 7%,#090a0a 7.5% 19%,#171918 19.5% 20%,#070808 20.5% 100%);border:2px solid #050606;border-radius:50%;width:68%;animation:3.6s linear infinite playingVinylSpin;position:absolute;top:16%;left:10%;overflow:hidden;transform:perspective(600px)rotateX(53deg)scaleY(.78);box-shadow:0 16px 28px #0000008c,inset 14px 7px 25px #ffffff0e}.vinyl-shine{background:conic-gradient(from 20deg, transparent 0 8%, #daefec2b 13%, transparent 19% 48%, #f6d6a621 53%, transparent 60% 84%, #ffffff14 89%, transparent 95%);border-radius:50%;position:absolute;inset:0}.vinyl-label{aspect-ratio:1;background:radial-gradient(circle at 36% 28%,#e8c999,#a76e3d 58%,#784423);border:1px solid #ffffff52;border-radius:50%;width:27%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #46210f4d}.vinyl-label:before,.vinyl-label:after{content:"ONE";position:absolute;left:50%;transform:translate(-50%)}.vinyl-label:before{color:#3b2418;letter-spacing:.18em;font:700 7px/1 Inter,sans-serif;top:28%}.vinyl-label:after{color:#3b24189e;letter-spacing:.12em;font:600 4px/1 Inter,sans-serif;bottom:25%}.vinyl-label i{aspect-ratio:1;background:#e8d5b8;border-radius:50%;width:7%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #171514}.player-tonearm{z-index:3;aspect-ratio:1;background:radial-gradient(circle,#3a332b 0 34%,#b9a486 36% 48%,#171614 50%);border:5px solid #a89477;border-radius:50%;width:9%;position:absolute;top:17%;right:11%;box-shadow:0 5px 10px #0008}.player-tonearm:after{content:"";transform-origin:top;background:linear-gradient(90deg,#7f715f,#d1c0a4 48%,#776956);border-radius:8px;width:7px;height:275%;position:absolute;top:70%;left:42%;transform:rotate(24deg);box-shadow:3px 4px 7px #0007}.player-tonearm span{z-index:2;background:#c0aa88;border-radius:3px;width:24px;height:11px;position:absolute;top:307%;left:90%;transform:rotate(24deg);box-shadow:0 3px 5px #0008}.player-speed{color:#e5cead8c;letter-spacing:.14em;font:700 8px/1 Inter,sans-serif;position:absolute;bottom:17%;right:10%}.player-switch{background:#0d0e0d;border-radius:20px;width:9%;height:2.2%;position:absolute;bottom:10%;right:9%;box-shadow:inset 0 0 0 1px #ffffff1a}.player-switch:after{aspect-ratio:1;content:"";background:#c5ad88;border-radius:50%;width:32%;position:absolute;top:50%;left:9%;transform:translateY(-50%);box-shadow:0 2px 5px #000}@keyframes playingVinylSpin{to{transform:perspective(600px)rotateX(53deg)scaleY(.78)rotate(360deg)}}@media (width<=800px){.music-geometry-stage{inset:10vh -6vw 20vh}.music-geometry-player{width:min(90vw,560px)}}@media (prefers-reduced-motion:reduce){.playing-vinyl{animation-duration:12s}}.music-sticky:after{opacity:.12;mix-blend-mode:soft-light}.music-sticky:before{border-color:#e9e2d72e;border-radius:4px;inset:22px}.music-back,.music-eyebrow{color:#e9e2d7a8;top:42px}.music-back{left:48px}.music-stage{grid-template-columns:minmax(180px,.62fr) minmax(540px,1.7fr) minmax(210px,.7fr);gap:clamp(22px,3vw,52px);width:min(1480px,100% - 104px)}.music-copy{align-self:end;padding-bottom:13vh}.music-index{color:#bb9b70;margin-bottom:26px}.music-copy h1{letter-spacing:-.055em;font-size:clamp(46px,5vw,78px);font-weight:400;line-height:.86}.music-copy h1 em{color:#c99b62;font-weight:400}.music-copy p{color:#e9e2d785;font-size:11px;line-height:1.7}.turntable-wrap{perspective:1800px;width:min(710px,56vw);margin-top:17vh}.turntable-light{z-index:-1;filter:blur(18px);background:radial-gradient(#f1d3a529,#0000 67%);border-radius:50%;width:94%;height:105%;position:absolute;top:-66%;left:2%}.turntable-lid{background:linear-gradient(145deg,#493726,#231e18 72%);border:1px solid #40382e;border-radius:9px 9px 3px 3px;width:76%;height:57%;top:-17%;left:12%;overflow:visible;transform:perspective(900px)rotateX(-9deg);box-shadow:inset 0 0 0 10px #171815,inset 0 0 0 11px #6b5942,inset 0 2px 1px #ffffff38,0 23px 30px #0008}.turntable-lid:before{background:radial-gradient(circle at 49% 35%,#a57d4d35,#0000 45%),repeating-linear-gradient(92deg,#38291d 0 2px,#443224 2px 5px,#30241b 5px 7px);border-radius:3px;inset:11px;box-shadow:inset 0 0 55px #050403b8}.turntable-lid:after{border-color:#caa67452;inset:27px}.turntable-lid span{color:#d9c4a0;letter-spacing:.13em;text-shadow:0 2px 10px #000;font-size:18px;font-weight:400;top:51%;transform:translate(-50%,-50%)}.turntable-lid small{z-index:3;color:#d9c4a06e;letter-spacing:.18em;text-transform:uppercase;font:600 6px/1 Inter,sans-serif;position:absolute;top:61%;left:50%;transform:translate(-50%)}.turntable-lid i{background:#ad8a59;width:7px;height:7px;bottom:19px;box-shadow:0 0 0 3px #171814}.turntable-case{background-blend-mode:soft-light;background:linear-gradient(100deg,#31261d,#684d34 34%,#4e3928 72%,#261f19),repeating-linear-gradient(92deg,#70472d 0 2px,#825638 3px 6px);border:1px solid #5b4937;border-radius:7px 7px 17px 17px;inset:31% 3% 2%;transform:rotateX(49deg);box-shadow:inset 0 0 0 9px #171916,inset 0 0 0 10px #7b6348,inset 0 2px 2px #ffffff37,0 14px 0 -3px #10110f,0 27px 0 -9px #080908,0 45px 58px #000b}.case-handle{opacity:.9;border-color:#111411;width:122px;height:38px;bottom:-42px}.platter{background:repeating-radial-gradient(circle,#292b29 0 1px,#0f1110 2px 5px);border:2px solid #070908;width:49%;top:54%;left:43.8%;box-shadow:inset 0 2px 7px #ffffff18,0 5px #050706,0 8px #2c2d29,0 14px 16px #000a}.platter span{aspect-ratio:1;background:#b9a57e;border-radius:50%;width:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000}.vinyl-collection{z-index:7}.vinyl-display-card{color:#d8cdbb;background:linear-gradient(145deg,#383630f5,#151715f7);border:1px solid #e6dcca4d;border-radius:4px;padding:8%;inset:-8%;box-shadow:0 18px 32px #0008,inset 0 1px #ffffff1f}.vinyl-display-card:before{border-color:#decbac29;border-radius:2px;inset:5%}.vinyl-display-card small,.vinyl-display-card span{letter-spacing:.16em;font-size:6px}.music-vinyl:after{background:#030404;inset:1%;box-shadow:0 4px #030404,0 7px 8px #000a}.music-vinyl-face:before{border-width:2px}.music-vinyl-face:after{background:#d6c5a4;width:6px;box-shadow:0 0 0 2px #111}.music-vinyl-face .vinyl-number{font-size:7px;top:36%}.music-vinyl-face b{font-size:5px;top:57%}.tonearm{filter:drop-shadow(2px 4px 3px #000b);border-width:0 6px 6px 0;border-color:#c8bda8;top:14%;right:7.5%}.tonearm:before{background:radial-gradient(circle at 38% 32%,#d6cdb9,#746d5f);border:3px solid #101311;width:30px;top:-14px;right:-16px}.tonearm span{background:#b7ad9a;border-width:3px;border-color:#121512;width:22px;height:13px;bottom:-11px;left:-5px}.turntable-controls{gap:8px;bottom:7%;right:7%}.turntable-controls i{background:linear-gradient(145deg,#ddd2bc,#817664);border:2px solid #111411;width:10px}.turntable-controls b{background:#9c7445;border:2px solid #111411;width:27px;height:9px}.music-tracklist{align-self:end;gap:0;padding-bottom:12vh}.music-tracklist button{color:#e9e2d757;border-bottom:1px solid #e9e2d71a;grid-template-columns:24px minmax(110px,auto) 1fr;padding:14px 0}.music-tracklist button b{flex-direction:column;gap:4px;font-size:clamp(13px,1vw,16px);font-weight:400;display:flex}.music-tracklist button b small{color:#e9e2d740;letter-spacing:.12em;text-transform:uppercase;font:600 6px/1 Inter,sans-serif}.music-tracklist button.is-active{color:#d5b17c;transform:translate(-7px)}.music-tracklist button.is-active b small{color:#d5b17c85}.music-progress{background:#e9e2d71f;bottom:35px;left:48px;right:48px}.music-progress span{background:#b88a51}@media (width<=980px){.music-stage{grid-template-columns:160px minmax(470px,1fr);width:calc(100% - 64px)}.music-tracklist{width:200px;padding:0;position:absolute;bottom:46px;right:34px}.music-copy{padding-bottom:11vh}}@media (width<=800px){.music-page{height:600vh}.music-stage{width:100%;padding-top:72px;display:block}.music-copy{padding:0;top:87px;left:24px}.music-copy h1{font-size:42px}.turntable-wrap{width:100vw;margin-top:24vh;transform:scale(.82)}.music-tracklist{grid-template-columns:repeat(5,1fr);width:auto;bottom:54px;left:24px;right:24px}.music-tracklist button{border-bottom:0;padding:9px 4px;display:block}.music-tracklist button b small{display:none}.music-back{left:24px}.music-progress{left:24px;right:24px}}.music-sticky{background:radial-gradient(circle at 50% 44%,#bc91571c,#0000 33%),linear-gradient(112deg,#080908 0%,#151513 50%,#080908 100%)}.music-sticky:before{border-color:#cfb28629}.music-stage{grid-template-columns:minmax(190px,.58fr) minmax(620px,1.82fr) minmax(220px,.65fr);gap:clamp(24px,3vw,58px)}.turntable-wrap{aspect-ratio:1.5;width:min(760px,58vw);margin-top:20vh}.turntable-wrap:after{filter:blur(31px);opacity:.8;background:#000;height:15%;bottom:-3%;left:12%;right:10%}.turntable-render{z-index:1;object-fit:contain;filter:saturate(.9)contrast(1.03);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.turntable-light{opacity:.7;width:84%;height:82%;top:-45%;left:8%}.collection-rail{z-index:3;color:#dac4a073;letter-spacing:.24em;align-items:center;gap:14px;font:600 7px/1 Inter,sans-serif;display:flex;position:absolute;top:-30%;left:15%;right:15%}.collection-rail i{background:linear-gradient(90deg,#dac4a03d,#0000);flex:1;height:1px}.vinyl-collection{z-index:4;overflow:visible}.music-vinyl{filter:drop-shadow(0 18px 16px #000000b8);width:38%;transform:translate(-50%,-50%) translate3d(var(--record-x),var(--record-y),calc(var(--record-depth) * 140px)) rotateX(var(--record-tilt)) rotateZ(var(--record-rotate)) scale(var(--record-scale));top:65%;left:45.7%}.music-vinyl:after{inset:0;box-shadow:0 7px #020303,0 13px 18px #000c}.music-vinyl-face{background:repeating-radial-gradient(circle,#191b1a 0 1px,#070808 1.5px 3px,#222522 3.6px 4.2px);border-color:#292b29;box-shadow:inset 20px 10px 28px #ffffff0d,inset -18px -15px 28px #000e,0 0 0 1px #ffffff0d}.music-vinyl-face i{background:conic-gradient(from 212deg,transparent 0 8%,#d2e7e238 11%,transparent 16% 40%,#ffe5b029 45%,transparent 51% 80%,#b8d9d321 85%,transparent 91%)}.vinyl-display-card{background:linear-gradient(145deg,#2f2a23fa,#0d0e0dfc);border-color:#d3b99157;inset:-6%;box-shadow:0 25px 42px #000b,inset 0 1px #ffffff1c}.vinyl-display-card:after{background:linear-gradient(90deg,var(--record-label),transparent);content:"";height:1px;position:absolute;top:11%;left:9%;right:9%}.music-copy h1{text-shadow:0 18px 50px #0009}.music-tracklist button{transition:color .35s,transform .55s cubic-bezier(.16,1,.3,1)}.music-tracklist button.is-active{transform:translate(-9px)}.collection-rail{top:-33%;left:11%;right:11%}.vinyl-collection{perspective:1800px;perspective-origin:50% 54%}.music-vinyl{filter:drop-shadow(0 22px 18px #000000b3);backface-visibility:hidden}.music-vinyl:before{z-index:-3;filter:blur(13px);content:"";background:#000000c7;border-radius:50%;height:18%;position:absolute;bottom:-11%;left:5%;right:5%;transform:translateZ(-18px)scaleX(.92)}.music-vinyl:after{background:linear-gradient(#151716 0%,#030404 42%,#000 100%);border:1px solid #d6c2a01f;inset:1.2%;transform:translateZ(-7px);box-shadow:0 2px #242622,0 5px #080909,0 8px #010202,0 14px 20px #000000e0,inset 0 -1px #ffffff14}.music-vinyl-face{background:radial-gradient(circle at 36% 27%,#ffffff14,#0000 18%),repeating-radial-gradient(circle,#161817 0 1px,#050606 1.45px 2.7px,#20221f 3.1px 3.65px);border:1px solid #b1a69147;box-shadow:inset 14px 9px 24px #ffffff0e,inset -18px -17px 30px #000000e6,inset 0 0 0 2px #000000bd,0 -1px #ffffff1f,0 2px 3px #000c}.music-vinyl-face i{opacity:.82;background:conic-gradient(from 214deg,transparent 0 7%,#e5eee14d 9%,#ffffff0a 13%,transparent 18% 40%,#e8c38933 44%,transparent 50% 79%,#b6d3c929 84%,transparent 90%), radial-gradient(ellipse at 31% 20%,#ffffff21,transparent 30%)}.vinyl-display-card{background:linear-gradient(145deg,#3b352bfc,#111210fe),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 4px);border-color:#cdb28761;inset:-7%;transform:translateZ(-13px);box-shadow:0 2px #776041b3,0 6px #080908f2,0 22px 35px #000000b8,inset 0 1px #ffffff21,inset 0 0 0 1px #0000006b}.vinyl-display-card:before{box-shadow:inset 0 0 18px #00000052}.music-vinyl.is-active{filter:drop-shadow(0 12px 10px #000000d1)}.music-tracklist{align-self:center;padding:17vh 0 0}.music-tracklist button{grid-template-columns:24px minmax(122px,auto) 1fr}.turntable-wrap{aspect-ratio:3/2;margin-top:14vh}.turntable-render{filter:saturate(.92)contrast(1.04);box-shadow:0 34px 76px #0000006b}.turntable-light{opacity:.55;height:68%;top:-24%}.collection-rail{color:#e6cfa8a8;top:-10%}.collection-rail i{background:linear-gradient(90deg,#dac4a06b,#0000)}.music-vinyl{width:28.1%;top:60.55%;left:46%}.music-vinyl.is-active{z-index:5;filter:drop-shadow(0 5px 4px #000000ad)}.music-vinyl.is-active .vinyl-display-card{opacity:0!important}.music-vinyl:not(.is-active){filter:drop-shadow(0 18px 17px #000000e0)drop-shadow(0 0 16px #be945b21)}.music-vinyl:not(.is-active) .vinyl-display-card{background:linear-gradient(145deg,#4d4436fc,#161714fe),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 4px);border-color:#e0c3968c;box-shadow:0 2px #9a7a50b8,0 7px #060706f5,0 24px 34px #000000d1,inset 0 1px #ffffff2e,inset 0 0 28px #d0a96e0e}.music-vinyl:not(.is-active) .music-vinyl-face{background:radial-gradient(circle at 34% 25%,#ffffff24,#0000 19%),repeating-radial-gradient(circle,#232622 0 1px,#080909 1.45px 2.7px,#2b2e29 3.1px 3.65px);border-color:#dbc09661;box-shadow:inset 15px 9px 24px #ffffff14,inset -18px -16px 29px #000000e0,0 -1px #ffffff2b,0 6px 9px #000000ad}.music-vinyl:not(.is-active) .music-vinyl-face i{opacity:1}@media (width<=1100px){.music-stage{grid-template-columns:155px minmax(520px,1fr);width:calc(100% - 58px)}.turntable-wrap{width:min(690px,67vw)}}@media (width<=800px){.turntable-wrap{width:106vw;margin-top:25vh;transform:scale(.86)}.collection-rail{top:-8%}.music-vinyl{width:28.1%}.music-tracklist{padding:0}}.tornado-canvas{width:100%;height:100%;position:relative;overflow:hidden}.tornado-canvas canvas{width:100%;height:100%;display:block}.tornado-page{color:#fff;background:#000;min-height:100svh;position:relative;overflow:hidden}.tornado-page>.tornado-canvas{width:auto;position:absolute;inset:0;height:auto!important}.tornado-back-link{z-index:4;color:#ffffffa3;letter-spacing:.15em;text-transform:uppercase;font:500 11px/1 Inter,sans-serif;position:fixed;top:28px;left:32px}.tornado-page-copy{z-index:2;pointer-events:none;justify-items:end;display:grid;position:absolute;bottom:clamp(28px,5vw,64px);right:clamp(24px,5vw,72px)}.tornado-page-copy span,.tornado-page-copy p{color:#ffffff75;letter-spacing:.16em;text-transform:uppercase;margin:0;font:500 10px/1.3 Inter,sans-serif}.tornado-page-copy strong{letter-spacing:-.06em;font:400 clamp(54px,9vw,132px)/.9 Georgia,serif}.preview-expand-list{background:#181817;position:absolute;inset:0;overflow:hidden}.preview-expand-list img{object-fit:cover;object-position:left center;width:100%;height:100%;display:block;position:absolute;inset:0}.expand-page{color:#f1eee5;background:#181817;min-height:100vh;padding:clamp(24px,4vw,64px) clamp(20px,6vw,96px) 96px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.expand-back-link{color:#aaa79f;letter-spacing:.14em;text-transform:uppercase;font-size:11px;transition:color .24s;display:inline-block}.expand-back-link:hover,.expand-back-link:focus-visible{color:#f1eee5}.expand-header{justify-content:space-between;align-items:end;gap:32px;margin:clamp(74px,13vw,180px) 0 clamp(38px,6vw,80px);display:flex}.expand-header p{color:#8d8a84;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7em;font-size:10px}.expand-header h1{letter-spacing:-.065em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(62px,11vw,168px);font-weight:400;line-height:.78}.expand-project-list{border-top:1px solid #f1eee533;width:100%}.expand-project-row{border-bottom:1px solid #f1eee533}.expand-project-trigger{width:100%;min-height:clamp(82px,9vw,132px);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:clamp(38px,6vw,92px) minmax(0,1fr) 28px;align-items:center;padding:0;display:grid}.expand-project-number,.expand-project-date{color:#7f7d77;letter-spacing:.14em;font-size:10px}.expand-project-title{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,4vw,64px);font-weight:400;line-height:1;overflow:hidden}.expand-project-plus{justify-self:end;width:18px;height:18px;position:relative}.expand-project-plus:before,.expand-project-plus:after{content:"";background:currentColor;width:100%;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0}.expand-project-plus:after{transform:rotate(90deg)}.expand-project-row.is-open .expand-project-plus:after{transform:rotate(0)}.expand-project-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .68s cubic-bezier(.16,1,.3,1),opacity .36s;display:grid}.expand-project-row.is-open .expand-project-reveal{opacity:1;grid-template-rows:1fr}.expand-project-inner{grid-template-columns:minmax(180px,.7fr) minmax(300px,1.3fr);gap:clamp(32px,7vw,110px);min-height:0;padding-left:clamp(38px,6vw,92px);display:grid;overflow:hidden}.expand-project-row.is-open .expand-project-inner{padding-bottom:clamp(26px,5vw,72px)}.expand-project-copy{flex-direction:column;align-items:flex-start;padding-top:4px;display:flex}.expand-project-copy p{color:#b8b4ab;max-width:390px;margin:clamp(20px,4vw,48px) 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.6vw,22px);line-height:1.45}.expand-project-link{letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid;margin-top:auto;padding-bottom:5px;font-size:11px}.expand-project-image{aspect-ratio:16/9;background:#252523;min-height:220px;margin:0;overflow:hidden}.expand-project-image img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);transform:scale(1.035)}.expand-project-row.is-open .expand-project-image img{transform:scale(1)}@media (width<=700px){.expand-page{padding-inline:18px}.expand-header{display:block}.expand-header p{margin-bottom:28px}.expand-project-trigger{grid-template-columns:34px minmax(0,1fr) 20px}.expand-project-inner{grid-template-columns:1fr;gap:28px;padding-left:34px}.expand-project-image{grid-row:1;min-height:0}.expand-project-copy{grid-row:2}.expand-project-link{margin-top:0}}@media (prefers-reduced-motion:reduce){.expand-project-reveal,.expand-project-plus:after,.expand-project-image img{transition-duration:.01ms}}body .music-page .collection-rail{color:#efd7aec7;top:-10%;left:7%;right:7%}body .music-page .music-vinyl{width:21.5%;top:60.55%;left:46%}body .music-page .music-vinyl:not(.is-active){filter:brightness(1.2)drop-shadow(0 20px 18px #000000eb)drop-shadow(0 0 22px #cda06038)}body .music-page .music-vinyl:not(.is-active) .vinyl-display-card{background:linear-gradient(145deg,#5c5140 0%,#292923 48%,#111311 100%);border-color:#eccfa1b3;box-shadow:0 3px #aa8656cc,0 8px #070806,0 26px 38px #000000e6,inset 0 1px #ffffff3d}body .music-page .music-vinyl:not(.is-active) .music-vinyl-face{background:radial-gradient(circle at 32% 23%,#fff3,#0000 20%),repeating-radial-gradient(circle,#30332d 0 1px,#090a09 1.5px 2.7px,#272a25 3.1px 3.7px);border-color:#e9cd9f80}body .music-page .music-vinyl.is-active{z-index:5;filter:drop-shadow(0 6px 5px #000000d1)}body .music-page .music-vinyl.is-active .vinyl-display-card{opacity:0!important}body .music-page .vinyl-collection{clip-path:none!important;overflow:visible!important}body .music-page .music-vinyl.is-seated{z-index:6;opacity:1;visibility:visible;transform-origin:50%;filter:drop-shadow(0 4px 4px #000000b8);width:21.5%;top:60.25%;left:46.15%;transform:translate(-50%,-50%)scaleY(.6)}body .music-page .music-vinyl.is-seated:before{opacity:.46;height:9%;bottom:-4%;left:6%;right:6%}body .music-page .music-vinyl.is-seated:after{border-color:#e0c79e33;inset:.9%;box-shadow:0 2px #242622,0 3px #070808,0 5px 8px #000000c2,inset 0 -1px #ffffff1a}body .music-page .music-vinyl.is-seated .music-vinyl-face{outline-offset:-1px;outline:1px solid #dabf9445;overflow:hidden;box-shadow:inset 14px 8px 23px #fff1,inset -18px -15px 28px #000000e6,0 0 0 1px #000c,0 3px 5px #000000b8}body .music-page .music-vinyl.is-seated .vinyl-display-card{display:none}@media (width<=800px){body .music-page .music-vinyl{width:21.5%}body .music-page .collection-rail{top:-8%}}.expand-page{padding:28px clamp(20px,5vw,72px) 64px}.expand-page>*{width:min(100%,1040px);margin-inline:auto}.expand-header{justify-content:space-between;align-items:baseline;margin-top:clamp(48px,8vh,86px);margin-bottom:28px;padding-bottom:16px;display:flex}.expand-header h1{color:#eee7d8;letter-spacing:-.025em;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.1}.expand-header p{margin:0}.expand-project-list{border-top:0}.expand-project-row{border-color:#0000;grid-template-columns:82px minmax(0,1fr) 36px;align-items:center;height:68px;transition:border-color .3s .42s;display:grid;position:relative;overflow:hidden}.expand-project-row.is-open{border-color:#f1eee529}.expand-project-thumbnail{z-index:3;cursor:pointer;background:#292927;border:0;width:74px;height:48px;padding:0;position:relative;overflow:hidden}.expand-project-thumbnail img{object-fit:cover;filter:saturate(.82);width:100%;height:100%;transition:filter .3s,transform .52s cubic-bezier(.16,1,.3,1);display:block;transform:scale(1)}.expand-project-thumbnail:hover img,.expand-project-thumbnail:focus-visible img,.expand-project-row.is-open .expand-project-thumbnail img{filter:saturate();transform:scale(1.1)}.expand-project-thumbnail:focus-visible{outline-offset:-2px;outline:1px solid #f1eee5}.expand-project-title{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;padding-left:14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,1.6vw,20px);font-weight:400;line-height:1.2;transition:opacity .18s;overflow:hidden}.expand-project-row>.expand-project-title,.expand-project-row>.expand-project-index{visibility:hidden}.expand-project-index{color:#77746e;letter-spacing:.12em;justify-self:end;font-size:9px}.expand-project-reveal{z-index:2;color:#f1eee5;-webkit-backdrop-filter:blur(2px)saturate(110%);backdrop-filter:blur(2px)saturate(110%);opacity:1;transform-origin:0;will-change:transform;pointer-events:none;background:#211f1c2e;border-top:1px solid #f1eee51a;grid-template-columns:minmax(180px,1.15fr) minmax(190px,1.35fr) auto 52px;align-items:center;gap:clamp(14px,2.5vw,34px);width:calc(100% - 82px);padding:0 2px 0 14px;transition:transform 1.05s cubic-bezier(.2,.72,.18,1);display:grid;position:absolute;top:0;bottom:0;left:82px;overflow:hidden;transform:scaleX(0);box-shadow:inset 0 1px #ffffff14}.expand-project-row.is-open .expand-project-reveal{grid-template-rows:none;transform:scaleX(1)}.expand-project-reveal>*{opacity:0;transition:opacity .42s,transform .7s cubic-bezier(.22,1,.36,1);transform:translate(-22px)}.expand-project-row.is-open .expand-project-reveal>*{opacity:1;transform:translate(0)}.expand-project-row.is-open .expand-project-reveal>:first-child{transition-delay:.48s}.expand-project-row.is-open .expand-project-reveal>:nth-child(2){transition-delay:.54s}.expand-project-row.is-open .expand-project-reveal>:nth-child(3){transition-delay:.6s}.expand-project-row.is-open .expand-project-reveal>:nth-child(4){transition-delay:.66s}.expand-project-reveal strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,1.5vw,18px);font-weight:400;line-height:1.15}.expand-project-description{color:#94918a;white-space:normal;font-size:10px;line-height:1.35}.expand-project-reveal .expand-project-link{color:#b5b1a9;white-space:nowrap;border:0;margin:0;padding:0;font-size:9px}.expand-project-reveal time{color:#77746e;font-variant-numeric:tabular-nums;justify-self:end;font-size:10px}@media (width<=700px){.expand-page{padding-inline:16px}.expand-header{margin-top:50px;display:flex}.expand-header p{margin:0}.expand-project-row{grid-template-columns:76px minmax(0,1fr) 28px;height:64px}.expand-project-thumbnail{width:68px;height:44px}.expand-project-reveal{grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) 42px;gap:0 10px;width:calc(100% - 76px);padding-left:10px;left:76px}.expand-project-row.is-open .expand-project-reveal{grid-template-rows:1fr 1fr}.expand-project-reveal strong{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;align-self:end;font-size:13px;overflow:hidden}.expand-project-description{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;align-self:start;margin-top:2px;font-size:8px;overflow:hidden}.expand-project-reveal .expand-project-link{display:none}.expand-project-reveal time{grid-area:1/2/3}}.preview-expand-list{align-self:stretch;max-width:none}.preview-spido{background:url(/pixel/texture2.png) 50%/cover no-repeat,#05070a;position:absolute;inset:0;overflow:hidden}.preview-spido .spido-artwork{transform-origin:50%;pointer-events:none;flex:none;width:1200px;height:900px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)scale(.34)}.spido-page{background:url(/pixel/texture2.png) 50%/cover no-repeat,#05070a;min-height:100vh;padding:0;overflow:hidden}.spido-stage{background:url(/pixel/texture2.png) 50%/cover no-repeat,#05070a;justify-content:center;place-items:center;min-height:100vh;display:flex;overflow:hidden}.spido-artwork{width:1200px;height:900px;transform:scale(min(1, calc((100vw - 24px) / 1200px), calc((100vh - 24px) / 900px)));transform-origin:50%;flex:0 0 1200px}.spido-artwork .spido-blue-line,.spido-artwork [data-spido-group=depth-echoes]{visibility:hidden;transition:opacity 1.4s ease-out,visibility 0s linear 1.4s;opacity:0!important}.spido-artwork.is-blue-reveal .spido-blue-line{visibility:visible;transition:opacity 1.4s ease-out,visibility linear;opacity:.78!important}.spido-hanging-thread{z-index:1;filter:drop-shadow(0 0 5px #d9f4ff88);width:1200px;height:900px;position:absolute;inset:0;overflow:hidden}.spido-artwork [data-spido-group=holographic-spider]{z-index:2}.spido-artwork.is-blue-reveal [data-spido-group=depth-echoes]{visibility:visible;transition:opacity 1.4s ease-out,visibility linear;opacity:.78!important}.spido-artwork [data-spido-group=holographic-spider]{transform-origin:50% 52%;will-change:transform;transition:filter .35s}.spido-artwork.is-jumpscare [data-spido-group=holographic-spider]{z-index:40;filter:none}@media (prefers-reduced-motion:reduce){.spido-artwork.is-weaving [data-spido-group=capture-spirals]>path,.spido-artwork.is-weaving .spido-final-thread{opacity:revert;stroke-dashoffset:0}}.expand-page{--expand-edge-space:clamp(28px, 4vw, 56px);isolation:isolate;padding:var(--expand-edge-space);color:#174f9f;background:#f6edcf;position:relative;overflow:hidden}.expand-grid-layer{color:#f1eee5;background-color:#181817;background-image:radial-gradient(circle at 50% 42%,#ffffff0f,#0000 34%),linear-gradient(#cbbb8b1f 1px,#0000 1px),linear-gradient(90deg,#cbbb8b1f 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,28px 28px,28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #ffffff29;border-radius:8px;width:100%;max-width:none;margin:0 auto;padding:clamp(22px,4vw,48px)}.expand-grid-layer .expand-header h1{color:#f1eee5;text-shadow:none}.expand-page>.expand-back-link{top:calc(var(--expand-edge-space) / 2);left:calc(var(--expand-edge-space) / 2);z-index:2;color:#174f9f;position:absolute;transform:translate(-25%,-50%)}.expand-grid-layer .expand-header{margin-top:0}.expand-header span{color:#8d8a84;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:600}@keyframes cinematic-camera{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-1.2%,-1.4%)}}.cinematic-camera{will-change:transform;animation:14s cubic-bezier(.22,1,.36,1) infinite alternate cinematic-camera}@keyframes grain-shift{0%{transform:translate(0)}to{transform:translate(-6%,-4%)}}.cinematic-grain{pointer-events:none;opacity:.1;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(3,end) infinite grain-shift;position:absolute;inset:-50%}.project-ring-field{opacity:.88;background:repeating-radial-gradient(circle,#ffffff07 0 1px,#0000 1px 18px)}:root{color:#174f9f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6edcf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f6edcf}body{background:#f6edcf;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.landing-page{isolation:isolate;background:#f6edcf;min-height:100vh;position:relative;overflow-x:clip}.landing-page.is-waiting .hero-content{opacity:.95;transform:translateY(26px)scale(1.02)}.landing-page.is-ready .hero-content{animation:.94s cubic-bezier(.16,1,.3,1) both pageReveal}.start-screen{z-index:25;color:#245a42;isolation:isolate;background:radial-gradient(circle at 50% 40%,#9ad84a1f,#0000 44%),linear-gradient(#d7e3bf 0%,#9fbc82 56%,#587a58 100%);place-items:center;padding:clamp(14px,3vw,34px);font-family:Courier New,ui-monospace,monospace;display:grid;position:fixed;inset:0;overflow:hidden}.interactive-square-grid{z-index:0;pointer-events:auto;grid-template-columns:repeat(auto-fill,minmax(clamp(34px,4.4vw,72px),1fr));grid-auto-rows:clamp(34px,4.4vw,72px);gap:3px;padding:0;display:grid;position:absolute;inset:max(16px,5vh) clamp(10px,4vw,70px) -24px}.grid-square{background:#fff8e93d;border:1px solid #2d6a4f29;transition:background-color .78s .18s,border-color .78s .18s,box-shadow .78s .18s,transform .42s .12s;display:block;box-shadow:inset 0 0 0 1px #9ad84a14}.grid-square:hover{border-color:#174f9f38;transition:background-color .22s,border-color .22s,box-shadow .22s,transform .22s;transform:translateY(-1px);box-shadow:inset 0 0 0 2px #fff7d857,0 0 0 1px #174f9f14,0 10px 24px #43366524}.grid-square.color-0:hover{background:#ff6ea8}.grid-square.color-1:hover{background:#58c7e8}.grid-square.color-2:hover{background:#ffe166}.grid-square.color-3:hover{background:#72df9c}.grid-square.color-4:hover{background:#9d8cff}.grid-square.color-5:hover{background:#ff8a5b}.grid-square.color-6:hover{background:#2f7de1}.grid-square.color-7:hover{background:#f45f75}.start-screen>:not(.interactive-square-grid):not(.loading-block){z-index:1;position:relative}.square-guide{z-index:2;color:#174f9f94;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff8e194;border:1px solid #174f9f1f;border-radius:999px;margin:0;padding:7px 10px;font:700 10px/1 Courier New,ui-monospace,monospace;position:absolute;bottom:clamp(18px,4vh,42px);right:clamp(18px,4vw,58px)}.loading-block{z-index:2;position:absolute;top:clamp(18px,3.4vh,36px);right:clamp(18px,3.4vw,40px)}.loading-spinner{width:72px;height:72px;position:relative}.loading-spinner span{width:12px;height:12px;transform:rotate(calc(var(--i) * 45deg)) translateY(-26px);animation:.8s linear infinite loadingSpin;animation-delay:calc(var(--i) * -.1s);background:#2d6a4f;border-radius:3px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.start-scene-stack{justify-items:center;width:min(720px,94vw);display:grid;position:relative}.game-window{z-index:2;width:min(720px,94vw);image-rendering:pixelated;background:#2d6a4f;border:16px solid #2d6a4f;border-radius:26px;animation:.72s steps(8,end) both gameWindowIntro;position:relative;overflow:hidden;box-shadow:0 28px 70px #18483047,inset 0 0 0 2px #2d6a4f}.game-titlebar{justify-content:flex-end;align-items:center;min-height:58px;padding:0 8px;display:flex}.expand-icon{aspect-ratio:1;color:#fff;background:#d91458;border-radius:8px;place-items:center;width:44px;display:grid;position:relative;box-shadow:0 4px #0000002e}.expand-icon:before,.expand-icon:after{content:"";position:absolute}.expand-icon:before{border-top:5px solid #fff;border-right:5px solid #fff;width:16px;height:16px;top:13px;right:12px}.expand-icon:after{transform-origin:100%;background:#fff;width:18px;height:5px;top:20px;right:18px;transform:rotate(-45deg);box-shadow:-17px 17px #fff}.pixel-landscape{isolation:isolate;background:#72acc0;min-height:clamp(390px,56vw,528px);position:relative;overflow:hidden}.scenery-backdrop{z-index:-1;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pixel-landscape:before,.pixel-landscape:after{content:"";pointer-events:none;position:absolute;inset:0}.pixel-landscape:before{mix-blend-mode:soft-light;opacity:.74;background:linear-gradient(#fff6da2e,#0000 48%),repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px)}.pixel-landscape:after{z-index:1;opacity:.9;background:radial-gradient(circle at 52% 34%,#fff7cd47,#0000 26%),linear-gradient(#0000 56%,#06221d1f 100%)}.pixel-sun{z-index:2;aspect-ratio:1;background:#ffe35f;width:24px;animation:1.1s steps(2,end) infinite sparkPulse;position:absolute;top:34px;right:84px;box-shadow:28px 0 #ffe35f,14px 14px #ffe35f,14px -14px #ffe35f,-14px 14px #ffe35f,42px 18px #ffe35f,22px 38px #ffe35f}.pixel-mountains,.pixel-ground{pointer-events:none;position:absolute;left:0;right:0}.pixel-mountains.back{opacity:.85;background-color:#0000;background-image:linear-gradient(144deg,#0000 0 32%,#456c7e 33% 58%,#0000 59%),linear-gradient(36deg,#0000 0 34%,#547d8a 35% 60%,#0000 61%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:260px 180px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:26%;bottom:34%}.pixel-mountains.front{background-color:#0000;background-image:linear-gradient(146deg,#0000 0 28%,#253f4a 29% 58%,#0000 59%),linear-gradient(30deg,#0000 0 34%,#314d52 35% 64%,#0000 65%);background-position:-80px 0,90px 10px;background-repeat:repeat,repeat;background-size:300px 160px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:24%;bottom:24%}.pixel-ground{background:linear-gradient(155deg,#0000 0 58%,#f7d76552 58% 64%,#0000 64%),repeating-linear-gradient(112deg,#f5df6f59 0 8px,#0000 8px 28px),linear-gradient(#466d4e 0,#203c32 45%,#122822 100%);height:38%;bottom:0}.start-button{--px:6px;z-index:6;background:linear-gradient(#9ad84a, #9ad84a) 0 var(--px) / 100% var(--px) no-repeat, linear-gradient(#3f7a28, #3f7a28) 0 calc(100% - var(--px)) / 100% var(--px) no-repeat, linear-gradient(180deg, #86c93d 0 48%, #5aa12f 52% 100%);color:#1a4d38;cursor:pointer;letter-spacing:2px;min-width:clamp(168px,24vw,236px);min-height:clamp(52px,7vw,72px);image-rendering:pixelated;text-shadow:2px 2px #1a4d382e;box-shadow:var(--px) 0 0 #163d2c, calc(var(--px) * -1) 0 0 #163d2c, 0 var(--px) 0 #163d2c, 0 calc(var(--px) * -1) 0 #163d2c, calc(var(--px) * 2) var(--px) 0 #163d2c, calc(var(--px) * -2) var(--px) 0 #163d2c, var(--px) calc(var(--px) * 2) 0 #163d2c, calc(var(--px) * -1) calc(var(--px) * 2) 0 #163d2c, calc(var(--px) * 3) calc(var(--px) * 2) 0 #0f2a1e, calc(var(--px) * 2) calc(var(--px) * 3) 0 #0f2a1e, inset var(--px) 0 0 #b6ee68, inset calc(var(--px) * -1) 0 0 #3d7426;border:0;border-radius:0;padding:14px 22px 16px;font-family:"Press Start 2P",Courier New,ui-monospace,monospace;font-size:clamp(16px,2.4vw,22px);font-weight:400;line-height:1;transition:filter .12s steps(2,end),transform .12s steps(2,end);animation:1.8s steps(2,end) infinite startPulse;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.start-button:hover,.start-button:focus-visible{filter:brightness(1.12)saturate(1.08);outline:none;transform:translate(calc(-50% - 2px),calc(-50% - 2px))}.start-button:active{box-shadow:var(--px) 0 0 #163d2c, calc(var(--px) * -1) 0 0 #163d2c, 0 var(--px) 0 #163d2c, 0 calc(var(--px) * -1) 0 #163d2c, inset 0 var(--px) 0 #3d7426, inset 0 calc(var(--px) * -1) 0 #9ad84a;transform:translate(calc(4px - 50%),calc(4px - 50%))}.welcome-box{z-index:9;background:#fff8e9;border:7px solid #2d6a4f;width:min(310px,42vw);position:absolute;bottom:14%;left:22px;box-shadow:8px 8px #2d6a4f40}.welcome-title{color:#fff8e9;background:#2d6a4f;padding:5px 10px;font-size:17px;font-weight:900;line-height:1}.welcome-box p{color:#245a42;text-align:center;margin:0;padding:14px 16px 18px;font-size:clamp(16px,2.3vw,22px);font-weight:900;line-height:1.18}.cursor-arrow,.cursor-hand,.gamepad,.flower,.spark{z-index:8;pointer-events:none;position:absolute}.cursor-arrow{--px:5px;--ink:#2d6a4f;--fill:#fff8e9;width:var(--px);height:var(--px);background:var(--ink);image-rendering:pixelated;box-shadow:0 calc(var(--px) * 1) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 1) 0 var(--ink), 0 calc(var(--px) * 2) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 2) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 2) 0 var(--ink), 0 calc(var(--px) * 3) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 3) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 3) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 3) 0 var(--ink), 0 calc(var(--px) * 4) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 4) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 4) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 4) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 4) 0 var(--ink), 0 calc(var(--px) * 5) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 5) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 5) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 5) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 5) 0 var(--fill), calc(var(--px) * 5) calc(var(--px) * 5) 0 var(--ink), 0 calc(var(--px) * 6) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 6) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 6) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 6) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 6) 0 var(--fill), calc(var(--px) * 5) calc(var(--px) * 6) 0 var(--fill), calc(var(--px) * 6) calc(var(--px) * 6) 0 var(--ink), 0 calc(var(--px) * 7) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 5) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 6) calc(var(--px) * 7) 0 var(--fill), calc(var(--px) * 7) calc(var(--px) * 7) 0 var(--ink), 0 calc(var(--px) * 8) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 5) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 6) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 7) calc(var(--px) * 8) 0 var(--fill), calc(var(--px) * 8) calc(var(--px) * 8) 0 var(--ink), 0 calc(var(--px) * 9) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 9) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 9) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 9) 0 var(--fill), calc(var(--px) * 4) calc(var(--px) * 9) 0 var(--ink), calc(var(--px) * 5) calc(var(--px) * 9) 0 var(--ink), calc(var(--px) * 6) calc(var(--px) * 9) 0 var(--ink), calc(var(--px) * 7) calc(var(--px) * 9) 0 var(--ink), calc(var(--px) * 8) calc(var(--px) * 9) 0 var(--ink), 0 calc(var(--px) * 10) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 10) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 10) 0 var(--fill), calc(var(--px) * 3) calc(var(--px) * 10) 0 var(--ink), calc(var(--px) * 4) calc(var(--px) * 10) 0 var(--ink), 0 calc(var(--px) * 11) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 11) 0 var(--fill), calc(var(--px) * 2) calc(var(--px) * 11) 0 var(--ink), calc(var(--px) * 3) calc(var(--px) * 11) 0 var(--ink), calc(var(--px) * 5) calc(var(--px) * 11) 0 var(--ink), 0 calc(var(--px) * 12) 0 var(--ink), calc(var(--px) * 1) calc(var(--px) * 12) 0 var(--ink), calc(var(--px) * 5) calc(var(--px) * 12) 0 var(--ink), 0 calc(var(--px) * 13) 0 var(--ink), calc(var(--px) * 5) calc(var(--px) * 13) 0 var(--ink), calc(var(--px) * 5) calc(var(--px) * 14) 0 var(--ink);animation:2s steps(4,end) infinite cursorBob;top:18%;left:14px}.cursor-hand{clip-path:polygon(24% 8%,42% 8%,42% 46%,48% 38%,62% 38%,62% 50%,68% 44%,82% 44%,82% 74%,72% 100%,32% 100%,14% 78%,14% 58%,24% 58%);filter:drop-shadow(5px 0 #2d6a4f)drop-shadow(0 5px #2d6a4f);background:#fff;width:48px;height:70px;animation:1.35s steps(3,end) infinite handTap;top:39%;right:22%}.gamepad{clip-path:polygon(16% 14%,36% 14%,43% 28%,57% 28%,64% 14%,84% 14%,100% 42%,92% 86%,72% 88%,62% 68%,38% 68%,28% 88%,8% 86%,0 42%);filter:drop-shadow(6px 0 #163d2c)drop-shadow(0 6px #163d2c);background:radial-gradient(circle at 71% 32%,#e74d4d 0 6%,#0000 7%),radial-gradient(circle at 82% 44%,#4fa0df 0 6%,#0000 7%),radial-gradient(circle at 72% 56%,#f2cd4f 0 6%,#0000 7%),radial-gradient(circle at 61% 44%,#78c45b 0 6%,#0000 7%),linear-gradient(#f7f7f4,#d9d9d3);width:116px;height:74px;bottom:31%;right:34px}.gamepad:before{content:"";background:#4f5966;width:32px;height:10px;position:absolute;top:28px;left:22px;box-shadow:11px -11px 0 -1px #4f5966,11px 11px 0 -1px #4f5966}.flower{background:#ffc5da;width:12px;height:12px;box-shadow:12px 0 #ffc5da,0 12px #ffc5da,12px 12px #ffc5da,6px 6px #fff9ab}.flower-one{bottom:42%;left:33%}.flower-two{bottom:36%;right:44%}.spark{background:#d91458;width:14px;height:14px;animation:1.2s steps(2,end) infinite sparkPulse;transform:rotate(45deg)}.spark-one{bottom:17%;right:40%}.spark-two{animation-delay:.42s;bottom:10%;right:52%}.dice-intro{z-index:20;pointer-events:none;background:radial-gradient(circle at 52% 43%,#ffffff3d,#0000 15%),radial-gradient(circle at 45% 58%,#e8445d2e,#0000 23%),linear-gradient(145deg,#090909,#190d0e 52%,#030303);animation:.58s 2.82s forwards introVanish;position:fixed;inset:0;overflow:hidden}.dice-intro:before{content:"";filter:blur(24px);opacity:.82;background:radial-gradient(#000000eb,#0000 70%);height:28%;animation:2.8s cubic-bezier(.18,.85,.22,1) both diceShadow;position:absolute;inset:auto 7% 10%}.dice-intro:after{aspect-ratio:1;content:"";opacity:.95;mix-blend-mode:screen;background:radial-gradient(circle,#ffffffc7,#0000 62%);border-radius:999px;width:clamp(120px,20vw,260px);animation:2.8s both diceImpact;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.1)}.photo-die{z-index:2;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 34px 42px #000000b8)contrast(1.08)saturate(.96);will-change:transform, opacity, filter;width:clamp(230px,31vw,460px);height:auto;position:absolute}.die-one{transform-origin:48% 56%;animation:2.92s cubic-bezier(.18,.86,.2,1) both photoDieOne;top:6%;left:50%}.die-two{transform-origin:52% 48%;animation:2.92s cubic-bezier(.18,.86,.2,1) 70ms both photoDieTwo;bottom:8%;right:50%}.dice-impact{z-index:1;aspect-ratio:1;opacity:0;border:1px solid #ffffff42;border-radius:999px;width:clamp(170px,24vw,310px);animation:2.8s both impactRing;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.story-hero{z-index:0;isolation:isolate;min-height:100vh;padding:28px clamp(18px,4vw,72px) 22px;display:grid;position:sticky;top:0;overflow:hidden}.story-hero>.interactive-square-grid{z-index:0}.hero-content{z-index:1;pointer-events:none;min-height:calc(100vh - 50px);display:grid;position:relative}.hero-content>*{pointer-events:auto}.story-hero:before{content:none}.ambient{z-index:-2;aspect-ratio:1;pointer-events:none;filter:blur(48px);opacity:.38;border-radius:999px;width:42vmin;animation:11s ease-in-out infinite alternate drift;position:absolute}.ambient-one{background:#3d6bff;top:25%;left:9%}.ambient-two{background:#c84863;animation-delay:-4s;bottom:17%;right:12%}.journey-scene{z-index:2;pointer-events:none;perspective:900px;transform-style:preserve-3d;position:absolute;inset:clamp(70px,10vh,120px) clamp(18px,5vw,92px) clamp(34px,8vh,90px)}.journey-ground{opacity:.8;filter:blur(3px);transform-origin:50% 100%;background:radial-gradient(at 50% 80%,#174f9f1f,#0000 64%),linear-gradient(90deg,#0000,#174f9f2e,#0000);height:clamp(40px,7vw,88px);position:absolute;bottom:7%;left:5%;right:5%;transform:rotateX(62deg)translateZ(-36px)}.journey-character{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px #174f9f1f)drop-shadow(0 28px 30px #43366529);transform-origin:50% 100%;will-change:transform, opacity;backface-visibility:hidden;display:block;position:absolute;bottom:8%;left:50%}.journey-little{aspect-ratio:109/184;filter:none;width:clamp(112px,10vw,150px);transform-style:preserve-3d;animation:12s linear infinite littleJourney}.journey-little:after{content:"";filter:blur(2px);transform-origin:50%;background:radial-gradient(#174f9f33,#0000 68%);height:13%;position:absolute;bottom:-4%;left:14%;right:14%;transform:rotateX(66deg)translateZ(-18px)}.little-frame{--frame-delay:0s;object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;opacity:0;transform-origin:50% 100%;animation:4s step-end infinite littleFrameCycle;animation-delay:var(--frame-delay);backface-visibility:hidden;position:absolute;inset:0}.journey-study{aspect-ratio:197/189;width:clamp(280px,34vw,520px);transform-style:preserve-3d;animation:12s ease-in-out infinite studyJourney}.study-frame{--frame-delay:0s;object-fit:contain;object-position:center bottom;width:100%;height:100%;image-rendering:pixelated;opacity:0;transform-origin:50% 100%;animation:1.5s step-end infinite studyFrameCycle;animation-delay:var(--frame-delay);backface-visibility:hidden;position:absolute;inset:0}.journey-graduate{width:clamp(170px,23vw,340px);animation:12s ease-in-out infinite graduateJourney}.journey-diploma{opacity:0;width:clamp(58px,8vw,104px);height:clamp(38px,5.4vw,68px);transform-style:preserve-3d;background:linear-gradient(90deg,#0000 0 42%,#f45f75 42% 58%,#0000 58%),linear-gradient(#fff9ee,#f7e7bd);border:4px solid #174f9f;animation:12s ease-in-out infinite diplomaJourney;position:absolute;bottom:clamp(130px,22vw,300px);left:calc(50% + clamp(78px,12vw,176px));transform:translate3d(-50%,12px,40px)rotateY(-14deg)rotate(5deg)scale(.8);box-shadow:7px 7px #174f9f29,inset 0 0 0 5px #ffe16661}.journey-diploma:before,.journey-diploma:after{content:"";position:absolute}.journey-diploma:before{background:#174f9f;width:52%;height:4px;top:38%;left:13%;box-shadow:0 12px #174f9f9e,0 24px #174f9f61}.journey-diploma:after{aspect-ratio:1;background:#ffe166;border-radius:50%;width:15px;bottom:12%;right:11%;box-shadow:0 0 0 3px #f45f75}.graduation-sparkles{opacity:0;animation:12s steps(2,end) infinite sparkleScene;position:absolute;inset:0}.graduation-sparkles span{background:#ffe166;width:9px;height:9px;animation:.68s steps(3,end) infinite sparklePop;position:absolute;box-shadow:12px 0 #ff6ea8,0 12px #58c7e8}.graduation-sparkles span:first-child{animation-delay:-120ms;top:18%;left:37%}.graduation-sparkles span:nth-child(2){animation-delay:-280ms;top:28%;left:57%}.graduation-sparkles span:nth-child(3){animation-delay:-420ms;top:34%;left:69%}.graduation-sparkles span:nth-child(4){animation-delay:-70ms;top:48%;left:63%}.graduation-sparkles span:nth-child(5){animation-delay:-360ms;top:57%;left:42%}.graduation-sparkles span:nth-child(6){animation-delay:-520ms;top:21%;left:47%}.graduation-sparkles span:nth-child(7){animation-delay:-210ms;top:66%;left:55%}.graduation-sparkles span:nth-child(8){animation-delay:-610ms;top:44%;left:33%}.graduation-sparkles span:nth-child(9){animation-delay:-310ms;top:14%;left:64%}.graduation-sparkles span:nth-child(10){animation-delay:-470ms;top:73%;left:48%}.graduation-sparkles span:nth-child(11){animation-delay:-180ms;top:38%;left:51%}.graduation-sparkles span:nth-child(12){animation-delay:-560ms;top:58%;left:70%}.pixel-girl-scene{z-index:2;pointer-events:none;position:absolute;inset:clamp(70px,10vh,120px) clamp(18px,5vw,92px) clamp(34px,8vh,90px);overflow:visible}.pixel-girl-ground{filter:blur(3px);opacity:.72;transform-origin:50% 100%;background:radial-gradient(at 50% 70%,#174f9f29,#0000 64%),linear-gradient(90deg,#0000,#174f9f29,#0000);border-radius:50%;height:clamp(38px,7vw,82px);position:absolute;bottom:7%;left:7%;right:7%;transform:rotateX(62deg)}.pixel-girl-preload{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.pixel-girl-walker{aspect-ratio:540/820;filter:drop-shadow(0 20px 22px #4336652e);will-change:transform;width:clamp(132px,14vw,210px);animation:3.2s linear both pixelGirlMoveRight;position:absolute;bottom:clamp(42px,7vh,88px);left:50%}.pixel-girl-frame{z-index:1;object-fit:contain;object-position:center bottom;image-rendering:auto;opacity:1;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pixel-girl-frame.is-walking{animation:.46s ease-in-out infinite alternate pixelGirlSoftBob}.pixel-girl-frame.is-standing{animation:none}.pixel-girl-speech{z-index:4;color:#372a24;letter-spacing:-.01em;opacity:0;background:linear-gradient(145deg,#fffffff5,#fff7e5eb);border:1px solid #2a1f1729;border-radius:18px 18px 18px 5px;max-width:min(360px,42vw);padding:14px 16px 15px;font:700 clamp(13px,1.25vw,17px)/1.35 Inter,ui-sans-serif,system-ui,sans-serif;animation:.52s cubic-bezier(.16,1,.3,1) 3.22s both pixelGirlSpeechIn;position:absolute;bottom:clamp(248px,31vh,390px);left:calc(50% + clamp(86px,9vw,142px));transform:translate(-8px,8px)scale(.96);box-shadow:0 18px 38px #43366529,inset 0 1px #ffffffe6}.pixel-girl-speech:before{content:"";background:#fffcf4f5;border-bottom:1px solid #2a1f1724;border-left:1px solid #2a1f1724;width:16px;height:16px;position:absolute;bottom:16px;left:-8px;transform:rotate(45deg)}.pixel-girl-shadow{z-index:0;filter:blur(2px);background:radial-gradient(#174f9f3d,#0000 70%);border-radius:50%;height:8%;animation:.56s ease-in-out infinite alternate pixelGirlShadow;position:absolute;bottom:2%;left:13%;right:13%}@keyframes pixelGirlMoveRight{0%{opacity:0;transform:translate(calc(-50vw - 100%))}4%{opacity:1}to{opacity:1;transform:translate(-50%)}}@keyframes pixelGirlSoftBob{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes pixelGirlShadow{0%{opacity:.72;transform:scaleX(1)}to{opacity:.52;transform:scaleX(.88)}}@keyframes pixelGirlSpeechIn{to{opacity:1;transform:translate(0)scale(1)}}.cute-journey-scene{z-index:2;pointer-events:none;position:absolute;inset:clamp(70px,10vh,120px) clamp(18px,5vw,92px) clamp(34px,8vh,90px);overflow:visible}.cute-journey-ground{filter:blur(3px);opacity:.72;transform-origin:50% 100%;background:radial-gradient(at 50% 70%,#174f9f29,#0000 64%),linear-gradient(90deg,#0000,#174f9f29,#0000);border-radius:50%;height:clamp(38px,7vw,82px);position:absolute;bottom:7%;left:7%;right:7%;transform:rotateX(62deg)}.cute-girl{--skin:#ffd7bd;--skin-shadow:#f4ad94;--hair:#57301f;--hair-soft:#7a452e;--dress:#ff6ea8;--dress-dark:#d94f86;--shoe:#174f9f;transform-origin:50% 100%;filter:drop-shadow(0 20px 22px #4336652e);width:clamp(118px,11vw,172px);height:clamp(188px,17vw,264px);animation:9s ease-in-out infinite cuteGirlWalkAcross;position:absolute;bottom:clamp(54px,9vh,96px);left:10%}.cute-girl,.cute-girl *{box-sizing:border-box}.cute-girl-shadow{filter:blur(2px);background:radial-gradient(#174f9f38,#0000 70%);border-radius:50%;height:12%;animation:.72s ease-in-out infinite alternate cuteGirlShadow;position:absolute;bottom:-3%;left:12%;right:12%}.cute-girl-head{aspect-ratio:1;width:56%;animation:.72s ease-in-out infinite alternate cuteGirlBob;position:absolute;top:0;left:50%;transform:translate(-50%)}.cute-girl-hair{background:radial-gradient(circle at 25% 16%, var(--hair-soft) 0 18%, transparent 19%), radial-gradient(circle at 72% 18%, var(--hair-soft) 0 16%, transparent 17%), linear-gradient(145deg, var(--hair-soft), var(--hair) 64%);border-radius:48% 48% 44% 44%;position:absolute;inset:-7% -8% 0;box-shadow:inset 0 -9px #0000001a}.cute-girl-hair:before,.cute-girl-hair:after{content:"";background:var(--hair);border-radius:999px;width:25%;height:52%;position:absolute;top:64%}.cute-girl-hair:before{left:-5%;transform:rotate(10deg)}.cute-girl-hair:after{right:-5%;transform:rotate(-10deg)}.cute-girl-face{background:radial-gradient(circle at 50% 85%, #ffffff52, transparent 24%), var(--skin);box-shadow:inset 0 -7px 0 var(--skin-shadow);border:3px solid #174f9f1f;border-radius:44% 44% 48% 48%;position:absolute;inset:15% 10% 6%;overflow:hidden}.cute-girl-face:before{content:"";background:var(--hair);border-radius:0 0 999px 999px;width:66%;height:25%;position:absolute;top:-2%;left:17%}.cute-girl-face .eye{aspect-ratio:1/1.25;background:#1b2c49;border-radius:50%;width:9%;position:absolute;top:45%;box-shadow:inset 2px 2px #ffffffd9}.eye-left{left:32%}.eye-right{right:32%}.cute-girl-face .cheek{background:#ff6ea86b;border-radius:50%;width:14%;height:8%;position:absolute;top:58%}.cheek-left{left:17%}.cheek-right{right:17%}.cute-girl-face .smile{border-bottom:3px solid #9b4a4a;border-radius:0 0 999px 999px;width:19%;height:12%;position:absolute;top:58%;left:50%;transform:translate(-50%)}.cute-girl-body{width:54%;height:39%;animation:.72s ease-in-out infinite alternate cuteGirlBodyBob;position:absolute;top:36%;left:50%;transform:translate(-50%)}.cute-girl-body .dress{background:linear-gradient(90deg, transparent 0 18%, #ffffff47 19% 30%, transparent 31%), linear-gradient(145deg, #ff8dbc, var(--dress) 58%, var(--dress-dark));clip-path:polygon(30% 0,70% 0,92% 100%,8% 100%);border-radius:24% 24% 18% 18%;position:absolute;inset:9% 8% 0;box-shadow:inset 0 -7px #174f9f1f}.cute-girl-body .dress:before{aspect-ratio:1;content:"";background:#ffe166;border-radius:50%;width:18%;position:absolute;top:13%;left:50%;transform:translate(-50%);box-shadow:0 14px #ffe166cc}.cute-girl-body .arm{background:var(--skin);transform-origin:50% 8%;border-radius:999px;width:13%;height:57%;position:absolute;top:16%}.arm-left{animation:.72s ease-in-out infinite alternate cuteGirlArmLeft;left:3%}.arm-right{animation:.72s ease-in-out infinite alternate cuteGirlArmRight;right:3%}.cute-girl-legs{width:42%;height:28%;position:absolute;top:72%;left:50%;transform:translate(-50%)}.cute-girl-legs .leg{background:var(--skin);transform-origin:50% 0;border-radius:999px;width:22%;height:86%;position:absolute;top:0}.cute-girl-legs .leg:after{content:"";background:var(--shoe);border-radius:999px;width:170%;height:20%;position:absolute;bottom:-7%;right:-18%}.leg-left{animation:.72s ease-in-out infinite alternate cuteGirlLegLeft;left:18%}.leg-right{animation:.72s ease-in-out infinite alternate cuteGirlLegRight;right:18%}@keyframes cuteGirlWalkAcross{0%{transform:translate(0)scale(.96)}50%{transform:translate(56vw,-5px)scale(1)}to{transform:translate(0)scale(.96)}}@keyframes cuteGirlBob{0%{transform:translate(-50%)translateY(0)rotate(-1deg)}to{transform:translate(-50%)translateY(-5px)rotate(1deg)}}@keyframes cuteGirlBodyBob{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(3px)}}@keyframes cuteGirlShadow{0%{opacity:.52;transform:scaleX(.92)}to{opacity:.78;transform:scaleX(1.08)}}@keyframes cuteGirlArmLeft{0%{transform:rotate(20deg)}to{transform:rotate(-18deg)}}@keyframes cuteGirlArmRight{0%{transform:rotate(-18deg)}to{transform:rotate(20deg)}}@keyframes cuteGirlLegLeft{0%{transform:rotate(-16deg)}to{transform:rotate(17deg)}}@keyframes cuteGirlLegRight{0%{transform:rotate(17deg)}to{transform:rotate(-16deg)}}.topbar{z-index:3;justify-content:space-between;align-items:center;gap:20px;width:min(1120px,100%);margin:0 auto;display:flex;position:relative}.brand{color:#174f9f;letter-spacing:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8e1c2;border:1px solid #174f9f2e;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:14px;font-weight:750;display:inline-flex;box-shadow:0 18px 60px #43366524}.nav-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8e1b8;border:1px solid #174f9f24;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:4px;display:flex}.nav-links a{color:#174f9fb8;border-radius:999px;align-items:center;min-height:32px;padding:0 13px;font-size:13px;font-weight:650;transition:color .18s,background .18s;display:inline-flex}.nav-links a:hover{color:#174f9f;background:#2f7de11f}.hero-copy{z-index:2;text-align:center;width:min(980px,100%);margin:clamp(34px,7vh,78px) auto 0;position:relative}.eyebrow{color:#d91458;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1{color:#174f9f;letter-spacing:0;text-wrap:balance;text-shadow:0 12px #ffe16647;max-width:940px;margin:0 auto;font-size:clamp(48px,8vw,112px);font-weight:850;line-height:.9}.intro{color:#183a66b8;max-width:640px;margin:22px auto 0;font-size:clamp(16px,1.7vw,20px);line-height:1.55}.stage{z-index:1;perspective:1200px;width:min(1280px,108vw);transform-style:preserve-3d;align-self:end;margin:clamp(8px,2vh,24px) auto 0;position:relative}.stage:after{z-index:-1;content:"";filter:blur(16px);opacity:.48;background:radial-gradient(#4336653d,#0000 68%);height:12%;position:absolute;bottom:4%;left:10%;right:8%;transform:translateY(18px)}.story-collage{filter:drop-shadow(0 34px 64px #0000009e)saturate(1.08)contrast(1.05);transform-origin:50% 78%;width:100%;height:auto;animation:6.8s ease-in-out infinite heroFloat,.9s cubic-bezier(.2,.8,.2,1) both heroIntro;display:block}.orbit-ring{z-index:-1;pointer-events:none;opacity:.42;border:1px solid #ffffff1f;border-radius:50%;animation:16s linear infinite slowSpin;position:absolute;transform:rotateX(68deg)rotate(-9deg)}.orbit-one{aspect-ratio:1;width:32%;bottom:16%;right:9%}.orbit-two{aspect-ratio:1;width:42%;animation-duration:22s;animation-direction:reverse;bottom:18%;left:16%}.soundwave{filter:drop-shadow(0 0 16px #ffb9547a);align-items:center;gap:4px;width:16%;height:36px;display:flex;position:absolute;bottom:22%;right:22.5%;transform:rotate(-4deg)}.soundwave span{background:linear-gradient(#fff1b7,#e58d31);border-radius:999px;width:4px;height:30%;animation:.86s ease-in-out infinite alternate pulseBar;display:block}.soundwave span:nth-child(3n){animation-delay:-220ms}.soundwave span:nth-child(4n){animation-delay:-460ms}.soundwave span:nth-child(5n){animation-delay:-680ms}.tv-glow{aspect-ratio:1.78;pointer-events:none;color:#c8ddff;letter-spacing:.12em;text-shadow:0 0 10px #4c80ffe6,0 0 24px #4c80ffa8;mix-blend-mode:screen;place-items:center;width:21%;font-family:Courier New,ui-monospace,monospace;font-size:clamp(14px,2vw,34px);font-weight:800;animation:2.8s steps(2,end) infinite tvFlicker;display:grid;position:absolute;bottom:7.4%;right:7.5%}.tv-glow:before{content:"";opacity:.32;background:repeating-linear-gradient(0deg,#88b2ff29 0 2px,#0000 2px 5px);position:absolute;inset:10% 7%}.motion-note{z-index:2;color:#174f9fd1;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff8e1b8;border:1px solid #174f9f29;border-radius:999px;min-width:104px;padding:8px 12px;font-size:12px;font-weight:800;animation:5.2s ease-in-out infinite noteFloat;position:absolute;box-shadow:0 18px 44px #43366529}.note-one{top:34%;left:21%}.note-two{animation-delay:-1.8s;bottom:34%;right:22%}.note-three{animation-delay:-3.2s;bottom:18%;right:14%}.timeline{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8e1b8;border:1px solid #174f9f24;border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(720px,100%);margin:8px auto 0;padding:6px;display:grid;position:relative}.timeline span{color:#174f9fb8;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:36px;font-size:12px;font-weight:800;display:inline-flex}.timeline span:last-child{color:#fff8e1;background:#174f9f}.pixel-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-field span{opacity:.22;background:#fff3c9;width:5px;height:5px;animation:9s linear infinite pixelDrift;position:absolute}.pixel-field span:first-child{animation-delay:-1s;top:18%;left:12%}.pixel-field span:nth-child(2){animation-delay:-5s;top:26%;left:81%}.pixel-field span:nth-child(3){animation-delay:-8s;top:44%;left:16%}.pixel-field span:nth-child(4){animation-delay:-2s;top:62%;left:88%}.pixel-field span:nth-child(5){animation-delay:-6s;top:78%;left:8%}.pixel-field span:nth-child(6){animation-delay:-3s;top:12%;left:62%}.pixel-field span:nth-child(7){animation-delay:-7s;top:38%;left:47%}.pixel-field span:nth-child(8){animation-delay:-4s;top:72%;left:71%}.pixel-field span:nth-child(9){animation-delay:-9s;top:88%;left:35%}.pixel-field span:nth-child(10){animation-delay:-2.8s;top:32%;left:27%}.pixel-field span:nth-child(11){animation-delay:-6.4s;top:54%;left:59%}.pixel-field span:nth-child(12){animation-delay:-3.8s;top:19%;left:39%}.pixel-field span:nth-child(13){animation-delay:-7.4s;top:68%;left:24%}.pixel-field span:nth-child(14){animation-delay:-1.6s;top:84%;left:83%}.pixel-field span:nth-child(15){animation-delay:-8.8s;top:9%;left:92%}.pixel-field span:nth-child(16){animation-delay:-4.7s;top:48%;left:76%}.pixel-field span:nth-child(17){animation-delay:-5.4s;top:24%;left:5%}.pixel-field span:nth-child(18){animation-delay:-2.2s;top:91%;left:55%}.component-gallery{z-index:3;color:#f4f4f4;background:radial-gradient(circle at 48% 0,#ffffff14,#0000 28%),linear-gradient(#070707 0%,#030303 100%);min-height:100vh;padding:clamp(46px,8vw,96px) clamp(48px,12vw,180px);position:relative}.gallery-inner{width:min(1180px,100%);margin:0 auto}.gallery-heading{width:min(720px,100%);margin:0 0 clamp(22px,4vw,42px)}.gallery-heading p{color:#0aa7ff;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.gallery-heading h2{color:#f6f6f6;letter-spacing:0;margin:0;font-size:clamp(34px,5.8vw,82px);font-weight:850;line-height:.94}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:360px;align-items:stretch;gap:clamp(16px,2vw,24px);display:grid}.component-card{background-color:#f6edcf;background-image:linear-gradient(#cbbb8b47 1px,#0000 1px),linear-gradient(90deg,#cbbb8b47 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #174f9f4d;border-radius:20px;flex-direction:column;min-width:0;min-height:360px;padding:12px;display:flex;box-shadow:0 18px 46px #0000006b,inset 0 1px #ffffff6b}.component-card.is-clickable{cursor:pointer;transition:border-color .22s,box-shadow .22s,transform .22s}.component-card.is-clickable:hover,.component-card.is-clickable:focus-visible{border-color:#00a8ff52;transform:translateY(-3px);box-shadow:0 24px 58px #00000080,0 0 0 1px #00a8ff2e,inset 0 1px #ffffff0f}.component-card.is-clickable:focus-visible{outline-offset:5px;outline:2px solid #0aa7ff}.component-card.wide,.component-card.large,.component-card.showcase,.component-card.tall{grid-area:auto;min-height:360px}.component-preview{background:radial-gradient(circle at 50% 18%,#ffffff0a,#0000 35%),#232323;border-radius:14px;flex:auto;min-width:0;height:auto;min-height:280px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.component-preview,.component-preview *{animation:none!important}.component-preview .rubiks-cubelet-slot{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-packed)), calc(-50% + var(--cube-y) * var(--cube-packed)), calc(var(--cube-z) * var(--cube-packed)))}.component-card.is-clickable:hover .component-preview .rubiks-cubelet-slot,.component-card.is-clickable:focus-visible .component-preview .rubiks-cubelet-slot{transform:none;animation:4s cubic-bezier(.37,0,.63,1) infinite rubiksCubeExplode!important}.component-preview .folder-binder{opacity:1;transform:translate3d(0, 0, 0) rotateZ(var(--binder-stack-tilt))}.component-preview .flashcard-stack-demo.is-preview .flashcard-outline-card,.component-preview .preview-disc .disc-record img{transition:none}.component-card.large .component-preview,.component-card.showcase .component-preview,.component-card.tall .component-preview{min-height:280px}.component-card h3{color:#174f9f;letter-spacing:0;margin:12px 10px 2px;font-size:clamp(17px,1.45vw,22px);font-weight:730;line-height:1.1}.preview-water-button{background:linear-gradient(145deg,#bfc3c6,#797e82);place-items:center;display:grid;position:absolute;inset:0}.preview-wheel-button{background:#000;place-items:center;display:grid;position:absolute;inset:0}.preview-wheel-button-disc{aspect-ratio:1;color:#f2f2f2;background:#1a1a1a;border-radius:50%;place-items:center;width:38%;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:18px;font-weight:700;display:grid;box-shadow:0 10px 22px #00000073}.preview-water-button-shell{aspect-ratio:2.35;background:#daeffa47;border:1px solid #ebf9ffb8;border-radius:999px;width:78%;position:relative;overflow:hidden;box-shadow:0 16px 26px #050d1361,inset 0 3px 6px #ffffffe6,inset 0 -7px 12px #06162094,inset 7px 0 11px #05121b52,inset -7px 0 11px #05121b52;container-type:inline-size}.preview-water-button-shell .seamless-water-layer{object-fit:cover;object-position:50% 52%;filter:saturate(.78)contrast(1.12)brightness(.72);width:100%;height:100%}.seamless-water-video,.seamless-water-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.seamless-water-video{overflow:hidden}.seamless-water-layer{opacity:0;will-change:opacity;transition:opacity .22s linear}.seamless-water-layer.is-active,.seamless-water-layer.is-fading-in{opacity:1}.seamless-water-layer.is-fading-out{opacity:0}.preview-spider-web{background:radial-gradient(circle at 50% 52%,#3a92b71f,#0000 46%),#010407;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.spider-web-object{object-fit:contain;pointer-events:none;border:0;width:100%;height:100%;display:block}.spider-web-hint{color:#daf6ff9e;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#02090db3;border:1px solid #c9efff2e;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;position:absolute;bottom:14px;right:16px}.preview-project-flow,.project-cover-stack,.preview-wordmark,.preview-phone,.preview-pill-entry,.pill-navigation-illustration,.flashcard-stack-demo,.preview-signin,.preview-island,.preview-flashes,.preview-spring-cover,.preview-disc,.preview-player,.preview-scrubber{position:absolute;inset:0}.preview-project-flow{isolation:isolate;background:radial-gradient(circle at 50% 52%,#ffffff12,#0000 26%),repeating-radial-gradient(circle,#ffffff05 0 1px,#0000 1px 4px),#15171b;place-items:center;display:grid;overflow:hidden}.preview-project-flow:before{z-index:-1;content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ffffff0b,#0000),linear-gradient(#0000,#0000005c);position:absolute;inset:0}.project-cover-stack{z-index:2}.project-cover-stack .project-art{object-fit:cover;object-position:center;border:1px solid #ffffff1a;border-radius:2px;height:auto;position:absolute;box-shadow:0 10px 24px #0000008c}.preview-wordmark{place-items:center;display:grid}.preview-folder-stack{perspective:1200px;background:radial-gradient(at 50% 82%,#00000029,#0000 30%),linear-gradient(#fff 0%,#f4f4f4 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.preview-folder-stack:before{content:"";opacity:.72;background:linear-gradient(90deg,#0000 0 8%,#0f0f0f2e 8% 18%,#0000 18% 100%),linear-gradient(#ffffffc2,#acacac3d);width:124%;height:16px;position:absolute;top:14%;left:-12%;transform:rotate(-8deg)}.preview-folder-stack:after{content:"";filter:blur(8px);background:radial-gradient(#0003,#0000 66%);border-radius:50%;height:34px;position:absolute;bottom:18%;left:16%;right:12%}.folder-stack-stage{z-index:1;width:min(82%,560px);height:72%;position:relative;transform:translateY(8%)}.folder-binder{--stack-step:calc(var(--binder-index) * clamp(26px, 4.6vw, 46px));--fall-delay:calc(var(--binder-index) * .52s);--binder-fall-tilt:-5deg;--binder-stack-tilt:-2deg;right:4%;bottom:var(--stack-step);object-fit:contain;object-position:center;cursor:default;clip-path:none;filter:contrast(1.08)saturate(1.02)drop-shadow(12px 18px 18px #00000047);width:78%;height:clamp(96px,17vw,180px);transform:translate3d(-18px, -420px, 0) rotateZ(var(--binder-fall-tilt));transform-origin:50% 90%;animation:4.8s cubic-bezier(.16,.84,.28,1) both binder-stack-drop;animation-delay:var(--fall-delay);opacity:0;background:0 0;border:0;padding:0;transition:filter .28s,transform .42s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.folder-binder-media{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%;transition:opacity .16s,filter .16s;display:block;position:absolute;inset:0}.folder-circle-hit{z-index:3;aspect-ratio:1;pointer-events:auto;border-radius:50%;width:10%;position:absolute;top:42.5%;left:47.3%}.folder-binder-diagram{opacity:0;object-fit:fill}.folder-binder.is-interactive-folder.is-diagram .folder-binder-normal,.folder-binder.is-interactive-folder:focus-visible .folder-binder-normal{opacity:0}.folder-binder.is-interactive-folder.is-diagram .folder-binder-diagram,.folder-binder.is-interactive-folder:focus-visible .folder-binder-diagram{opacity:1}.folder-binder:first-child{--binder-stack-tilt:-1deg;opacity:1;transform:translate3d(0, 0, 0) rotateZ(var(--binder-stack-tilt));animation:none}.folder-binder:nth-child(2){--binder-fall-tilt:3deg;--binder-stack-tilt:2deg;right:0}.folder-binder:nth-child(3){--binder-fall-tilt:-4deg;--binder-stack-tilt:-2deg;right:4%}.folder-binder:nth-child(4){--binder-fall-tilt:3deg;--binder-stack-tilt:1deg;right:1%}.radiant-glow,.radiant-glass-sheet,.radiant-glass-highlight{box-sizing:border-box;pointer-events:none;display:block;position:absolute}.radiant-glow{opacity:.18;border-radius:50%}.radiant-glow-main{background-image:var(--glass-glow);filter:blur(min(2.777vw,40px));transform-origin:0 0;width:82.5%;height:70%;top:15%;left:8.75%;transform:rotate(-8deg)}.radiant-glow-soft{background:var(--glass-soft);filter:blur(min(3.333vw,48px));width:42.5%;height:37.5%;top:30%;left:0}.radiant-glow-deep{background:var(--glass-deep);filter:blur(min(3.055vw,44px));width:37.5%;height:52.5%;top:22.5%;left:57.5%}.radiant-glass-sheet{border:1px solid var(--glass-border);background:linear-gradient(145deg, var(--glass-accent), transparent 58%), var(--glass-tint);border-radius:min(1.667vw,24px);width:90%;height:90.75%;top:8.75%;left:5%;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.radiant-glass-sheet{background:linear-gradient(145deg, color-mix(in srgb, var(--glass-accent) 13%, transparent), transparent 58%), var(--glass-tint)}}.radiant-glass-sheet{box-shadow:inset 1px 1px #fff9,inset -1px -1px #ffffff24,0 18px 38px #20202012}.radiant-glass-highlight{border-top:1px solid #fff9;border-left:1px solid #ffffff70;border-radius:min(1.875vw,27px);inset:1px -1px -1px 1px;box-shadow:inset 6px 6px 18px #ffffff18}.glass-ui{z-index:2;box-sizing:border-box;color:#191d20c7;letter-spacing:-.012em;text-align:left;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:clamp(7px,.72vw,11px);line-height:1.35;display:flex;position:absolute;inset:9% 8%}.glass-ui *,.glass-ui :before,.glass-ui :after{box-sizing:border-box}.glass-ui b,.glass-ui strong,.glass-ui small,.glass-ui em{font:inherit}.glass-ui b{font-weight:590}.glass-ui small,.glass-ui em{color:#191d2073;font-style:normal}.glass-ui-header{border-bottom:1px solid var(--glass-accent);justify-content:space-between;align-items:end;padding-bottom:7%;display:flex}@supports (color:color-mix(in lab, red, red)){.glass-ui-header{border-bottom:1px solid color-mix(in srgb, var(--glass-accent) 24%, transparent)}}.glass-ui-header b{color:var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-ui-header b{color:color-mix(in srgb, var(--glass-accent) 72%, #202326)}}.glass-ui-header b{font-size:1.12em}.glass-document{inset:8% 9%}.glass-document-kicker{color:var(--glass-accent)!important}@supports (color:color-mix(in lab, red, red)){.glass-document-kicker{color:color-mix(in srgb, var(--glass-accent) 72%, #35383a)!important}}.glass-document-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.78em!important;font-weight:650!important}.glass-document-title{color:#191d20d1;letter-spacing:-.045em;max-width:86%;margin-top:8%;line-height:1.02;font-family:Georgia,Times New Roman,serif!important;font-size:2.15em!important;font-weight:400!important}.glass-document-rule{background:var(--glass-accent);width:100%;height:1px;margin:8% 0}@supports (color:color-mix(in lab, red, red)){.glass-document-rule{background:color-mix(in srgb, var(--glass-accent) 30%, transparent)}}.glass-document-intro{color:#191d209e;max-width:92%;font-family:Georgia,Times New Roman,serif;font-size:1.02em;line-height:1.52}.glass-document-sections{flex-direction:column;flex:1;justify-content:center;gap:7%;display:flex}.glass-document-section{grid-template-columns:10% 1fr;gap:6%;display:grid}.glass-document-section>small{padding-top:1%;color:var(--glass-accent)!important}@supports (color:color-mix(in lab, red, red)){.glass-document-section>small{color:color-mix(in srgb, var(--glass-accent) 68%, #555)!important}}.glass-document-section>small{font-size:.75em!important}.glass-document-section>span{flex-direction:column;gap:4px;display:flex}.glass-document-section b{margin-bottom:2%;font-family:Georgia,Times New Roman,serif!important;font-size:.94em!important;font-weight:500!important}.glass-document-section i{background:#1e22251f;width:100%;height:1px;display:block}.glass-document-section i:nth-of-type(2){width:88%}.glass-document-section i:nth-of-type(3){width:66%}.glass-document-page{align-self:flex-end;color:var(--glass-accent)!important}@supports (color:color-mix(in lab, red, red)){.glass-document-page{color:color-mix(in srgb, var(--glass-accent) 58%, #666)!important}}.glass-document-page{letter-spacing:.08em;font-size:.72em!important}.glass-analytics>strong{letter-spacing:-.045em;align-items:center;gap:7%;margin-top:10%;font-size:2.25em;font-weight:520;display:flex}.glass-analytics>strong em{color:#287b58;letter-spacing:0;background:#53b07e1c;border-radius:999px;padding:3% 5%;font-size:.38em;font-weight:620}.glass-chart{border-bottom:1px solid #1e22251a;justify-content:space-between;align-items:end;height:42%;margin-top:auto;padding-top:7%;display:flex}.glass-chart i{width:7%;height:var(--bar-height);background:linear-gradient(180deg, var(--glass-accent), var(--glass-accent));border-radius:999px 999px 2px 2px}@supports (color:color-mix(in lab, red, red)){.glass-chart i{background:linear-gradient(180deg, color-mix(in srgb, var(--glass-accent) 78%, white), color-mix(in srgb, var(--glass-accent) 22%, transparent))}}.glass-legend,.glass-weekdays{justify-content:space-between;padding-top:4%;display:flex}.glass-bill-to{flex-direction:column;gap:1%;padding:8% 0;display:flex}.glass-bill-to b{margin:2% 0;font-size:1.2em}.glass-invoice-row,.glass-invoice-total{border-top:1px solid #1e222514;justify-content:space-between;padding:5% 0;display:flex}.glass-invoice-total{align-items:end;margin-top:auto;padding-top:7%}.glass-invoice-total strong{letter-spacing:-.035em;font-size:1.65em;font-weight:580}.glass-feed-row{border-bottom:1px solid #1e222512;flex:1;grid-template-columns:13% 1fr auto;align-items:center;gap:4%;display:grid}.glass-feed-row>i,.glass-profile>i{aspect-ratio:1;color:var(--glass-accent);border-radius:50%;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.glass-feed-row>i,.glass-profile>i{color:color-mix(in srgb, var(--glass-accent) 72%, #202326)}}.glass-feed-row>i,.glass-profile>i{background:var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-feed-row>i,.glass-profile>i{background:color-mix(in srgb, var(--glass-accent) 14%, #ffffff94)}}.glass-feed-row>i,.glass-profile>i{box-shadow:inset 0 0 0 1px var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-feed-row>i,.glass-profile>i{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--glass-accent) 22%, transparent)}}.glass-feed-row>i,.glass-profile>i{font-size:.8em;font-style:normal;font-weight:650}.glass-feed-row>span{line-height:1.25}.glass-weekdays{padding:6% 1% 3%}.glass-weekdays small{text-align:center;width:14.2857%}.glass-calendar-grid{grid-template-columns:repeat(7,1fr);gap:2%;display:grid}.glass-calendar-grid i{aspect-ratio:1;border-radius:50%;place-items:center;font-size:.88em;font-style:normal;display:grid;position:relative}.glass-calendar-grid i.is-today{color:#fff;background:var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-calendar-grid i.is-today{background:color-mix(in srgb, var(--glass-accent) 78%, transparent)}}.glass-calendar-grid i.has-event:after{aspect-ratio:1;background:var(--glass-accent);border-radius:50%;width:2px;position:absolute;bottom:7%}@supports (color:color-mix(in lab, red, red)){.glass-calendar-grid i.has-event:after{background:color-mix(in srgb, var(--glass-accent) 78%, transparent)}}.glass-calendar-grid i.has-event:after{content:""}.glass-next-event,.glass-profile,.glass-notice{align-items:center;display:flex}.glass-next-event{background:var(--glass-accent);border-radius:9px;gap:5%;margin-top:auto;padding:5%}@supports (color:color-mix(in lab, red, red)){.glass-next-event{background:color-mix(in srgb, var(--glass-accent) 10%, #ffffff5c)}}.glass-next-event>i{background:var(--glass-accent);border-radius:99px;width:3px;height:22px}@supports (color:color-mix(in lab, red, red)){.glass-next-event>i{background:color-mix(in srgb, var(--glass-accent) 72%, transparent)}}.glass-next-event span,.glass-profile span,.glass-notice span,.glass-setting-row>span{flex-direction:column;display:flex}.glass-profile{gap:6%;padding:8% 0}.glass-profile>i{width:16%}.glass-setting-row{border-top:1px solid #1e222513;flex:1;justify-content:space-between;align-items:center;display:flex}.glass-setting-row>i{aspect-ratio:1.75;background:#191d2024;border-radius:999px;width:13%;position:relative}.glass-setting-row>i:after{aspect-ratio:1;content:"";background:#ffffffe6;border-radius:50%;height:74%;position:absolute;top:13%;left:8%;box-shadow:0 1px 3px #00000026}.glass-setting-row>i.is-on{background:var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-setting-row>i.is-on{background:color-mix(in srgb, var(--glass-accent) 68%, transparent)}}.glass-setting-row>i.is-on:after{left:48%}.glass-notice{border-bottom:1px solid #1e222512;flex:1;grid-template-columns:12% 1fr auto;gap:5%;display:grid}.glass-notice>i{aspect-ratio:1;color:#191d2094;background:#fff6;border-radius:8px;place-items:center;font-style:normal;font-weight:650;display:grid}.glass-notice.is-new>i{color:#fff;background:var(--glass-accent)}@supports (color:color-mix(in lab, red, red)){.glass-notice.is-new>i{background:color-mix(in srgb, var(--glass-accent) 72%, transparent)}}.glass-notice em{font-size:.86em}.folder-paper-spread{z-index:3;pointer-events:auto;perspective:900px;perspective-origin:58% 44%;position:absolute;inset:0;overflow:hidden}.folder-paper{--paper-delay:0s;--paper-x:0px;--paper-y:0px;--paper-z:0px;--paper-rotate:0deg;--paper-rotate-y:0deg;--paper-scale:1;--paper-start-x:calc(430px - (var(--folder-index,0) * 18px));--paper-start-y:calc(248px - (var(--folder-index,0) * 36px));--paper-start-z:-120px;--paper-start-rotate:12deg;--paper-start-rotate-y:-58deg;--paper-start-scale:.14;--front-x:0px;--front-y:0px;--front-rotate:0deg;--front-scale:1;--front-z-index:var(--paper-z-index,1);--pop-x:0px;--pop-y:-62px;--pop-scale:1.22;object-fit:contain;opacity:0;width:clamp(170px,18vw,310px);height:auto;z-index:var(--paper-z-index,1);filter:drop-shadow(0 42px 48px #00000021);transform-origin:50% 100%;transform:translate3d(calc(-50% + var(--paper-x)), calc(-50% + var(--paper-y)), var(--paper-z)) rotateY(var(--paper-rotate-y)) rotateX(var(--paper-rotate-x,0deg)) rotate(var(--paper-rotate)) scale(var(--paper-scale));animation:folder-paper-appear .72s cubic-bezier(.16, 1, .3, 1) var(--paper-delay) backwards;pointer-events:auto;transition:filter .28s,opacity .22s,transform .78s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:47%;left:50%}.radiant-folder-paper{aspect-ratio:5/7.2;cursor:pointer;background:0 0;width:clamp(196px,20vw,340px);height:auto;overflow:visible}.folder-paper:first-child{--paper-x:-410px;--paper-y:126px;--paper-z:250px;--paper-start-y:230px;--paper-rotate:-7deg;--paper-rotate-y:-38deg;--paper-rotate-x:1deg;--paper-scale:.5;--paper-z-index:8;--front-x:-440px;--front-y:-112px;--front-rotate:-18deg;--front-scale:.72;--front-z-index:1;--pop-scale:1.2}.folder-paper:nth-child(2){--paper-x:-344px;--paper-y:104px;--paper-z:214px;--paper-start-y:218px;--paper-rotate:-4deg;--paper-rotate-y:-36deg;--paper-rotate-x:1deg;--paper-scale:.5;--paper-z-index:7;--front-x:-300px;--front-y:-156px;--front-rotate:-11deg;--front-scale:.84;--front-z-index:3;--pop-scale:1.18}.folder-paper:nth-child(3){--paper-x:-278px;--paper-y:82px;--paper-z:178px;--paper-start-y:206px;--paper-rotate:-1deg;--paper-rotate-y:-34deg;--paper-rotate-x:1deg;--paper-scale:.51;--paper-z-index:6;--front-x:-150px;--front-y:-184px;--front-rotate:-5deg;--front-scale:.78;--front-z-index:5;--pop-scale:1.18}.folder-paper:nth-child(4){--paper-x:-212px;--paper-y:58px;--paper-z:142px;--paper-start-y:194px;--paper-rotate:1deg;--paper-rotate-y:-32deg;--paper-rotate-x:1deg;--paper-scale:.5;--paper-z-index:5;--front-x:0px;--front-y:-186px;--front-rotate:0deg;--front-scale:.88;--front-z-index:8;--pop-scale:1.18}.folder-paper:nth-child(5){--paper-x:-146px;--paper-y:34px;--paper-z:106px;--paper-start-y:182px;--paper-rotate:3deg;--paper-rotate-y:-30deg;--paper-rotate-x:1deg;--paper-scale:.48;--paper-z-index:4;--front-x:150px;--front-y:-170px;--front-rotate:5deg;--front-scale:.86;--front-z-index:7;--pop-scale:1.18}.folder-paper:nth-child(6){--paper-x:-80px;--paper-y:10px;--paper-z:70px;--paper-start-y:170px;--paper-rotate:5deg;--paper-rotate-y:-33deg;--paper-rotate-x:1deg;--paper-scale:.49;--paper-z-index:3;--front-x:300px;--front-y:-134px;--front-rotate:10deg;--front-scale:.78;--front-z-index:6;--pop-scale:1.18}.folder-paper:nth-child(7){--paper-x:-14px;--paper-y:-14px;--paper-z:34px;--paper-start-y:158px;--paper-rotate:7deg;--paper-rotate-y:-36deg;--paper-rotate-x:1deg;--paper-scale:.47;--paper-z-index:2;--front-x:430px;--front-y:-100px;--front-rotate:15deg;--front-scale:.74;--front-z-index:4;--pop-scale:1.18;width:clamp(144px,15vw,250px)}.folder-paper:nth-child(8){--paper-x:52px;--paper-y:-38px;--paper-z:0px;--paper-start-y:146px;--paper-rotate:9deg;--paper-rotate-y:-37deg;--paper-rotate-x:1deg;--paper-scale:.47;--paper-z-index:1;--front-x:540px;--front-y:-56px;--front-rotate:20deg;--front-scale:.66;--front-z-index:2;--pop-scale:1.18;width:clamp(150px,15vw,255px)}.folder-paper:nth-child(-n+6){--paper-scale:.5;--front-scale:.8;--pop-scale:1.12}.folder-paper-spread.is-front-view .folder-paper{filter:drop-shadow(0 42px 48px #00000029);opacity:1;z-index:var(--front-z-index);transform:translate3d(calc(-50% + var(--front-x)), calc(-50% + var(--front-y)), 0) rotateY(0deg) rotateX(0deg) rotate(var(--front-rotate)) scale(var(--front-scale))}.folder-paper-spread.is-front-view .folder-paper:hover{z-index:11;filter:drop-shadow(0 48px 52px #0003);transform:translate3d(calc(-50% + var(--front-x)), calc(-50% + var(--front-y) - 18px), 18px) rotateY(0deg) rotateX(0deg) rotate(var(--front-rotate)) scale(calc(var(--front-scale) * 1.06))}.folder-paper-spread.is-front-view .folder-paper.is-paper-pop{z-index:12;filter:drop-shadow(0 50px 56px #0003);transform:translate3d(calc(-50% + var(--pop-x)), calc(-50% + var(--pop-y)), 0) rotateY(0deg) rotateX(0deg) rotate(0deg) scale(var(--pop-scale));transition:filter .26s,opacity .18s,transform .42s cubic-bezier(.16,1,.3,1)}.folder-paper.is-paper-pop .radiant-glass-sheet{background:linear-gradient(145deg, var(--glass-accent), #fff 62%), #fff}@supports (color:color-mix(in lab, red, red)){.folder-paper.is-paper-pop .radiant-glass-sheet{background:linear-gradient(145deg, color-mix(in srgb, var(--glass-accent) 13%, white), #fff 62%), #fff}}.folder-paper.is-paper-pop .radiant-glass-sheet{box-shadow:#fff 1px 1px 0 inset, var(--glass-accent) -1px -1px 0 inset, #2020201f 0 24px 48px}@supports (color:color-mix(in lab, red, red)){.folder-paper.is-paper-pop .radiant-glass-sheet{box-shadow:#fff 1px 1px 0 inset, color-mix(in srgb, var(--glass-accent) 14%, transparent) -1px -1px 0 inset, #2020201f 0 24px 48px}}@keyframes binder-stack-drop{0%{opacity:0;transform:translate3d(-18px, -420px, 0) rotateZ(var(--binder-fall-tilt))}.99%{opacity:0}1%{opacity:1}26%,to{opacity:1;transform:translate3d(0, 0, 0) rotateZ(var(--binder-stack-tilt))}}@keyframes folder-paper-appear{0%{opacity:0;filter:drop-shadow(0 10px 14px #0000000f);transform:translate3d(calc(-50% + var(--paper-start-x)), calc(-50% + var(--paper-start-y)), var(--paper-start-z)) rotateY(var(--paper-start-rotate-y)) rotateX(18deg) rotate(var(--paper-start-rotate)) scale(var(--paper-start-scale))}42%{opacity:.86}76%{opacity:1}to{opacity:.95;filter:drop-shadow(0 42px 48px #00000021);transform:translate3d(calc(-50% + var(--paper-x)), calc(-50% + var(--paper-y)), var(--paper-z)) rotateY(var(--paper-rotate-y)) rotateX(var(--paper-rotate-x,0deg)) rotate(var(--paper-rotate)) scale(var(--paper-scale))}}.member-strip{gap:10px;display:flex;position:absolute;top:36px;left:50%;transform:translate(-50%)}.member-strip span{aspect-ratio:1;background:linear-gradient(135deg,#3a4f5e,#d4b58f);border-radius:7px;width:34px;box-shadow:0 10px 20px #0000005c}.member-strip span:nth-child(2n){background:linear-gradient(135deg,#55433a,#d9d9d9)}.preview-wordmark strong{color:#ff3948;letter-spacing:0;font-size:clamp(82px,10vw,148px);font-weight:1000;line-height:.76;transform:scaleX(1.15)}.red-cursor{aspect-ratio:1;background:#f2384c;border-radius:999px;width:74px;position:absolute;top:56px;left:50%;transform:translate(18px);box-shadow:0 14px 36px #f2384c61}.preview-phone{background:#0c0c0c;overflow:hidden}.preview-phone img{object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block}.spring-animation-page{background:#07090a;min-height:100vh;overflow:hidden}.spring-animation-stage{isolation:isolate;background:radial-gradient(circle at 31% 72%,#86a07e1a,#0000 32%),radial-gradient(circle at 68% 30%,#6a847814,#0000 42%),linear-gradient(115deg,#050607 0%,#111417 48%,#07090a 100%);place-items:center;width:100%;min-height:100vh;display:grid;position:relative;overflow:hidden}.spring-atmosphere{z-index:-1;opacity:0;background:repeating-radial-gradient(circle,#d2e6d005 0 1px,#0000 1px 5px),linear-gradient(90deg,#0000 48%,#bed6c009 50%,#0000 52%);animation:1.4s .4s forwards springAtmosphereIn;position:absolute;inset:0}.spring-photo-helix{perspective:950px;perspective-origin:50% 48%;transform-style:preserve-3d;position:absolute;inset:0}.spring-photo-track{transform-style:preserve-3d;pointer-events:none;will-change:transform;position:absolute;inset:0}.spring-photo{aspect-ratio:1;opacity:0;visibility:hidden;transform-origin:50%;backface-visibility:visible;width:clamp(72px,8vw,112px);transform-style:preserve-3d;will-change:transform;background:#141414;border:0;border-radius:28%;margin:0;position:absolute;top:0;left:0;overflow:hidden;transform:translate(105vw,64vh)translate(-50%,-50%)rotateX(54deg);box-shadow:0 18px 36px #0000008c}.spring-photo img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.spring-animation-caption{color:#cddecd75;letter-spacing:.18em;text-transform:uppercase;opacity:0;margin:0;font-size:10px;font-weight:700;animation:1s 5.8s forwards springCaptionIn;position:absolute;bottom:2.4vh;right:3vw}.spring-drag-hint{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#d8e8d6d9;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0a0e0c8c;border:1px solid #cddecd38;border-radius:999px;align-items:center;gap:.7em;margin:0;padding:.55em 1.3em;font-size:10px;font-weight:700;transition:opacity .45s;animation:.9s 5.6s forwards springHintIn,2.4s ease-in-out 6.5s infinite springHintPulse;display:inline-flex;position:absolute;bottom:2vh;left:50%;transform:translate(-50%)}.spring-drag-hint:before{content:"↔";letter-spacing:0;font-size:13px}.spring-drag-hint.is-dismissed{opacity:0!important}@keyframes springHintIn{0%{transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes springHintPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes springAtmosphereIn{to{opacity:1}}@keyframes springCaptionIn{to{opacity:1}}@media (prefers-reduced-motion:reduce){.spring-atmosphere,.spring-animation-caption{animation-duration:1ms;animation-delay:0s}}.preview-pill-entry{background-color:#f9f1d7;background-image:linear-gradient(#cbbb8b3d 1px,#0000 1px),linear-gradient(90deg,#cbbb8b3d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid;overflow:hidden}.preview-pill-entry:before{content:"";background:#ffffff94;border:1px solid #174f9f29;border-radius:8px;position:absolute;inset:18px;box-shadow:0 22px 50px #2a251224}.pill-entry-panel{z-index:1;background:#ffffffbd;border:1px solid #174f9f1f;border-radius:999px;align-items:center;gap:10px;padding:11px;display:flex;position:relative;box-shadow:0 22px 40px #174f9f21,inset 0 1px #ffffffe6}.pill-entry-panel span{opacity:.18;background:#174f9f;border-radius:999px;width:clamp(34px,6vw,74px);height:22px;display:block}.pill-entry-panel span:nth-child(2){opacity:1;background:#fff;width:clamp(58px,8vw,106px);box-shadow:0 12px 24px #174f9f29,inset 0 0 0 1px #174f9f14}.pill-entry-cursor{z-index:2;filter:drop-shadow(0 10px 14px #174f9f47);border-top:18px solid #174f9f;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;bottom:28%;right:24%;transform:rotate(-35deg)}.flashcard-stack-demo{perspective:1200px;touch-action:none;background:radial-gradient(circle at 58% 42%,#ffffff14,#0000 30%),radial-gradient(circle at 42% 62%,#ffffff0a,#0000 34%),#020303;place-items:center;display:grid;overflow:hidden}.flashcard-stack-demo:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 0 38%,#ffffff06 46%,#0000 58%),radial-gradient(circle,#0000 0 52%,#0000006b 100%);position:absolute;inset:0}.flashcard-perspective{--card-step-x:34px;--card-step-y:16px;--card-step-z:5px;--card-rest-x:.42px;--card-rest-y:.22px;--card-rest-z:.12px;--card-width:clamp(270px, 31vw, 390px);z-index:1;cursor:pointer;width:min(92vw,1320px);height:min(70vw,720px);transform-style:preserve-3d;outline:none;transition:transform .72s cubic-bezier(.16,1,.3,1);position:relative;transform:translate(-27%,-22%)rotateX(2deg)rotateY(-34deg)rotate(-10deg)}.flashcard-outline-card{width:var(--card-width);aspect-ratio:1.34;-webkit-backdrop-filter:blur(12px)saturate(1.25);opacity:calc(.16 + (var(--card-index) * .006));transform:translate3d(calc(-50% + (var(--card-index) * var(--card-rest-x))), calc(-50% + (var(--card-index) * var(--card-rest-y))), calc(var(--card-index) * var(--card-rest-z))) rotateZ(calc(var(--card-spread) * .04deg)) scale(calc(1 - (var(--card-index) * .001)));transform-style:preserve-3d;will-change:transform, opacity;background:linear-gradient(150deg,#ffffff3d,#ffffff12 52%,#ffffff24),#d2ebda1a;border-radius:18px;transition:transform .98s cubic-bezier(.16,1,.3,1),opacity .76s cubic-bezier(.16,1,.3,1),box-shadow .76s cubic-bezier(.16,1,.3,1);position:absolute;top:36%;left:16%;overflow:hidden;box-shadow:0 18px 44px #26543829,0 4px 14px #2654381a,inset 0 1px #ffffff6b}.flashcard-stack-demo.is-expanded .flashcard-outline-card{opacity:min(.88, calc(.26 + (var(--card-index) * .034)));transform:translate3d(calc(-50% + (var(--card-index) * var(--card-step-x)) + var(--card-wave-x)), calc(-50% + (var(--card-index) * var(--card-step-y)) + var(--card-wave-y)), calc((var(--card-index) * var(--card-step-z)) + var(--card-wave-z))) rotateZ(calc((var(--card-spread) * .12deg) + var(--card-wave-rotation))) scale(calc(.94 + (var(--card-index) * .0026)));transition-delay:var(--card-enter-delay);box-shadow:0 26px 60px #26543833,0 6px 18px #2654381f,inset 0 1px #ffffff80}.flashcard-stack-demo.is-expanded.is-wave-ready .flashcard-outline-card{transition:opacity .36s cubic-bezier(.16,1,.3,1),box-shadow .34s cubic-bezier(.16,1,.3,1)}.flashcard-card-glass{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff52 0%,#ffffff14 34%,#0000 55%,#ffffff1f 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47}.flashcard-card-image{z-index:1;object-fit:cover;filter:saturate(1.08);-webkit-user-select:none;user-select:none;border-radius:13px;width:91%;height:91%;position:absolute;inset:4.5%}.flashcard-stack-demo.is-preview .flashcard-perspective{--card-step-x:18px;--card-step-y:8.5px;--card-step-z:3px;--card-rest-x:.26px;--card-rest-y:.14px;--card-rest-z:.08px;--card-width:min(30vw, 220px);cursor:pointer;width:82%;height:68%;transform:translate(-22%,-18%)rotateX(2deg)rotateY(-34deg)rotate(-10deg)}.flashcard-stack-demo.is-preview .flashcard-outline-card{border-radius:14px}.pill-navigation-illustration{border-radius:inherit;color:#174f9f;background-color:#f7edcf;background-image:linear-gradient(#cbbb8b3d 1px,#0000 1px),linear-gradient(90deg,#cbbb8b3d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;padding:clamp(20px,4vw,48px);display:grid;overflow:hidden}.pill-navigation-illustration:before{content:"";pointer-events:none;background:#ffffffa3;border:1px solid #174f9f24;border-radius:8px;position:absolute;inset:clamp(18px,4vw,70px);box-shadow:0 28px 70px #2a251229,inset 0 1px #ffffffe6}.pill-navigation-row{--pill-icon-width:clamp(50px, 4vw, 62px);--pill-active-width:clamp(134px, 12vw, 172px);--pill-gap:clamp(7px, .8vw, 11px);z-index:1;justify-content:center;align-items:center;gap:var(--pill-gap);background:#050505;border:1px solid #ffffff14;border-radius:999px;padding:clamp(7px,.8vw,10px);display:flex;position:relative;box-shadow:0 30px 70px #00000057,inset 0 1px #ffffff1a}.pill-navigation-active-background{z-index:0;width:var(--pill-active-width);opacity:1;transform:translateX(calc(var(--active-index) * (var(--pill-icon-width) + var(--pill-gap))));background:#fff;border-radius:999px;transition:transform .26s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),opacity .12s;position:absolute;top:clamp(7px,.8vw,10px);bottom:clamp(7px,.8vw,10px);left:clamp(7px,.8vw,10px);box-shadow:0 0 38px #ffffff3d,0 16px 36px #ffffff29,inset 0 1px #ffffffe6}.pill-navigation-row.has-no-active-pill .pill-navigation-active-background{width:var(--pill-icon-width);opacity:0}:is(.pill-navigation-row:has(.pill-navigation-item:hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:focus-visible) .pill-navigation-active-background){opacity:1;width:var(--pill-active-width)}:is(.pill-navigation-row:has(.pill-navigation-item:first-of-type:hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:first-of-type:focus-visible) .pill-navigation-active-background){transform:translate(0)}:is(.pill-navigation-row:has(.pill-navigation-item:nth-of-type(2):hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:nth-of-type(2):focus-visible) .pill-navigation-active-background){transform:translateX(calc(var(--pill-icon-width) + var(--pill-gap)))}:is(.pill-navigation-row:has(.pill-navigation-item:nth-of-type(3):hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:nth-of-type(3):focus-visible) .pill-navigation-active-background){transform:translateX(calc((var(--pill-icon-width) + var(--pill-gap)) * 2))}:is(.pill-navigation-row:has(.pill-navigation-item:nth-of-type(4):hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:nth-of-type(4):focus-visible) .pill-navigation-active-background){transform:translateX(calc((var(--pill-icon-width) + var(--pill-gap)) * 3))}:is(.pill-navigation-row:has(.pill-navigation-item:nth-of-type(5):hover) .pill-navigation-active-background,.pill-navigation-row:has(.pill-navigation-item:nth-of-type(5):focus-visible) .pill-navigation-active-background){transform:translateX(calc((var(--pill-icon-width) + var(--pill-gap)) * 4))}.pill-navigation-item{z-index:1;width:var(--pill-icon-width);color:#ffffffc7;cursor:pointer;height:clamp(44px,5vw,58px);font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0;font-size:clamp(13px,1.1vw,16px);font-weight:820;transition:width .24s cubic-bezier(.16,1,.3,1),transform .16s,color .14s;display:inline-flex;position:relative}.pill-navigation-item.is-active{width:var(--pill-active-width);color:#050505}.pill-navigation-item span{opacity:0;max-width:0;transition:max-width .13s 80ms,opacity .1s 80ms,transform .13s 80ms;overflow:hidden;transform:translate(-5px)}.pill-navigation-item:hover,.pill-navigation-item:focus-visible,.pill-navigation-item.is-label-visible{width:var(--pill-active-width);color:#050505}.pill-navigation-item:hover span,.pill-navigation-item:focus-visible span,.pill-navigation-item.is-label-visible span{opacity:1;max-width:94px;transform:translate(0)}@keyframes active-pill-label{0%{opacity:0;max-width:0;transform:translate(-5px)}to{opacity:1;max-width:94px;transform:translate(0)}}.pill-navigation-item:hover,.pill-navigation-item:focus-visible{transform:translateY(-1px)}.pill-navigation-item:focus-visible{outline-offset:6px;outline:2px solid #ffffffb8}.preview-signin{color:#0b0b0b;background:#fbfbfb;align-items:center;display:grid}.preview-signin span{justify-self:center;font-size:clamp(44px,6vw,72px);font-weight:360;line-height:1}.preview-signin span:after{content:"";vertical-align:-.12em;background:#0b0b0b;width:1px;height:1em;margin-left:4px;display:inline-block}.preview-signin small{color:#0000005c;font-size:12px;font-weight:800;position:absolute;top:50%;right:28px}.preview-island{justify-content:center;align-items:center;padding:26px;display:flex}.preview-island>div{color:#e34c58;background:#020202;border-radius:999px;grid-template-columns:auto 1fr;gap:3px 7px;width:min(320px,92%);min-height:82px;padding:16px 82px 15px 18px;display:grid;box-shadow:0 16px 32px #00000061}.preview-island strong{color:#d8d8d8;grid-column:1/-1;font-size:15px}.record-dot{aspect-ratio:1;background:#c83b47;border-radius:50%;width:14px;margin-top:3px}.record-button{aspect-ratio:1;border:4px solid #ffffff8f;border-radius:50%;width:48px;position:absolute;right:calc(50% - min(150px,43%))}.record-button:after{content:"";background:#d74350;border-radius:8px;position:absolute;inset:12px}.preview-disc,.preview-scrubber{justify-content:center;align-items:end;padding:28px;display:flex}.preview-flashes{background:#000;place-items:center;display:grid;overflow:hidden}.preview-flashes img{object-fit:cover;width:100%;height:100%;display:block}.preview-spring-cover{background:#0b0d0e;overflow:hidden}.preview-spring-cover img{object-fit:cover;width:100%;height:100%;display:block}.preview-disc{color:#f2dfa0;background:#080808;overflow:hidden}.preview-disc-item{aspect-ratio:1;width:46%;position:absolute}.preview-disc-item .disc-record{width:100%;box-shadow:none}.preview-disc-item.is-still{width:48%;top:50%;left:-18%;transform:translateY(-58%)}.preview-disc-item.is-road{z-index:2;width:38%;top:46%;left:50%;transform:translate(-50%,-50%)}.preview-disc-item.is-white{width:46%;top:50%;right:-16%;transform:translateY(-42%)}.preview-disc .disc-record img{clip-path:circle(17%)}.preview-disc-item.is-revealed .disc-record img{clip-path:circle(71%)}.preview-disc-rule{background:#f5f1e829;width:8%;height:1px;position:absolute;top:48%;left:68%}.preview-disc-label{letter-spacing:-.02em;white-space:nowrap;align-items:baseline;gap:10px;font:500 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute}.preview-disc-label small{color:#f2dfa088;letter-spacing:.16em;font:500 7px/1 Inter,sans-serif}.preview-disc-label.is-night{top:7%;left:8%}.preview-disc-label.is-green{top:7%;right:6%}.preview-disc-label.is-still{bottom:14%;left:10%}.preview-disc-label.is-road{bottom:11%;left:50%;transform:translate(-18%)}.preview-disc-label.is-white{bottom:10%;right:6%}.disc-record{aspect-ratio:1;background:#080808;border-radius:50%;width:min(66%,290px);display:block;position:relative;overflow:hidden;box-shadow:0 24px 44px #00000085,inset 0 0 0 1px #ffffff14}.disc-record img{object-fit:cover;clip-path:circle(17%);width:100%;height:100%;transition:clip-path .65s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.06)}.disc-grooves{pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 4px,#ffffff0e 4px 5px);border-radius:50%;position:absolute;inset:3%;box-shadow:inset 16px 5px 22px #ffffff12,inset -14px -8px 24px #00000052}.disc-spindle{aspect-ratio:1;pointer-events:none;background:#e7e2d8;border-radius:50%;width:2.4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.component-preview .vp-rotor{animation:none!important}.disc-page{color:#f5f1e8;background:radial-gradient(circle at 50% 45%,#252525 0,#101010 55%,#080808 100%);min-height:100svh;overflow:auto}.disc-stage{width:calc(100% - 48px);min-width:2500px;margin:0 24px;padding:clamp(112px,14vw,190px) 0 110px}.disc-header{margin-bottom:clamp(70px,10vw,140px);border-bottom:1px solid #f5f1e829;width:min(100vw - 48px,1400px);margin-inline:auto;padding-bottom:22px}.disc-header h1{color:#f2dfa0;letter-spacing:-.025em;white-space:nowrap;text-shadow:none;margin:0;font:500 clamp(28px,4vw,58px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif}.disc-collection{grid-template-columns:repeat(4,minmax(325px,429px));justify-content:space-between;gap:clamp(150px,14vw,220px) 180px;padding-bottom:clamp(100px,12vw,180px);display:grid}.disc-item{grid-column:auto}.disc-item:nth-child(2n){grid-column:auto;transform:translateY(18%)}.disc-item:nth-child(4n+3),.disc-item:nth-child(4n){grid-column:auto}.disc-item{position:relative}@keyframes discItemArrival{0%{opacity:0;translate:0 90px;scale:.92}to{opacity:1;translate:0}}@supports (animation-timeline:view()){.disc-item{opacity:0;animation:cubic-bezier(.16,1,.3,1) both discItemArrival;animation-timeline:view();animation-range:entry 8% cover 34%}}.disc-item:nth-child(2n):before{content:"";background:#f5f1e829;width:120px;height:1px;position:absolute;top:50%;right:calc(100% + 30px)}.disc-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:100%;padding:0}.disc-button .disc-record{width:100%}.disc-button.is-revealed .disc-record img{clip-path:circle(71%);animation:24s linear infinite discArtworkSpin}.disc-button .disc-record{transition:transform .45s cubic-bezier(.16,1,.3,1)}.disc-button:hover .disc-record{transform:translateY(-8px)}@keyframes discArtworkSpin{0%{transform:scale(1.06)rotate(0)}to{transform:scale(1.06)rotate(360deg)}}.disc-button:focus-visible{outline-offset:10px;outline:2px solid #f5f1e8}.disc-caption{justify-content:space-between;align-items:baseline;padding:16px 4px 0;display:flex}.disc-caption span{color:#f2dfa0;letter-spacing:.16em;font:500 10px/1.3 Inter,sans-serif}.disc-caption h2{color:#f2dfa0;text-shadow:none;margin:0;font:500 clamp(16px,1.7vw,24px)/1 Inter,ui-sans-serif,system-ui,sans-serif}@media (width<=700px){.disc-stage{width:1900px;min-width:1900px;margin-inline:16px;padding-top:100px}.disc-header{width:calc(100vw - 32px);margin-bottom:64px}.disc-header h1{font-size:clamp(22px,6vw,34px)}.disc-collection{grid-template-columns:repeat(4,325px);gap:120px 160px;display:grid}.disc-item,.disc-item:nth-child(2n),.disc-item:nth-child(4n+3),.disc-item:nth-child(4n){margin-bottom:0}}@media (prefers-reduced-motion:reduce){.disc-record img,.disc-button .disc-record{transition-duration:.01ms}.disc-item,.disc-button.is-revealed .disc-record img{opacity:1;animation:none}}.preview-scrubber{align-items:center;padding-inline:42px}.preview-scrubber span{background:linear-gradient(90deg,#0aa7ff 0 46%,#0000 46%),#ffffff1f;border-radius:999px;width:min(360px,100%);height:10px;box-shadow:0 0 0 1px #ffffff14}.project-page{color:#f7f7f7;background:radial-gradient(circle at 50% 0,#ffffff12,#0000 34%),#070707;min-height:100vh;padding:clamp(20px,4vw,54px)}.project-page-header{z-index:20;background:linear-gradient(#070707 0 72%,#0000);grid-template-columns:auto 1fr;align-items:center;gap:clamp(18px,3vw,38px);padding:12px 0 clamp(28px,5vw,54px);display:grid;position:sticky;top:0}.project-back-link{color:#f7f7f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:74px;min-height:40px;font-size:13px;font-weight:760;display:inline-flex}.project-back-link:hover,.project-back-link:focus-visible{border-color:#0aa7ff94;outline:none}.project-page h1{color:#f7f7f7;letter-spacing:0;text-transform:uppercase;text-shadow:none;margin:0;font-size:clamp(48px,12vw,164px);font-weight:950;line-height:.86}.project-page-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(12px,1.4vw,20px);display:grid}.project-page-card{background:#181818;border:1px solid #ffffff14;border-radius:8px;min-height:220px;overflow:hidden;box-shadow:0 20px 42px #00000061}.project-page-card:nth-child(3n+1){grid-row:span 2}.project-page-card:nth-child(5n+2){grid-column:span 2}.project-page-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:filter .26s,transform .42s cubic-bezier(.16,1,.3,1);display:block}.project-page-card:hover img{filter:saturate(1.1)contrast(1.04);transform:scale(1.035)}.project-animation-page{color:#fff;background:#050505;min-height:100vh}.grid-animation-page{color:#f1eee5;isolation:isolate;background:#181817;min-height:100vh;padding:clamp(28px,4vw,56px);position:relative;overflow:hidden}.project-animation-page>.project-back-link{z-index:90;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px)}.grid-animation-page>.project-back-link{z-index:20;color:#174f9f;background:#f6edcfd1;border-color:#174f9f29;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 12px 32px #174f9f14}.pill-navigation-page{color:#174f9f;isolation:isolate;background:#f6edcf;min-height:100vh;position:relative;overflow:hidden}.flashcard-stack-page{color:#f6f6f6;isolation:isolate;background:#020303;min-height:100vh;position:relative;overflow:hidden}.liquid-button-page{color:#fff;isolation:isolate;background:#181817;min-height:100vh;padding:clamp(28px,4vw,56px);position:relative;overflow:hidden}.wheel-button-page{color:#111;isolation:isolate;background:#000;place-items:center;min-height:100vh;padding:0;display:grid;position:relative;overflow:hidden}.wheel-button-page>.project-back-link{z-index:20;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px)}.wheel-button-stage{background:#000;place-items:center;width:100%;min-height:100vh;display:grid;overflow:visible}.wheel-button{--wheel-size:64px;--wheel-travel:280px;--wheel-ease:cubic-bezier(.16, 1, .3, 1);width:calc(var(--wheel-size) + var(--wheel-travel));height:var(--wheel-size);transform:translateX(calc(var(--wheel-travel) / 2));transition:transform .86s var(--wheel-ease);position:relative}.wheel-button.is-open{transform:translate(0)}.wheel-button:after{width:calc(var(--wheel-size) + var(--wheel-travel) + 24px);content:"";height:180px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.wheel-button-payload{z-index:1;width:var(--wheel-size);height:var(--wheel-size);pointer-events:none;transition:transform .86s var(--wheel-ease);position:absolute;top:0;left:0;transform:translate(0)}.wheel-button.is-open .wheel-button-payload{transform:translate3d(var(--wheel-travel), 0, 0)}.wheel-button-echo,.wheel-button-hub{width:var(--wheel-size);height:var(--wheel-size);color:#f2f2f2;letter-spacing:-.03em;isolation:isolate;border:1px solid #ffffff24;border-radius:50%;place-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:22px;font-weight:700;display:grid;position:absolute;top:0;left:0;overflow:hidden}.wheel-button-echo{z-index:2;pointer-events:none;transition:transform .86s var(--wheel-ease);background:radial-gradient(circle at 32% 24%,#ffffff24,#0000 36%),linear-gradient(160deg,#2a2a2a 0%,#1a1a1a 48%,#111 100%);transform:rotate(0);box-shadow:0 12px 24px #0000006b,inset 0 1px #ffffff29,inset 0 -8px 14px #00000073}.wheel-button-shader{z-index:0;border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none;background:conic-gradient(from 210deg,#ffffff14,#b4d2ff38,#ffffff0a,#ffd2b42e,#ffffff14);animation:7.5s linear infinite wheelShaderSpin;position:absolute;inset:0}.wheel-button-shader:before,.wheel-button-shader:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}.wheel-button-shader:before{background:radial-gradient(circle at 28% 22%,#ffffffd9,#0000 28%),radial-gradient(circle at 72% 78%,#ffffff2e,#0000 32%)}.wheel-button-shader:after{background:radial-gradient(circle,#0000 58%,#ffffff29 72%,#0000 100%);border:1px solid #ffffff47;inset:10%}@keyframes wheelShaderSpin{to{transform:rotate(360deg)}}.wheel-button.is-open .wheel-button-echo{transform:rotate(420deg)}.wheel-button-panel{--panel-width:228px;--panel-height:128px;z-index:1;width:var(--wheel-size);height:var(--wheel-size);opacity:0;pointer-events:none;transform-origin:100%;transition:transform .42s var(--wheel-ease) .42s, width .52s var(--wheel-ease), height .52s var(--wheel-ease), top .52s var(--wheel-ease), padding .52s var(--wheel-ease), border-radius .52s var(--wheel-ease), opacity .18s ease;background:#fff;border:0;border-radius:50%;align-content:center;gap:14px;padding:0;display:grid;position:absolute;top:0;right:0;overflow:hidden;transform:translate(0);box-shadow:0 18px 40px #0f121814,0 4px 12px #0f12180a}.wheel-button-panel div{justify-content:space-between;align-items:center;gap:16px;min-width:172px;display:flex}.wheel-button-panel span,.wheel-button-panel strong{letter-spacing:-.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1}.wheel-button-panel span,.wheel-button-panel strong,.wheel-button-panel b{color:#111}.wheel-button-panel strong{font-weight:700}.wheel-button-panel b{background:#f3f3f3;border-radius:50%;place-items:center;width:32px;height:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:13px;font-weight:500;display:grid}.wheel-button-panel>*{opacity:0;transition:opacity .24s ease, transform .36s var(--wheel-ease);transform:translate(10px)}.wheel-button.is-open .wheel-button-panel{top:calc((var(--wheel-size) - var(--panel-height)) / 2);width:var(--panel-width);height:var(--panel-height);padding:16px 18px;padding-right:calc(var(--wheel-size) / 2 + 14px);opacity:1;pointer-events:auto;transform:translate3d(calc(var(--wheel-size) * -.42), 0, 0);transition:opacity .22s ease .86s, transform .48s var(--wheel-ease) .86s, width .64s var(--wheel-ease) 1.28s, height .64s var(--wheel-ease) 1.28s, top .64s var(--wheel-ease) 1.28s, padding .64s var(--wheel-ease) 1.28s, border-radius .64s var(--wheel-ease) 1.28s;background:#fff;border-radius:22px;box-shadow:0 22px 48px #0f121814,0 6px 16px #0f12180a}.wheel-button.is-open .wheel-button-panel>*{opacity:1;transition-delay:1.76s;transform:translate(0)}.wheel-button-hub{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 32% 24%,#ffffff24,#0000 36%),linear-gradient(160deg,#2a2a2a 0%,#1a1a1a 48%,#111 100%);padding:0;box-shadow:0 14px 28px #0000007a,inset 0 1px #ffffff29,inset 0 -8px 14px #00000073}.wheel-button.is-open .wheel-button-hub{color:#f2f2f2;font-size:34px;line-height:1}.wheel-button-hub:focus-visible{outline-offset:4px;outline:2px solid #f4a7c8b3}@media (width<=700px){.wheel-button{--wheel-size:56px;--wheel-travel:220px}.wheel-button-panel{width:176px}}@media (prefers-reduced-motion:reduce){.wheel-button,.wheel-button-payload,.wheel-button-echo,.wheel-button-panel,.wheel-button-panel>*{transition:none}.wheel-button-shader{animation:none}.wheel-button.is-open .wheel-button-panel,.wheel-button.is-open .wheel-button-panel>*{transition-delay:0s}}.liquid-button-page>.project-back-link{z-index:20;color:#174f9f;background:#f6edcfd1;border-color:#174f9f29;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 12px 32px #174f9f14}.liquid-button-stage{background:#242424;place-items:center;min-height:calc(100vh - clamp(56px,8vw,112px));display:grid}.liquid-water-button{aspect-ratio:2.35;cursor:pointer;isolation:isolate;transform-origin:50% 70%;will-change:transform, box-shadow;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#d5edf942;border:1px solid #effbffe0;border-radius:999px;width:min(28.8vw,276px);padding:0;transition:transform 90ms cubic-bezier(.2,.8,.3,1),box-shadow 90ms ease-out,border-color 90ms ease-out;position:relative;overflow:hidden;transform:translate(0)scale(1);box-shadow:0 34px 55px -15px #020a10b8,0 13px 22px -8px #020a1085,0 2px 2px #ffffff6b,inset 0 5px 8px #fffffff5,inset 0 12px 18px #ebf9ff47,inset 0 -13px 20px #03121dad,inset 12px 0 20px #0310196b,inset -12px 0 20px #0310196b,inset 0 0 0 3px #b6dbee33;container-type:inline-size}.liquid-water-button.is-pressed{border-color:#daf2fcb8;transform:translateY(8px)scaleX(1.025)scaleY(.93);box-shadow:0 13px 20px -12px #020a10b8,0 5px 9px -5px #020a1085,0 1px 1px #ffffff52,inset 0 3px 7px #ffffffc7,inset 0 9px 14px #ebf9ff33,inset 0 -8px 14px #03121dc7,inset 9px 0 17px #0310197a,inset -9px 0 17px #0310197a,inset 0 0 0 3px #b6dbee29}.liquid-water-button.is-releasing{animation:.52s cubic-bezier(.22,.78,.24,1) both liquidButtonRelease}.liquid-water-button.is-pressed .liquid-water-video{transform:scaleX(1.025)scaleY(.965)}.liquid-water-button:focus-visible{outline-offset:8px;outline:3px solid #eefbffe6}.liquid-water-video{z-index:0;object-fit:cover;object-position:50% 52%;filter:saturate(.78)contrast(1.08)brightness(1.04);pointer-events:none;width:100%;height:100%;transition:transform .1s ease-out;position:absolute;inset:0}.liquid-water-video .seamless-water-layer{object-fit:cover;object-position:50% 52%;filter:saturate(.78)contrast(1.12)brightness(.72)}.liquid-water-glass{z-index:1;border-radius:inherit;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#ffffffb8,#0000 24%),radial-gradient(at 50% -14%,#ffffff61,#0000 46%),radial-gradient(at 50% 112%,#0823347a,#0000 56%),linear-gradient(90deg,#02142033,#0000 12% 88%,#02142033);position:absolute;inset:0;box-shadow:inset 0 1px #ffffffe6,inset 0 0 24px #cdefff40}.liquid-click-ripple{z-index:2;aspect-ratio:1;opacity:0;pointer-events:none;border:1px solid #f0fcffb8;border-radius:50%;width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.25)}.liquid-button-label{z-index:3;color:#fff;letter-spacing:.01em;text-align:center;white-space:nowrap;text-shadow:none;opacity:1;filter:none;mix-blend-mode:normal;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;pointer-events:none;place-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-size:11.915cqw;font-style:normal;font-weight:650;line-height:1;display:grid;position:absolute;inset:0}.liquid-water-button.is-releasing .liquid-click-ripple{animation:.56s ease-out liquidClickRipple}@keyframes liquidButtonRelease{0%{transform:translateY(8px)scaleX(1.025)scaleY(.93)}38%{transform:translateY(-4px)scaleX(.986)scaleY(1.045)}64%{transform:translateY(1.5px)scaleX(1.008)scaleY(.986)}82%{transform:translateY(-.5px)scaleX(.997)scaleY(1.006)}to{transform:translate(0)scale(1)}}@keyframes liquidClickRipple{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}20%{opacity:.72}to{opacity:0;transform:translate(-50%,-50%)scale(4.6)}}@media (width<=700px){.liquid-water-button{width:min(43.2vw,240px)}}@media (prefers-reduced-motion:reduce){.liquid-water-video,.preview-water-button-shell .seamless-water-video{display:none}.liquid-water-button,.liquid-water-button.is-pressed,.liquid-water-button.is-releasing,.liquid-water-button.is-pressed .liquid-water-video,.liquid-water-button.is-releasing .liquid-click-ripple{transition:none;animation:none}}.bubu-flashcard-page{color:#f4f4f1;isolation:isolate;background:#000;min-height:100vh;position:relative;overflow:hidden}.bubu-flashcard-page>.project-back-link{z-index:20;color:#f4f4f1;background:#000000b8;border-color:#ffffff2e;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 12px 32px #00000073}.bubu-flashcard-viewport{cursor:pointer;background:#000;outline:none;place-items:center;min-height:100vh;display:grid;overflow:hidden}.bubu-flashcard-artboard{aspect-ratio:1440/885;background:#000;width:min(100vw,162.712vh);position:relative;overflow:hidden;container-type:size}.bubu-flashcard{z-index:var(--bubu-index);-webkit-backdrop-filter:blur(12px)saturate(1.25);cursor:pointer;width:15.2778%;height:32.5424%;transform:translate(var(--bubu-stack-x), var(--bubu-stack-y)) rotate(var(--bubu-stack-rotate));transform-origin:0 0;transition:left .92s cubic-bezier(.16,1,.3,1),top .92s cubic-bezier(.16,1,.3,1),transform .92s cubic-bezier(.16,1,.3,1),box-shadow .92s cubic-bezier(.16,1,.3,1);transition-delay:var(--bubu-collapse-delay);will-change:left, top, transform;background:linear-gradient(150deg,#ffffff3d,#ffffff12 52%,#ffffff24),#d2ebda1a;border-radius:3.47222cqw;font-family:Courier Prime,Courier New,monospace;position:absolute;top:33.9%;left:42.36%;overflow:hidden;box-shadow:0 .7cqw 1.8cqw #2654382e}.bubu-flashcard-viewport.is-expanded .bubu-flashcard{left:var(--bubu-left);top:var(--bubu-top);box-shadow:0 calc(var(--bubu-shadow-y) + (var(--bubu-wave-shadow) * 1.2cqw)) calc(var(--bubu-shadow-blur) + (var(--bubu-wave-shadow) * 1.8cqw)) rgba(0, 0, 0, calc(.18 + (var(--bubu-wave-shadow) * .12))), 0 var(--bubu-shadow-y) var(--bubu-shadow-blur) var(--bubu-shadow-color);transform:rotate(var(--bubu-rotate));transition-delay:var(--bubu-expand-delay)}.bubu-flashcard-viewport.is-expanded.is-wave-ready .bubu-flashcard{transform:translateY(var(--bubu-wave-lift)) rotate(var(--bubu-rotate)) scale(var(--bubu-wave-scale));transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .32s cubic-bezier(.2,.8,.2,1)}.flower-flashcard-viewport{background:radial-gradient(circle,#ffd64614,#0000 13%),#000}.flower-flashcard{transform-origin:50%;transition-delay:var(--flower-collapse-delay)}.flower-flashcard-viewport.is-bloomed .flower-flashcard{left:var(--flower-left);top:var(--flower-top);transform:rotate(var(--flower-rotate)) scale(.7);transition-delay:var(--flower-delay);box-shadow:0 2.2cqw 4.6cqw #0003,0 0 0 .08cqw #ffffff0f}.flower-flashcard-viewport.is-bloomed .flower-flashcard:hover{z-index:20;transform:rotate(var(--flower-rotate)) scale(.732);box-shadow:0 3cqw 6cqw #00000047}.flower-center-dot{z-index:30;-webkit-backdrop-filter:blur(10px)saturate(1.2);opacity:0;pointer-events:none;background:linear-gradient(150deg,#ffffff52,#ffffff1a),#d2ebda29;border-radius:50%;width:4.2cqw;height:4.2cqw;transition:opacity .52s cubic-bezier(.16,1,.3,1) .32s,transform .52s cubic-bezier(.16,1,.3,1) .32s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4);box-shadow:inset 0 0 0 1px #ffffff59,0 .5cqw 1.6cqw #26543838}.flower-flashcard-viewport.is-bloomed .flower-center-dot{opacity:1;transform:translate(-50%,-50%)scale(1)}.preview-taash{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.preview-taash img{aspect-ratio:338/489;object-fit:cover;filter:drop-shadow(0 7px 8px #0000004d);border-radius:8%;width:min(34%,142px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 0 0 1px #ffffff47,inset 0 1px #fff6}.preview-taash img:first-of-type{z-index:1;transform:translate(-47%,-53%)rotate(4deg)}.preview-taash img:nth-of-type(2){z-index:2;transform:translate(-54%,-47%)rotate(-6deg)}.preview-taash img:nth-of-type(3){z-index:3}.preview-circle{background:radial-gradient(circle at 50% 46%,#0c0c0c,#000 72%);width:100%;height:100%;position:relative;overflow:hidden}.preview-circle-spiral{animation:52s linear infinite previewCircleSpin;position:absolute;inset:0}.preview-circle img{aspect-ratio:1;object-fit:cover;border-radius:22%;position:absolute;box-shadow:0 0 0 1px #ffffff0f,0 10px 24px #0000008c}@keyframes previewCircleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.preview-circle-spiral{animation:none}}.taash-page{color:#f4f4f1;isolation:isolate;background:#121212;min-height:100vh;position:relative;overflow:hidden}.taash-page>.project-back-link,.taash-replay{z-index:30;box-shadow:none;color:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fb8;border:1px solid #ffffff26;border-radius:999px;position:fixed;top:clamp(16px,3vw,30px)}.taash-page>.project-back-link{left:clamp(16px,3vw,30px)}.taash-replay{font:inherit;cursor:pointer;padding:10px 16px;right:clamp(16px,3vw,30px)}.taash-stage,.taash-scene{perspective:1100px;width:100%;min-height:100vh;transform-style:preserve-3d;background:#121212;position:relative;overflow:hidden}.taash-card{z-index:var(--bubu-index);aspect-ratio:338/489;width:clamp(118px,13.4vw,196px);height:auto;box-shadow:none;opacity:0;perspective:900px;transform-origin:50%;transform-style:preserve-3d;animation:taashCardFlight 3.2s linear var(--taash-delay) both;will-change:transform;cursor:pointer;background:0 0;border:none;border-radius:clamp(8px,.95vw,14px);transition:none;position:absolute;top:calc(100% - clamp(86px,10vw,150px));left:50%;overflow:visible;transform:translate(-50%,calc(-50% - 160vh))}.taash-card.is-pre-settled{opacity:1;transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y)), 0) rotateZ(var(--taash-stack-r));animation:none}.taash-card.is-pre-settled .taash-card-3d{animation:none;transform:rotateY(0)}.taash-card-3d{border-radius:inherit;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0;transform:rotateY(0)}.taash-card.is-face-flight .taash-card-3d{animation:taashFlipToBack 3.2s linear var(--taash-delay) both}@keyframes taashFlipToBack{0%,34%{transform:rotateY(180deg)}64%,to{transform:rotateY(360deg)}}.taash-card-side{isolation:isolate;border-radius:inherit;backface-visibility:hidden;background:#fff;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff57,0 2px 2px #0000002e,0 8px 14px #00000024}.taash-card-side:after{z-index:2;border-radius:inherit;content:"";pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(155deg,#ffffffc7 0%,#ffffff38 24%,#ffffff0f 48%,#fff3 76%,#ffffff6b 100%);padding:1.5px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff61;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.taash-card-side.is-back{transform:rotateY(0)}.taash-card-side.is-face{transform:rotateY(180deg);box-shadow:0 0 0 1px #ffffff57,0 2px 2px #0000002e,0 8px 14px #00000024}.taash-card-side img,.playing-card-face-art,.playing-card-back-art{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.taash-scene.is-carousel .taash-card-3d{transition:transform .7s cubic-bezier(.16, .86, .24, 1) var(--taash-carousel-delay);animation:none;transform:rotateY(180deg)}.taash-scene.is-settled:not(.is-carousel){cursor:pointer}.taash-hint{z-index:26;color:#ffffffc7;letter-spacing:.16em;text-transform:uppercase;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212ad;border:1px solid #ffffff29;border-radius:999px;margin:0;padding:9px 13px;font:700 10px/1 Inter,sans-serif;transition:opacity .42s,transform .42s;position:fixed;top:50%;right:clamp(26px,5vw,72px);transform:translate(10px,-50%)}.taash-hint.is-visible{opacity:1;transform:translateY(-50%)}.taash-scene.is-settled:not(.is-carousel) .taash-card{opacity:1;filter:none;transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y)), 0) rotateZ(var(--taash-stack-r));animation:none}.taash-scene.is-settled:not(.is-carousel) .taash-card-3d{animation:none;transform:rotateY(0)}.taash-scene.is-settled:not(.is-carousel) .taash-card:last-child .taash-card-side{box-shadow:0 0 0 1px #ffffff57,0 2px 2px #0000002e,0 10px 18px #0000003d}.taash-scene.is-settled:not(.is-carousel):active .taash-card{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y) + 5px), 0) rotateZ(var(--taash-stack-r)) scale(.965);transition:transform .12s cubic-bezier(.2,.8,.2,1)}.taash-scene.is-carousel{cursor:grab;scrollbar-width:auto;scrollbar-color:#ffffff8c #ffffff24;overscroll-behavior-x:contain;touch-action:pan-x;overflow:auto hidden}.taash-scene.is-carousel::-webkit-scrollbar{height:10px}.taash-scene.is-carousel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:999px;margin:0 clamp(16px,3vw,30px)}.taash-scene.is-carousel::-webkit-scrollbar-thumb{background:#ffffff8c;border-radius:999px}.taash-scene.is-carousel::-webkit-scrollbar-thumb:hover{background:#ffffffbf}.taash-scene.is-carousel:active{cursor:grabbing}.taash-scene.is-carousel:after{content:"";width:clamp(8200px,920vw,13200px);height:1px;margin-left:clamp(1400px,160vw,2400px);display:block}.taash-scene.is-carousel .taash-card{left:var(--taash-carousel-left);opacity:1;scroll-snap-align:center;animation:taashStackToCarousel 1.4s cubic-bezier(.16, .86, .24, 1) var(--taash-carousel-delay) both;filter:none;transition:none;top:50%}@keyframes taashStackToCarousel{0%{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y)), 0) rotateZ(var(--taash-stack-r)) scale(.97);top:calc(100% - clamp(86px,10vw,150px));left:50%}30%{transform:translate3d(calc(-50% + var(--taash-burst-x)), calc(-50% + var(--taash-burst-y)), 150px) rotateX(9deg) rotateY(-12deg) rotateZ(var(--taash-burst-r)) scale(.92);top:50%;left:50%}58%{transform:translate3d(calc(-50% + var(--taash-spiral-x)), calc(-50% + var(--taash-spiral-y)), 110px) rotateX(7deg) rotateY(-10deg) rotateZ(var(--taash-spiral-r)) scale(.9);top:50%;left:50%}80%{transform:translate3d(-50%,calc(-50% - 12px),18px)rotate(-1.2deg)scale(1.018)}to{left:var(--taash-carousel-left);top:50%;transform:translate(-50%,-50%)rotate(0)scale(1)}}@keyframes taashCardFlight{0%{opacity:0;transform:translate3d(calc(-50% + var(--taash-x)), calc(-50% - 160vh), var(--taash-z-start)) rotateX(var(--taash-rx)) rotateZ(var(--taash-r)) scale(var(--taash-scale))}10%{opacity:1}32%{opacity:1;transform:translate3d(calc(-50% + var(--taash-x93)), calc(-50% - 58vh), var(--taash-z-mid)) rotateX(var(--taash-rx-mid)) rotateZ(var(--taash-r-mid)) scale(var(--taash-scale))}58%{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% - 22vh), var(--taash-z-near)) rotateX(var(--taash-rx-near)) rotateZ(var(--taash-r-near)) scale(.98)}66%{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% - 14vh), 0) rotateX(var(--taash-rx-near)) rotateZ(calc(var(--taash-stack-r) + var(--taash-r-near) * .25)) scale(.99)}90%{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y) - 18px), 0) rotateX(2deg) rotateZ(calc(var(--taash-stack-r) + .8deg)) scale(.995)}96%{transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y) + 2px), 0) rotateX(0deg) rotateZ(calc(var(--taash-stack-r) - .08deg)) scale(1.001, .999)}to{opacity:1;transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y)), 0) rotateZ(var(--taash-stack-r)) scale(1)}}@media (prefers-reduced-motion:reduce){.taash-card{opacity:1;transform:translate3d(calc(-50% + var(--taash-stack-x)), calc(-50% + var(--taash-stack-y)), 0) rotateZ(var(--taash-stack-r));animation:none}}.circle-page{color:#f4f4f1;isolation:isolate;background:#000;min-height:100vh;position:relative;overflow:hidden}.circle-page>.project-back-link,.circle-replay{z-index:30;color:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0fb8;border:1px solid #ffffff26;border-radius:999px;position:fixed;top:clamp(16px,3vw,30px)}.circle-page>.project-back-link{left:clamp(16px,3vw,30px)}.circle-replay{font:inherit;cursor:pointer;padding:10px 16px;right:clamp(16px,3vw,30px)}.circle-stage,.circle-scene{perspective:1250px;width:100%;min-height:100vh;transform-style:preserve-3d;position:relative;overflow:hidden}.circle-card{z-index:var(--circle-index);aspect-ratio:1;opacity:0;transform-origin:50%;backface-visibility:hidden;width:clamp(72px,8vw,112px);transform-style:preserve-3d;will-change:transform, opacity, filter;animation:circleDeckSpiral 10.4s cubic-bezier(.22, .78, .22, 1) var(--circle-delay) 1 both;background:#141414;border:0;border-radius:28%;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 36px #0000008c}.circle-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}@keyframes circleDeckSpiral{0%,6%{z-index:var(--circle-index);opacity:1;filter:drop-shadow(0 8px 16px #00000059);transform:translate(-50%,-50%)rotate(0)}16%{opacity:1;transform:translate3d(-50%, -50%, 40px) rotateZ(calc((var(--circle-index) - var(--circle-mid)) * .35deg))}38%,64%{z-index:var(--circle-order);opacity:1;filter:drop-shadow(0 22px 28px #00000073);transform:translate3d(calc(-50% + var(--circle-x)), calc(-50% + var(--circle-y)), var(--circle-depth)) rotateZ(var(--circle-angle))}86%{opacity:1;transform:translate3d(-50%, -50%, 40px) rotateZ(calc((var(--circle-index) - var(--circle-mid)) * .35deg))}to{z-index:var(--circle-index);opacity:1;filter:drop-shadow(0 8px 16px #00000059);transform:translate(-50%,-50%)rotate(0)}}@media (prefers-reduced-motion:reduce){.circle-card{z-index:var(--circle-order);opacity:1;transform:translate3d(calc(-50% + var(--circle-x)), calc(-50% + var(--circle-y)), var(--circle-depth)) rotateZ(var(--circle-angle));animation:none}}.bubu-flashcard-photo{object-fit:cover;filter:saturate(1.08);width:100%;height:100%;position:absolute;inset:0}.bubu-flashcard-glass{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffff52 0%,#ffffff14 34%,#0000 55%,#ffffff1f 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff47}.bubu-flashcard p,.bubu-flashcard strong,.bubu-flashcard span{box-sizing:border-box;color:#f4f4f1;text-align:center;white-space:nowrap;text-shadow:0 1px 6px #0000008c;margin:0;font-weight:400;position:absolute}.bubu-flashcard p{letter-spacing:.1em;font-size:.416667cqw;line-height:.694444cqw;top:3.19444cqw;left:1.73611cqw}.bubu-flashcard strong{letter-spacing:.12em;width:19.0972cqw;font-size:.520833cqw;line-height:.833333cqw;top:12.0833cqw;left:0}.bubu-flashcard span{letter-spacing:.1em;font-size:.451389cqw;line-height:.729167cqw;top:21.25cqw;left:1.73611cqw}.spider-web-page{color:#e5f8ff;isolation:isolate;background:#010407;min-height:100vh;position:relative;overflow:hidden}.spider-web-page>.project-back-link{z-index:20;color:#e5f8ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030c11b8;border-color:#cdf1ff2e;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 18px 40px #0000006b}.spider-web-stage{background:radial-gradient(circle at 47% 48%,#3e9abe1c,#0000 43%),#010407;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.spider-web-fullscreen{object-fit:contain;border:0;width:min(100vw,133.333vh);height:min(100vh,75vw);display:block}.spider-web-page-hint{z-index:2;color:#dcf6ffa8;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030c11b3;border:1px solid #cdf1ff29;border-radius:999px;margin:0;padding:8px 12px;font-size:11px;font-weight:700;position:fixed;bottom:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px)}.pill-navigation-page>.project-back-link{z-index:20;color:#111;background:#ffffffe6;border-color:#ffffff29;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 14px 34px #00000038}.flashcard-stack-page>.project-back-link{z-index:20;color:#f8f8f8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-color:#ffffff29;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 18px 40px #0000006b}.preview-scroll-view{color:#c8c4bb;background:#141413;align-self:stretch;width:100%;height:100%;display:block;position:relative;overflow:hidden}.preview-scroll-view-image{object-fit:cover;filter:saturate(.85)contrast(1.05)brightness(.62);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.preview-scroll-view-list{z-index:1;background:linear-gradient(90deg,#0c0c0bb8 0%,#0c0c0b2e 72%,#0000);flex-direction:column;justify-content:flex-end;height:100%;padding:12px 14px 10px;display:flex;position:relative}.preview-scroll-view span{color:#f6f2ea6b;letter-spacing:.02em;align-items:center;min-height:18px;font-size:10px;display:flex}.preview-scroll-view span.is-active{color:#f4f0e8}.scroll-view-page{background:#111110;min-height:100vh;padding:clamp(18px,3vw,36px)}.scroll-view-hint{z-index:20;color:#f6f2eab8;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1212129e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;margin:0;padding:9px 12px 9px 11px;font:600 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:fixed;top:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px)}.scroll-view-hint span+span{color:#f6f2ea6b}.scroll-view-hint span+span:before{color:#f6f2ea47;content:"·";margin-right:10px}.scroll-view-hint-tap{display:none}@media (hover:none){.scroll-view-hint-hover{display:none}.scroll-view-hint-tap{display:inline}}@media (width<=700px){.scroll-view-hint{flex-wrap:wrap;justify-content:center;row-gap:4px;max-width:calc(100% - 28px);inset:auto auto clamp(14px,3vw,22px) 50%;transform:translate(-50%)}}.scroll-view-page>.project-back-link{z-index:20;color:#f8f8f8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border-color:#ffffff29;position:fixed;top:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);box-shadow:0 18px 40px #0000006b}.scroll-view-stage{background:#111110;border:1px solid #ffffff1a;border-radius:4px;width:min(1440px,100%);height:calc(100vh - clamp(36px,6vw,72px));margin:0 auto;overflow:hidden;box-shadow:0 30px 90px #00000047}.scroll-view-list{height:100%;position:relative;overflow:hidden}.scroll-view-media,.scroll-view-frame,.scroll-view-veil{position:absolute;inset:0}.scroll-view-media{z-index:0;background:#0d0d0c;overflow:hidden}.scroll-view-frame{z-index:0;opacity:0;pointer-events:none;margin:0;overflow:hidden}.scroll-view-frame.is-prev{z-index:0;opacity:0}.scroll-view-frame.is-active{z-index:2;opacity:1}.scroll-view-frame.is-active.is-down{animation:.82s cubic-bezier(.76,0,.24,1) both scroll-view-reveal-down}.scroll-view-frame.is-active.is-up{animation:.82s cubic-bezier(.76,0,.24,1) both scroll-view-reveal-up}.scroll-view-frame-fill{object-fit:cover;filter:blur(40px)saturate(1.15)brightness(.38);width:124%;height:124%;position:absolute;inset:-12%}.scroll-view-frame-photo-wrap{z-index:1;position:absolute;inset:56px clamp(24px,4vw,56px) 92px min(480px,38%);overflow:hidden;box-shadow:0 24px 70px #00000061}.scroll-view-frame-photo{object-fit:cover;object-position:center;filter:saturate(.96)contrast(1.04);width:100%;height:100%;display:block}.scroll-view-frame-photo.is-top-aligned{object-position:center top}.scroll-view-frame.is-active .scroll-view-frame-photo{animation:.9s cubic-bezier(.16,1,.3,1) both scroll-view-settle}.scroll-view-veil{z-index:3;pointer-events:none;background:linear-gradient(90deg,#080807d1 0%,#08080780 28%,#0808071f 52%,#0000 72%),linear-gradient(#08080738 0%,#0000 16% 84%,#08080752 100%)}.scroll-view-caption{z-index:4;color:#f6f2ea;text-align:right;pointer-events:none;gap:8px;animation:.48s both scroll-view-caption-in;display:grid;position:absolute;bottom:clamp(18px,3vw,32px);right:clamp(18px,3vw,36px)}.scroll-view-caption span,.scroll-view-caption em{letter-spacing:.16em;text-transform:uppercase;color:#f6f2ea9e;font:500 10px/1 Inter,ui-sans-serif,system-ui,sans-serif}.scroll-view-caption strong{letter-spacing:-.03em;text-shadow:0 8px 28px #00000073;font:450 clamp(18px,2vw,28px)/1.05 Inter,ui-sans-serif,system-ui,sans-serif}.scroll-view-rows{z-index:5;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;width:min(760px,100%);height:100%;padding:84px 28px 48px;position:relative;overflow:hidden auto}.scroll-view-row{border-bottom:1px solid #ffffff14;position:relative}.scroll-view-row:last-child{border-bottom:0}.scroll-view-trigger{width:100%;min-height:68px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;padding:0 8px 0 0;display:grid;position:relative;overflow:hidden}.scroll-view-trigger:before{content:"";background:#f6f2ea;width:2px;height:0;transition:height .42s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.scroll-view-row.is-active .scroll-view-trigger:before{height:18px}.scroll-view-trigger:focus-visible{outline-offset:-4px;outline:1px solid #f6f2ea8c}.scroll-view-index,.scroll-view-title,.scroll-view-year{z-index:2;color:#f6f2ea6b;pointer-events:none;transition:color .28s,transform .52s cubic-bezier(.16,1,.3,1);position:relative}.scroll-view-index{letter-spacing:.14em;font:500 10px/1 Inter,ui-sans-serif,system-ui,sans-serif}.scroll-view-title{letter-spacing:-.03em;white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(16px,1.8vw,24px);font-weight:450;line-height:1;display:block}.scroll-view-year{letter-spacing:.08em;font-size:12px}.scroll-view-row.is-active .scroll-view-title{transform:translate(10px)}.scroll-view-row.is-active .scroll-view-title,.scroll-view-row.is-active .scroll-view-year,.scroll-view-row.is-active .scroll-view-index,.scroll-view-row:hover .scroll-view-title,.scroll-view-row:hover .scroll-view-year,.scroll-view-row:hover .scroll-view-index{color:#f6f2ea}@keyframes scroll-view-reveal-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes scroll-view-reveal-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes scroll-view-settle{0%{opacity:.55;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scroll-view-caption-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=700px){.scroll-view-rows{width:100%;padding:76px 16px 120px}.scroll-view-trigger{grid-template-columns:34px minmax(0,1fr) auto;min-height:58px}.scroll-view-title{white-space:normal;font-size:16px}.scroll-view-caption{bottom:14px;right:14px}.scroll-view-caption strong{max-width:46vw;font-size:16px}.scroll-view-frame-photo-wrap{inset:64px 16px 108px}}@media (prefers-reduced-motion:reduce){.scroll-view-frame.is-active.is-down,.scroll-view-frame.is-active.is-up,.scroll-view-frame.is-active .scroll-view-frame-photo,.scroll-view-caption{animation:none}.scroll-view-title,.scroll-view-trigger:before,.preview-scroll-view span{transition-duration:.01ms}}.preview-rubiks-cube,.rubiks-cube-page,.rubiks-cube-stage{--cubelet-size:42px;--cube-packed:calc(var(--cubelet-size) * 1.018);--cube-open:calc(var(--cubelet-size) * 1.58);background:#000}.preview-rubiks-cube{perspective:900px;place-items:center;min-height:100%;display:grid;overflow:hidden}.rubiks-cube-page{color:#f2f7f5;min-height:100svh;overflow:hidden}.rubiks-cube-hint{z-index:2;color:#f2f7f58c;letter-spacing:.08em;text-align:right;text-transform:uppercase;pointer-events:none;gap:4px;margin:0;font-size:11px;font-weight:700;display:grid;position:fixed;top:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px)}.rubiks-cube-stage{touch-action:none;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.rubiks-cube-scene{--cubelet-size:clamp(52px, 8.4vw, 92px);--cube-packed:calc(var(--cubelet-size) * 1.018);--cube-open:calc(var(--cubelet-size) * 1.58);perspective:1200px;position:absolute;inset:0}.rubiks-cube{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(-28deg)rotateY(-38deg)}.rubiks-cube.is-interactive{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.rubiks-cube.is-interactive.is-dragging{cursor:grabbing}.rubiks-cube-preview{--cubelet-size:clamp(22px, 5.4vw, 38px);--cube-packed:calc(var(--cubelet-size) * 1.018);--cube-open:calc(var(--cubelet-size) * 1.58);width:calc(var(--cubelet-size) * 5.2);height:calc(var(--cubelet-size) * 5.2);position:relative}.rubiks-cubelet-slot{width:var(--cubelet-size);height:var(--cubelet-size);transform-style:preserve-3d;animation:4s cubic-bezier(.37,0,.63,1) infinite rubiksCubeExplode;display:block;position:absolute;top:50%;left:50%}.rubiks-cubelet-slot.is-assembling{animation:1.6s cubic-bezier(.37,0,.63,1) both rubiksCubeAssemble}.rubiks-cubelet-slot.is-ready{animation:none}.rubiks-cubelet{width:100%;height:100%;transform-style:preserve-3d;display:block;position:absolute;inset:0}.rubiks-cubelet-face{backface-visibility:hidden;background:linear-gradient(155deg,#ffffff1a,#0000 46%),#0d0d0d;border:0;border-radius:7%;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.rubiks-cube.is-interactive .rubiks-cubelet-face{box-shadow:inset 0 0 0 1px #ffffff0d}.rubiks-cubelet-sticker{pointer-events:none;background-color:#1a1a1a;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16%;display:block;position:absolute;inset:8.5%;overflow:hidden;box-shadow:0 0 0 1px #00000080,inset 0 1px #ffffff4d,inset 0 -2px 5px #0000004d}.rubiks-cubelet-sticker:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff47 0%,#ffffff0f 26%,#0000 52%,#0003 100%);position:absolute;inset:0}.rubiks-cubelet-front{transform:rotateY(0deg) translateZ(calc(var(--cubelet-size) / 2))}.rubiks-cubelet-back{transform:rotateY(180deg) translateZ(calc(var(--cubelet-size) / 2))}.rubiks-cubelet-right{transform:rotateY(90deg) translateZ(calc(var(--cubelet-size) / 2))}.rubiks-cubelet-left{transform:rotateY(-90deg) translateZ(calc(var(--cubelet-size) / 2))}.rubiks-cubelet-top{transform:rotateX(90deg) translateZ(calc(var(--cubelet-size) / 2))}.rubiks-cubelet-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cubelet-size) / 2))}@keyframes rubiksCubeExplode{0%,8%{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-open)), calc(-50% + var(--cube-y) * var(--cube-open)), calc(var(--cube-z) * var(--cube-open)))}42%,58%{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-packed)), calc(-50% + var(--cube-y) * var(--cube-packed)), calc(var(--cube-z) * var(--cube-packed)))}92%,to{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-open)), calc(-50% + var(--cube-y) * var(--cube-open)), calc(var(--cube-z) * var(--cube-open)))}}@keyframes rubiksCubeAssemble{0%,18%{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-open)), calc(-50% + var(--cube-y) * var(--cube-open)), calc(var(--cube-z) * var(--cube-open)))}to{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-packed)), calc(-50% + var(--cube-y) * var(--cube-packed)), calc(var(--cube-z) * var(--cube-packed)))}}@media (prefers-reduced-motion:reduce){.rubiks-cubelet-slot,.rubiks-cubelet-slot.is-assembling,.rubiks-cubelet-slot.is-ready{transform:translate3d(calc(-50% + var(--cube-x) * var(--cube-packed)), calc(-50% + var(--cube-y) * var(--cube-packed)), calc(var(--cube-z) * var(--cube-packed)));animation:none}}.pill-navigation-stage{background-color:#f6edcf;background-image:radial-gradient(circle at 50% 42%,#ffffff70,#0000 34%),linear-gradient(#cbbb8b47 1px,#0000 1px),linear-gradient(90deg,#cbbb8b47 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,28px 28px,28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;padding:clamp(12px,2vw,28px);display:grid}.flashcard-stack-stage{background:radial-gradient(circle at 48% 48%,#ffffff14,#0000 26%),linear-gradient(115deg,#0000 0 34%,#ffffff05 48%,#0000 62%),#020303;place-items:center;min-height:100vh;display:grid;overflow:hidden}.flashcard-stack-stage .flashcard-stack-demo{width:100%;min-height:100vh;position:relative}.pill-navigation-illustration.is-full-page{background-color:#f6edcf;background-image:linear-gradient(#cbbb8b42 1px,#0000 1px),linear-gradient(90deg,#cbbb8b42 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff29;border-radius:8px;min-height:calc(100vh - clamp(24px,4vw,56px));position:relative;box-shadow:0 24px 70px #00000014,inset 0 1px #fffc}.pill-navigation-illustration.is-full-page .pill-navigation-row{--pill-icon-width:clamp(54px, 4vw, 66px);--pill-active-width:clamp(148px, 12vw, 184px)}.pill-navigation-illustration.is-full-page .pill-navigation-item{height:clamp(52px,4.5vw,64px)}.grid-animation-stage{z-index:2;isolation:isolate;pointer-events:auto;place-items:center;min-height:calc(100vh - clamp(56px,8vw,112px));padding:0;display:grid;position:relative;overflow:hidden}.grid-animation-preview{width:100%;height:calc(100vh - clamp(56px,8vw,112px));box-shadow:none;background-color:#f6edcf;background-image:radial-gradient(circle at 50% 42%,#ffffff42,#0000 34%),linear-gradient(#18181709 1px,#0000 1px),linear-gradient(90deg,#18181709 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,28px 28px,28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:0;border-radius:0;position:relative;overflow:hidden}.grid-animation-preview .preview-folder-stack:before{display:none}.grid-animation-preview .preview-folder-stack{background:0 0}.grid-animation-preview .preview-folder-stack:after{display:none}.grid-animation-preview .folder-stack-stage{transform-origin:100% 100%;width:min(54vw,700px);height:58%;position:absolute;bottom:32px;right:0;transform:rotateX(44deg)rotate(-3deg)}.grid-animation-preview .folder-binder{--stack-step:calc(var(--binder-index) * clamp(46px, 4.4vw, 74px));cursor:pointer;pointer-events:auto;width:68%;height:clamp(140px,15.5vw,220px);animation-duration:5.2s}.grid-animation-preview .folder-binder:hover,.grid-animation-preview .folder-binder:focus-visible,.grid-animation-preview .folder-binder.is-diagram{z-index:4;filter:contrast(1.12)saturate(1.08)drop-shadow(18px 26px 26px #00000057);transform:translate3d(-10px, -22px, 0) rotateZ(var(--binder-stack-tilt)) scale(1.045);outline:none}.grid-animation-preview .folder-stack-stage:has(.is-diagram) .folder-binder:not(.is-diagram){filter:contrast(.98)saturate(.82)brightness(.86)drop-shadow(10px 14px 14px #0003);transform:translate3d(6px, 10px, 0) rotateZ(var(--binder-stack-tilt)) scale(.97)}.grid-animation-preview .binder-ring{border-width:6px;width:clamp(28px,3.5vw,48px)}.project-animation-scroll{min-height:850vh;position:relative}.project-animation-stage{isolation:isolate;background:#050505;height:100vh;position:sticky;top:0;overflow:hidden}.project-animation-backdrop{z-index:-3;background:radial-gradient(circle at 50% 42%,#17171e 0%,#0a0a0d 62%,#050506 100%),#050505;position:absolute;inset:0}.project-animation-stage h1{z-index:35;color:#fff;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 28px #ffffff14;pointer-events:none;place-items:center;margin:0;font-size:clamp(2.5rem,6.2vw,6.8rem);font-weight:900;line-height:.88;animation:12.4s both projectTitleReveal;display:grid;position:absolute;inset:0}.project-animation-frames{z-index:12;perspective:1100px;transform-origin:50%;animation:18s ease-out both projectCameraPush;position:absolute;inset:0;transform:scale(1)}.project-animation-frame{top:calc(50% + var(--scatter-y));left:calc(50% + var(--scatter-x));z-index:var(--frame-z);width:var(--frame-width);cursor:pointer;opacity:1;transform:translate(-50%, -50%) rotate(var(--frame-rotate)) scale(var(--frame-scale));transform-origin:50% 54%;animation:projectFullFrameFlow 12.4s cubic-bezier(.19, 1, .22, 1) var(--frame-delay) both;background:0 0;border:0;padding:0;transition:opacity .22s,filter .22s,transform .38s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.project-animation-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;width:100%;height:auto;max-height:26vh;display:block;box-shadow:0 24px 48px #0009}.project-animation-frame.is-dimmed{opacity:.24;filter:brightness(.58)saturate(.75)blur(1px)}.project-animation-frame.is-spotlighted{opacity:0}.project-animation-frame:focus-visible{outline-offset:5px;outline:2px solid #0aa7ff}.project-spotlight{z-index:60;text-align:center;pointer-events:none;opacity:0;place-items:center;padding:28px;transition:opacity .26s,transform .46s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0;transform:translateY(22px)scale(.92)}.project-spotlight.is-visible{opacity:1;transform:translateY(0)scale(1)}.project-spotlight img{object-fit:contain;max-width:min(760px,86vw);max-height:62vh;display:block;box-shadow:0 34px 90px #000000b8}.project-spotlight p{color:#fff;margin:22px 0 0;font-size:clamp(1rem,1.65vw,1.45rem);font-weight:760}.project-cinematic-grain{z-index:70;pointer-events:none;opacity:.11;background-image:radial-gradient(circle at 20% 20%,#ffffff2e 0 1px,#0000 1px),radial-gradient(circle at 80% 30%,#ffffff1f 0 1px,#0000 1px),radial-gradient(circle at 40% 70%,#ffffff24 0 1px,#0000 1px);background-size:5px 5px,7px 7px,9px 9px;animation:.9s steps(2,end) infinite projectGrainShift;position:absolute;inset:-20%}@keyframes projectFullFrameFlow{0%{opacity:0;top:112%;left:112%;transform:translate(-50%,-50%)rotate(8deg)scale(.58)}18%{opacity:1;top:56%;left:18%;transform:translate(-50%,-50%)rotate(-5deg)scale(.95)}34%{opacity:1;top:28%;left:50%;transform:translate(-50%,-50%)rotate(0)scale(1.08)}52%{top:calc(50% + var(--ribbon-y));left:calc(50% + var(--ribbon-x));opacity:1;transform:translate(-50%, -50%) rotate(var(--ribbon-rotate)) scale(.94)}62%{top:calc(50% + var(--ribbon-y) - 22px);left:calc(50% + var(--ribbon-x));transform:translate(-50%, -50%) rotate(var(--ribbon-rotate)) scale(.94)}72%{top:calc(50% + var(--ribbon-y) - 54px);left:calc(50% + var(--ribbon-x) + 12px);transform:translate(-50%, -50%) rotate(var(--ribbon-rotate)) scale(.9)}84%{top:calc(50% + var(--scatter-y) + 96px);left:calc(50% + var(--scatter-x));transform:translate(-50%, -50%) rotate(var(--frame-rotate)) scale(var(--frame-scale))}92%{top:calc(50% + var(--scatter-y) - 22px);left:calc(50% + var(--scatter-x));transform:translate(-50%, -50%) rotate(var(--frame-rotate)) scale(var(--frame-scale))}96%{top:calc(50% + var(--scatter-y) + 38px);left:calc(50% + var(--scatter-x));transform:translate(-50%, -50%) rotate(var(--frame-rotate)) scale(var(--frame-scale))}to{top:calc(50% + var(--scatter-y));left:calc(50% + var(--scatter-x));opacity:1;transform:translate(-50%, -50%) rotate(var(--frame-rotate)) scale(var(--frame-scale))}}@keyframes projectTitleReveal{0%,88%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes projectCameraPush{to{transform:scale(1.12)}}@keyframes projectGrainShift{50%{transform:translate(2%,-2%)}}@keyframes loadingSpin{0%,to{opacity:1}50%{opacity:.15}}@keyframes gameWindowIntro{0%{opacity:0;transform:translateY(22px)scale(.94)}to{opacity:1;transform:none}}@keyframes startPulse{50%{box-shadow:var(--px) 0 0 #163d2c, calc(var(--px) * -1) 0 0 #163d2c, 0 var(--px) 0 #163d2c, 0 calc(var(--px) * -1) 0 #163d2c, calc(var(--px) * 2) var(--px) 0 #163d2c, calc(var(--px) * -2) var(--px) 0 #163d2c, var(--px) calc(var(--px) * 2) 0 #163d2c, calc(var(--px) * -1) calc(var(--px) * 2) 0 #163d2c, calc(var(--px) * 3) calc(var(--px) * 2) 0 #0f2a1e, calc(var(--px) * 2) calc(var(--px) * 3) 0 #0f2a1e, 0 0 0 8px #2d6a4f29, inset var(--px) 0 0 #b6ee68, inset calc(var(--px) * -1) 0 0 #3d7426}}@keyframes cursorBob{50%{transform:translate(8px,6px)}}@keyframes handTap{50%{transform:translate(-10px,-12px)}}@keyframes sparkPulse{50%{opacity:.45;transform:scale(1.2)rotate(45deg)}}@keyframes heroIntro{0%{opacity:0;transform:translateY(48px)rotateX(8deg)scale(.96)}}@keyframes heroFloat{0%,to{transform:translate(0)rotateX(0)rotate(-.4deg)}50%{transform:translate3d(0,-16px,44px)rotateX(1.4deg)rotate(.6deg)}}@keyframes drift{0%{transform:translate(-18px,10px)scale(.92)}to{transform:translate(28px,-20px)scale(1.08)}}@keyframes slowSpin{to{transform:rotateX(68deg)rotate(351deg)}}@keyframes pulseBar{0%{opacity:.62;height:18%}to{opacity:1;height:100%}}@keyframes tvFlicker{0%,to{opacity:.65;transform:translateY(0)}46%{opacity:.95}48%{opacity:.42;transform:translateY(1px)}52%{opacity:1}}@keyframes noteFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}@keyframes pixelDrift{0%{opacity:0;transform:translateY(28px)scale(.8)}30%,76%{opacity:.34}to{opacity:0;transform:translateY(-80px)scale(1.2)}}@keyframes littleJourney{0%{opacity:0;transform:translate(-58vw)scale(1)}4%{opacity:1}10%{transform:translate(-45vw)scale(1)}18%{transform:translate(-32vw)scale(1)}26%{transform:translate(-19vw)scale(1)}36%{opacity:1;transform:translate(-50%)scale(1)}40%,to{opacity:0;transform:translate(-50%)scale(1)}}@keyframes littleFrameCycle{0%,1.9%{opacity:1;transform:translateY(0)rotateX(0)}2%,to{opacity:0;transform:translateY(0)rotateX(0)}}@keyframes studyFrameCycle{0%,2.76%{opacity:1;transform:translate(0)rotateX(0)}2.78%,to{opacity:0;transform:translateY(-2px)rotateX(2deg)}}@keyframes studyJourney{0%,39%{opacity:0;transform:translate3d(-50%,24px,-100px)rotateX(16deg)rotateY(-14deg)scale(.58)}43%{opacity:1;transform:translate3d(-50%,10px,52px)rotateX(5deg)rotateY(-6deg)scale(.72)}47%,55%{opacity:1;transform:translate3d(-50%,-6px,98px)rotateX(2deg)rotateY(-3deg)rotate(-.8deg)scale(.78)}51%,59%{opacity:1;transform:translate3d(-50%,2px,108px)rotateX(-2deg)rotateY(3deg)rotate(.8deg)scale(.79)}63%{opacity:1;transform:translate3d(-50%,-2px,86px)rotateX(1deg)rotateY(0)scale(.76)}68%,to{opacity:0;transform:translate3d(-50%,18px,-46px)rotateX(14deg)rotateY(16deg)scale(.64)}}@keyframes graduateJourney{0%,64%{opacity:0;transform:translate3d(-50%,18px,-70px)rotateX(18deg)rotateY(20deg)scale(.62)}69%{opacity:1;transform:translate3d(-50%,0,64px)rotateX(0)rotateY(0)scale(.76)}73%{transform:translate3d(-50%,-58px,150px)rotateX(-12deg)rotateY(-18deg)rotate(-4deg)scale(.84)}77%{transform:translate3d(-50%,0,96px)rotateX(8deg)rotateY(14deg)rotate(3deg)scale(.8)}81%{transform:translate3d(-50%,-44px,160px)rotateX(-10deg)rotateY(18deg)rotate(4deg)scale(.86)}86%,95%{opacity:1;transform:translate3d(-50%,-8px,92px)rotateX(0)rotateY(0)scale(.8)}to{opacity:0;transform:translate3d(-50%,24px,-50px)rotateX(16deg)rotateY(-18deg)scale(.68)}}@keyframes diplomaJourney{0%,66%{opacity:0;transform:translate3d(-50%,12px,40px)rotateY(-14deg)rotate(5deg)scale(.8)}71%,93%{opacity:1;transform:translate3d(-50%,-12px,130px)rotateX(8deg)rotateY(18deg)rotate(-4deg)scale(1)}77%,84%{transform:translate3d(-50%,-42px,190px)rotateX(-10deg)rotateY(-20deg)rotate(6deg)scale(1.06)}to{opacity:0;transform:translate3d(-50%,24px,40px)rotateX(16deg)rotateY(12deg)rotate(8deg)scale(.86)}}@keyframes sparkleScene{0%,68%{opacity:0}72%,94%{opacity:1}to{opacity:0}}@keyframes sparklePop{50%{opacity:.72;transform:translateY(-10px)scale(1.8)rotate(45deg)}}@keyframes photoDieOne{0%{opacity:0;filter:blur(4px)drop-shadow(0 34px 42px #000000b8)contrast(1.08)saturate(.96);transform:translate(68vw,-24vh)rotate(42deg)scale(.72)}16%{opacity:1}42%{filter:blur(1px)drop-shadow(0 34px 42px #000000b8)contrast(1.1)saturate(.96);transform:translate(-7vw,14vh)rotate(-158deg)scale(.96)}52%{transform:translate(-1vw,23vh)rotate(-205deg)scale(1.1)}66%{transform:translate(12vw,8vh)rotate(-284deg)scale(.98)}80%{opacity:1;filter:blur()drop-shadow(0 34px 42px #000000b8)contrast(1.1)saturate(.96);transform:translate(8vw,11vh)rotate(-326deg)scale(1)}to{opacity:0;filter:blur(7px)drop-shadow(0 34px 42px #000000b8)contrast(1.08)saturate(.96);transform:translate(8vw,11vh)rotate(-326deg)scale(.86)}}@keyframes photoDieTwo{0%{opacity:0;filter:blur(4px)drop-shadow(0 34px 42px #000000b8)contrast(1.08)saturate(.96);transform:translate(-68vw,24vh)rotate(-54deg)scale(.7)}16%{opacity:1}42%{filter:blur(1px)drop-shadow(0 34px 42px #000000b8)contrast(1.1)saturate(.96);transform:translate(8vw,-18vh)rotate(152deg)scale(.98)}52%{transform:translate(1vw,-27vh)rotate(214deg)scale(1.08)}66%{transform:translate(-12vw,-19vh)rotate(292deg)scale(.98)}80%{opacity:1;filter:blur()drop-shadow(0 34px 42px #000000b8)contrast(1.1)saturate(.96);transform:translate(-8vw,-22vh)rotate(336deg)scale(1)}to{opacity:0;filter:blur(7px)drop-shadow(0 34px 42px #000000b8)contrast(1.08)saturate(.96);transform:translate(-8vw,-22vh)rotate(336deg)scale(.86)}}@keyframes diceShadow{0%{opacity:0;transform:scaleX(.45)}42%,80%{opacity:.82;transform:scaleX(1)}to{opacity:0;transform:scaleX(.55)}}@keyframes diceImpact{0%,43%{opacity:0;transform:translate(-50%,-50%)scale(.1)}48%{opacity:.72;transform:translate(-50%,-50%)scale(1)}62%,to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes impactRing{0%,42%{opacity:0;transform:translate(-50%,-50%)scale(.2)}52%{opacity:.56;transform:translate(-50%,-50%)scale(1)}76%,to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes introVanish{to{opacity:0;visibility:hidden;transform:scale(1.08)}}@keyframes pageReveal{0%{opacity:0;transform:translateY(26px)scale(1.02)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.story-hero{min-height:100svh;padding:18px 14px}.topbar{align-items:stretch}.nav-links{gap:0}.nav-links a{padding:0 9px;font-size:12px}.hero-copy{margin-top:32px}h1{font-size:clamp(42px,15vw,68px)}.intro{max-width:34rem;font-size:15px}.stage{width:150vw;margin-left:50%;transform:translate(-50%)}.motion-note{display:none}.timeline{border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.start-scene-stack{width:min(520px,94vw);display:grid}.game-window{border-width:10px;border-radius:20px;width:100%}.game-titlebar{min-height:48px;padding-left:10px;font-size:18px}.expand-icon{width:34px;font-size:22px}.pixel-landscape{min-height:470px}.start-button{min-width:210px;min-height:78px;top:32%;left:50%}.welcome-box{width:min(285px,70vw);bottom:22%;left:12px}.cursor-arrow{--px:4px;top:16%;left:10px}.cursor-hand{top:37%;right:14%}.gamepad{width:92px;height:58px;bottom:18%;right:20px}.photo-die{width:clamp(210px,66vw,340px)}.journey-scene{inset:90px 10px 34px}.journey-little{width:clamp(104px,28vw,132px)}.journey-study{width:clamp(260px,88vw,420px)}.journey-graduate{width:clamp(150px,50vw,230px)}.journey-diploma{bottom:clamp(122px,42vw,220px);left:calc(50% + clamp(56px,20vw,92px))}.die-one{top:9%}.die-two{bottom:9%}.component-gallery{padding:40px 20px 54px}.component-grid{grid-template-columns:1fr;grid-auto-rows:auto}.component-card,.component-card.large,.component-card.showcase,.component-card.tall{grid-area:auto;min-height:0}.component-preview,.component-card.large .component-preview,.component-card.showcase .component-preview,.component-card.tall .component-preview{aspect-ratio:1/.78;height:auto;min-height:260px}.pill-entry-panel{gap:7px;padding:9px}.pill-entry-panel span{width:clamp(28px,11vw,48px);height:18px}.pill-entry-panel span:nth-child(2){width:clamp(48px,18vw,76px)}.pill-navigation-stage{padding:10px}.pill-navigation-illustration.is-full-page{min-height:calc(100vh - 20px)}.pill-navigation-illustration:before{inset:54px 14px 18px}.pill-navigation-row,.pill-navigation-illustration.is-full-page .pill-navigation-row{--pill-icon-width:clamp(42px, 14vw, 52px);--pill-active-width:clamp(108px, 34vw, 132px);--pill-gap:5px}.pill-navigation-item,.pill-navigation-illustration.is-full-page .pill-navigation-item{height:48px}.pill-navigation-item span{max-width:72px;font-size:12px}.folder-stack-stage{width:min(86%,330px);height:68%}.folder-binder{--stack-step:calc(var(--binder-index) * clamp(18px, 5.2vw, 28px));height:clamp(78px,23vw,116px)}.component-card.tall .component-preview{aspect-ratio:.72}.member-strip{gap:7px;top:32px}.member-strip span{width:25px}.preview-wordmark strong{font-size:clamp(66px,24vw,104px)}.red-cursor{width:58px;top:62px}.preview-signin small{right:18px}.record-button{right:calc(50% - min(130px,42%))}.project-page{padding:16px 12px 36px}.grid-animation-stage{padding:72px 12px 18px}.grid-animation-preview{width:100%;height:min(70vh,560px)}.grid-animation-preview .folder-stack-stage{width:min(94vw,460px);height:68%;transform:translate(15%,8%)rotateX(44deg)rotate(-3deg)}.grid-animation-preview .folder-binder{--stack-step:calc(var(--binder-index) * clamp(24px, 7vw, 38px));width:86%;height:clamp(116px,33vw,170px)}.project-page-header{grid-template-columns:1fr;gap:18px}.project-page h1{font-size:clamp(44px,19vw,76px)}.project-page-grid{grid-template-columns:1fr}.project-page-card,.project-page-card:nth-child(3n+1),.project-page-card:nth-child(5n+2){grid-area:auto}.project-animation-stage h1{font-size:clamp(2.35rem,13vw,4.2rem)}.project-animation-frame img{max-height:20vh}.project-spotlight img{max-height:58vh}}@media (width>=761px) and (width<=1100px){.component-gallery{padding-left:clamp(32px,8vw,80px);padding-right:clamp(32px,8vw,80px)}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-card.tall{grid-column:auto}.project-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.landing-page.is-waiting .hero-content{opacity:1;transform:none}.story-hero>.interactive-square-grid,.hero-content,.journey-scene,.component-gallery{transform:none}.dice-intro{display:none}.journey-character,.journey-diploma,.graduation-sparkles,.folder-binder{animation:none!important}.folder-binder{opacity:1;transform:translate3d(0, 0, calc(var(--binder-index) * 22px)) rotateZ(var(--binder-stack-tilt))}.journey-little,.journey-study{opacity:0}.journey-graduate,.journey-diploma,.graduation-sparkles{opacity:1}}.preview-player{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.preview-player .vintage-player{width:92%;height:auto;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.player-page{background:#000;min-height:100svh;overflow:hidden}.player-page>.player-back-link{z-index:20;position:fixed;top:clamp(16px,3vw,30px);right:clamp(16px,3vw,30px)}.player-stage{position:absolute;inset:0 42% 0 0;overflow:hidden}.player-stage .vintage-player{width:min(92vh,92%);height:auto;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.player-shelf{--player-row:64px;z-index:4;flex-direction:column;width:min(58vw,920px);padding:0 36px 0 24px;display:flex;position:absolute;top:0;bottom:0;right:0}.player-playlist-head,.player-shelf-foot{flex:1 1 0;min-height:0}.player-playlist-head{justify-content:center;align-items:center;gap:22px;padding:0 16px;display:flex}.player-playlist-head img{object-fit:cover;border-radius:6px;width:132px;height:132px}.player-playlist-copy{gap:10px;display:grid}.player-playlist-head h1{color:#fff;text-shadow:none;margin:0;font:400 42px/1 sans-serif}.player-playlist-copy small{color:#b8b8b8;letter-spacing:.18em;text-transform:uppercase;font:700 10px/1 Inter,sans-serif}.player-shelf-foot{justify-content:center;align-items:center;padding:0 16px;display:flex}.player-audio,.player-audio iframe{border:0;border-radius:12px;width:min(100%,352px);height:80px;overflow:hidden}.player-tracklist{height:calc(var(--player-row) * 8);scrollbar-width:thin;scrollbar-color:#fff5 transparent;flex-direction:column;padding-bottom:28px;display:flex;position:relative;overflow:auto;-webkit-mask-image:linear-gradient(#000 0% 86%,#0000 100%);mask-image:linear-gradient(#000 0% 86%,#0000 100%)}.player-tracklist::-webkit-scrollbar{width:4px}.player-tracklist::-webkit-scrollbar-thumb{background:#fff5;border-radius:999px}.player-track{flex:0 0 var(--player-row);width:100%;height:var(--player-row);color:#cfcfcf;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:42px 48px minmax(140px,1fr) 52px;align-items:center;gap:16px;padding:0 16px;display:grid}.player-track img{object-fit:cover;border-radius:4px;width:48px;height:48px}.player-track-index{color:#8a8a8a;text-align:center;place-items:center;font:500 15px/1 Inter,sans-serif;display:grid}.player-pause{border-left:3.5px solid #fff;border-right:3.5px solid #fff;width:11px;height:14px;display:block}.player-track-copy{gap:4px;min-width:0;display:grid}.player-track-copy b,.player-track-copy small,.player-track-time{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-track-copy b{color:#f2f2f2;font:600 16px/1.2 Inter,sans-serif}.player-track-copy small,.player-track-time{color:#9a9a9a;font:400 14px/1.2 Inter,sans-serif}.player-track-time{text-align:right}.player-track.is-active{background:#2a2a2a}.player-track.is-active .player-track-index,.player-track.is-active .player-track-copy b{color:#fff}.player-track:hover{background:#1c1c1c}.player-track.is-active:hover{background:#2a2a2a}@media (width<=900px){.player-stage{inset:0 0 48%}.player-shelf{width:100%;height:52%;padding:0 16px;top:auto;bottom:0}.player-playlist-head{gap:16px;padding-left:16px}.player-playlist-head img{width:88px;height:88px}.player-playlist-head h1{font-size:28px}.player-tracklist{height:calc(var(--player-row) * 5)}.player-track{grid-template-columns:36px 44px 1fr 48px}}:is(html:has(.music-geometry-page),body:has(.music-geometry-page)){background:#2378d8}.music-geometry-page{min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 36%,#3b91ee 0%,#2378d8 58%,#1764ba 100%)!important}.music-geometry-page:before,.music-geometry-page:after,.music-geometry-back,.music-geometry-kicker,.music-geometry-copy,.music-geometry-status{display:none}.music-geometry-stage{place-items:center;display:grid;position:absolute;inset:0}.music-geometry-player{opacity:1;animation:none;transform:none}.vinyl-rotor{animation-name:playingVinylSpin;animation-duration:3.6s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.vinyl-rotor{animation-duration:12s;animation-iteration-count:infinite}}.music-geometry-player{aspect-ratio:1;filter:none;width:min(88vh,82vw,900px)}.illustrated-player{width:100%;height:100%;position:relative}.illustrated-player-art{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.playing-vinyl{z-index:2;width:43.2%;height:29.2%;box-shadow:none;transform-origin:50%;backface-visibility:hidden;background:#070808;border:0;border-radius:50%;animation:none;position:absolute;top:45.2%;left:22.4%;overflow:hidden;transform:none}.vinyl-rotor{background:repeating-radial-gradient(circle at 50% 50%, #090a0a 0 3px, #151616 3.5px 4px, #080909 4.5px 7px), conic-gradient(from 14deg, #080909 0 13%, #111313 16% 19%, #080909 23% 51%, #151616 54% 58%, #080909 63% 86%, #111313 89% 92%, #080909 96% 100%);will-change:transform;animation:4.69s linear infinite vinylReferenceSpin;position:absolute;inset:-30%}.playing-vinyl .vinyl-label{aspect-ratio:1.5;background:#b86d45;width:18.7%;box-shadow:0 0 0 2px #08090abf}.playing-vinyl .vinyl-label:before{color:#4b2422}.playing-vinyl .vinyl-label:after{color:#4b242299}@keyframes vinylReferenceSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.illustrated-tonearm{z-index:3;transform-origin:100%;background:linear-gradient(90deg,#282b2c,#d1c2a7 42%,#292b2b);border-radius:5px;width:30%;height:4px;position:absolute;top:59%;left:48%;transform:rotate(-22deg);box-shadow:0 2px 2px #00000073}.illustrated-tonearm:before{aspect-ratio:1;content:"";background:#242529;border-radius:50%;width:8%;position:absolute;top:50%;right:-2%;transform:translateY(-50%);box-shadow:0 0 0 4px #5f554c}.illustrated-tonearm i{background:#26282a;border-radius:2px;width:15px;height:8px;position:absolute;top:50%;left:-4%;transform:translateY(-50%);box-shadow:inset 0 -2px #d64a31}.illustrated-tonearm{display:none}.preview-hand-fan{background:#050505;width:100%;height:100%;position:relative;overflow:hidden}.preview-hand-fan-mini{position:absolute;inset:1% 2% 3%;transform:translateY(2%)}.preview-hand-fan-mini i{background-size:920% 118%;background-position:var(--fan-bg-x) 45%;width:10.6%;height:90%;transform:translateX(-50%) rotate(var(--mini-angle));transform-origin:50% 100%;background-repeat:no-repeat;border:1px solid #d8c69055;border-radius:48% 48% 7% 7%/13% 13% 2% 2%;position:absolute;bottom:8%;left:50%;box-shadow:inset 9px 0 14px #19000666,inset -8px 0 12px #fff3;background-image:linear-gradient(90deg,#19000666,#fff2 50%,#19000688),url(/green/dragon3-rotated.jpeg)!important}.preview-hand-fan-mini b{aspect-ratio:1;background:radial-gradient(circle at 38% 32%,#f0d29a,#84572f 55%,#160b0b 78%);border:0;border-radius:50%;width:7%;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.preview-hand-fan span{display:none}.hand-fan-page{color:#efe8d7;isolation:isolate;background:#050505;min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.hand-fan-page:before{z-index:-1;opacity:.11;mix-blend-mode:screen;content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.hand-fan-page:after{content:"";pointer-events:none;border:1px solid #d9e8c828;border-radius:22px;position:absolute;inset:18px}.hand-fan-back{z-index:10;color:#d5e1cc;letter-spacing:.16em;text-transform:uppercase;font:700 9px/1 Inter,sans-serif;text-decoration:none;position:absolute;top:40px;left:44px}.hand-fan-heading{z-index:5;width:min(320px,25vw);display:none;position:absolute;top:50%;left:clamp(44px,7vw,110px);transform:translateY(-50%)}.hand-fan-heading>span{color:#a7c58e;letter-spacing:.2em;text-transform:uppercase;font:700 9px/1 Inter,sans-serif}.hand-fan-heading h1{letter-spacing:-.075em;color:#f1ead4;text-shadow:0 10px 30px #0008,0 0 22px #d6d17b24;margin:22px 0 24px;font-family:"Bodoni 72",Didot,Cormorant Garamond,Georgia,serif;font-size:clamp(54px,6.2vw,104px);font-weight:500;line-height:.82}.hand-fan-heading h1 em{color:#d6d17b;letter-spacing:-.045em;font-family:Snell Roundhand,Apple Chancery,Brush Script MT,cursive;font-size:1.08em;font-style:normal;font-weight:400;display:inline-block;transform:rotate(-2deg)translateY(.04em)}.hand-fan-heading p{color:#bdcbb4;max-width:270px;margin:0;font:500 11px/1.7 Inter,sans-serif}.hand-fan-stage{place-items:center;display:grid;position:absolute;inset:0}.hand-fan{--fan-ease:cubic-bezier(.16,1,.3,1);aspect-ratio:1.42;width:min(82vw,1040px);position:relative}.hand-fan-shadow{z-index:0;filter:blur(18px);background:radial-gradient(#000b 0%,#0000 72%);border-radius:50%;height:10%;position:absolute;bottom:5%;left:15%;right:12%}.hand-fan-canopy{position:absolute;inset:0 1% 7%}.hand-fan-leaf{--fan-width:10.6%;z-index:calc(12 + var(--fan-index));width:var(--fan-width);cursor:pointer;height:100%;transform:translateX(-50%) rotate(var(--fan-angle));transform-origin:50% 100%;transition:width .56s var(--fan-ease),transform .56s var(--fan-ease),filter .38s ease;background:0 0;border:0;padding:0;position:absolute;bottom:0;left:50%}.hand-fan-leaf:focus-visible{outline:none}.hand-fan.has-open-leaf .hand-fan-leaf:not(.is-open){filter:brightness(.66)saturate(.78)}.hand-fan-leaf.is-open{z-index:55;filter:none}.hand-fan-leaf-plate{filter:drop-shadow(0 10px 11px #0007);position:absolute;inset:0}.hand-fan-defs{width:0;height:0;position:absolute;overflow:hidden}.hand-fan-leaf-ivory{clip-path:url(#hand-fan-leaf-clip);height:69%;transition:height .56s var(--fan-ease),box-shadow .56s var(--fan-ease);background:#25070b;border:1px solid #e9e0ab50;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:inset 10px 0 18px #001d0e66,inset -10px 0 14px #e3e6aa2b}.hand-fan-leaf-ivory:before{z-index:3;opacity:calc(var(--fan-pleat-tone) * .72);content:"";pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(90deg,#00140975 0%,#ffffd745 45%,#ffffff14 55%,#00140980 100%);position:absolute;inset:0}.hand-fan-leaf-ivory:after{z-index:5;content:"";pointer-events:none;border-left:1px solid #fff5;border-right:1px solid #00140788;position:absolute;inset:0}.hand-fan-leaf.is-open .hand-fan-leaf-ivory{height:74%;box-shadow:inset 4px 0 10px #001d0e42,inset -4px 0 9px #e3e6aa26,0 0 0 1px #e6db9a70}.hand-fan-leaf-print{z-index:1;background-color:#25070b;background-image:url(/green/dragon3-rotated.jpeg);background-repeat:no-repeat;background-size:980% 138%;background-position:var(--fan-bg-x) 34%;filter:saturate(1.08)contrast(1.05)brightness(.9);transition:opacity .42s,filter .42s;display:block;position:absolute;inset:-9% -6% -4%;transform:scale(1.08)}.hand-fan-leaf-portrait{z-index:2;clip-path:url(#hand-fan-leaf-clip);opacity:0;transition:opacity .36s ease,transform .56s var(--fan-ease);background:#25070b;position:absolute;inset:-6%;overflow:hidden;transform:scale(1.01)}.hand-fan-leaf-portrait img{object-fit:cover;object-position:center 32%;filter:saturate(1.08)contrast(1.08)brightness(.9);width:100%;height:100%;display:block}.hand-fan-leaf.is-open .hand-fan-leaf-print{opacity:.08;filter:saturate(.75)blur(1px)}.hand-fan-leaf.is-open .hand-fan-leaf-portrait{opacity:1;transform:scale(1.03)}.hand-fan-leaf-stick{width:42%;transition:width .56s var(--fan-ease),top .56s var(--fan-ease);position:absolute;top:66%;bottom:0;left:50%;transform:translate(-50%)}.hand-fan-leaf.is-open .hand-fan-leaf-stick{width:24%;top:70%}.hand-fan-stick-cut{filter:drop-shadow(2px 4px 5px #0008);width:100%;height:100%;display:block;overflow:visible}.hand-fan-rivet{z-index:80;aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#f6e2b4,#b8884a 46%,#4a2c16 78%);border:0;border-radius:50%;width:3.2%;position:absolute;bottom:6.2%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.hand-fan-instruction{color:#c4d0b9;letter-spacing:.14em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;margin:0;font:700 8px/1 Inter,sans-serif;display:none;position:absolute;bottom:2%;left:12%;right:10%}.hand-fan-instruction i{background:#d0d69d52;height:1px}.hand-fan-instruction small{font:inherit}@media (width<=800px){.hand-fan-page:after{border-radius:16px;inset:9px}.hand-fan-back{top:28px;left:28px}.hand-fan-heading{width:calc(100% - 56px);top:86px;left:28px;transform:none}.hand-fan-heading h1{margin:13px 0 12px;font-size:clamp(43px,13vw,62px)}.hand-fan-heading p{display:none}.hand-fan-stage{inset:0 -14vw}.hand-fan{width:min(122vw,820px)}.hand-fan-instruction{left:18%;right:18%}}@media (prefers-reduced-motion:reduce){.hand-fan-leaf,.hand-fan-leaf-portrait img{transition-duration:.01ms}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}