.project-detail{--project-accent:#d9dce2;--project-glow:#5a6476;--project-base:#060608;z-index:12;pointer-events:none;opacity:0;visibility:hidden;position:fixed;inset:0;overflow:hidden}.project-detail--enter,.project-detail--open,.project-detail--leave{pointer-events:auto}.project-detail--open{opacity:1;visibility:visible}.project-detail--leave{opacity:0;visibility:visible;transition:opacity .72s cubic-bezier(.55,0,.45,1),visibility .72s}.project-detail--3d-hero .project-detail__backdrop{background:linear-gradient(to right, transparent 0%, transparent 42%, color-mix(in srgb, var(--project-base) 55%, #030304) 50%, color-mix(in srgb, var(--project-base) 88%, #000) 58%, #060608 100%), radial-gradient(ellipse 90% 70% at 92% 110%, color-mix(in srgb, var(--project-glow) 22%, transparent) 0%, transparent 52%)}.project-detail--3d-hero .project-detail__hero--3d{pointer-events:none}.project-detail--3d-hero .project-detail__content{pointer-events:auto}.project-detail--hero-right .project-detail__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.project-detail--hero-right .project-detail__hero{order:2}.project-detail--hero-right .project-detail__content{order:1;padding-left:.5rem;padding-right:0}.project-detail--3d-hero.project-detail--hero-right .project-detail__backdrop{background:linear-gradient(to left, transparent 0%, transparent 42%, color-mix(in srgb, var(--project-base) 55%, #030304) 50%, color-mix(in srgb, var(--project-base) 88%, #000) 58%, #060608 100%), radial-gradient(ellipse 90% 70% at 8% 110%, color-mix(in srgb, var(--project-glow) 22%, transparent) 0%, transparent 52%)}.project-detail__backdrop{background:radial-gradient(ellipse 120% 80% at 10% -20%, color-mix(in srgb, var(--project-accent) 42%, transparent) 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 95% 110%, color-mix(in srgb, var(--project-glow) 28%, transparent) 0%, transparent 52%), linear-gradient(168deg, color-mix(in srgb, var(--project-base) 88%, #000) 0%, #060608 48%, #030304 100%);opacity:0;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.04)}.project-detail--open .project-detail__backdrop{opacity:1;transform:scale(1)}.project-detail--leave .project-detail__backdrop{opacity:0;transform:scale(1.03)}.project-detail__close{z-index:3;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;-webkit-backdrop-filter:blur(14px);cursor:pointer;opacity:0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .95rem .5rem .75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;transition:opacity .55s cubic-bezier(.22,1,.36,1) .12s,transform .55s cubic-bezier(.22,1,.36,1) .12s,color .2s,border-color .2s;display:inline-flex;position:absolute;top:1.65rem;left:1.65rem;transform:translateY(-8px)}.project-detail--open .project-detail__close{opacity:1;transform:translateY(0)}.project-detail__close:hover,.project-detail__close:focus-visible{color:#fff;border-color:#ffffff38;outline:none}.project-detail__close-icon{font-size:.95rem;line-height:1}.project-detail__layout{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.25rem,3vw,3rem);max-width:1280px;height:100%;margin:0 auto;padding:clamp(4.5rem,9vh,5.5rem) clamp(1.25rem,4vw,3.5rem) clamp(1.5rem,4vh,2.5rem);display:grid;position:relative}.project-detail__hero{align-items:center;min-height:0;display:flex}.project-detail__hero-frame{aspect-ratio:16/10;opacity:0;filter:blur(10px);border-radius:1.1rem;width:100%;max-height:min(72vh,640px);transition:opacity .9s cubic-bezier(.22,1,.36,1) 50ms,transform 1s cubic-bezier(.22,1,.36,1) 50ms,filter .9s cubic-bezier(.22,1,.36,1) 50ms;position:relative;overflow:hidden;transform:translateY(28px)scale(.96);box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff0f}.project-detail__hero-frame--ready,.project-detail--open .project-detail__hero-frame--ready{opacity:1;filter:blur();transform:translateY(0)scale(1)}.project-detail--leave .project-detail__hero-frame{opacity:0;filter:blur(8px);transition-duration:.55s;transition-delay:0s;transform:translateY(18px)scale(.98)}.project-detail__media{object-fit:cover;background:#0a0a0c;width:100%;height:100%;display:block}.project-detail__hero-shade{background:linear-gradient(165deg, transparent 40%, color-mix(in srgb, var(--project-base) 35%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.project-detail__content{flex-direction:column;justify-content:center;min-height:0;padding-right:.5rem;display:flex}.project-detail__meta{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--project-accent) 72%, #fff);margin:0 0 1.1rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem}.project-detail__title{letter-spacing:-.03em;color:#fff;margin:0 0 1.25rem;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:500;line-height:.95}.project-detail__lead{color:#ffffff94;max-width:34rem;margin:0 0 1.75rem;font-size:clamp(.95rem,1.35vw,1.05rem);line-height:1.65}.project-detail__highlights{flex-direction:column;gap:.85rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.project-detail__highlight{color:#ffffffc7;align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.5;display:flex}.project-detail__highlight-dot{background:var(--project-accent);width:.35rem;height:.35rem;box-shadow:0 0 12px color-mix(in srgb, var(--project-accent) 80%, transparent);border-radius:50%;flex-shrink:0;margin-top:.45rem}.project-detail__cta{letter-spacing:.04em;text-transform:uppercase;color:#0a1008;background:linear-gradient(110deg, var(--cta-grad-start,#1be356) 16%, var(--cta-grad-end,#abff84) 82%);box-shadow:0 10px 22px color-mix(in srgb, var(--cta-glow,#1be356) 38%, transparent), inset 0 1px 0 #ffffff61;will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:.72rem 1.35rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:background .25s,border-color .25s;display:inline-flex}.project-detail__cta-zone{justify-content:center;align-items:center;width:9rem;height:4.25rem;margin-top:-.45rem;display:inline-flex}.project-detail__cta-label{will-change:transform;pointer-events:none;white-space:nowrap;display:inline-block}.project-detail__cta:hover{background:linear-gradient(110deg, color-mix(in srgb, var(--cta-grad-start,#1be356) 86%, #fff 14%) 12%, color-mix(in srgb, var(--cta-grad-end,#abff84) 88%, #fff 12%) 84%);border-color:color-mix(in srgb, var(--cta-grad-end,#abff84) 88%, #fff 12%)}.project-detail__cta-arrow{display:none}.project-detail__reveal{opacity:0;filter:blur(6px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.project-detail--open .project-detail__reveal{opacity:1;filter:blur();transform:translateY(0)}.project-detail--open .project-detail__reveal[data-delay="0"],.project-detail--open .project-detail__reveal[data-delay="1"],.project-detail--open .project-detail__reveal[data-delay="2"],.project-detail--open .project-detail__reveal[data-delay="3"],.project-detail--open .project-detail__reveal[data-delay="4"],.project-detail--open .project-detail__reveal[data-delay="5"],.project-detail--open .project-detail__reveal[data-delay="6"]{transition-delay:50ms}.project-detail--leave .project-detail__reveal,.project-detail--leave .project-detail__close{opacity:0;filter:blur(4px);transition-duration:.55s;transition-delay:0s;transform:translateY(12px)}@media (width<=900px){.project-detail--3d-hero .project-detail__backdrop,.project-detail--3d-hero.project-detail--hero-right .project-detail__backdrop{background:0 0}.project-detail--3d-hero .project-detail__hero--3d{display:none}.project-detail__layout{-webkit-overflow-scrolling:touch;grid-template-rows:auto 1fr;grid-template-columns:1fr;padding-top:4.25rem;overflow-y:auto}.project-detail__hero-frame{aspect-ratio:16/11;max-height:42vh}.project-detail__content{justify-content:flex-start;padding-bottom:2rem}.project-detail__title{font-size:clamp(2rem,9vw,2.75rem)}}@media (prefers-reduced-motion:reduce){.project-detail,.project-detail__backdrop,.project-detail__hero-frame,.project-detail__close,.project-detail__reveal{transition:none!important}.project-detail--enter{opacity:1;visibility:visible}.project-detail__hero-frame,.project-detail__reveal,.project-detail__close{opacity:1;filter:none;transform:none}}.app{width:100vw;height:100vh;position:relative;overflow:hidden}@font-face{font-family:ThunderBlack;src:url(/Fonts/Web-PS/Thunder-BlackHC.woff2)format("woff2"),url(/Fonts/Web-PS/Thunder-BlackHC.otf)format("opentype");font-style:normal;font-weight:900;font-display:swap}.app-background{z-index:0;background:#000;position:absolute;inset:0;overflow:hidden}.mesh-gradient{position:absolute;inset:0;overflow:hidden}.mesh-gradient__canvas{filter:saturate(1.08);opacity:1;width:100%;height:100%;transition:filter .55s cubic-bezier(.4,0,.2,1),opacity .55s cubic-bezier(.4,0,.2,1);display:block}.app-background--card-hover .mesh-gradient__canvas{filter:saturate(1.14);opacity:.72}.crt-overlay{z-index:4;pointer-events:none;background:linear-gradient(#12101000 50%,#0000004d 50%) 0 0/100% 4px;animation:.15s infinite crt-flicker;position:absolute;inset:0;box-shadow:inset 0 0 60px #000c,inset 0 0 20px #000}.app--page-hidden .crt-overlay,.app-background--mobile .crt-overlay{opacity:.97;animation:none}.app-background--mobile .mesh-gradient__canvas{filter:saturate(1.04)}@keyframes crt-flicker{0%{opacity:.96}50%{opacity:1}to{opacity:.98}}.gallery-stage{z-index:1;transform-origin:50% 42%;transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .85s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.gallery-stage--simple{z-index:1;--simple-header-offset:6.25rem;--simple-list-center:.42;--simple-hover-scale:1.035;--simple-hover-shift:.72rem;padding-top:6.25rem;overflow:hidden auto}.app--project-open .gallery-stage{opacity:1;filter:none;transform:none}@media (width<=767px){.app--project-open .gallery-stage{opacity:0;pointer-events:none}}.app--project-closing .gallery-stage{opacity:0;filter:saturate(.96);transition-duration:.55s,.55s,.55s;transform:scale(.985)}.app--gallery-returning .gallery-stage{animation:.68s cubic-bezier(.22,1,.36,1) both gallery-stage-return}@keyframes gallery-stage-return{0%{opacity:.12;filter:saturate(.95);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}.gallery-stage--hidden{opacity:0;filter:blur(14px);pointer-events:none;transform:scale(.94)translateY(2.5vh)}.gallery-stage--project-hero{z-index:2;pointer-events:none}.app--project-transition .overlay{opacity:0;pointer-events:none;transform:translateY(-10px)}.app--project-transition .audio-player{opacity:0;pointer-events:none}.gallery-canvas{touch-action:manipulation;cursor:default;background:0 0;width:100%;height:100%;position:relative}@media (width>=768px){.gallery-canvas{touch-action:none;cursor:grab}.gallery-canvas:active{cursor:grabbing}}.gallery-canvas.gallery-canvas--pointer,.gallery-canvas.gallery-canvas--pointer:active{cursor:pointer}.simple-project-list{width:100%;padding:var(--simple-list-inset-top,calc(50dvh - var(--simple-header-offset) - 3rem)) 0 var(--simple-list-inset-bottom,calc(50dvh - var(--simple-header-offset) - 3rem));opacity:0;margin:0;list-style:none}.simple-project-list--enter{animation:.78s cubic-bezier(.22,1,.36,1) both simple-list-enter}@keyframes simple-list-enter{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.simple-project-list{opacity:1}.simple-project-list--enter{animation:none}.simple-project-item{transition:none}.simple-project-item:has(~.simple-project-item .simple-project-item__button:hover){transform:none}.simple-project-item:has(~.simple-project-item .simple-project-item__button:focus-visible){transform:none}.simple-project-item:has(.simple-project-item__button:hover)~.simple-project-item{transform:none}.simple-project-item:has(.simple-project-item__button:focus-visible)~.simple-project-item{transform:none}.simple-project-item__title{transition:color .2s}.simple-project-item__button:hover .simple-project-item__title,.simple-project-item__button:focus-visible .simple-project-item__title{transform:none}}.simple-project-item{border-bottom:1px solid color-mix(in srgb, var(--color-surface25) 65%, #fff 8%);width:100%;transition:transform .38s cubic-bezier(.22,1,.36,1);display:inline-block}.simple-project-separator{opacity:.72;align-items:center;gap:.8rem;width:min(90vw,40rem);margin:1.5rem auto .95rem;display:flex}.simple-project-separator__line{background:#fff3;flex:1;height:1px}.simple-project-separator__label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8f;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.62rem}.simple-project-list--gsap-shift .simple-project-item{transition:none}.simple-project-list--gsap-shift .simple-project-item:has(~.simple-project-item .simple-project-item__button:hover){transform:none}.simple-project-list--gsap-shift .simple-project-item:has(~.simple-project-item .simple-project-item__button:focus-visible){transform:none}.simple-project-list--gsap-shift .simple-project-item:has(.simple-project-item__button:hover)~.simple-project-item{transform:none}.simple-project-list--gsap-shift .simple-project-item:has(.simple-project-item__button:focus-visible)~.simple-project-item{transform:none}:is(.simple-project-item:has(.simple-project-item__button:hover),.simple-project-item:has(.simple-project-item__button:focus-visible)){z-index:2;position:relative}:is(.simple-project-item:has(~.simple-project-item .simple-project-item__button:hover),.simple-project-item:has(~.simple-project-item .simple-project-item__button:focus-visible)){transform:translateY(calc(var(--simple-hover-shift) * -1))}:is(.simple-project-item:has(.simple-project-item__button:hover)~.simple-project-item,.simple-project-item:has(.simple-project-item__button:focus-visible)~.simple-project-item){transform:translateY(var(--simple-hover-shift))}.simple-project-item__button{text-align:center;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;margin:0;padding:.35rem 2rem .15rem;display:flex}.simple-project-item__title{transform-origin:50%;letter-spacing:-.02em;text-transform:uppercase;color:#f2f2f2;max-width:min(92vw,68rem);margin:0;font-family:ThunderBlack,Impact,Arial Narrow Bold,sans-serif;font-size:clamp(2.2rem,8.2vw,8.2rem);font-weight:900;line-height:.76;transition:transform .78s cubic-bezier(.16,1,.3,1),color .25s;display:inline-block}.simple-project-item__button:hover .simple-project-item__title,.simple-project-item__button:focus-visible .simple-project-item__title{transform:scale(var(--simple-hover-scale));color:var(--simple-hover-color,#fff)}.simple-project-item__button:focus-visible{outline-offset:-1px;outline:1px solid #fff6}.simple-project-item__image{object-fit:contain;z-index:3;opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;width:auto;max-width:min(24vw,220px);height:auto;max-height:min(30vh,220px);position:fixed;top:0;left:0;transform:translate(-50%)translateY(-50%);box-shadow:0 24px 72px #0000006b,0 0 0 1px #ffffff14}.gallery-loader{z-index:1;pointer-events:none;justify-content:center;align-items:center;transition:opacity .45s,visibility .45s;display:flex;position:absolute;inset:0}.gallery-loader--hidden{opacity:0;visibility:hidden}.gallery-loader--filter{transition-duration:.25s}.gallery-loader__logo{object-fit:contain;width:2.5rem;height:2.5rem;animation:1.6s ease-in-out infinite gallery-loader-pulse}@keyframes gallery-loader-pulse{0%,to{opacity:.3;transform:scale(.94)}50%{opacity:.95;transform:scale(1)}}.overlay{pointer-events:none;z-index:2;flex-direction:column;align-items:center;padding-top:2.5rem;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0}.app--project-open .overlay{opacity:0;pointer-events:none;transform:translateY(-12px)}.app--project-open .audio-player{opacity:0;pointer-events:none}.gallery-step-nav{z-index:10;pointer-events:auto;align-items:center;gap:.65rem;display:flex;position:fixed;bottom:1.75rem;left:50%;transform:translate(-50%)}.gallery-step-nav__btn{color:#ffffff9e;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;transition:color .2s,border-color .2s,background .2s;display:flex}.gallery-step-nav__btn:hover,.gallery-step-nav__btn:focus-visible{color:#fffffff2;background:#ffffff12;border-color:#ffffff2e;outline:none}.app--project-open .gallery-step-nav,.app--project-transition .gallery-step-nav{opacity:0;pointer-events:none}.gallery-autoscroll-toggle{color:#ffffff80;-webkit-backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:color .2s,border-color .2s;display:flex;position:absolute;top:1.75rem;right:1.75rem}.gallery-autoscroll-toggle:hover,.gallery-autoscroll-toggle:focus-visible{color:#ffffffe6;border-color:#ffffff24;outline:none}.site-brand{pointer-events:auto;align-items:center;gap:1rem;display:flex;position:absolute;top:1.75rem;left:1.75rem}.site-brand__logo{object-fit:contain;opacity:.9;width:2rem;height:2rem}.site-brand__sep{background:#ffffff38;flex-shrink:0;width:1px;height:1.35rem}.site-brand__name{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb8;margin:0;font-size:.82rem;font-weight:400;line-height:1}.site-brand__name strong{color:#fff;font-weight:700}.layout-toggle{pointer-events:auto;letter-spacing:.04em;text-transform:lowercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;max-width:28rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;display:flex}.layout-toggle [data-menu-anim]{will-change:transform, opacity;transform-origin:50%}.layout-toggle__group{align-items:center;gap:.65rem;display:inline-flex}.layout-toggle button{color:#ffffff59;cursor:pointer;background:0 0;border:none;padding:.25rem .1rem;transition:color .2s}.layout-toggle button.layout-toggle__fav.active,.layout-toggle button.layout-toggle__fav:hover{color:#ff4d6d}.layout-toggle button.layout-toggle__all.active,.layout-toggle button.layout-toggle__all:hover{color:#8be9fd}.layout-toggle button.layout-toggle__simple.active,.layout-toggle button.layout-toggle__simple:hover{color:#f1fa8c}.layout-toggle button.layout-toggle__coding.active,.layout-toggle button.layout-toggle__coding:hover{color:#50fa7b}.layout-toggle button.layout-toggle__films.active,.layout-toggle button.layout-toggle__films:hover{color:#bd93f9}.layout-toggle button.layout-toggle__playground.active,.layout-toggle button.layout-toggle__playground:hover{color:#ffb86c}.layout-toggle__fav{justify-content:center;align-items:center;padding:.2rem .15rem;line-height:0;display:inline-flex}.layout-toggle__heart{display:block}.layout-toggle .sep{color:#ffffff40;-webkit-user-select:none;user-select:none}.active-project{text-align:center;max-width:32rem;margin-top:auto;margin-bottom:2rem;padding:0 1.25rem}.active-project__title{letter-spacing:.14em;text-transform:uppercase;color:#ffffffeb;margin:0 0 .45rem;font-size:.82rem;font-weight:500}.active-project__description{letter-spacing:.02em;color:#ffffff6b;margin:0;font-size:.78rem;line-height:1.55}.vhs-tuning-toggle{z-index:10;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;padding:.45rem .85rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;transition:color .2s,border-color .2s;position:fixed;bottom:1.75rem;left:1.75rem}.vhs-tuning-toggle:hover,.vhs-tuning-toggle[aria-expanded=true]{color:#fff;border-color:#ffffff2e}.vhs-tuning{z-index:20;color:#ffffffd1;-webkit-backdrop-filter:blur(14px);pointer-events:auto;background:#08080aeb;border:1px solid #ffffff1a;border-radius:12px;width:min(18.5rem,100vw - 2.5rem);max-height:min(70vh,32rem);padding:1rem 1rem .85rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;position:fixed;bottom:4.5rem;left:1.75rem;overflow:auto;box-shadow:0 12px 40px #00000073}.vhs-tuning__header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.vhs-tuning__title{letter-spacing:.1em;text-transform:uppercase;color:#fff;margin:0;font-size:.72rem;font-weight:600}.vhs-tuning__close{color:#ffffff73;cursor:pointer;background:0 0;border:none;width:1.5rem;height:1.5rem;padding:0;font-size:1.1rem;line-height:1}.vhs-tuning__close:hover{color:#fff}.vhs-tuning__check{cursor:pointer;color:#fff9;align-items:center;gap:.45rem;margin-bottom:.85rem;display:flex}.vhs-tuning__section{letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;margin:.65rem 0 .35rem;font-size:.62rem}.vhs-tuning__row{cursor:pointer;grid-template-columns:1.1rem 1fr 3.2rem;align-items:center;gap:.4rem;margin-bottom:.35rem;display:grid}.vhs-tuning__row-label{color:#ffffff80}.vhs-tuning__range{accent-color:#ffffffbf;width:100%}.vhs-tuning__number{width:100%;font:inherit;color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:.15rem .25rem;font-size:.62rem}.vhs-tuning__footer{border-top:1px solid #ffffff14;gap:.5rem;margin-top:.85rem;padding-top:.65rem;display:flex}.vhs-tuning__footer button{font:inherit;letter-spacing:.04em;color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:.4rem .5rem;font-size:.62rem}.vhs-tuning__footer button:hover{color:#fff;border-color:#fff3}.vhs-tuning__hint{color:#ffffff59;margin:.65rem 0 0;font-size:.58rem;line-height:1.45}.vhs-tuning__hint code{color:#ffffff80}.audio-player{z-index:10;-webkit-backdrop-filter:blur(10px);pointer-events:auto;opacity:.92;background:#ffffff08;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .7rem .45rem .55rem;transition:opacity .55s cubic-bezier(.22,1,.36,1),border-color .2s;display:flex;position:fixed;bottom:1.75rem;right:1.75rem}.audio-player:hover{opacity:1;border-color:#ffffff24}.audio-player__btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;transition:color .2s;display:flex}.audio-player__btn:hover:not(:disabled),.audio-player__btn:focus-visible{color:#ffffffe6;outline:none}.audio-player__btn:disabled{opacity:.3;cursor:default}.audio-player__waveform{flex-shrink:0;width:7rem;height:1.25rem;display:block}.app-background:before,.app-background:after{content:"";pointer-events:none;position:absolute;inset:0}.app-background:before{z-index:2;opacity:.34;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-position:12px 8px;background-size:180px 180px}.app-background:after{z-index:3;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)'/%3E%3C/svg%3E");background-position:-6px 14px;background-size:96px 96px}.app--page-hidden .crt-overlay,.app--page-hidden .app-background:before,.app--page-hidden .app-background:after{animation-play-state:paused}.app-background--reduced-motion .crt-overlay{opacity:.97;animation:none}@media (width<=768px){.overlay{padding-top:1rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom,0px))}.gallery-step-nav{left:50%;bottom:calc(3rem + env(safe-area-inset-bottom,0px));gap:.55rem;transform:translate(-50%)}.gallery-step-nav__btn{width:3rem;height:3rem}.audio-player{display:none}.gallery-autoscroll-toggle{width:2rem;height:2rem;top:1rem;right:1rem}.site-brand{gap:.55rem;max-width:calc(100vw - 4.5rem);top:1rem;left:1rem}.site-brand__logo{width:1.7rem;height:1.7rem}.site-brand__sep{height:1.1rem}.site-brand__name{letter-spacing:.09em;white-space:nowrap;font-size:.58rem;line-height:1.15}.layout-toggle{letter-spacing:.02em;gap:.45rem;max-width:min(22rem,100vw - 1.2rem);margin-top:2.85rem;font-size:.84rem}.layout-toggle__group{gap:.45rem}.layout-toggle .sep{display:none}.layout-toggle button{color:#ffffffd6;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;min-height:2.15rem;padding:.42rem .62rem;font-weight:500;line-height:1;transition:color .2s,border-color .2s,background-color .2s}.layout-toggle button.active{color:#fff;background:#fff3;border-color:#fff6}.layout-toggle button.layout-toggle__fav.active{color:#ff4d6d;background:#ff97aa60;border-color:#ff708ac5}.layout-toggle button.layout-toggle__all.active{color:#8be9fd;background:#bbf2fe60;border-color:#a2edfdc5}.layout-toggle button.layout-toggle__simple.active{color:#f1fa8c;background:#f7fcbc60;border-color:#f4fba3c5}.layout-toggle button.layout-toggle__coding.active{color:#50fa7b;background:#99fcb260;border-color:#72fb95c5}.layout-toggle button.layout-toggle__films.active{color:#bd93f9;background:#d8c0fb60;border-color:#caa8fac5}.layout-toggle button.layout-toggle__playground.active{color:#ffb86c;background:#ffd5a960;border-color:#ffc689c5}.layout-toggle__fav{width:2.15rem;min-width:2.15rem;padding:0}.active-project{max-width:calc(100vw - 2rem);margin-bottom:4rem;padding:0 1rem}.active-project__title{letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.active-project__description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.gallery-stage--simple{--simple-header-offset:5.5rem;--simple-list-center:.42;padding-top:5.5rem}.simple-project-item__button{padding:.25rem 1rem .1rem}.simple-project-item__title{letter-spacing:-.01em;font-size:clamp(1.75rem,13.5vw,4.8rem);line-height:.75}.simple-project-item__image{display:none}}@media (width<=480px){.site-brand__name{letter-spacing:.075em;font-size:.52rem}.layout-toggle{gap:.38rem;max-width:calc(100vw - .8rem);margin-top:2.75rem;font-size:.8rem}.layout-toggle button{min-height:2rem;padding:.36rem .55rem}}*,:before,:after{box-sizing:border-box}html,body,#root{background:#0a0a0b;width:100%;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}