@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-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;--frame-angle:0deg}}}@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;--spacing:.25rem;--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{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.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}.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)}.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))}}@property --frame-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#021a1a;--ink:#021a1a;--deep:#032221;--brand-dark:#03624c;--brand-mint:#2cc295;--brand-electric:#00df81;--paper:#f5f5f5;--foreground:var(--paper);--crowder-green:var(--brand-electric);--active-glow-a:#6f35ff;--active-glow-b:#29106d;--active-glow-c:#a989ff;--ambient-shift-x:0px;--ambient-shift-y:0px}*{box-sizing:border-box}html,body{background:#000;width:100%;min-height:100%;margin:0}body{color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--brand-electric);outline-offset:5px}.gallery-shell{isolation:isolate;background:radial-gradient(circle at 50% 78%, #03624c26, transparent 42%), linear-gradient(180deg, #000 0%, #010908 52%, var(--ink) 100%);width:100vw;height:100svh;min-height:620px;position:relative;overflow:hidden}.gallery-shell:before{z-index:140;pointer-events:none;content:"";mix-blend-mode:screen;opacity:.28;background-image:radial-gradient(circle at 15% 28%,#ffffff06 0 1px,#0000 1.2px),radial-gradient(circle at 77% 63%,#00df8105 0 1px,#0000 1.3px);background-size:4px 4px,5px 5px;position:absolute;inset:0}.gallery-shell:after{z-index:150;pointer-events:none;content:"";border:1px solid #2cc29524;border-radius:14px;position:absolute;inset:7px;box-shadow:inset 0 0 90px #00000070,inset 0 1px #00df8109}.intro-black{z-index:200;pointer-events:none;opacity:1;background:#000;position:fixed;inset:0}.intro-ready .intro-black{animation:2.92s cubic-bezier(.22,1,.36,1) both introCurtain}.intro-lockup{z-index:210;pointer-events:none;opacity:0;text-align:center;width:min(92vw,1500px);position:fixed;top:50%;left:50%;transform:translate(-50%,-44%)scale(.96)}.intro-ready .intro-lockup{animation:2.58s cubic-bezier(.16,1,.3,1) .13s both introLockup}.intro-name{white-space:nowrap;justify-content:center;align-items:baseline;gap:clamp(12px,1.5vw,28px);display:flex}.intro-name strong{color:var(--paper);letter-spacing:-.08em;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:clamp(58px,10.6vw,180px);font-weight:950;line-height:.82}.intro-name span{color:var(--brand-electric);letter-spacing:-.06em;font-size:clamp(25px,4.4vw,76px);font-weight:300}.intro-lockup small{color:#f5f5f575;letter-spacing:.26em;margin-top:clamp(20px,3vh,32px);font-size:9px;display:block}.topbar{z-index:120;opacity:0;justify-content:space-between;align-items:flex-start;width:100%;padding:24px 31px;transition:opacity .76s 2.72s,transform .82s cubic-bezier(.22,1,.36,1) 2.72s;display:flex;position:absolute;top:0;left:0;transform:translateY(-10px)}.topbar:after{content:"";opacity:.56;background:linear-gradient(90deg,#00df8157,#2cc2950d 42%,#0000 76%);height:1px;position:absolute;bottom:0;left:31px;right:31px}.intro-ready .topbar{opacity:1;transform:translateY(0)}.brand{color:var(--paper);grid-template-rows:auto auto;grid-template-columns:auto auto auto;align-items:baseline;column-gap:5px;text-decoration:none;display:grid}.brand strong{letter-spacing:-.055em;font-size:21px;font-weight:900}.brand-slash,.brand-gallery{color:var(--brand-electric);letter-spacing:-.055em;font-size:20px;font-weight:300}.brand small{color:#f5f5f561;letter-spacing:.2em;grid-column:1/-1;margin-top:6px;font-size:7px;font-weight:400}.main-nav{color:#f5f5f5a6;letter-spacing:.09em;align-items:center;gap:clamp(24px,3vw,54px);font-size:10px;display:flex}.main-nav span{white-space:nowrap;position:relative}.main-nav .nav-active{color:var(--brand-electric)}.main-nav .nav-active:after{content:"";background:var(--brand-electric);height:1px;position:absolute;bottom:-9px;left:0;right:0;box-shadow:0 0 12px #00df8185}.sound-reserved{color:#f5f5f5c2;border:1px solid #2cc2955c;border-radius:999px;padding:10px 16px}.gallery{isolation:isolate;perspective:1750px;perspective-origin:50% 45%;touch-action:none;cursor:grab;width:100%;height:100%;position:relative;overflow:hidden}.gallery:before,.gallery:after{z-index:109;pointer-events:none;content:"";width:clamp(26px,2vw,40px);position:absolute;top:0;bottom:0}.gallery:before{background:linear-gradient(90deg,#021a1afa,#021a1abd 26%,#0322214d 63%,#0000 100%);left:0}.gallery:after{background:linear-gradient(270deg,#021a1afa,#021a1abd 26%,#0322214d 63%,#0000 100%);right:0}.gallery:active{cursor:grabbing}.crowder-word{z-index:1;transform-origin:top;color:#043328;opacity:0;letter-spacing:-.078em;text-align:center;text-shadow:0 0 36px #00df810f,0 28px 90px #00000080;white-space:nowrap;width:max-content;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-size:clamp(170px,20.5vw,390px);font-weight:950;line-height:.76;transition:opacity 1.05s 1.85s,transform 1.35s cubic-bezier(.16,1,.3,1) 1.78s;position:absolute;top:10vh;left:49.15%;transform:translate(-50%,30px)scaleX(.94)}.intro-ready .crowder-word{opacity:.72;transform:translate(-50%)scaleX(.94)}.green-atmosphere{z-index:0;filter:blur(76px)saturate(1.08);opacity:0;background:radial-gradient(circle at 26% 54%,#03624c6b,#0000 31%),radial-gradient(circle at 71% 46%,#2cc29538,#0000 29%),radial-gradient(circle at 50% 68%,#00df811f,#0000 37%),radial-gradient(circle at 50% 18%,#032221e6,#0000 48%);width:125vw;height:100vh;transition:opacity 1.35s 1.86s;animation:12s ease-in-out infinite alternate ambientBreath;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.intro-ready .green-atmosphere{opacity:.78}.scene-glow{z-index:2;width:min(1320px,82vw);height:min(850px,74vw);transform:translate(calc(-50% + var(--ambient-shift-x)), calc(-50% + var(--ambient-shift-y))) scale(.82);pointer-events:none;background:radial-gradient(circle at 35% 50%, var(--active-glow-a), transparent 43%), radial-gradient(circle at 67% 53%, var(--active-glow-b), transparent 47%), radial-gradient(circle at 51% 31%, var(--active-glow-c), transparent 35%), conic-gradient(from 218deg at 52% 48%, transparent 0deg 34deg, var(--active-glow-a) 62deg, transparent 92deg 156deg, var(--active-glow-c) 194deg, transparent 232deg 286deg, var(--active-glow-b) 318deg, transparent 360deg), radial-gradient(ellipse at 50% 78%, var(--active-glow-a), transparent 52%);border-radius:48%;position:absolute;top:48%;left:50%}@supports (color:color-mix(in lab, red, red)){.scene-glow{background:radial-gradient(circle at 35% 50%, color-mix(in srgb, var(--active-glow-a) 88%, transparent), transparent 43%), radial-gradient(circle at 67% 53%, color-mix(in srgb, var(--active-glow-b) 100%, transparent), transparent 47%), radial-gradient(circle at 51% 31%, color-mix(in srgb, var(--active-glow-c) 78%, transparent), transparent 35%), conic-gradient(from 218deg at 52% 48%, transparent 0deg 34deg, color-mix(in srgb, var(--active-glow-a) 34%, transparent) 62deg, transparent 92deg 156deg, color-mix(in srgb, var(--active-glow-c) 30%, transparent) 194deg, transparent 232deg 286deg, color-mix(in srgb, var(--active-glow-b) 38%, transparent) 318deg, transparent 360deg), radial-gradient(ellipse at 50% 78%, color-mix(in srgb, var(--active-glow-a) 30%, transparent), transparent 52%)}}.scene-glow{background-blend-mode:screen;filter:blur(64px)saturate(1.12);opacity:0;transition:opacity 1.05s 2.18s,transform .7s cubic-bezier(.22,1,.36,1),filter .42s}.intro-ready .scene-glow{transform:translate(calc(-50% + var(--ambient-shift-x)), calc(-50% + var(--ambient-shift-y))) scale(1);opacity:.7}.hover-ready .gallery:has(.project-card[data-active=true]:hover) .scene-glow{filter:blur(48px)saturate(1.52)brightness(1.06);opacity:.94;animation:6.3s cubic-bezier(.47,.02,.42,1) infinite alternate sceneSpectrum}.scene-glow:before,.scene-glow:after{content:"";opacity:0;filter:blur(18px)saturate(1.28);mix-blend-mode:screen;border-radius:38% 62% 67% 33%/57% 31% 69% 43%;width:51%;height:61%;transition:opacity .12s;position:absolute}.scene-glow:before{background:radial-gradient(circle at 34% 42%, var(--active-glow-a), transparent 58%), radial-gradient(circle at 72% 62%, var(--active-glow-c), transparent 62%);top:20%;left:14%}.scene-glow:after{background:radial-gradient(circle at 38% 70%, var(--active-glow-b), transparent 58%), radial-gradient(circle at 69% 30%, var(--active-glow-c), transparent 62%);bottom:17%;right:13%}@supports (color:color-mix(in lab, red, red)){.scene-glow:after{background:radial-gradient(circle at 38% 70%, color-mix(in srgb, var(--active-glow-b) 84%, var(--active-glow-c) 16%), transparent 58%), radial-gradient(circle at 69% 30%, var(--active-glow-c), transparent 62%)}}.scene-glow:after{mix-blend-mode:normal}.hover-ready .gallery:has(.project-card[data-active=true]:hover) .scene-glow:before{opacity:.78;animation:5.1s cubic-bezier(.45,.05,.55,.95) infinite alternate sceneLightA}.hover-ready .gallery:has(.project-card[data-active=true]:hover) .scene-glow:after{opacity:.8;animation:7.7s cubic-bezier(.45,.05,.55,.95) infinite alternate sceneLightB}.ambient-vignette{z-index:3;pointer-events:none;background:linear-gradient(90deg,#000000b8,#0000 18% 82%,#000000b8),radial-gradient(at 50% 48%,#0000 30%,#0000008a 86%);position:absolute;inset:0}.floor{z-index:4;background:radial-gradient(ellipse 86% 18% at 50% 70%, #0322216b, transparent 74%), radial-gradient(ellipse at 42% 73%, var(--active-glow-a), transparent 30%), radial-gradient(ellipse at 58% 73%, var(--active-glow-b), transparent 31%), radial-gradient(ellipse at 51% 74%, var(--active-glow-c), transparent 35%), repeating-linear-gradient(96deg, transparent 0 12%, #f5f5f505 12.2% 12.35%, transparent 12.55% 24%), linear-gradient(180deg, transparent 0 56%, #0322211f 63%, #0817149e 74%, #010504 86%, #000 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.floor{background:radial-gradient(ellipse 86% 18% at 50% 70%, #0322216b, transparent 74%), radial-gradient(ellipse at 42% 73%, color-mix(in srgb, var(--active-glow-a) 34%, transparent), transparent 30%), radial-gradient(ellipse at 58% 73%, color-mix(in srgb, var(--active-glow-b) 34%, transparent), transparent 31%), radial-gradient(ellipse at 51% 74%, color-mix(in srgb, var(--active-glow-c) 22%, transparent), transparent 35%), repeating-linear-gradient(96deg, transparent 0 12%, #f5f5f505 12.2% 12.35%, transparent 12.55% 24%), linear-gradient(180deg, transparent 0 56%, #0322211f 63%, #0817149e 74%, #010504 86%, #000 100%)}}.floor{opacity:0;border-top:0;transition:opacity 1.05s 2.28s;box-shadow:inset 0 28px 86px #f5f5f509;-webkit-mask-image:linear-gradient(#0000 0 55%,#00000014 60%,#00000042 65%,#000000a8 71%,#000 78% 100%);mask-image:linear-gradient(#0000 0 55%,#00000014 60%,#00000042 65%,#000000a8 71%,#000 78% 100%)}.intro-ready .floor{opacity:1}.floor:before{display:none}.floor:after{content:"";mix-blend-mode:screen;background:linear-gradient(#0000 64%,#f5f5f517 74%,#0000 81%),radial-gradient(at 48% 73%,#f5f5f512,#0000 42%),linear-gradient(112deg,#0000 14%,#f5f5f506 38%,#0000 54%);position:absolute;inset:0}.stage{z-index:12;width:100%;height:100%;min-height:620px;transform-style:preserve-3d;opacity:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.intro-ready .stage{transform:translate(-50%)}.project-card{--x:0px;--y:0;--z:0;--scale:1;--rotation:0deg;--tilt:0deg;--distance:0;--card-opacity:0;--glow-opacity:0;--reflection-opacity:0;--card-glow-a:#6f35ff;--card-glow-b:#29106d;--card-glow-c:#a989ff;--hover-glow-x:0px;--hover-glow-y:0px;--sheen-x:50%;--sheen-y:50%;--intro-delay:1.45s;aspect-ratio:4/5;width:clamp(330px,min(25vw,48vh),480px);transform:translate3d(calc(-50% + var(--x)), calc(var(--y) * 1px), calc(var(--z) * 1px)) rotateY(var(--rotation)) rotateZ(var(--tilt)) scale(var(--scale));transform-style:preserve-3d;transform-origin:50% 100%;cursor:pointer;opacity:var(--card-opacity);will-change:transform, opacity;background:0 0;border:0;padding:0;position:absolute;bottom:29.2%;left:50%}.card-arrival{transform-style:preserve-3d;opacity:0;transition:opacity .72s ease var(--intro-delay), translate 1.25s cubic-bezier(.16, 1, .3, 1) var(--intro-delay);will-change:translate, opacity;display:block;position:absolute;inset:0;translate:0 46px}.intro-ready .card-arrival{opacity:1;translate:0}.gallery-shell:not(.interaction-ready) .stage{pointer-events:none}.intro-skipped .intro-black,.intro-skipped .intro-lockup{display:none}.intro-skipped .topbar,.intro-skipped .crowder-word,.intro-skipped .green-atmosphere,.intro-skipped .scene-glow,.intro-skipped .floor,.intro-skipped .stage,.intro-skipped .card-arrival,.intro-skipped .navigation-hint{transition:none}.return-transition-veil{z-index:180;pointer-events:none;opacity:0;background:#020507;position:fixed;inset:0;overflow:hidden}.return-transition-veil img{object-fit:cover;filter:blur(26px)saturate(.94)brightness(.24);width:100%;height:100%;display:block;transform:scale(1.08)}.intro-skipped .return-transition-veil{animation:.78s cubic-bezier(.22,1,.36,1) both returnVeilOut}.intro-skipped .return-transition-veil img{animation:.78s cubic-bezier(.22,1,.36,1) both returnImageOut}.route-leaving .topbar,.route-leaving .project-dock,.route-leaving .navigation-hint,.route-leaving .project-card:not([data-route-source=true]){pointer-events:none;animation:.52s both routeGalleryFade}.route-leaving .project-card[data-route-source=true] .project-image-wrap{visibility:hidden}.project-route-transition{z-index:190;pointer-events:all;background:0 0;animation:1.6s cubic-bezier(.22,1,.36,1) both routeShadeIn;position:fixed;inset:0;overflow:hidden}.route-card-frame{z-index:2;top:var(--route-top);left:var(--route-left);width:var(--route-width);height:var(--route-height);border:1px solid var(--route-glow-a);display:block;position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.route-card-frame{border:1px solid color-mix(in srgb, var(--route-glow-a) 72%, #f5f5f55c)}}.route-card-frame{background:radial-gradient(circle at 50% 42%, var(--route-glow-a), transparent 66%), var(--route-glow-b);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.route-card-frame{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--route-glow-a) 38%, transparent), transparent 66%), color-mix(in srgb, var(--route-glow-b) 70%, #020607)}}.route-card-frame{box-shadow:0 0 80px var(--route-glow-a), 0 40px 110px #000000e0}@supports (color:color-mix(in lab, red, red)){.route-card-frame{box-shadow:0 0 80px color-mix(in srgb, var(--route-glow-a) 38%, transparent), 0 40px 110px #000000e0}}.route-card-frame{will-change:top, left, width, height, filter, border-radius;animation:1.6s cubic-bezier(.72,0,.12,1) both routeCardDive}.route-card-frame img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.route-project-cover{z-index:2;transform-origin:50%;will-change:opacity, filter, transform;animation:1.6s cubic-bezier(.22,1,.36,1) both routeCoverFade}.project-route-transition[data-image-fit=contain] .route-project-cover{object-fit:contain;background:0 0}.project-route-transition[data-image-fit=fill] .route-project-cover{object-fit:fill;background:0 0}.route-case-hero{z-index:1;object-position:center 54%;opacity:0;animation:1.6s cubic-bezier(.22,1,.36,1) both routeHeroReveal}.route-transition-glow{z-index:1;aspect-ratio:1;background:radial-gradient(circle, var(--route-glow-a), var(--route-glow-b) 38%, transparent 70%);border-radius:50%;width:min(70vw,1100px);position:absolute}@supports (color:color-mix(in lab, red, red)){.route-transition-glow{background:radial-gradient(circle, color-mix(in srgb, var(--route-glow-a) 52%, transparent), color-mix(in srgb, var(--route-glow-b) 30%, transparent) 38%, transparent 70%)}}.route-transition-glow{filter:blur(50px);animation:1.6s both routeGlowIn}.card-arrival:after{z-index:1;pointer-events:none;content:"";filter:blur(2px);opacity:.78;background:radial-gradient(#000000db,#0000006b 48%,#0000 78%);border-radius:50%;height:9px;position:absolute;bottom:-5px;left:5%;right:5%;transform:translateZ(2px)}.project-image-wrap{transform-origin:bottom;backface-visibility:hidden;background:linear-gradient(135deg,#f5f5f53d,#f5f5f512 54%,#2cc2952e);border:0;border-radius:7px;padding:1px;transition:transform .36s cubic-bezier(.2,.8,.2,1),background-color .34s,box-shadow .34s,filter .34s;display:block;position:absolute;inset:0;overflow:hidden;transform:translateZ(5px);box-shadow:-9px 2px 18px #00000061,0 34px 86px #000000b8,0 4px 16px #000000c7,inset 1px 0 #f5f5f514,inset -1px 0 #00000073}.project-card:not([data-active=true]) .project-image-wrap{filter:brightness(.76)saturate(.9)contrast(1.03)}.project-image-wrap:before{z-index:2;pointer-events:none;content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 8px 0 16px #f5f5f509,inset -12px 0 26px #00000038,inset 0 -12px 28px #00000024}.project-image-wrap img,.reflection img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-card[data-image-fit=contain] .project-image-wrap .project-image-main{object-fit:contain;background:0 0}.project-card[data-image-fit=contain] .reflection img{object-fit:cover;background:0 0}.project-card[data-image-fit=fill] .project-image-wrap .project-image-main,.project-card[data-image-fit=fill] .reflection img{object-fit:fill;background:0 0}.project-image-wrap>.project-image-backdrop{z-index:0;object-fit:cover;filter:blur(22px)brightness(.48)saturate(1.18);opacity:.9;border-radius:0;width:116%;height:116%;position:absolute;inset:-8%;transform:scale(1.08)}.project-image-wrap>.project-image-main{z-index:1;border-radius:6px;position:relative}.card-sheen{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--sheen-x) var(--sheen-y), #f5f5f547, #f5f5f50f 12%, transparent 34%);mix-blend-mode:soft-light;opacity:0;transition:opacity .32s;position:absolute;inset:-20%}.card-glow{z-index:-3;translate:var(--hover-glow-x) var(--hover-glow-y);background:radial-gradient(circle at 30% 42%, var(--card-glow-a), transparent 43%), radial-gradient(circle at 71% 58%, var(--card-glow-b), transparent 46%), radial-gradient(circle at 50% 28%, var(--card-glow-c), transparent 39%);border-radius:50%;display:block;position:absolute;inset:-24%;transform:translateZ(-34px)scale(.92)}@supports (color:color-mix(in lab, red, red)){.card-glow{background:radial-gradient(circle at 30% 42%, color-mix(in srgb, var(--card-glow-a) 92%, transparent), transparent 43%), radial-gradient(circle at 71% 58%, color-mix(in srgb, var(--card-glow-b) 90%, transparent), transparent 46%), radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--card-glow-c) 74%, transparent), transparent 39%)}}.card-glow{filter:blur(48px)saturate(1.08);opacity:var(--glow-opacity);transition:translate .52s cubic-bezier(.22,1,.36,1),opacity .32s,filter .34s}.card-glow:before,.card-glow:after{content:"";opacity:0;filter:blur(12px);border-radius:50%;transition:opacity .42s;position:absolute}.card-glow:before{background:radial-gradient(circle at 35% 46%, var(--card-glow-a), transparent 58%), radial-gradient(circle at 72% 62%, var(--card-glow-c), transparent 63%);width:54%;height:58%;top:17%;left:12%}.card-glow:after{background:radial-gradient(circle at 37% 68%, var(--card-glow-b), transparent 57%), radial-gradient(circle at 70% 32%, var(--card-glow-c), transparent 61%);width:52%;height:56%;bottom:12%;right:8%}.project-card[data-active=true] .project-image-wrap{background:linear-gradient(135deg, var(--card-glow-a), var(--card-glow-b) 48%, var(--card-glow-c))}@supports (color:color-mix(in lab, red, red)){.project-card[data-active=true] .project-image-wrap{background:linear-gradient(135deg, color-mix(in srgb, var(--card-glow-a) 48%, #f5f5f54d), color-mix(in srgb, var(--card-glow-b) 30%, #f5f5f51f) 48%, color-mix(in srgb, var(--card-glow-c) 46%, #f5f5f542))}}.project-card[data-active=true] .project-image-wrap{box-shadow:0 38px 98px #000000bd, 0 0 28px var(--card-glow-a), 0 0 110px var(--card-glow-b), inset 1px 0 0 #f5f5f521}@supports (color:color-mix(in lab, red, red)){.project-card[data-active=true] .project-image-wrap{box-shadow:0 38px 98px #000000bd, 0 0 28px color-mix(in srgb, var(--card-glow-a) 28%, transparent), 0 0 110px color-mix(in srgb, var(--card-glow-b) 34%, transparent), inset 1px 0 0 #f5f5f521}}.hover-ready .project-card[data-active=true]:hover .project-image-wrap{background:conic-gradient(from var(--frame-angle), var(--card-glow-b) 0deg 205deg, var(--card-glow-b) 232deg, var(--card-glow-c) 267deg, #f5f5f5f5 286deg, var(--card-glow-a) 309deg, var(--card-glow-a) 338deg 360deg);transform:translateZ(15px)scale(1.012)}@supports (color:color-mix(in lab, red, red)){.hover-ready .project-card[data-active=true]:hover .project-image-wrap{background:conic-gradient(from var(--frame-angle), color-mix(in srgb, var(--card-glow-b) 32%, #f5f5f526) 0deg 205deg, var(--card-glow-b) 232deg, var(--card-glow-c) 267deg, #f5f5f5f5 286deg, var(--card-glow-a) 309deg, color-mix(in srgb, var(--card-glow-a) 34%, #f5f5f529) 338deg 360deg)}}.hover-ready .project-card[data-active=true]:hover .project-image-wrap{box-shadow:0 42px 108px #000000bd, 0 0 45px var(--card-glow-a), 0 0 145px var(--card-glow-b);animation:5.8s linear infinite frameTrace}@supports (color:color-mix(in lab, red, red)){.hover-ready .project-card[data-active=true]:hover .project-image-wrap{box-shadow:0 42px 108px #000000bd, 0 0 45px color-mix(in srgb, var(--card-glow-a) 42%, transparent), 0 0 145px color-mix(in srgb, var(--card-glow-b) 48%, transparent)}}.hover-ready .project-card[data-active=true]:hover .card-glow{filter:blur(39px)saturate(1.3);opacity:1}.hover-ready .project-card[data-active=true]:hover .card-glow:before{opacity:.9;animation:3.8s cubic-bezier(.45,.05,.55,.95) infinite alternate cardLightA}.hover-ready .project-card[data-active=true]:hover .card-glow:after{opacity:.86;animation:4.9s cubic-bezier(.45,.05,.55,.95) infinite alternate cardLightB}.hover-ready .project-card[data-active=true]:hover .card-sheen{opacity:.64}.reflection{z-index:-1;transform-origin:top;width:100%;height:100%;opacity:var(--reflection-opacity);filter:blur(.45px)saturate(.9)brightness(.76)contrast(1.02);mix-blend-mode:screen;border-radius:6px 6px 0 0;display:block;position:absolute;top:calc(100% + 2px);left:0;overflow:hidden;transform:translateZ(-8px)scaleY(.36);-webkit-mask-image:radial-gradient(68% 82% at 50% 4%,#000000f5 0%,#000000d6 26%,#0000006b 56%,#0000001f 78%,#0000 100%);mask-image:radial-gradient(68% 82% at 50% 4%,#000000f5 0%,#000000d6 26%,#0000006b 56%,#0000001f 78%,#0000 100%)}.project-card[data-active=true] .reflection{opacity:calc(var(--reflection-opacity) * .92);filter:blur(.72px)saturate(.86)brightness(.74)contrast();transform:translateZ(-8px)scaleY(.34)}.reflection img{transform-origin:50%;transform:scaleY(-1)}.reflection:before{z-index:2;pointer-events:none;content:"";filter:blur(1.4px);mix-blend-mode:multiply;background:linear-gradient(90deg,#0000,#00000075 18%,#000000c7 50%,#00000075 82%,#0000);height:5px;position:absolute;top:0;left:7%;right:7%}.reflection:after{content:"";background:linear-gradient(180deg, #f5f5f505, #021a1aad), linear-gradient(90deg, var(--card-glow-a), var(--card-glow-c), var(--card-glow-b));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.reflection:after{background:linear-gradient(180deg, #f5f5f505, #021a1aad), linear-gradient(90deg, color-mix(in srgb, var(--card-glow-a) 12%, transparent), color-mix(in srgb, var(--card-glow-c) 8%, transparent), color-mix(in srgb, var(--card-glow-b) 12%, transparent))}}.floor-spill{z-index:-2;transform-origin:top;background:radial-gradient(ellipse at 38% 50%, var(--card-glow-a), transparent 47%), radial-gradient(ellipse at 62% 50%, var(--card-glow-b), transparent 49%), radial-gradient(ellipse at 50% 35%, var(--card-glow-c), transparent 55%);border-radius:50%;width:162%;height:14%;position:absolute;top:calc(100% - 2px);left:-31%;transform:translateZ(-12px)rotateX(78deg)}@supports (color:color-mix(in lab, red, red)){.floor-spill{background:radial-gradient(ellipse at 38% 50%, color-mix(in srgb, var(--card-glow-a) 72%, transparent), transparent 47%), radial-gradient(ellipse at 62% 50%, color-mix(in srgb, var(--card-glow-b) 72%, transparent), transparent 49%), radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--card-glow-c) 54%, transparent), transparent 55%)}}.floor-spill{filter:blur(20px)saturate(1.18);opacity:calc(var(--glow-opacity) * .62);transition:filter .33s,opacity .33s}.hover-ready .project-card[data-active=true]:hover .floor-spill{filter:blur(16px)saturate(1.4);opacity:.78}.project-dock{z-index:110;background:0 0;border-top:1px solid #f5f5f52b;justify-content:space-between;align-items:flex-end;width:min(820px,60vw);min-width:620px;padding:17px 0 0;animation:.52s cubic-bezier(.22,1,.36,1) both dockIn;display:flex;position:absolute;bottom:43px;left:50%;transform:translate(-50%)}.project-dock:before{content:"";background:linear-gradient(90deg, var(--brand-electric), transparent);width:32%;height:1px;position:absolute;top:-1px;left:0;box-shadow:0 0 12px #00df8133}.project-meta{max-width:66%}.project-meta span{color:var(--brand-mint);letter-spacing:.2em;margin-bottom:7px;font-size:8px;display:block}.project-meta h1{letter-spacing:-.052em;margin:0 0 6px;font-size:clamp(29px,2.25vw,39px);font-weight:650;line-height:.94}.project-meta p{color:#f5f5f59e;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:11px}.view-project{cursor:pointer;color:#f5f5f5db;letter-spacing:.17em;background:0 0;border:0;border-bottom:1px solid #f5f5f557;align-items:center;gap:22px;margin-bottom:2px;padding:10px 0;font-size:9px;transition:color .24s,border-color .24s,transform .26s cubic-bezier(.22,1,.36,1);display:inline-flex}.view-project b{color:var(--brand-electric);font-size:14px;font-weight:400}.view-project:hover{border-color:var(--brand-electric);color:var(--paper);transform:translateY(-2px)}.navigation-hint{z-index:111;color:#f5f5f57a;opacity:0;letter-spacing:.19em;margin:0;font-size:7.5px;transition:opacity .62s 2.88s;position:absolute;top:31px;left:50%;transform:translate(-50%)}.intro-ready .navigation-hint{opacity:1}.project-dialog{z-index:300;background:#000;animation:.44s both dialogFadeIn;position:fixed;inset:0;overflow:hidden}.dialog-close{z-index:5;cursor:pointer;letter-spacing:.13em;text-shadow:0 2px 12px #000c;background:0 0;border:0;padding:10px 0;font-size:9px;position:absolute;top:28px;right:31px}.dialog-close span{color:var(--brand-electric);margin-left:16px;font-size:17px}.dialog-cover-wrap{background:var(--ink);animation:.82s cubic-bezier(.16,1,.3,1) both coverZoomIn;position:absolute;inset:0;overflow:hidden}.dialog-cover-wrap:after{content:"";background:linear-gradient(#0003,#0000 38%,#000000d1),radial-gradient(circle at 50% 48%,#0000 20%,#00000057 82%);position:absolute;inset:0}.dialog-cover-wrap img{object-fit:cover;filter:saturate(1.08)contrast(1.04);width:100%;height:100%}.dialog-meta{z-index:4;max-width:70vw;animation:.56s .38s both metaIn;position:absolute;bottom:44px;left:44px}.dialog-meta span{color:var(--brand-electric);letter-spacing:.2em;font-size:8px}.dialog-meta h2{letter-spacing:-.065em;text-shadow:0 6px 40px #000000ad;margin:9px 0 4px;font-size:clamp(38px,6vw,108px);line-height:.86}.dialog-meta p{color:#f5f5f5ad;letter-spacing:.12em;text-transform:uppercase;margin:10px 0 0;font-size:10px}@keyframes introCurtain{0%,72%{opacity:1}to{opacity:0}}@keyframes introLockup{0%{opacity:0;filter:blur(12px);transform:translate(-50%,-42%)scale(.955)}24%,68%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(3px);transform:translate(-50%,-57%)scale(1.02)}}@keyframes ambientBreath{0%{filter:blur(80px)saturate();transform:translate(-51%,-49%)scale(.96)rotate(-1deg)}to{filter:blur(68px)saturate(1.16);transform:translate(-49%,-51%)scale(1.07)rotate(1deg)}}@keyframes sceneSpectrum{0%{background-position:0 10%,100% 70%,48% 0,50%,50% 100%;background-size:108% 108%,104% 104%,96% 96%,114% 114%,100% 100%}45%{background-position:16% 0,82% 92%,58% 24%,43% 58%,50% 100%;background-size:118% 118%,96% 96%,112% 112%,132% 132%,100% 100%}to{background-position:4% 22%,96% 58%,39% 13%,59% 42%,50% 100%;background-size:98% 98%,116% 116%,104% 104%,106% 106%,100% 100%}}@keyframes sceneLightA{0%{animation-timing-function:cubic-bezier(.16,.84,.31,1);transform:translate(-15%,11%)scale(.8)}17%{animation-timing-function:cubic-bezier(.7,.02,.2,1);transform:translate(7%,-21%)scale(1.13)}44%{animation-timing-function:cubic-bezier(.1,.72,.45,1);transform:translate(28%,-7%)scale(.91)}63%{animation-timing-function:cubic-bezier(.76,0,.25,1);transform:translate(-3%,25%)scale(1.2)}86%{transform:translate(17%,8%)scale(.88)}to{transform:translate(33%,-15%)scale(1.08)}}@keyframes sceneLightB{0%{animation-timing-function:cubic-bezier(.62,.04,.18,.96);transform:translate(17%,-19%)scale(1.12)}24%{animation-timing-function:cubic-bezier(.08,.76,.4,1);transform:translate(-29%,4%)scale(.84)}39%{animation-timing-function:cubic-bezier(.74,.02,.22,1);transform:translate(-6%,18%)scale(1.17)}71%{animation-timing-function:cubic-bezier(.14,.78,.34,1);transform:translate(14%,-27%)scale(.92)}89%{transform:translate(27%,14%)scale(1.2)}to{transform:translate(-20%,21%)scale(.96)}}@keyframes cardLightA{0%{transform:translate(-18%,9%)scale(.8)}15%{transform:translate(4%,-24%)scale(1.16)}47%{transform:translate(29%,-5%)scale(.9)}69%{transform:translate(-8%,26%)scale(1.22)}to{transform:translate(23%,-11%)scale(1.05)}}@keyframes cardLightB{0%{transform:translate(19%,-21%)scale(1.14)}27%{transform:translate(-31%,5%)scale(.82)}42%{transform:translate(-3%,22%)scale(1.2)}78%{transform:translate(16%,-27%)scale(.91)}to{transform:translate(-22%,18%)scale(1.01)}}@keyframes frameTrace{to{--frame-angle:360deg}}@keyframes dockIn{0%{opacity:0;transform:translate(-50%)translateY(11px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes metaIn{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes coverZoomIn{0%{opacity:0;filter:blur(10px);transform:scale(.24)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes routeShadeIn{0%{background:0 0}46%{background:#000000a3}to{background:#080410}}@keyframes routeCardDive{0%{top:var(--route-top);left:var(--route-left);width:var(--route-width);height:var(--route-height);filter:blur();border-radius:7px}56%{filter:blur(.4px);border-color:#9068ff1f;border-radius:2px;width:103vw;height:103vh;top:-1.5vh;left:-1.5vw}76%{filter:blur(8px);border-color:#0000;border-radius:0;width:104vw;height:104vh;top:-2vh;left:-2vw}to{filter:blur();border-color:#0000;border-radius:0;width:100vw;height:100vh;top:0;left:0}}@keyframes routeGlowIn{0%{opacity:0;transform:scale(.72)}48%{opacity:.88}to{opacity:0;transform:scale(1.82)}}@keyframes routeCoverFade{0%{opacity:1;filter:blur();transform:scale(1)}10%{opacity:1;filter:blur(2px);transform:scale(1.008)}26%{opacity:.98;filter:blur(9px);transform:scale(1.025)}54%{opacity:.78;filter:blur(16px);transform:scale(1.045)}76%{opacity:.2;filter:blur(24px);transform:scale(1.065)}to{opacity:0;filter:blur(18px);transform:scale(1.075)}}@keyframes routeHeroReveal{0%,55%{opacity:0;filter:blur(12px);transform:scale(1.045)}78%{opacity:.72;filter:blur(6px)}to{opacity:1;filter:blur();transform:scale(1.02)}}@keyframes routeGalleryFade{to{opacity:0;filter:blur(5px)}}@keyframes returnVeilOut{0%{opacity:1}to{opacity:0}}@keyframes returnImageOut{0%{opacity:1;filter:blur(26px)saturate(.94)brightness(.24);transform:scale(1.08)}to{opacity:0;filter:blur(48px)saturate(.72)brightness(.06);transform:scale(1.13)}}@media (max-width:1000px){.main-nav span:not(.nav-active):not(.sound-reserved){display:none}.main-nav{gap:20px}.project-card{width:clamp(280px,min(39vw,46vh),390px)}}@media (max-width:760px){.gallery-shell{min-height:560px}.gallery-shell:after{border-radius:12px;inset:5px}.intro-name{white-space:normal;display:block}.intro-name strong,.intro-name span{display:block}.intro-name strong{font-size:18vw}.intro-name span{margin-top:13px;font-size:8vw}.intro-lockup small{font-size:6px;line-height:1.7}.topbar{padding:20px}.topbar:after{left:20px;right:20px}.brand strong,.brand-slash,.brand-gallery{font-size:16px}.brand small,.nav-active{display:none}.sound-reserved{padding:8px 12px;font-size:8px}.crowder-word{font-size:33vw;top:16vh}.green-atmosphere{width:160vw;height:120vw;top:42%}.scene-glow{width:125vw;height:116vw;top:45%}.stage{height:100%;top:0}.project-card{width:min(72vw,350px)}.reflection{height:100%}.project-dock{width:calc(100vw - 40px);min-width:0;bottom:25px}.project-meta h1{font-size:23px}.project-meta span,.project-meta p,.navigation-hint{display:none}.view-project{gap:12px;font-size:7px}.dialog-close{top:20px;right:20px}.dialog-meta{max-width:calc(100vw - 40px);bottom:28px;left:20px;right:20px}.dialog-meta h2{font-size:clamp(42px,15vw,72px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@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-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}