@layer base{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:10000;clip:auto;white-space:nowrap;background:var(--color-bg);width:auto;height:auto;color:var(--color-text);border:1px solid var(--color-text-light);border-radius:var(--radius-sm);font-family:var(--font-body), sans-serif;outline:2px solid var(--color-text);outline-offset:2px;margin:0;padding:12px 16px;font-size:.95rem;text-decoration:none;position:fixed;top:12px;left:12px;overflow:visible;box-shadow:0 8px 24px #0000001f}@font-face{font-family:Qurova;src:url(/Assets/Fonts/Qurova/Qurova-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:100%}@font-face{font-family:BrittiSans;src:url(/Assets/Fonts/BrittiSans/BrittiSans-Semibold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-heading:"Qurova", sans-serif;--font-body:"BrittiSans", sans-serif;--cursor-x:50;--cursor-y:50;--color-bg:oklch(98% .01 15);--color-text:oklch(0% 0 0);--color-text-light:oklch(44% 0 0);--color-border:oklch(60% 0 0);--color-accent:var(--lightningcss-light,#c1121f)var(--lightningcss-dark,#ff6b6b);--shadow-faint:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f);--shadow-subtle:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff1a);--shadow-light:var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff24);--blur-glass:blur(28px) saturate(140%);--radius-sm:14px;--radius-md:18px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}@supports not (color:oklch(0% 0 0)){:root{--color-bg:#fdf5f6;--color-text:#000;--color-text-light:#6b6b6b;--color-border:#888;--color-accent:#c1121f}}:root{accent-color:var(--color-accent);--expo-out:linear(0 0%, .1684 2.66%, .3165 5.49%, .446 8.52%, .5581 11.78%, .6535 15.29%, .7341 19.11%, .8011 23.3%, .8557 27.93%, .8962 32.68%, .9283 38.01%, .9529 44.08%, .9711 51.14%, .9833 59.06%, .9915 68.74%, 1 100%)}}@layer components{[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(14.7% 0 0);--color-text:oklch(95% .005 15);--color-text-light:oklch(58% .005 15);--color-border:oklch(45% .005 15)}@supports not (color:oklch(0% 0 0)){[data-theme=dark]{--color-bg:#252525;--color-text:#f0ecec;--color-text-light:#888;--color-border:#666}}[data-theme=dark] .navigation:before{background:linear-gradient(#303030e0 0%,#252525d1 100%)}.bento-card{background:0 0}[data-theme=dark] .bento-card{background:#ffffff0a}[data-theme=dark] .bento-card:hover{background:#ffffff14}[data-theme=dark] .accordion-trigger{background:linear-gradient(#ffffff0b 0%,#ffffff06 100%);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .accordion-trigger:hover{border-color:#ffffff21;box-shadow:inset 0 1px #ffffff0d,0 18px 34px #0000003d}.project-list-item{border-bottom-color:var(--lightningcss-light,var(--shadow-subtle))var(--lightningcss-dark,#ffffff12)}.project-list-item.clickable:hover{background:var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff0a)}[data-theme=dark] .projects-list{background:linear-gradient(#ffffff09 0%,#ffffff04 100%);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a}.accordion-icon{background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff24)}details[open] summary .accordion-icon{background:var(--lightningcss-light,var(--color-text))var(--lightningcss-dark,#ffffffd9)}details[open] summary .accordion-icon:after{border-color:var(--lightningcss-light,#fff)var(--lightningcss-dark,#252525);transform:rotate(225deg)translate(-1px,-2px)}.accordion-count{background:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff14)}@media (hover:hover) and (pointer:fine){[data-theme=dark] body:before{content:"";filter:blur(18px);width:280px;height:280px;transform:translate3d(calc(var(--cursor-x) * 1px - 140px), calc(var(--cursor-y) * 1px - 140px), 0);will-change:transform, opacity;pointer-events:none;z-index:0;opacity:.9;background:radial-gradient(circle,#ff9ec429 0%,#ff9ec417 26%,#ff9ec406 52%,#ff9ec400 72%);border-radius:50%;transition:opacity .18s;position:fixed;top:0;left:0}}[data-theme=dark] .nda-overlay{background:#252525f5}[data-theme=dark] .nda-overlay:hover{background:#252525}[data-theme=dark] .project-card.nda-protected .project-image:before{background:#25252580}[data-theme=dark] dialog.nda-modal::backdrop{background:#000000bf}[data-theme=dark] .nda-modal-content{background:#2e3035;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff14}.nda-password-input{border-color:var(--lightningcss-light,var(--color-border))var(--lightningcss-dark,#ffffff26);color:var(--color-text);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ffffff0f)}[data-theme=dark] .cv-picker{background:#252525f2;border-color:#ffffff1a}.cv-picker-option:hover{background:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f)}[data-theme=dark] .hamburger-fade-zone{background:linear-gradient(oklch(14.7% 0 0) 0% 10%,#252525e6 25%,#252525b3 40%,#25252566 55%,#25252533 70%,#25252514 82%,#25252505 92%,#0000 100%)}[data-theme=dark] :is(.project-description,.project-meta){color:var(--color-text-light)}[data-theme=dark] .sidebar:before{background:linear-gradient(90deg,#fff0 0%,#ffffff1f 14% 86%,#fff0 100%)}.theme-toggle{cursor:pointer;color:var(--color-text);opacity:.5;-webkit-tap-highlight-color:transparent;will-change:transform;--theme-icon-x:calc(100% - 10px);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:8px;padding:4px 0 4px 24px;transition:opacity .2s;display:flex;position:relative}.theme-toggle:before{content:"";background:#00000029;width:1px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:none!important}[data-theme=dark] .theme-toggle:before{background:#ffffff24}.theme-toggle:after{content:"";left:var(--theme-icon-x);opacity:0;pointer-events:none;background:radial-gradient(circle,#ffd60a38 0%,#ffd60a00 70%);border-radius:50%;width:28px;height:28px;transition:opacity .5s,transform .5s cubic-bezier(.34,1.4,.64,1);position:absolute;top:50%;transform:translate(-50%,-50%)scale(.6)}[data-theme=dark] .theme-toggle:after{opacity:1;transform:translate(-50%,-50%)scale(1)}.theme-toggle:hover{opacity:1}.theme-toggle svg{transform-origin:50%;transform-box:fill-box}.theme-toggle .icon-sun,.theme-toggle .icon-moon{left:var(--theme-icon-x);opacity:1;transition:opacity .35s,transform .55s cubic-bezier(.34,1.4,.64,1),filter .35s;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1)rotate(0)}.theme-toggle .icon-sun{opacity:0;filter:drop-shadow(0 0 #ffd60a00);transform:translate(-50%,-50%)scale(.4)rotate(90deg)}.theme-toggle .icon-moon{opacity:1;filter:drop-shadow(0 0 #fff0);transform:translate(-50%,-50%)scale(1)rotate(0)}[data-theme=dark] .theme-toggle .icon-sun{opacity:1;filter:drop-shadow(0 0 6px #ffd60a59);transform:translate(-50%,-50%)scale(1)rotate(0)}[data-theme=dark] .theme-toggle .icon-moon{opacity:0;filter:drop-shadow(0 0 #fff0);transform:translate(-50%,-50%)scale(.4)rotate(-90deg)}@supports (rotate:0deg){.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:opacity .35s,rotate .55s cubic-bezier(.34,1.4,.64,1),scale .55s cubic-bezier(.34,1.4,.64,1),filter .35s;transform:translate(-50%,-50%)rotate(0)scale(1)}.theme-toggle .icon-sun{opacity:0;rotate:90deg;scale:.4}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{opacity:1;rotate:0deg;scale:1}[data-theme=dark] .theme-toggle .icon-moon{opacity:0;rotate:-90deg;scale:.4}}@media (prefers-reduced-motion:reduce){.theme-toggle .icon-sun,.theme-toggle .icon-moon{filter:none;transition:none;transform:translate(-50%,-50%)rotate(0)scale(1)}.theme-toggle:after{opacity:0;transition:none;transform:translate(-50%,-50%)}}body,h1,h2,h3,h4,h5,h6,p,a,span,li,label,button,input,textarea,select,nav,header,main,section,article,aside,footer,figure,figcaption,.bento-card,.project-card,.project-list-item,.accordion-trigger,.accordion-content,.accordion-icon,.accordion-count,.skill-tag,.lang-pill,.btn-primary,.btn-secondary,.cert-card,.value-item,.stat-item,.values-header,.about-cta,.about-divider,.timeline-item,.about-stats,.game-card,.vinyl-sleeve,.travel-card,.song-card,.category-btn,.flag-btn,.flag-navigation,.flag-nav-pill,.gf-arrow,.nda-password-input,.cv-picker,.cv-picker-option,.nda-overlay,.nda-modal-content,.mobile-menu,.hamburger-fade-zone,.theme-toggle,.social-icon,.cs-panel,.cs-overlay,.cs-close-btn,.featured-release-card,.project-badge,.project-meta{transition:background-color .25s,color .15s}.cs-panel,.cs-overlay,.accordion-content,.project-list-item,.cs-close-btn{transition:unset}.scroll-to-top{-webkit-backdrop-filter:blur(20px)saturate(140%);width:48px;height:48px;color:var(--color-text);cursor:pointer;z-index:500;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fdf5f6d6 0%,#fdf5f6ad 100%);border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(20px)scale(.8);box-shadow:0 8px 24px #0f0f0f14}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-to-top:hover{transform:translateY(0)scale(1.08);box-shadow:0 12px 32px #0f0f0f1f}.scroll-to-top.visible:hover{transform:translateY(0)scale(1.08)}[data-theme=dark] .scroll-to-top{background:linear-gradient(#303030e0 0%,#252525d1 100%);border-color:#ffffff14;box-shadow:0 8px 24px #00000042}[data-theme=dark] .scroll-to-top:hover{box-shadow:0 12px 32px #00000057}@media (width<=768px){.scroll-to-top{width:44px;height:44px;bottom:20px;right:20px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body), "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);scrollbar-gutter:stable;font-size-adjust:from-font;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}p,blockquote,li{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:2px}.project-card,.bento-card,.cert-card,.vinyl-sleeve,.travel-card,.song-card{contain:layout style paint}.game-card{contain:layout style}.navigation{top:calc(2% + env(safe-area-inset-top));z-index:600;backdrop-filter:none;background:0 0;border:1px solid #0000;border-radius:50px;gap:32px;width:fit-content;margin:0 auto;padding:14px 28px;transition:border-color .3s,transform .4s cubic-bezier(.34,1.56,.64,1),background-color .25s,color .15s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;left:0;right:0}.navigation:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(28px)saturate(140%);opacity:0;transform-origin:50%;z-index:-1;pointer-events:none;background:linear-gradient(#fdf5f6d6 0%,#fdf5f6ad 100%);transition:opacity .26s,transform .62s cubic-bezier(.34,1.56,.64,1),box-shadow .52s 90ms;position:absolute;inset:0;transform:scaleX(.72)scaleY(.76);box-shadow:0 0 #0f0f0f00}.navigation.scrolled{backdrop-filter:blur(8px)saturate(115%);border-color:var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff14);background:#fdf5f62e;transform:translateY(-2px)}[data-theme=dark] .navigation.scrolled{background:#2525252e}.navigation.scrolled:before{opacity:1;transform:scaleX(1)scaleY(1);box-shadow:0 14px 36px #0f0f0f14}@media (prefers-reduced-motion:no-preference){.navigation{animation:.6s cubic-bezier(.34,1.18,.64,1) both nav-descend}}@keyframes nav-descend{0%{opacity:0;transform:translateY(-20px)scale(.96)}}.nav-link{color:var(--color-text);padding-bottom:4px;font-size:clamp(20px,1.5vw,28px);font-weight:400;transition:font-weight .3s;position:relative}button.nav-link{cursor:pointer;font-family:inherit;line-height:inherit;background:0 0;border:none;padding:0 0 4px}.nav-link.active{font-weight:600}.navigation.scrolled .nav-link:after{content:"";background-color:var(--color-text);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(0)}.navigation.scrolled .nav-link.active:after{opacity:1;transform:translate(-50%)scale(1)}.navigation.scrolled.nav-ready .nav-link.active:after{animation:.5s cubic-bezier(.34,1.8,.64,1) both dotPop}@keyframes dotPop{0%{opacity:0;transform:translate(-50%)translateY(10px)scale(.3)}60%{opacity:1;transform:translate(-50%)translateY(-2px)scale(1.4)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.nav-link:hover{font-weight:600}.container{max-width:1920px;margin:0 auto;padding:40px clamp(40px,3vw,64px)}.hero{gap:0;max-width:1920px;min-height:auto;margin:clamp(54px,6vh,88px) auto 108px;display:flex;position:relative;overflow:clip}.hero:after{content:"";background:linear-gradient(#0000 0%,#0000002e 14% 86%,#0000 100%);width:1px;margin-right:-1px;transition:right .3s;position:absolute;top:0;bottom:0;right:clamp(400px,28vw,520px)}[data-theme=dark] .hero:after{background:linear-gradient(#fff0 0%,#ffffff1f 14% 86%,#fff0 100%)}.hero-content{flex-direction:column;flex:1;max-width:none;margin-right:50px;padding-right:clamp(72px,6vw,96px);display:flex}.hero-title{font-family:var(--font-heading);font-size-adjust:from-font;letter-spacing:-.04em;text-wrap:balance;margin-bottom:0;font-size:clamp(38px,3.9vw,68px);font-weight:700;line-height:1.05;transition:font-size .3s}.hero-char{white-space:pre;will-change:transform, opacity;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-char{opacity:1!important;transform:none!important}}.phrase-container{height:250px;margin-top:clamp(16px,1.8vw,28px);margin-bottom:clamp(2px,.6vw,12px);position:relative;overflow:hidden}.hero-subtitle{font-family:var(--font-heading);font-size-adjust:from-font;color:color-mix(in oklab, var(--color-text-light) 78%, var(--color-text) 22%);letter-spacing:-.035em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(42px,4.3vw,76px);font-weight:700;line-height:1.08;transition:opacity .5s,transform .5s}.hero-info{gap:clamp(48px,6vw,104px);margin-top:auto;display:flex}.info-block h2{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-light);margin-bottom:10px;font-size:clamp(13px,.95vw,15px);font-weight:600;transition:font-size .3s}.info-block p{color:var(--color-text);letter-spacing:-.02em;font-size:clamp(20px,1.55vw,27px);line-height:1.25;transition:font-size .3s}.sidebar{flex-direction:column;flex-shrink:0;width:clamp(400px,28vw,520px);padding-left:50px;display:flex}.profile-image{border-radius:30%;flex-shrink:0;width:110px;height:110px;margin-bottom:28px;overflow:hidden}.profile-image img{object-fit:cover;will-change:transform;width:100%;height:100%}.sidebar-title{margin-bottom:12px;font-size:clamp(20px,1.6vw,28px);font-weight:600;transition:font-size .3s}.sidebar-bio{color:var(--color-text-light);margin-bottom:32px;font-size:clamp(16px,1.3vw,22px);line-height:1.5;transition:font-size .3s}.social-links{gap:20px;margin-top:auto;display:flex}.social-icon{width:24px;height:24px;display:block}.social-icon img{width:100%;height:100%}[data-theme=dark] .social-icon img{filter:invert()}.profile-map-row{align-items:center;gap:20px;margin-bottom:28px;display:flex}.location-widget-compact{flex-direction:column;flex:1;gap:4px;display:flex}.location-mini{align-items:center;gap:8px;display:flex}.location-pin{font-size:16px}.location-city{color:var(--color-text);font-size:clamp(16px,1.4vw,20px);font-weight:600;line-height:1.2}.vacation-badge{color:var(--color-text);background:#ffc8644d;border-radius:12px;margin-left:8px;padding:4px 10px;font-size:clamp(12px,1.1vw,14px);font-weight:500;display:none}.vacation-badge.show{display:inline-block}.weather-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.weather-icon{flex:0 0 1.4em;place-items:center;block-size:1.4em;inline-size:1.4em;font-size:20px;line-height:1;transition:none;display:inline-grid}.weather-temp{color:var(--color-text);text-align:left;min-width:3.5ch;font-size:clamp(14px,1.2vw,18px);font-weight:600}.weather-desc{color:var(--color-text-light);font-size:clamp(12px,1.1vw,16px)}dialog.nda-modal{box-shadow:none;opacity:0;transition:opacity .3s ease, transform .3s ease, display .3s allow-discrete, overlay .3s allow-discrete;background:0 0;border:none;outline:none;margin:auto;padding:0;transform:translateY(20px)}dialog.nda-modal:open{opacity:1;transform:translateY(0)}@starting-style{dialog.nda-modal:open{opacity:0;transform:translateY(20px)}}dialog.nda-modal::backdrop{transition:background .3s ease, display .3s allow-discrete, overlay .3s allow-discrete;background:0 0}dialog.nda-modal:open::backdrop{background:#000000b3}@starting-style{dialog.nda-modal:open::backdrop{background:0 0}}.nda-modal-content{background:var(--color-bg);border-radius:16px;width:min(90vw,440px);max-width:none;padding:40px;box-shadow:0 20px 60px #0000004d}.nda-modal-title{color:var(--color-text);margin-bottom:12px;font-size:clamp(24px,2vw,32px);font-weight:600}.nda-modal-description{color:var(--color-text-light);margin-bottom:24px;font-size:clamp(14px,1.2vw,16px);line-height:1.5}.nda-password-input{border:2px solid var(--color-border);width:100%;font-size:16px;line-height:1.5;font-family:var(--font-body);box-sizing:border-box;background:#fff;border-radius:8px;height:48px;margin-bottom:16px;padding:14px 48px 14px 16px;transition:border-color .3s}.nda-password-wrapper{width:100%;position:relative}.nda-password-toggle{cursor:pointer;opacity:.5;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:opacity .3s;display:flex;position:absolute;top:12px;right:12px}.nda-password-toggle:hover{opacity:1}.nda-password-toggle svg{width:20px;height:20px;stroke:var(--color-text);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block}.nda-password-input:focus-visible{border-color:var(--color-text)}.nda-password-input.error{border-color:#f44;animation:.5s shake}.nda-modal-buttons{gap:12px;display:flex}.nda-btn{cursor:pointer;font-size:16px;font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;flex:1;padding:12px 24px;transition:background-color .3s,border-color .3s,color .3s}.nda-btn-primary{background:var(--color-text);color:var(--color-bg)}.nda-btn-primary:hover{background:#333}.nda-btn-secondary{color:var(--color-text);border:2px solid var(--color-border);background:0 0}.nda-btn-secondary:hover{background:#0000000d}.nda-error-message{color:#f44;margin-top:-8px;margin-bottom:16px;font-size:14px;display:none}.nda-error-message.show{display:block}@media (prefers-reduced-motion:reduce){dialog.nda-modal{transition:opacity .2s ease, display .2s allow-discrete, overlay .2s allow-discrete}dialog.nda-modal:open{opacity:1;transform:none}@starting-style{dialog.nda-modal:open{opacity:0;transform:none}}dialog.nda-modal::backdrop{transition:background .2s}.cv-picker{transition:opacity .15s ease, display .15s allow-discrete, overlay .15s allow-discrete}.cv-picker:popover-open{transform:translate(-50%)translateY(0)scale(1)}.cv-picker::backdrop{transition:background .2s}@media (width<=768px){.cv-picker:popover-open{transform:translateY(0)}.cv-picker:popover-open::backdrop{backdrop-filter:blur(4px);background:#00000059}}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.other-projects-accordion{width:100%}.other-projects-accordion>summary,.accordion-trigger{border:1px solid var(--shadow-faint);cursor:pointer;width:100%;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;appearance:none;will-change:transform;background:linear-gradient(#ffffffb8 0%,#ffffff70 100%);border-radius:24px;align-items:center;gap:12px;padding:18px 20px;list-style:none;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffbf}.other-projects-accordion>summary::-webkit-details-marker{display:none}.accordion-trigger::-webkit-details-marker{display:none}.other-projects-accordion>summary::marker,.accordion-trigger::marker{content:"";display:none}.accordion-trigger:hover{border-color:#0000001c;transform:translateY(-2px);box-shadow:inset 0 1px #fffc,0 18px 34px #0f0f0f0f}.accordion-trigger:hover .accordion-title{opacity:.82}.accordion-title{color:var(--color-text);font-size:clamp(18px,1.8vw,24px);font-weight:600;transition:opacity .2s}.accordion-count{color:var(--color-text-light);background:#0000000d;border-radius:999px;padding:4px 10px;font-size:clamp(13px,1.1vw,15px);font-weight:500}.accordion-icon{color:#0000;background:#0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;margin-right:0;font-size:0;line-height:0;transition:background .2s,transform .4s cubic-bezier(.34,1.2,.64,1);display:flex;overflow:hidden}.accordion-icon:after{content:"";border-right:2px solid var(--color-text);border-bottom:2px solid var(--color-text);width:8px;height:8px;transition:transform .3s;display:block;transform:rotate(45deg)translate(-1px,-2px)}.accordion-content{width:100%;max-height:0;margin-top:12px;transition:max-height .6s cubic-bezier(.4,0,.2,1);overflow:hidden}details[open] .accordion-content{max-height:3000px}.projects-list{border:1px solid var(--shadow-subtle);background:linear-gradient(#ffffff75 0%,#ffffff3d 100%);border-radius:26px;flex-direction:column;width:100%;padding:6px 0 18px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.project-list-item{border:none;border-bottom:1px solid var(--shadow-subtle);color:inherit;opacity:0;will-change:transform;background:0 0;align-items:center;gap:12px;padding:18px 22px;font-size:clamp(15px,1.3vw,18px);text-decoration:none;transition:opacity .35s,transform .35s cubic-bezier(.34,1.2,.64,1),padding .2s;display:flex;position:relative;overflow:visible;transform:translateY(8px)}.project-list-item:last-child{border-bottom:none}details[open] .accordion-content .project-list-item{opacity:1;transform:translateY(0)}details[open] .accordion-content .project-list-item:first-child{transition-delay:30ms}details[open] .accordion-content .project-list-item:nth-child(2){transition-delay:60ms}details[open] .accordion-content .project-list-item:nth-child(3){transition-delay:90ms}details[open] .accordion-content .project-list-item:nth-child(4){transition-delay:.12s}details[open] .accordion-content .project-list-item:nth-child(5){transition-delay:.15s}details[open] .accordion-content .project-list-item:nth-child(6){transition-delay:.18s}details[open] .accordion-content .project-list-item:nth-child(7){transition-delay:.21s}details[open] .accordion-content .project-list-item:nth-child(8){transition-delay:.24s}details[open] .accordion-content .project-list-item:nth-child(9){transition-delay:.27s}details[open] .accordion-content .project-list-item:nth-child(10){transition-delay:.3s}details[open] .accordion-content .project-list-item:nth-child(11){transition-delay:.33s}details[open] .accordion-content .project-list-item:nth-child(12){transition-delay:.36s}details[open] .accordion-content .project-list-item:nth-child(13){transition-delay:.39s}details[open] .accordion-content .project-list-item:nth-child(14){transition-delay:.42s}details[open] .accordion-content .project-list-item:nth-child(15){transition-delay:.45s}.project-list-item.clickable{cursor:pointer}.project-list-item.clickable:hover{background:#ffffff75;padding-left:28px}.project-list-item.clickable:hover .project-name{opacity:.82}.project-list-item.clickable .project-year:after{content:" →";opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.34,1.3,.64,1);display:inline-block;transform:translate(-6px)}.project-list-item.clickable:hover .project-year:after{opacity:.45;transform:translate(2px)}.project-list-item.nda-protected-item .project-year:after{content:" →";opacity:0;pointer-events:none;display:inline-block;transform:translate(-6px)}.project-list-item.nda-protected-item{cursor:default}.project-list-item.nda-protected-item:hover{padding-left:0}.project-list-item.nda-protected-item .nda-hidden-text{pointer-events:none;vertical-align:middle;display:inline-block;position:relative;overflow:hidden;color:#0000!important;-webkit-user-select:none!important;user-select:none!important}.project-list-item .particle-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.project-list-item.nda-protected-item.unlocked .nda-hidden-text{pointer-events:auto;overflow:visible;color:inherit!important;-webkit-user-select:auto!important;user-select:auto!important}.project-name{color:var(--color-text);flex-shrink:0;font-weight:600}.project-divider{color:var(--color-text-light);flex-shrink:0;font-size:1.2em;line-height:1}.project-studio{color:var(--color-text-light);flex-shrink:0}.project-year{color:var(--color-text-light);opacity:.7;white-space:nowrap;flex-shrink:0;margin-left:auto}@media (width<=768px){.other-projects-accordion{padding-inline:4px}.accordion-trigger{padding:18px 16px}.accordion-title{text-align:left}.accordion-icon{margin-right:0}.project-list-item{flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:13px 16px}.project-name{flex-shrink:1;font-size:14px}.project-divider{display:none}.project-studio{opacity:.6;order:3;width:100%;font-size:12px}.project-year{order:2;margin-left:auto;font-size:12px}.project-list-item.clickable .project-year:after,.project-list-item.nda-protected-item .project-year:after{display:none}.project-header{flex-wrap:nowrap;align-items:center;gap:10px}.project-header .project-title{flex:auto;min-width:0}.project-header .project-badge{white-space:nowrap;padding:4px 9px;font-size:11px}}.work-section{contain:layout style;margin-bottom:100px}.section-title{font-family:var(--font-heading);font-size-adjust:from-font;letter-spacing:-.04em;text-transform:none;text-wrap:balance;color:var(--color-text);margin-bottom:24px;font-size:clamp(28px,2.4vw,40px);font-weight:600}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px;margin-bottom:74px;display:grid;container-type:inline-size}.project-image-link{color:inherit;cursor:pointer;text-decoration:none;display:block;overflow:hidden}.project-image-link .project-image img{transition:transform .6s}.project-image-link:hover .project-image img{transform:scale(1.05)}.project-image-link.nda-link{pointer-events:none}.project-image-link.nda-link.unlocked{pointer-events:auto}.project-image-link.nda-link.unlocked .project-image img{transition:transform .6s}.project-image-link.nda-link.unlocked:hover .project-image img{transform:scale(1.05)}.project-card{transform-style:preserve-3d;will-change:transform, opacity;flex-direction:column;gap:28px;display:flex;position:relative}.project-card-link{color:inherit;text-decoration:none}.clickable-card:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.clickable-card,.accordion-trigger,.project-list-item.clickable{--glow-x:50%;--glow-y:50%}.featured-release-card{backdrop-filter:blur(24px);background:linear-gradient(#ffffffd9 0%,#ffffffad 100%),linear-gradient(135deg,#ffffffb8 0%,#f5efec99 100%);border:1px solid #0f0f0f14;border-radius:30px;padding:clamp(16px,2vw,22px);transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;box-shadow:inset 0 1px #ffffffb3}.featured-release-card.clickable-card{box-shadow:inset 0 1px #ffffffb3,0 24px 48px #0f0f0f14}.featured-release-card.clickable-card:hover{border-color:#0f0f0f1f;transform:translateY(-4px);box-shadow:inset 0 1px #ffffffb8,0 30px 56px #0f0f0f1c}.featured-release-card .project-image{background:linear-gradient(#ffffff1f,#fff0);border-radius:22px}.featured-release-card .project-info{gap:10px;padding:0 2px 2px}.featured-release-card .project-title{letter-spacing:-.03em}@media (width>=769px){.cs-card .project-title{white-space:nowrap;text-wrap:nowrap;font-size:clamp(22px,1.65vw,32px)}}.featured-release-card .project-badge{background:#ffffffb8;border-color:#0f0f0f1a;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600}.featured-release-card .project-description{max-width:48ch}.featured-release-card .project-meta{color:var(--color-text);opacity:.82}.cs-card{cursor:pointer}.cs-card .project-image{border-radius:22px}.project-card.nda-protected .project-image{position:relative;overflow:hidden}.project-card.nda-protected .project-image img{filter:blur(12px);z-index:0;transition:none;position:relative;transform:scale(1.1)}.project-card.nda-protected .project-image:before{content:"";z-index:1;pointer-events:none;background:#fdf5f680;position:absolute;inset:0}.project-card.nda-protected.unlocked .project-image:before{opacity:0;transition:opacity .5s}.project-card.nda-protected.unlocked .project-image img{filter:none;transition:filter .5s,transform .5s;transform:scale(1)}.project-card.nda-protected .nda-hidden-text,.project-card.nda-protected .project-title{pointer-events:none;display:inline-block;color:#0000!important;-webkit-user-select:none!important;user-select:none!important}.project-card.nda-protected.unlocked .nda-hidden-text,.project-card.nda-protected.unlocked .project-title{pointer-events:auto;animation:1s ease-out forwards text-reveal;color:inherit!important;-webkit-user-select:auto!important;user-select:auto!important}.particle-container{z-index:1}@keyframes particle-drift{0%,to{transform:translate(0)}25%{transform:translate(-10px,-15px)}50%{transform:translate(15px,10px)}75%{transform:translate(-5px,20px)}}.project-card.nda-protected.unlocked .particle-container{animation:1s ease-out forwards particles-disperse}[data-theme=dark] .particle{background:#c8d2dc59!important}@keyframes particles-disperse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)translateY(-50px)}}@keyframes text-reveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.nda-overlay{border-radius:inherit;cursor:pointer;z-index:10;pointer-events:auto;background:#fdf5f6fa;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:background .3s;display:flex;position:absolute;inset:0}.nda-overlay:hover{background:#fdf5f6}.nda-overlay.hidden{display:none}.nda-lock-icon{opacity:.6;font-size:48px}.nda-text{color:var(--color-text);text-align:center;font-size:clamp(18px,1.5vw,24px);font-weight:600}.nda-subtext{color:var(--color-text-light);text-align:center;font-size:clamp(14px,1.2vw,16px)}.project-image{aspect-ratio:16/9;border-radius:var(--radius-sm);width:100%;overflow:hidden}[data-theme=dark] .featured-release-card{background:linear-gradient(#2c2c2ceb 0%,#1f1f1fe0 100%),linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a}[data-theme=dark] .featured-release-card.clickable-card{box-shadow:inset 0 1px #ffffff0a,0 24px 48px #00000042}@media (hover:hover) and (pointer:fine){[data-theme=dark] .featured-release-card.clickable-card:after,[data-theme=dark] .accordion-trigger:after,[data-theme=dark] .project-list-item.clickable:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .22s;position:absolute;inset:0}[data-theme=dark] .featured-release-card.clickable-card:after{background:radial-gradient(240px circle at var(--glow-x) var(--glow-y), #ffa4c994, #ffa4c933 22%, #ffa4c912 42%, #ffa4c900 62%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}[data-theme=dark] .accordion-trigger:after{background:radial-gradient(220px circle at var(--glow-x) var(--glow-y), #ffa4c93d, #ffa4c912 38%, #ffa4c900 62%);border:1px solid #0000}[data-theme=dark] .project-list-item.clickable:before{background:radial-gradient(180px circle at var(--glow-x) var(--glow-y), #ffa4c924, #ffa4c90b 34%, #ffa4c900 64%)}[data-theme=dark] .featured-release-card.clickable-card:hover:after,[data-theme=dark] .accordion-trigger:hover:after,[data-theme=dark] .project-list-item.clickable:hover:before{opacity:1}}[data-theme=dark] .featured-release-card.clickable-card:hover{border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0d,0 30px 56px #00000057}[data-theme=dark] .featured-release-card .project-badge{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .featured-release-card .project-meta{color:var(--color-text);opacity:.86}.project-image img{object-fit:cover;width:100%;height:100%}.project-info{flex-direction:column;gap:12px;display:flex}.project-header{align-items:center;gap:16px;display:flex}.project-title{flex:auto;min-width:0;font-size:clamp(24px,2vw,32px);font-weight:600}.project-badge{color:var(--color-text-light);border:1px solid var(--color-border);white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:16px;display:inline-flex}.project-description{color:var(--color-text-light);font-size:clamp(16px,1.3vw,20px);line-height:1.5}.project-meta{font-size:clamp(16px,1.3vw,20px);font-weight:600}.hamburger-menu{top:calc(20px + env(safe-area-inset-top));z-index:10000;cursor:pointer;background:0 0;border:none;padding:10px;display:none;position:fixed;right:20px}.hamburger-menu span{background-color:var(--color-text);border-radius:2px;width:28px;height:3px;margin:5px 0;transition:all .3s;display:block}.hamburger-menu.active span:first-child{transform:rotate(-45deg)translate(-6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(45deg)translate(-6px,-6px)}.mobile-menu{top:calc(70px + env(safe-area-inset-top));backdrop-filter:blur(20px);z-index:999;opacity:0;background:var(--lightningcss-light,#fdf5f6e6)var(--lightningcss-dark,#252525e6);border:1px solid var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#ffffff14);border-radius:16px;width:auto;min-width:160px;padding:12px;transition:opacity .3s,transform .3s;display:none;position:fixed;right:20px;transform:translateY(-10px);box-shadow:0 8px 32px #0000001f}.mobile-menu.active{opacity:1;flex-direction:column;gap:4px;display:flex;transform:translateY(0)}.mobile-menu .nav-link{color:var(--color-text);text-align:left;border-radius:10px;padding:10px 16px;font-size:18px;font-weight:400;transition:background-color .2s;position:relative}.mobile-menu .nav-link:hover{background-color:#0000000d}.mobile-menu .nav-link.active{background-color:#88888840;font-weight:500}@media (width<=1200px){.navigation{top:calc(1.5% + env(safe-area-inset-top));gap:24px;padding:12px 24px}.hero{flex-direction:column;margin-top:3%}.hero:after{display:none}.hero-content{max-width:100%;margin-bottom:40px;padding-right:0}.sidebar:before{content:"";background:linear-gradient(90deg,#0000 0%,#0000002e 14% 86%,#0000 100%);width:100%;height:1px;margin-bottom:40px;display:block}.sidebar{width:100%;margin-top:0;padding-left:0}.projects-grid{grid-template-columns:1fr}}@supports not (container-type:inline-size){@media (width<=1200px){.projects-grid{grid-template-columns:1fr}}}@container (width<=800px){.projects-grid{grid-template-columns:1fr}}.hamburger-fade-zone{display:none}@media (width<=768px){.hamburger-fade-zone{z-index:9999;pointer-events:none;backface-visibility:hidden;background:linear-gradient(#fdf5f6 0% 10%,#fdf5f6e6 25%,#fdf5f6b3 40%,#fdf5f666 55%,#fdf5f633 70%,#fdf5f614 82%,#fdf5f605 92%,#0000 100%);width:100%;height:100px;display:block;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.container{padding:25px 20px}.location-widget-compact{display:none}.hamburger-menu{display:block}.navigation{display:none}.hero{flex-direction:column;margin-top:70px;margin-bottom:60px}.hero:after{display:none}.hero-content{max-width:100%;margin-bottom:40px;padding-right:0}.sidebar:before{content:"";background:linear-gradient(90deg,#0000 0%,#0000002e 14% 86%,#0000 100%);width:100%;height:1px;margin-bottom:40px;display:block}.sidebar{width:100%;margin-top:0;padding-left:0}.hero-title{letter-spacing:2px;max-width:100%;font-size:36px;line-height:1.3}.phrase-container{height:290px;margin-top:10px;margin-bottom:16px;overflow:hidden}.hero-subtitle{letter-spacing:2px;text-align:left;max-width:100%;font-size:36px;line-height:1.3}.hero-info{flex-direction:column;gap:24px}.info-block h2{margin-bottom:6px;font-size:18px}.info-block p{font-size:16px}.sidebar-title{font-size:20px}.sidebar-bio{font-size:16px;line-height:1.5}.profile-image{width:100px;height:100px}.section-title{margin-bottom:40px;font-size:40px}.work-section{margin-bottom:80px}.project-title{font-size:24px}.project-description,.project-meta{font-size:16px}.projects-grid{grid-template-columns:1fr;gap:50px}}html{scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}:root{--travel-accent:oklch(70% .1 70);--music-accent:oklch(60% .2 300);--gaming-accent:oklch(65% .18 145);--card-radius:var(--radius-sm);--card-shadow:0 2px 8px var(--shadow-faint), 0 8px 24px var(--shadow-subtle);--card-shadow-hover:0 8px 24px var(--shadow-light), 0 24px 48px #0000001a}.category-nav-top{flex-wrap:wrap;justify-content:flex-end;gap:24px;margin-bottom:40px;padding-top:40px;display:flex}.category-btn{font-size:16px;font-weight:500;font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 0;transition:color .3s,border-bottom-color .3s}.category-btn:hover{color:var(--color-text);border-bottom-color:var(--color-text)}.category-btn.active{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:600}.category-subtitle{color:var(--color-text);text-align:left;max-width:800px;margin:0 0 60px;font-size:clamp(16px,1.5vw,18px);font-weight:400;line-height:1.6;transition:opacity .3s}.category-section{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.34,1.18,.64,1);display:none;transform:translateY(12px)scale(.98)}.category-section.active{opacity:1;display:block;transform:translateY(0)scale(1)}.flag-navigation{scroll-behavior:smooth;scrollbar-width:none;background:#0000000e;border-radius:50px;gap:0;width:fit-content;max-width:100%;margin-bottom:40px;padding:4px;display:flex;position:relative;overflow:auto hidden}[data-theme=dark] .flag-navigation{background:#ffffff14}@media (width<=768px){.flag-navigation{border-radius:50px;width:100%}}.flag-btn{font-size:clamp(13px,1.1vw,15px);font-weight:500;font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;white-space:nowrap;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:46px;flex-shrink:0;align-items:center;gap:6px;padding:9px 20px;transition:color .25s,transform .2s cubic-bezier(.34,1.3,.64,1);display:flex;position:relative}.flag-btn:hover:not(.active){color:var(--color-text)}.flag-btn.active{color:var(--color-text);font-weight:600}.flag-nav-pill{pointer-events:none;z-index:0;background:#fff;border-radius:46px;height:calc(100% - 8px);transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .flag-nav-pill{box-shadow:none;background:#ffffff2e}.flag-btn:active{transform:scale(.96)}.category-btn:active,.game-card:active .game-cover,.vinyl-sleeve:active{transition:transform .1s;transform:scale(.97)}.masonry-grid{columns:320px;column-gap:12px;width:100%;padding:32px 28px 48px;transition:opacity .3s;position:relative}@supports (display:grid-lanes){.masonry-grid{display:grid-lanes;flow-tolerance:0px;columns:unset;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.travel-card{margin-bottom:0}@media (width<=1400px){.masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.masonry-grid{grid-template-columns:1fr}}}.travel-card{break-inside:avoid;border-radius:var(--card-radius);cursor:pointer;opacity:1;aspect-ratio:var(--travel-card-ar,.75);margin-bottom:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;transform:none}.travel-card:after{content:"";pointer-events:none;z-index:2;opacity:0;border-radius:inherit;background-image:radial-gradient(#ffffff80 1px,#0000 1px),radial-gradient(#0006 1px,#0000 1px);background-position:0 0,2px 2px;background-size:4px 4px,4px 4px;transition:opacity .25s;position:absolute;inset:0}.travel-card.grain-active:after{opacity:.55}@media (hover:hover){.travel-card:hover{box-shadow:var(--card-shadow-hover);z-index:10;transform:translateY(-2px)scale(1.01)}}.travel-card img{object-fit:cover;vertical-align:bottom;border-radius:inherit;width:100%;height:100%;transition:transform .3s;display:block}.travel-card:hover img{transform:scale(1.02)}.travel-card-location{backdrop-filter:blur(12px);border-radius:0 0 var(--card-radius) var(--card-radius);color:#fff;pointer-events:none;background:#00000059;align-items:center;gap:8px;padding:16px 14px 12px;font-size:15px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.travel-card-location .flag{font-size:18px;line-height:1}.travel-card-location .location-name{text-shadow:0 1px 4px #00000080;font-size:14px;font-weight:600}.music-category{margin-bottom:60px}.music-category-title{color:var(--color-text);margin:0 0 24px;font-size:clamp(24px,3vw,32px);font-weight:600}.my-music-container{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.song-card{perspective:1200px;cursor:pointer;flex-shrink:0;width:340px;height:340px;transition:width .65s cubic-bezier(.34,1.2,.64,1),height .65s cubic-bezier(.34,1.2,.64,1);position:relative}.song-card.flipped{width:480px;height:270px}.song-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.2,.64,1);position:relative}.song-card.flipped .song-card-inner{transform:rotateY(180deg)}.song-card-front,.song-card-back{border-radius:var(--radius-md);backface-visibility:hidden;clip-path:inset(0 round 18px);position:absolute;inset:0}.song-card-front{background:var(--lightningcss-light,#000)var(--lightningcss-dark,#252830);border:.5px solid #ffffff1f;flex-direction:column;display:flex;box-shadow:0 1px 2px #0000001a,0 8px 24px #00000024,0 24px 48px #0000001a}.song-card-artwork{border-radius:var(--radius-md) 18px 0 0;flex:1;position:relative;overflow:hidden}.song-card-artwork img{object-fit:cover;width:100%;height:100%;display:block}.song-card-artwork:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%) -100% 0/200% 100%;transition:background-position;position:absolute;inset:0}.song-card.flipped .song-card-artwork:after{background-position:200% 0;transition:background-position .45s}.song-card-info{backdrop-filter:blur(20px)saturate(180%);background:var(--lightningcss-light,#0a0a0ab8)var(--lightningcss-dark,#252830d9);border-top:.5px solid #ffffff14;align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.song-card-waveform{flex-shrink:0;align-items:flex-end;gap:2px;height:18px;display:flex}.song-card-waveform span{background:#ffffff80;border-radius:2px;width:3px;animation:1s ease-in-out infinite waveBar;display:block}.song-card-waveform span:first-child{height:40%;animation-delay:0s}.song-card-waveform span:nth-child(2){height:80%;animation-delay:.15s}.song-card-waveform span:nth-child(3){height:55%;animation-delay:.3s}.song-card-waveform span:nth-child(4){height:90%;animation-delay:.1s}@keyframes waveBar{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.8)}}.song-card-text{flex:1;min-width:0}.song-card-title{color:#fffffff2;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.song-card-artist{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:400;line-height:1.3;overflow:hidden}.song-card-producer{color:#ffffff47;letter-spacing:.03em;text-transform:uppercase;margin:4px 0 0;font-size:10px;font-weight:500;line-height:1.3}.song-card-play-btn{background:#ffffff1f;border:.5px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .2s;display:flex}.song-card.flipped .song-card-play-btn{background:#fff3;transform:scale(1.08)}.song-card-play-btn svg{fill:#fff;width:12px;height:12px;margin-left:2px}.song-card-back{background:#000;border:.5px solid #ffffff1f;transform:rotateY(180deg);box-shadow:0 1px 2px #0000001a,0 8px 24px #00000024,0 24px 48px #0000001a}#youtubePreview{pointer-events:none;border:none;width:100%;height:100%;position:absolute;inset:0}.song-card-back-overlay{z-index:5;background:linear-gradient(#0000 0%,#000000bf 100%);justify-content:space-between;align-items:flex-end;padding:20px 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.song-card-back-title{color:#ffffffe6;letter-spacing:-.01em;margin:0;font-size:13px;font-weight:600}.preview-badge{color:#fff;letter-spacing:.02em;backdrop-filter:blur(8px);background:#0000008c;border:.5px solid #ffffff26;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:flex}.preview-dot{background:#ff3b30;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (width<=768px){.song-card,.song-card.flipped{aspect-ratio:1;width:100%;max-width:320px;height:auto}.song-card.flipped .song-card-inner{transform:none}}.vinyl-shelf{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;padding:32px 28px 48px;display:grid;container-type:inline-size}.vinyl-sleeve{cursor:pointer;contain:layout style paint;aspect-ratio:1;block-size:auto;inline-size:100%;box-shadow:var(--card-shadow);opacity:0;animation:.55s cubic-bezier(.34,1.18,.64,1) forwards vinyl-reveal;animation-delay:calc(var(--i,0) * 60ms);background:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#2a2a30);border-radius:14px;transition:transform .3s cubic-bezier(.34,1.18,.64,1),box-shadow .3s;position:relative;overflow:hidden}@keyframes vinyl-reveal{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:hover){.vinyl-sleeve:hover{z-index:4;transform:translateY(-6px)scale(1.03);box-shadow:0 10px 20px #0000002e,0 30px 60px #00000038}}.vinyl-sleeve:focus-visible{outline:2px solid var(--music-accent,#c98aff);outline-offset:4px}.vinyl-disc{z-index:3;pointer-events:none;background:repeating-radial-gradient(circle,#111 0 2px,#1d1d22 2px 4px),radial-gradient(circle,#0a0a0a 0%,#111 38%,#1a1a1f 80%,#0a0a0a 100%);border-radius:50%;block-size:60%;inline-size:60%;transition:transform .55s cubic-bezier(.32,.94,.6,1.18);position:absolute;inset:auto -16% -16% auto;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 20px #0009,0 6px 14px #00000038}.vinyl-disc-label{background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--music-accent,#c98aff) 65%, #1a1a1a) 0%, color-mix(in oklch, var(--music-accent,#c98aff) 40%, #1a1a1a) 70%, color-mix(in oklch, var(--music-accent,#c98aff) 25%, #1a1a1a) 100%);border-radius:50%;block-size:32%;inline-size:32%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 4px #00000080}.vinyl-disc-label:after{content:"";background:#000000b3;border-radius:50%;block-size:8px;inline-size:8px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (hover:hover){.vinyl-sleeve:hover .vinyl-disc{animation:4s linear infinite vinylSpin;transform:translate(8px,8px)rotate(160deg)}}@keyframes vinylSpin{to{transform:translate(8px,8px)rotate(520deg)}}.sleeve-front{z-index:1;background:#111;border-radius:14px;position:absolute;inset:0;overflow:hidden}.sleeve-art{object-fit:cover;object-position:center top;z-index:1;block-size:100%;inline-size:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block;position:absolute;inset:0}@media (hover:hover){.vinyl-sleeve:hover .sleeve-art{transform:scale(1.05)}}.sleeve-overlay{pointer-events:none;z-index:2;background:linear-gradient(#0000 0% 50%,#00000073 75%,#000000d9 100%);position:absolute;inset:0}.sleeve-meta{pointer-events:none;z-index:4;flex-direction:column;gap:4px;padding:16px 14px 14px;display:flex;position:absolute;inset:auto 0 0}.sleeve-name{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 3px #000000f2,0 2px 10px #000000b3;margin:0;font-size:15px;font-weight:700;line-height:1.2}.sleeve-album-count{letter-spacing:.06em;text-transform:uppercase;color:#ffffffc7;text-shadow:0 1px 2px #000c;font-size:10px;font-weight:600}@media (width<=1024px){.vinyl-shelf{gap:22px;padding:28px 24px 40px}}@media (width<=768px){.vinyl-shelf{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px 20px 36px}}@media (width<=500px){.vinyl-shelf{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 16px 32px}.vinyl-disc{block-size:42%;inline-size:42%;inset:auto -10% -10% auto}.sleeve-meta{padding:12px 10px 10px}.sleeve-name{font-size:13px}.sleeve-album-count{font-size:9px}}@container (width<=420px){.vinyl-shelf{grid-template-columns:repeat(2,1fr);gap:10px}}@media (prefers-reduced-motion:reduce){.vinyl-sleeve{opacity:1;animation:none}.vinyl-disc,.vinyl-sleeve:hover .vinyl-disc,.sleeve-art,.vinyl-sleeve:hover .sleeve-art{transition:none;animation:none}.vinyl-sleeve:hover{transform:none}}dialog.vinyl-overlay{z-index:500;isolation:isolate;background:0 0;border:0;place-items:center;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;padding:40px 24px;display:grid;position:fixed;inset:0;overflow:hidden}dialog.vinyl-overlay::backdrop{backdrop-filter:blur()saturate();transition:display var(--cs-dur-slow,.6s) allow-discrete, overlay var(--cs-dur-slow,.6s) allow-discrete, background var(--cs-dur-slow,.6s) var(--cs-ease-out,ease-out), backdrop-filter var(--cs-dur-slow,.6s) var(--cs-ease-out,ease-out);background:#08080800}dialog.vinyl-overlay[open]::backdrop{backdrop-filter:blur(10px)saturate(140%);transition:display var(--cs-dur-slow,.6s) allow-discrete, overlay var(--cs-dur-slow,.6s) allow-discrete, background var(--cs-dur-med,.4s) var(--cs-ease-out,ease-out) var(--cs-dur-med,.4s), backdrop-filter var(--cs-dur-med,.4s) var(--cs-ease-out,ease-out) var(--cs-dur-med,.4s);background:#080808b3}@starting-style{dialog.vinyl-overlay[open]::backdrop{backdrop-filter:blur()saturate();background:#08080800}}dialog.vinyl-overlay.vinyl-closing::backdrop{backdrop-filter:blur()saturate();transition:background var(--cs-dur-med,.38s) var(--cs-ease-out,ease-out), backdrop-filter var(--cs-dur-med,.38s) var(--cs-ease-out,ease-out);background:#08080800}.vinyl-panel{background:var(--color-bg,#fdf5f6);overscroll-behavior:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--lightningcss-light,#00000024)var(--lightningcss-dark,#ffffff24) transparent;opacity:0;pointer-events:none;max-block-size:84vh;inline-size:100%;max-inline-size:720px;transition:display var(--cs-dur-med,.38s) allow-discrete, overlay var(--cs-dur-med,.38s) allow-discrete, opacity .38s var(--cs-ease-out,ease-out), transform .38s cubic-bezier(.32, .94, .6, 1.18);border-radius:24px;position:relative;overflow:hidden auto;transform:scale(.96);box-shadow:0 30px 80px #0006}dialog.vinyl-overlay[open] .vinyl-panel{opacity:1;pointer-events:auto;transform:scale(1)}@starting-style{dialog.vinyl-overlay[open] .vinyl-panel{opacity:0;transform:scale(.96)}}dialog.vinyl-overlay.vinyl-closing .vinyl-panel{opacity:0;transition:opacity .38s var(--cs-ease-out,ease-out), transform .38s cubic-bezier(.32, .94, .6, 1.18);transform:scale(.96)}.vinyl-close-btn{z-index:5;-webkit-backdrop-filter:blur(10px);color:#111;cursor:pointer;opacity:0;block-size:40px;inline-size:40px;transition:opacity .3s ease var(--cs-dur-med,.38s), transform .3s cubic-bezier(.34, 1.18, .64, 1) var(--cs-dur-med,.38s), background .2s ease;background:#ffffffb3;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;right:20px;transform:scale(.85);box-shadow:0 2px 10px #00000026}dialog.vinyl-overlay[open] .vinyl-close-btn{opacity:1;transform:scale(1)}.vinyl-close-btn:hover{background:#fffffff2;transform:scale(1.08)!important}.vinyl-close-btn:focus-visible{outline:2px solid var(--music-accent,#c98aff);outline-offset:3px}.vinyl-card-head{align-items:center;gap:22px;padding:28px 32px 8px;display:flex}.vinyl-avatar{background:var(--lightningcss-light,#e8e8ec)var(--lightningcss-dark,#2a2a30);border-radius:20px;flex-shrink:0;block-size:clamp(120px,30vw,200px);inline-size:clamp(120px,30vw,200px);overflow:hidden;box-shadow:0 12px 32px #0000003d}.vinyl-avatar img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.vinyl-card-head-text{flex-direction:column;align-items:flex-start;gap:16px;min-inline-size:0;display:flex}.vinyl-body{padding:20px 32px 40px}.vinyl-name{letter-spacing:-.02em;color:var(--color-text,#1a1a1a);margin:0;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.05}.vinyl-spotify-btn{color:#fff;letter-spacing:-.005em;background:#1db954;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.18,.64,1),box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 14px #1db9544d}.vinyl-spotify-btn:hover{background:#1ed760;transform:scale(1.04);box-shadow:0 6px 20px #1db9546b}.vinyl-spotify-btn:focus-visible{outline:2px solid var(--color-text,#1a1a1a);outline-offset:3px}.vinyl-spotify-dot{background:#fff;border-radius:50%;flex-shrink:0;block-size:9px;inline-size:9px;box-shadow:0 0 8px #fff9}.vinyl-albums-section{margin-block-start:4px}.vinyl-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light,#888);margin:0 0 16px;font-size:12px;font-weight:600}.vinyl-albums-row{scrollbar-width:none;-ms-overflow-style:none;gap:16px;margin-block:-14px -8px;margin-inline:-24px;padding-block:14px 8px;padding-inline:24px;display:flex;overflow-x:auto}.vinyl-albums-row::-webkit-scrollbar{display:none}.vinyl-album{cursor:pointer;flex:none;inline-size:150px}.vinyl-album-cover{background:var(--lightningcss-light,#e8e8ec)var(--lightningcss-dark,#2a2a30);border-radius:8px;block-size:150px;inline-size:150px;margin-block-end:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0000002e}.vinyl-album-cover img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .3s;display:block}@media (hover:hover){.vinyl-album{position:relative}.vinyl-album:hover{z-index:10}.vinyl-album:hover .vinyl-album-cover{box-shadow:var(--card-shadow-hover,0 8px 24px #00000029, 0 24px 48px #0000001a);transform:translateY(-4px)scale(1.02)}.vinyl-album:hover .vinyl-album-cover img{transform:scale(1.05)}}.vinyl-album-name{color:var(--color-text,#1a1a1a);letter-spacing:-.005em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:clip}.vinyl-album-info{flex-direction:column;gap:4px;margin-block-start:10px;display:flex}.vinyl-album-year{color:var(--lightningcss-light,#00000080)var(--lightningcss-dark,#ffffff8c);letter-spacing:-.005em;font-size:11px;font-weight:500}.vinyl-album-skeleton{background:linear-gradient(90deg,var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff0f) 0%,var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff1f) 50%,var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff0f) 100%) 0 0/200% 100%;border-radius:8px;flex:0 0 150px;block-size:150px;inline-size:150px;animation:1.4s ease-in-out infinite vinylShimmer}@keyframes vinylShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vinyl-albums-pills{flex-wrap:wrap;gap:8px;display:flex}.vinyl-album-pill{color:var(--color-text,#1a1a1a);letter-spacing:-.005em;backdrop-filter:blur(8px);background:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14);border-radius:999px;align-items:center;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (width<=768px){.vinyl-panel{border-radius:20px;max-block-size:88vh}.vinyl-card-head{gap:16px;padding:20px 20px 4px}.vinyl-avatar{border-radius:16px;block-size:96px;inline-size:96px}.vinyl-body{padding:16px 20px 32px}.vinyl-album,.vinyl-album-cover,.vinyl-album-skeleton{flex-basis:130px;inline-size:130px}.vinyl-album-cover,.vinyl-album-skeleton{block-size:130px}.vinyl-albums-row{margin-inline:-20px;padding-inline:20px}}@media (prefers-reduced-motion:reduce){dialog.vinyl-overlay::backdrop,dialog.vinyl-overlay[open]::backdrop,dialog.vinyl-overlay.vinyl-closing::backdrop{transition:none}.vinyl-panel,dialog.vinyl-overlay[open] .vinyl-panel,dialog.vinyl-overlay.vinyl-closing .vinyl-panel{transition:none;transform:none}.vinyl-close-btn,.vinyl-album-cover,.vinyl-album-cover img,.vinyl-album-skeleton{transition:none;animation:none}.vinyl-album-skeleton{background-size:100% 100%}}#gaming-section{display:none}#gaming-section.active{display:block}.games-subsection{margin-top:72px}.games-subsection-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light);align-items:center;gap:8px;margin:0 0 20px;font-size:clamp(13px,1.1vw,15px);font-weight:600;display:flex}.games-subsection-dot{background:#888;border-radius:50%;flex-shrink:0;width:7px;height:7px}.games-subsection-dot.playing{background:#30d158;animation:2s ease-in-out infinite pulse-dot-glow;box-shadow:0 0 6px #30d158b3}@keyframes pulse-dot-glow{0%,to{opacity:1;box-shadow:0 0 6px #30d158b3}50%{opacity:.6;box-shadow:0 0 12px #30d158e6}}.gf-stage{--gf-dwell:7s;aspect-ratio:21/9;background:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#1e2025);border-radius:20px;width:100%;position:relative;overflow:hidden}@media (width<=768px){.gf-stage{aspect-ratio:4/3;border-radius:var(--radius-sm)}}.gf-slide{opacity:0;visibility:hidden;pointer-events:none;transition-behavior:allow-discrete;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),visibility 1.1s;position:absolute;inset:0}.gf-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.gf-bg-img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0;scale:1}.gf-slide.is-active .gf-bg-img{animation:gf-kenburns-in var(--gf-dwell) linear backwards;scale:1.05}@keyframes gf-kenburns-in{0%{scale:1}}.gf-shade{pointer-events:none;background:radial-gradient(120% 90% at 50% 10%,#0000 60%,#00000040 100%),linear-gradient(#0000 32%,#00000040 58%,#000000e0 100%),linear-gradient(90deg,#00000073 0%,#0000 55%);position:absolute;inset:0}.gf-content{flex-direction:column;align-items:flex-start;gap:12px;padding:clamp(20px,4vw,48px);display:flex;position:absolute;bottom:0;left:0;right:0}.gf-genre,.gf-title,.gf-year{opacity:0;filter:blur(10px);translate:0 -14px}.gf-slide:not(.is-active) .gf-genre,.gf-slide:not(.is-active) .gf-title,.gf-slide:not(.is-active) .gf-year{transition:opacity .35s,translate .35s,filter .35s}.gf-slide.is-active .gf-genre,.gf-slide.is-active .gf-title,.gf-slide.is-active .gf-year{opacity:1;filter:blur();translate:0}.gf-slide.is-active .gf-genre{animation:gf-content-in .7s var(--expo-out) .15s backwards}.gf-slide.is-active .gf-title{animation:gf-content-in .7s var(--expo-out) .25s backwards}.gf-slide.is-active .gf-year{animation:gf-content-in .7s var(--expo-out) .35s backwards}@keyframes gf-content-in{0%{opacity:0;filter:blur(10px);translate:0 24px}}.gf-genre{letter-spacing:.12em;text-transform:uppercase;color:#fff;backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:100px;padding:6px 12px;font-size:11px;font-weight:600}.gf-title{font-family:var(--font-heading);font-size-adjust:from-font;color:#fff;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 20px #00000080;margin:0;font-size:clamp(24px,4vw,52px);font-weight:700;line-height:1.05}.gf-year{color:#ffffff8c;letter-spacing:.05em;font-size:13px;font-weight:500}.gf-progress{z-index:10;gap:4px;display:flex;position:absolute;top:clamp(16px,2.5vw,24px);right:clamp(16px,2.5vw,24px)}.gf-seg{appearance:none;cursor:pointer;background:0 0;border:none;align-items:center;width:36px;height:18px;padding:0;display:flex}.gf-seg:before{content:"";transform-origin:0;background:#ffffff47;border-radius:100px;width:100%;height:3px;transition:background .3s;display:block;transform:scaleX(0)}.gf-seg.done:before{background:#ffffff8c;transform:scaleX(1)}.gf-seg.is-active:before{animation:gf-progress-fill var(--gf-dwell) linear forwards;background:#fff}@keyframes gf-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gf-seg:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff}.gf-arrow{opacity:0;backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:10;width:44px;height:44px;transition:opacity .3s ease, translate .35s var(--expo-out), background .2s ease;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%}.gf-prev{left:clamp(12px,2vw,20px);translate:-6px -50%}.gf-next{right:clamp(12px,2vw,20px);translate:6px -50%}.gf-stage:hover .gf-arrow,.gf-arrow:focus-visible{opacity:1;translate:0 -50%}.gf-arrow:hover{background:#ffffff38}.gf-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (width<=768px){.gf-arrow{display:none}}.games-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;display:grid;container-type:inline-size}@media (width<=768px){.games-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@supports not (container-type:inline-size){@media (width<=768px){.games-grid{grid-template-columns:repeat(3,1fr);gap:12px}}}@container (width<=500px){.games-grid{grid-template-columns:repeat(3,1fr);gap:12px}}.game-card{cursor:default;transition:opacity .55s var(--expo-out) calc(var(--i,0) * 60ms), translate .55s var(--expo-out) calc(var(--i,0) * 60ms), filter .55s var(--expo-out) calc(var(--i,0) * 60ms);flex-direction:column;display:flex;position:relative}@starting-style{.game-card{opacity:0;filter:blur(6px);translate:0 16px}}.game-cover{aspect-ratio:3/4;border-radius:var(--card-radius);width:100%;box-shadow:0 2px 4px #00000014, 0 8px 20px var(--shadow-light);transition:translate .45s var(--expo-out), box-shadow .45s ease;background:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#2a2c32);position:relative;overflow:hidden}.game-cover img{object-fit:cover;width:100%;height:100%;transition:scale .6s cubic-bezier(.25,.46,.45,.94);display:block}@media (hover:hover){.game-card:hover{z-index:2}.game-card:hover .game-cover{translate:0 -4px;box-shadow:0 16px 32px #0000001f,0 32px 64px #0000001a}.game-card:hover .game-cover img{scale:1.03}}.game-card:focus-visible .game-cover{outline:2px solid var(--gaming-accent);outline-offset:3px}.game-meta{flex-direction:column;gap:3px;padding:10px 2px 0;display:flex}.game-genre-tag{letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-light);font-size:10px;font-weight:600}.game-name{color:var(--color-text);margin:0;font-size:14px;font-weight:600;line-height:1.3}.games-playing-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),400px));justify-content:start;gap:16px;display:grid}.playing-card{border-radius:var(--radius-md);border:1px solid var(--lightningcss-light,var(--shadow-faint))var(--lightningcss-dark,#ffffff14);box-shadow:var(--card-shadow);animation:playing-enter .55s var(--expo-out) backwards;animation-delay:calc(var(--i,0) * 80ms);transition:translate .3s var(--expo-out), box-shadow .3s ease;background:var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff0a);align-items:stretch;gap:18px;padding:14px;display:flex}@keyframes playing-enter{0%{opacity:0;filter:blur(6px);translate:0 16px}}@media (hover:hover){.playing-card:hover{box-shadow:var(--card-shadow-hover);translate:0 -2px}}.playing-cover{aspect-ratio:3/4;border-radius:calc(var(--radius-md) - 6px);background:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#2a2c32);flex:0 0 clamp(96px,22%,140px);overflow:hidden}.playing-cover img{object-fit:cover;width:100%;height:100%;display:block}.playing-info{flex-direction:column;justify-content:center;gap:5px;min-width:0;padding-right:6px;display:flex}.playing-live{letter-spacing:.1em;text-transform:uppercase;color:var(--lightningcss-light,#166534)var(--lightningcss-dark,#30d158);align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.playing-name{color:var(--color-text);margin:0;font-size:17px;font-weight:600;line-height:1.25}.playing-genre{color:var(--color-text-light);font-size:12px;font-weight:500}.saga-card{cursor:pointer}.saga-card.open{z-index:3;order:-1;grid-column:1/-1;grid-template-columns:clamp(140px,16vw,200px) minmax(0,1fr);grid-template-areas:"cover meta""cover drawer";align-items:start;column-gap:20px;display:grid}.saga-card.open .game-cover{grid-area:cover}.saga-card.open .game-meta{grid-area:meta}.saga-card.open .saga-drawer{grid-area:drawer}@media (width<=500px){.saga-card.open{grid-template-columns:clamp(96px,28vw,130px) minmax(0,1fr);column-gap:14px}}.saga-badge{z-index:3;backdrop-filter:blur(8px);border:1px solid color-mix(in oklch, var(--gaming-accent) 55%, transparent);color:#ffffffe6;letter-spacing:.06em;pointer-events:none;background:#0000008c;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.saga-chevron{vertical-align:-1px;opacity:.45;transition:rotate .35s var(--expo-out), opacity .35s ease;margin-left:5px}.saga-card.open .saga-chevron{opacity:.75;rotate:180deg}.saga-card.open .game-cover{box-shadow:0 0 0 2px var(--gaming-accent), 0 16px 32px #0000001f, 0 32px 64px #0000001a}.saga-drawer{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1),opacity .3s;display:grid;overflow:hidden}.saga-card.open .saga-drawer{opacity:1;grid-template-rows:1fr}.saga-list{border-top:1px solid var(--shadow-faint);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;min-height:0;margin:12px 0 0;padding:14px 16px 6px;list-style:none;display:grid;overflow:hidden}@container (width>=900px){.saga-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width<=520px){.saga-list{grid-template-columns:1fr;padding:12px 4px 4px}}.saga-list-item{opacity:0;transition:opacity .45s var(--expo-out), translate .45s var(--expo-out);border-bottom:1px solid var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0f);justify-content:space-between;align-items:baseline;gap:8px;padding:7px 2px;display:flex;translate:0 6px}.saga-list-item:last-child{border-bottom:none}.saga-card.open .saga-list-item{opacity:1;transition-delay:calc(var(--j,0) * 30ms);translate:0}.saga-card:not(.open) .saga-list-item{transition-delay:0s}.saga-list-title{color:var(--color-text);flex:1;font-size:12px;font-weight:500;line-height:1.3}.saga-list-year{color:var(--color-text-light);flex-shrink:0;font-size:11px;font-weight:400}@media (prefers-reduced-motion:reduce){.gf-slide.is-active .gf-bg-img{animation:none}.gf-genre,.gf-title,.gf-year{transition-duration:10ms;transition-delay:0s}.gf-slide.is-active .gf-genre,.gf-slide.is-active .gf-title,.gf-slide.is-active .gf-year{filter:none;animation:none}.gf-seg.is-active:before{background:#fff;animation:none;transform:scaleX(1)}.game-card,.playing-card,.saga-list-item{filter:none;transition-duration:10ms}.playing-card{animation:none}.saga-drawer,.game-cover,.game-cover img,.saga-chevron{transition:none!important}.game-card:hover .game-cover{translate:none}}.loading-state{text-align:center;padding:60px 20px}.loading-state p{color:var(--color-text-light);margin:0;font-size:16px}@supports not (container-type:inline-size){@media (width<=600px){.games-grid{grid-template-columns:repeat(2,1fr);gap:8px}}}@container (width<=320px){.games-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.cv-picker{z-index:601;backdrop-filter:blur(28px)saturate(180%);opacity:0;transition:opacity .22s cubic-bezier(.4, 0, .2, 1), transform .28s cubic-bezier(.34, 1.3, .64, 1), display .22s allow-discrete, overlay .22s allow-discrete;background:#fdf5f6e0;border:1px solid #ffffff8c;position:fixed;transform:translate(-50%)translateY(-8px)scale(.96);box-shadow:0 4px 16px #00000014,0 16px 48px #0000001f,inset 0 1px #ffffffb3}.cv-picker:popover-open{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@starting-style{.cv-picker:popover-open{opacity:0;transform:translate(-50%)translateY(-8px)scale(.96)}}.cv-picker::backdrop{transition:background .3s ease, display .3s allow-discrete, overlay .3s allow-discrete;background:0 0}.cv-picker:popover-open::backdrop{background:0 0}@starting-style{.cv-picker:popover-open::backdrop{background:0 0}}@media (width>=769px){.cv-picker{top:var(--cv-picker-top,80px);left:var(--cv-picker-left,50%);transform-origin:top;border-radius:16px;width:220px;padding:8px}.cv-picker:before{content:"";backdrop-filter:blur(28px);pointer-events:none;background:#fdf5f6e0;border-top:1px solid #ffffff8c;border-left:1px solid #ffffff8c;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.cv-picker-handle{display:none}}@media (width<=768px){.cv-picker{width:100%;transition:transform .38s cubic-bezier(.34, 1.15, .64, 1), opacity .2s ease, display .38s allow-discrete, overlay .38s allow-discrete;border-bottom:none;border-radius:24px 24px 0 0;padding:12px 16px 32px;inset:auto 0 0;transform:translateY(100%)}.cv-picker:popover-open{transform:translateY(0)}@starting-style{.cv-picker:popover-open{transform:translateY(100%)}}.cv-picker:popover-open::backdrop{backdrop-filter:blur(4px);background:#00000059}@starting-style{.cv-picker:popover-open::backdrop{background:0 0}}.cv-picker:before{display:none}}.cv-picker-handle{background:#0000002e;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.cv-picker-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-light);padding:4px 8px 8px;font-size:11px;font-weight:600}.cv-picker-options{flex-direction:column;gap:2px;display:flex}@media (width<=768px){.cv-picker-label{text-align:center;padding:0 0 16px;font-size:12px}.cv-picker-options{gap:8px}.cv-picker-option{border-radius:var(--radius-sm);background:#00000008;border:1px solid #0000000f;padding:16px}.cv-picker-option:hover{background:#0000000f;transform:none}.cv-picker-arrow{opacity:.35;transform:none}.cv-picker:popover-open .cv-picker-option:hover{transform:none}}.cv-picker-option{color:var(--color-text);transition:background .15s ease, transform .2s var(--ease-spring);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.cv-picker-option:hover{background:#0000000f;transform:translate(2px)}.cv-picker-option:active{background:#0000001a;transform:scale(.97)}.cv-picker-option:after{content:"";opacity:0;border-radius:inherit;background:#0000000f;transition:opacity .15s;position:absolute;inset:0}.cv-picker-option:active:after{opacity:1}.cv-picker-flag{filter:drop-shadow(0 1px 2px var(--shadow-light));flex-shrink:0;font-size:24px;line-height:1;transition:transform .2s cubic-bezier(.34,1.5,.64,1)}.cv-picker-option:hover .cv-picker-flag{transform:scale(1.15)rotate(-4deg)}.cv-picker-info{flex-direction:column;flex:1;gap:2px;display:flex}.cv-picker-lang{color:var(--color-text);font-size:14px;font-weight:600;line-height:1.2}.cv-picker-sub{letter-spacing:-.01em;color:var(--color-text-light);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:11px;font-weight:600}.cv-picker-arrow{color:var(--color-text-light);opacity:0;transition:opacity .15s ease, transform .2s var(--ease-spring);flex-shrink:0;font-size:14px;transform:translate(-4px,4px)}.cv-picker-option:hover .cv-picker-arrow{opacity:1;transform:translate(0)}.cv-picker-option{opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.34,1.3,.64,1),background .15s;transform:translateY(6px)}.cv-picker:popover-open .cv-picker-option:first-child{opacity:1;transition-delay:70ms;transform:translateY(0)}.cv-picker:popover-open .cv-picker-option:nth-child(2){opacity:1;transition-delay:.13s;transform:translateY(0)}.cv-picker:popover-open .cv-picker-option:hover{transform:translate(2px)}.theme-toggle-mobile{width:100%;font-size:clamp(18px,1.5vw,24px);font-weight:400;font-family:var(--font-body);opacity:.7;border:none;border-radius:10px;justify-content:flex-start;gap:0;margin:4px 0 0;padding:10px 16px;position:static}.theme-toggle-mobile:before,.theme-toggle-mobile:after,.theme-toggle-label .label-light{display:none}.theme-toggle-label .label-dark,[data-theme=dark] .theme-toggle-label .label-light{display:inline}[data-theme=dark] .theme-toggle-label .label-dark{display:none}.theme-toggle-mobile:hover{opacity:1;background-color:#0000000d;transform:none}@media (width>=769px){.theme-toggle-mobile{display:none}}::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both vt-slide-out-left}::view-transition-new(root){animation:.26s cubic-bezier(0,0,.2,1) both vt-slide-in-right}html[data-vt-direction=back]::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both vt-slide-out-right}html[data-vt-direction=back]::view-transition-new(root){animation:.26s cubic-bezier(0,0,.2,1) both vt-slide-in-left}@keyframes vt-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-32px)}}@keyframes vt-slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(32px)}}@keyframes vt-slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.15s!important}::view-transition-old(root),::view-transition-new(root){animation:.15s both vt-fade!important}@keyframes vt-fade{0%{opacity:0}to{opacity:1}}.category-section,.category-section.active,.travel-card,.vinyl-sleeve,.game-card,.gf-content{opacity:1!important;transition:none!important;transform:none!important}.category-section:not(.active){display:none}}html[data-vt-case-study]::view-transition-old(root),html[data-vt-case-study]::view-transition-new(root){animation:none}main.pt-enter,.container.pt-enter{will-change:transform, opacity;animation:.52s cubic-bezier(.34,1.18,.64,1) both pt-spring-in}@keyframes pt-spring-in{0%{opacity:0;transform:translateY(28px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}main.pt-leave,.container.pt-leave{will-change:transform, opacity;pointer-events:none;animation:.26s cubic-bezier(.4,0,1,1) both pt-float-out}@keyframes pt-float-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.97)}}@media (prefers-reduced-motion:reduce){main.pt-enter,.container.pt-enter{will-change:opacity;animation:.25s both pt-fade-in}main.pt-leave,.container.pt-leave{will-change:opacity;animation:.2s both pt-fade-out}@keyframes pt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pt-fade-out{0%{opacity:1}to{opacity:0}}}html[data-vt-theme]::view-transition-old(root),html[data-vt-theme]::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-vt-theme]::view-transition-new(root){clip-path:circle(0 at var(--theme-x) var(--theme-y));animation:theme-circle-reveal .65s var(--expo-out) both}@keyframes theme-circle-reveal{to{clip-path:circle(150vmax at var(--theme-x) var(--theme-y))}}@media (prefers-reduced-motion:reduce){html[data-vt-theme]::view-transition-new(root),html[data-vt-theme]::view-transition-old(root){animation:none!important}}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}