@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{--font-ui:Inter, system-ui, sans-serif;--font-mono:"Space Mono", Consolas, monospace;--background:#07050d;--background-secondary:#0d0917;--surface:#130c1fd1;--surface-strong:#120b20;--surface-muted:#ffffff09;--text-primary:#f8f7ff;--text-secondary:#aaa4b8;--text-muted:#777184;--border:#a78bfa2e;--border-strong:#a78bfa5c;--primary:#9b5cff;--primary-light:#b68cff;--shadow-color:#0006;--grid-color:#a78bfa0b;--code-background:#10091a;--code-surface:#160d24;--code-text:#f4efff;--code-muted:#a99bb9;--code-border:#a78bfa3d;--bg:var(--background);--bg2:var(--background-secondary);--surface2:var(--surface-strong);--text:#f8f7ff;--muted:#aaa4b8;--light:var(--primary-light);--accent:#d946ef;--header:#07050db8;--shadow:0 22px 70px var(--shadow-color);--header-height:72px}.skillsPage,.contactsPage{overflow:clip}.skillsPage *,.contactsPage *{box-sizing:border-box;min-width:0}.skillsHero{align-items:center;width:100%;min-height:0;margin:0;padding:24px 0 72px;position:static;overflow:visible}.skillsHero>div,.contactHeroContent{max-width:760px}.skillsHero h1,.contactHero h1{overflow-wrap:anywhere;max-width:760px;overflow:visible}.skillsHero pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.skillModules{gap:clamp(20px,3vw,36px);width:100%;display:grid;position:static}.skillModules>div,.skillModule,.skillModule>header,.skillTechGrid,.skillTechGrid article,.skillTechGrid article>div,.skillModule footer{min-width:0;max-width:100%;position:static}.skillModule{min-height:0;margin:0;overflow:visible}.skillTechGrid article,.skillModule p,.skillModule li,.skillModule code{overflow-wrap:anywhere}.skillModule code{white-space:normal;max-width:100%}.contactHero,.contactSection,.contactMailSection{width:100%;min-height:0;margin:0;position:static;overflow:visible}.contactHero{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:center;padding:24px 0 72px}.contactSection{padding:64px 0 0}.contactSectionHeading{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:auto;margin-bottom:24px;position:static}.contactSectionHeading h2{margin:10px 0 0;font:600 clamp(1.8rem,4vw,3rem) Manrope}.profileCard{min-height:82px;color:inherit;background:var(--surface);border:1px solid #a970ff2e;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;transition:border-color .18s,background .18s,transform .18s;display:grid}.profileCard:hover,.profileCard:focus-visible,.profileCard:focus-within{border-color:var(--light);background:var(--surface-strong);transform:translateY(-2px)}.profileCard:focus-visible,.profileAction:focus-visible,.gamingGrid a:focus-visible,.gamingGrid button:focus-visible{outline:2px solid var(--light);outline-offset:3px}.profileCard>svg:first-child{color:var(--light);font-size:1.45rem}.profileCard>span{gap:4px;display:grid;overflow:hidden}.profileCard small{color:var(--muted)}.profileCard strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profileAction{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;display:inline-flex}.gamingGrid article>div:last-child{overflow-wrap:anywhere;min-width:0}.contactMailSection{padding:80px 0 0}@media (width<=1000px){.skillsHero,.contactHero{grid-template-columns:1fr}.skillsHero pre{display:none}.identityCard{width:min(100%,520px)}}@media (width<=768px){.page,.projectPage{padding-top:calc(var(--header-height) + 32px)}.skillsHero,.contactHero{padding:16px 0 48px}.skillTechGrid,.profileGrid,.gamingGrid,.contactMailSection{grid-template-columns:1fr}.contactSection{padding-top:48px}.contactMailSection{gap:28px;padding-top:64px}}.utilitiesPage .sectionTitle{margin-bottom:clamp(24px,3vw,38px)}.utilitiesPage .catalogToolbar{align-items:center;margin-bottom:20px}.utilitiesPage .filterTabs{min-width:0}.utilitiesPage .utilitiesGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.utilitiesPage .utilitiesGrid .utilityFeatured{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), var(--surface));grid-column:auto}.utilitiesPage .utilityCard{border:1px solid var(--border);background:var(--surface);border-radius:15px;flex-direction:column;min-width:0;min-height:280px;padding:24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.utilitiesPage .utilityCard:hover,.utilitiesPage .utilityCard:focus-within{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));box-shadow:0 16px 34px color-mix(in srgb, var(--shadow-color) 82%, transparent);transform:translateY(-3px)}.utilityCardTop{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.utilitiesPage .utilityIcon{border:1px solid var(--border);background:var(--surface2);width:42px;height:42px;font-family:var(--font-mono);color:var(--muted);border-radius:11px;flex:0 0 42px;place-items:center;font-size:1.1rem;transition:color .18s,border-color .18s,box-shadow .18s;display:grid}.utilityCard:hover .utilityIcon,.utilityCard:focus-within .utilityIcon{color:var(--light);border-color:color-mix(in srgb, var(--primary) 60%, var(--border));box-shadow:inset 0 0 16px color-mix(in srgb, var(--primary) 14%, transparent)}.utilitiesPage .utilityCardMeta{min-width:0;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;justify-content:flex-end;align-items:center;gap:8px;font-size:.67rem;display:flex}.utilityCardMeta span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.utilityCardMeta span+span:before{content:"/";color:var(--border-strong);margin-right:8px}.utilitiesPage .utilityCardTitle{overflow-wrap:anywhere;min-width:0;font-family:var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:clamp(1.35rem,1.7vw,1.55rem);font-weight:650;line-height:1.18;display:-webkit-box;overflow:hidden}.utilitiesPage .utilityCardDescription{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-family:var(--font-ui);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.utilityCardFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.utilityCardFooter .statusBadge{flex:0 auto;min-width:0}.utilityCard--planned .statusBadge i{background:#a78bfa;box-shadow:0 0 8px #a78bfa8c}.utilityCard--development .statusBadge i{background:#f3bd68;box-shadow:0 0 8px #f3bd688c}.utilitiesPage .utilityCardAction{font-family:var(--font-ui);flex:none;gap:6px;font-size:.82rem}.utilitiesPage .utilityCardAction svg{transition:transform .18s}.utilitiesPage .utilityCardAction:hover svg,.utilitiesPage .utilityCardAction:focus-visible svg{transform:translate(3px,-1px)}.utilitiesPage .utilityCardAction:focus-visible{outline:2px solid var(--light);outline-offset:4px;border-radius:3px}.navDropdownMenu{width:min(380px,100vw - 32px);padding:11px}.utilityDropdownList{gap:4px}.desktopNav .utilityDropdownItem{grid-template-columns:34px minmax(0,1fr) 18px;min-width:0;padding:11px;overflow:hidden}.utilityDropdownCopy,.utilityDropdownItemTitle,.utilityDropdownItemDescription{overflow-wrap:anywhere;min-width:0}.utilityDropdownItemTitle,.utilityDropdownCopy strong{font-family:var(--font-ui);font-size:.88rem;font-weight:600;line-height:1.25}.utilityDropdownItemDescription,.utilityDropdownCopy small{font-family:var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;display:-webkit-box;overflow:hidden}.utilityDropdownItem:hover .utilityDropdownItemArrow,.utilityDropdownItem:focus-visible .utilityDropdownItemArrow,.utilityDropdownItem.active .utilityDropdownItemArrow{transform:translate(3px)}.desktopNav .utilityDropdownAll{min-width:0;font-family:var(--font-ui);align-items:center;font-size:.8rem;font-weight:600;overflow:hidden}.utilityDropdownAll svg{flex:0 0 15px}.mobileNav .mobileUtilitiesPanel a{min-width:0;min-height:44px;font-family:var(--font-ui);grid-template-columns:18px minmax(0,1fr) 16px;font-size:.87rem;display:grid;overflow:hidden}.mobileNav .mobileUtilitiesPanel a>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:inherit;font:inherit;overflow:hidden}.mobileNav .mobileUtilitiesPanel a.active{color:var(--text);background:color-mix(in srgb, var(--primary) 10%, var(--surface2))}.mobileUtilityArrow{justify-self:end}.mobileNav .mobileUtilitiesPanel .mobileUtilitiesAll{display:flex}@media (width<=1100px){.utilitiesPage .utilitiesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.utilitiesPage .catalogToolbar{align-items:stretch}.utilitiesPage .filterTabs{justify-content:flex-start}}@media (width<=680px){.utilitiesPage .utilitiesGrid{grid-template-columns:minmax(0,1fr);gap:14px}.utilitiesPage .utilityCard{min-height:250px;padding:21px}.utilitiesPage .catalogToolbar{gap:12px}.utilitiesPage .filterTabs{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.utilitiesPage .filterTabs button{flex:none}}@media (hover:none){.utilitiesPage .utilityCard:hover{transform:none}}@media (prefers-reduced-motion:reduce){.utilitiesPage .utilityCard,.utilitiesPage .utilityIcon,.utilitiesPage .utilityCardAction svg,.utilityDropdownItemArrow{transition:none}.utilitiesPage .utilityCard:hover,.utilitiesPage .utilityCard:focus-within,.utilitiesPage .utilityCardAction:hover svg,.utilitiesPage .utilityCardAction:focus-visible svg,.utilityDropdownItem:hover .utilityDropdownItemArrow,.utilityDropdownItem:focus-visible .utilityDropdownItemArrow{transform:none}}:root[data-theme=light] body:before{opacity:.055}:root[data-theme=light] .siteHeader,:root[data-theme=light] footer{background:color-mix(in srgb, var(--background) 88%, transparent)}:root[data-theme=light] .iconButton,:root[data-theme=light] .commandKey,:root[data-theme=light] .button.ghost,:root[data-theme=light] .socialButton,:root[data-theme=light] .catalogSearch,:root[data-theme=light] .filterTabs button,:root[data-theme=light] .catalogFilters select,:root[data-theme=light] .filterReset,:root[data-theme=light] .contactForm input,:root[data-theme=light] .contactForm textarea{background:var(--surface);color:var(--text-primary);border-color:var(--border)}:root[data-theme=light] .socialButton svg{color:var(--primary);fill:currentColor}:root[data-theme=light] .iconButton:hover,:root[data-theme=light] .commandKey:hover,:root[data-theme=light] .button.ghost:hover,:root[data-theme=light] .socialButton:hover,:root[data-theme=light] .filterTabs button:hover,:root[data-theme=light] .filterTabs button.active{background:var(--surface-strong);border-color:var(--border-strong);color:var(--text-primary);box-shadow:0 10px 28px var(--shadow-color)}:root[data-theme=light] .homeAboutFacts,:root[data-theme=light] .homeCta,:root[data-theme=light] .projectCard,:root[data-theme=light] .skillModule,:root[data-theme=light] .utilitiesGrid article,:root[data-theme=light] .profileCard,:root[data-theme=light] .gamingGrid article,:root[data-theme=light] .contactForm,:root[data-theme=light] .caseInfo,:root[data-theme=light] .caseSections section,:root[data-theme=light] .emptyState,:root[data-theme=light] .projectVideoCard{background:var(--surface);border-color:var(--border);box-shadow:0 16px 42px var(--shadow-color)}:root[data-theme=light] .skillTechGrid article,:root[data-theme=light] .homeAboutFacts article{background:var(--surface-muted);border-color:var(--border)}:root[data-theme=light] .mobileNav,:root[data-theme=light] .command,:root[data-theme=light] .modalBackdrop{background:color-mix(in srgb, var(--background) 94%, transparent);color:var(--text-primary)}:root[data-theme=light] .commandList button{color:var(--text-primary)}:root[data-theme=light] .codeCard,:root[data-theme=light] .skillsHero pre{background:var(--code-surface);color:var(--code-text);border-color:var(--code-border);box-shadow:0 22px 55px #4c2c7033}:root[data-theme=light] .codeCard pre,:root[data-theme=light] .skillsHero pre{color:var(--code-muted)}:root[data-theme=light] .galleryModal{background:#130c1fd6}:root[data-theme=light] .galleryModal button,:root[data-theme=light] .playButton,:root[data-theme=light] .videoDuration{background:var(--code-background);color:var(--code-text);border-color:var(--code-border)}:root[data-theme=light] .projectVisual,:root[data-theme=light] .caseCover,:root[data-theme=light] .avatarMedia{box-shadow:0 20px 48px var(--shadow-color)}:root[data-theme=light] footer{border-color:var(--border);color:var(--text-secondary)}:root[data-theme=light] footer a:hover{color:var(--primary)}html{view-transition-name:root}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.themeToggle{position:relative;overflow:hidden}.themeToggleIcon{place-items:center;width:18px;height:18px;animation:.3s cubic-bezier(.2,.8,.2,1) theme-icon-in;display:grid}[data-theme-transitioning=true] .themeToggle{border-color:var(--primary-light);box-shadow:0 0 18px color-mix(in srgb, var(--primary) 32%, transparent)}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-35deg)scale(.65)}to{opacity:1;transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}.themeToggleIcon{animation:none}}@media (width<=480px){.skillsHero h1,.contactHero h1{font-size:clamp(2.2rem,12vw,3.25rem);line-height:1.02}.skillModule{padding:20px}.skillTechGrid{grid-template-columns:1fr}.profileAction span{display:none}.identityCard{padding:18px}}.projectAssets{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.projectAssets span{color:var(--muted);align-items:center;gap:6px;font-size:.76rem;display:inline-flex}.projectVideos{margin-top:80px}.projectVideos>h2{margin:12px 0 28px;font-size:clamp(1.8rem,4vw,3rem)}.projectVideoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.projectVideoCard{text-align:left;color:inherit;background:var(--surface);cursor:pointer;border:1px solid #a970ff33;border-radius:18px;gap:10px;padding:12px;display:grid}.projectVideoCard:hover{border-color:#a970ff8c;transform:translateY(-3px)}.projectVideoCard .videoPoster{aspect-ratio:16/9;border-radius:12px;display:block;position:relative}.projectVideoCard strong{font-size:1rem}.projectVideoCard small{color:var(--muted);line-height:1.5}.videoEmbed{aspect-ratio:16/9;width:min(1000px,90vw)}.videoEmbed iframe,.videoEmbed video{background:#000;border:0;width:100%;height:100%}.skillsHero{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:end;gap:48px;margin-bottom:64px;display:grid}.skillsHero h1,.contactHero h1{max-width:900px;margin:16px 0 22px;font-size:clamp(2.5rem,6vw,5.7rem);line-height:.98}.skillsHero p,.contactHero p{color:var(--muted);max-width:650px;line-height:1.75}.skillsHero pre{background:var(--code-surface);color:var(--muted);border:1px solid #a970ff40;border-radius:18px;padding:28px;overflow:auto}.skillsHero pre span{color:var(--purple)}.skillModules{gap:24px;display:grid}.skillModule{background:linear-gradient(135deg,#140e22db,#0a0812b8);border:1px solid #a970ff2e;border-radius:24px;padding:clamp(24px,4vw,48px)}.skillModule>header{grid-template-columns:60px 1fr;gap:18px;display:grid}.skillModule>header>span{color:var(--purple);font-family:monospace}.skillModule h2{margin:0;font-size:clamp(2rem,4vw,3.5rem)}.skillModule header p{color:var(--muted)}.skillTechGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:32px 0;display:grid}.skillTechGrid article{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;gap:13px;padding:16px;display:flex}.skillTechGrid svg{color:var(--purple);flex:none;font-size:1.35rem}.skillTechGrid h3{margin:0 0 5px;font-size:.95rem}.skillTechGrid p{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.skillModule footer{border-top:1px solid #a970ff29;grid-template-columns:1fr auto;gap:24px;padding-top:22px;display:grid}.skillModule footer small{color:var(--purple)}.skillModule footer ul{flex-wrap:wrap;gap:8px 22px;padding:0;list-style:none;display:flex}.skillModule footer code{color:var(--code-muted);background:var(--code-background);border-radius:10px;align-self:center;padding:14px 18px}.utilitiesGrid .utilityFeatured{background:linear-gradient(135deg,#7743d233,#0c0915cc);border-color:#a970ff80;grid-column:span 2}.contactHero{grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;margin-bottom:64px;display:grid}.identityCard{background:var(--surface);border:1px solid #a970ff4d;border-radius:22px;align-items:center;gap:20px;padding:28px;display:flex}.identityCard>span{aspect-ratio:1;width:82px;color:var(--purple);background:#a970ff24;border-radius:50%;place-items:center;font-size:2.6rem;display:grid}.identityCard div{gap:5px;display:grid}.identityCard strong{font-size:1.6rem}.identityCard small{color:var(--muted)}.profileSection,.gamingSection,.contactMailSection{margin-top:72px}.profileGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profileGrid>a{color:inherit;background:var(--surface);border:1px solid #a970ff2e;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:20px;display:grid}.profileGrid>a:hover{border-color:var(--purple);transform:translateY(-2px)}.profileGrid>a>svg:first-child{color:var(--purple);font-size:1.5rem}.profileGrid div{gap:4px;display:grid}.profileGrid small{color:var(--muted)}.gamingGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.gamingGrid article{background:var(--surface);border:1px solid #a970ff2e;border-radius:18px;gap:18px;padding:24px;display:flex}.gameAvatar{height:68px;color:var(--purple);background:#a970ff1f;border-radius:16px;flex:0 0 68px;place-items:center;font-size:1.8rem;display:grid}.gamingGrid h3{margin:7px 0}.gamingGrid p{color:var(--muted)}.gamingGrid a,.gamingGrid button{color:var(--purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.contactMailSection{grid-template-columns:.7fr 1.3fr;align-items:start;gap:48px;display:grid}.contactMailSection h2{font-size:clamp(2rem,4vw,3.5rem)}.contactMailSection>div p{color:var(--muted);line-height:1.7}@media (width<=800px){.skillsHero,.contactHero,.contactMailSection{grid-template-columns:1fr}.skillsHero pre{display:none}.skillTechGrid{grid-template-columns:1fr 1fr}.skillModule footer,.projectVideoGrid,.profileGrid,.gamingGrid{grid-template-columns:1fr}.utilitiesGrid .utilityFeatured{grid-column:auto}}@media (width<=480px){.skillTechGrid,.skillModule>header{grid-template-columns:1fr}.skillsHero h1,.contactHero h1{font-size:clamp(2.35rem,13vw,3.6rem)}.identityCard{padding:20px}.projectVideos{margin-top:56px}}:root[data-theme=light]{--background:#f7f4ff;--background-secondary:#f0ebfa;--surface:#ffffffd1;--surface-strong:#fff;--surface-muted:#502d780e;--text-primary:#17111f;--text-secondary:#62596f;--text-muted:#8b8296;--border:#6d28d929;--border-strong:#6e46a04d;--primary:#8b4de8;--primary-light:#a765ff;--shadow-color:#4b306924;--grid-color:#6741910e;--bg:var(--background);--bg2:var(--background-secondary);--surface2:var(--surface-strong);--text:var(--text-primary);--muted:var(--text-secondary);--light:var(--primary-light);--header:#f7f4ffc7;--shadow:0 22px 60px var(--shadow-color)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:56px 56px;margin:0;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.18;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.container{width:min(1180px,100% - 48px);margin-inline:auto}section{padding:110px 0}.logo{letter-spacing:-.04em;align-items:center;gap:10px;font-family:Manrope;font-weight:800;display:flex}.logo b{width:32px;height:32px;color:var(--light);text-shadow:0 0 20px var(--primary);place-items:center;font-size:20px;display:grid}.siteHeader{z-index:50;height:var(--header-height);border-bottom:1px solid var(--border);background:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:fixed;inset:0 0 auto}.headerInner{justify-content:space-between;align-items:center;width:min(1320px,100% - 42px);height:100%;margin:auto;display:flex}.desktopNav{gap:28px;display:flex}.desktopNav a{color:var(--muted);font-size:13px;transition:all .2s}.desktopNav a:hover,.desktopNav a.active{color:var(--text)}.headerActions{align-items:center;gap:8px;display:flex}.iconButton,.commandKey{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;place-items:center;height:38px;display:grid}.iconButton{width:38px}.commandKey{color:var(--muted);gap:8px;padding:0 11px;font-size:12px;display:flex}.mobileToggle{display:none}.mobileNav{top:var(--header-height);min-height:calc(100vh - var(--header-height));background:var(--bg);z-index:49;padding:30px 24px;position:fixed;left:0;right:0}.mobileNav a{border-bottom:1px solid var(--border);justify-content:space-between;padding:15px 2px;font:600 24px Manrope;display:flex}.mobileNav span{color:var(--primary);font:12px Space Mono}.mobileUtilitiesHeading{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 48px;align-items:center;display:grid}.mobileNav .mobileUtilitiesHeading>a{border:0}.mobileUtilitiesHeading>button{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);background:var(--surface);border-radius:10px;place-items:center;padding:0;display:grid}.mobileUtilitiesHeading>button svg{width:18px;transition:transform .22s,color .18s}.mobileUtilitiesHeading>button[aria-expanded=true] svg{color:var(--light);transform:rotate(180deg)}.mobileUtilitiesHeading>button:focus-visible{outline:2px solid var(--light);outline-offset:2px}.mobileUtilitiesPanel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .18s;display:grid}.mobileUtilitiesPanel[data-open=true]{opacity:1;grid-template-rows:1fr}.mobileUtilitiesPanel>div{min-height:0;padding-inline:10px;overflow:hidden}.mobileUtilitiesPanel[data-open=true]>div{padding-block:8px 10px}.mobileNav .mobileUtilitiesPanel a{color:var(--muted);border:0;border-radius:9px;justify-content:flex-start;align-items:center;gap:11px;padding:11px 10px;font:600 14px Manrope}.mobileNav .mobileUtilitiesPanel a:hover,.mobileNav .mobileUtilitiesPanel a:focus-visible{color:var(--text);background:var(--surface2);outline:none}.mobileUtilitiesPanel a svg{width:17px;height:17px;color:var(--light);flex:none}.mobileNav .mobileUtilitiesPanel .mobileUtilitiesAll{border-top:1px solid var(--border);color:var(--light);border-radius:0;justify-content:space-between;margin-top:4px}.modalBackdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020105b8;justify-content:center;padding-top:14vh;display:flex;position:fixed;inset:0}.command{border:1px solid var(--border);background:var(--bg2);width:min(570px,100% - 32px);height:max-content;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.commandInput{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:62px;padding:0 18px;display:flex}.commandInput input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.commandInput button{cursor:pointer;background:0 0;border:0}.commandList{max-height:350px;padding:8px;overflow:auto}.commandList button{cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;width:100%;padding:12px;display:flex}.commandList button:hover{background:var(--surface2)}.commandList small{color:var(--muted)}.hero{align-items:center;min-height:100vh;padding:110px 0 45px;display:flex;position:relative}.hero:after{content:"神";color:#0000;-webkit-text-stroke:1px #a78bfa0b;z-index:-1;font:800 clamp(200px,35vw,520px) Manrope;position:absolute;top:12%;right:-2vw}.heroGlow{filter:blur(8px);background:radial-gradient(circle,#8b5cf630,#0000 68%);width:520px;height:520px;position:absolute;top:20%;right:12%}.heroGrid{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;display:grid}.available{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;border-radius:100px;align-items:center;gap:9px;padding:7px 11px;font:10px Space Mono;display:inline-flex}.available i,.status i{background:#7ee2a8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #7ee2a8}.heroTitle{margin:28px 0 18px;padding-bottom:.08em;overflow:visible}.heroLabel,.eyebrow,.sectionTitle>span{color:var(--light);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:400;line-height:1.2}.hero h1{letter-spacing:-.075em;margin:3px 0;padding-bottom:.08em;font:800 clamp(64px,8vw,118px)/1 Manrope;overflow:visible}.hero h1 em{background:linear-gradient(115deg, var(--light), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.08em;padding:0 .03em .08em 0;font-style:normal;display:inline-block}.hero h1 b{color:var(--primary)}.heroContent>p{max-width:640px;color:var(--muted);font-size:18px}.heroButtons{gap:12px;margin-top:32px;display:flex}.button{border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 21px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.button.primary{background:var(--primary);color:#fff;box-shadow:0 12px 35px #8b5cf640}.button:hover{border-color:var(--light);transform:translateY(-2px)}.button.ghost{background:var(--surface)}.heroSocial{align-items:center;gap:20px;margin-top:42px;font-size:12px;display:flex}.heroSocial>span{color:var(--muted);text-transform:uppercase;font:10px Space Mono}.heroArt{place-items:center;height:540px;display:grid;position:relative}.avatar{z-index:2;background:linear-gradient(145deg,#8b5cf633,#d946ef0d);border:1px solid #a78bfa4d;border-radius:130px 130px 32px 32px;flex-direction:column;justify-content:center;align-items:center;width:260px;height:340px;display:flex;position:relative;box-shadow:inset 0 0 60px #8b5cf61a,0 30px 80px #0000004d}.avatar span{color:var(--light);text-shadow:0 0 45px #8b5cf68c;font:700 112px Manrope}.avatar small{letter-spacing:.3em;font:11px Space Mono}.orbit{border:1px solid var(--border);border-radius:50%;width:430px;height:430px;position:absolute}.orbit.two{width:520px;height:270px;transform:rotate(-25deg)}.codeCard{z-index:3;background:var(--code-surface);width:315px;color:var(--code-text);border:1px solid var(--code-border);box-shadow:var(--shadow);border-radius:13px;padding:14px 18px;position:absolute;bottom:8px;right:-30px}.codeCard>div{gap:5px;display:flex}.codeCard i{background:var(--primary);border-radius:50%;width:6px;height:6px}.codeCard pre{margin:12px 0 0;font:11px/1.8 Space Mono}.codeCard pre span,.codeCard pre em{color:var(--accent)}.codeCard pre b{color:var(--light);font-weight:400}.scrollHint{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;flex-direction:column;align-items:center;font:9px Space Mono;display:flex;position:absolute;bottom:20px;left:50%}.scrollHint span{writing-mode:vertical-rl;margin-bottom:7px}.sectionTitle{max-width:720px;margin-bottom:48px}.sectionTitle h2,.contactBox h2{letter-spacing:-.055em;margin:13px 0;font:700 clamp(38px,5vw,65px)/1.08 Manrope}.sectionTitle p{color:var(--muted);font-size:16px}.sectionTop{justify-content:space-between;align-items:end;gap:30px;display:flex}.sectionTop .sectionTitle{margin-bottom:48px}.aboutGrid{grid-template-columns:.85fr 1.15fr;gap:70px;display:grid}.aboutStory .lead{color:var(--text);font:500 25px/1.45 Manrope}.aboutStory p{color:var(--muted)}blockquote{border-left:2px solid var(--primary);background:var(--surface);color:var(--text);margin:34px 0 0;padding:18px 22px}.disciplineGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.discipline{border:1px solid var(--border);background:var(--surface);border-radius:14px;height:100%;min-height:190px;padding:24px;position:relative}.discipline svg{color:var(--light)}.discipline small{color:var(--muted);font-family:Space Mono;position:absolute;right:20px}.discipline h3{margin:35px 0 5px;font:600 20px Manrope}.discipline p{color:var(--muted);font-size:13px}.projectGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.projectCard{z-index:0;border:1px solid var(--border);background:var(--surface);border-radius:16px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden}.projectCard:hover,.projectCard:focus-within{z-index:1;border-color:var(--border-strong);box-shadow:0 18px 40px var(--shadow-color), 0 0 0 1px color-mix(in srgb, var(--primary) 8%, transparent);transform:translateY(-4px)}.projectVisual{background:radial-gradient(circle at 65% 45%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 50%), #0b0812;height:230px;padding:18px;position:relative;overflow:hidden}.projectVisual>span:first-child{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#bdb4c7;font-size:.72rem;line-height:1.2}.projectKanji{color:#ffffff09;font:800 160px Manrope;position:absolute;bottom:-45px;right:-12px}.mockWindow{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:#0f0a19c2;border-radius:8px;width:70%;height:58%;padding:10px;position:absolute;top:25%;left:15%;box-shadow:0 22px 45px #00000059}.mockWindow i{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.mockWindow strong{height:80%;color:var(--accent);place-items:center;font:800 45px Manrope;display:grid}.projectBody{padding:22px}.projectMeta{color:var(--light);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;line-height:1.2;display:flex}.status{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:.7rem;line-height:1;display:inline-flex}.projectBody h3{margin:15px 0 8px;font:600 24px Manrope}.projectBody p{color:var(--muted);min-height:65px;font-size:13px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span,.skillPill{border:1px solid var(--border);color:var(--muted);font-family:var(--font-ui);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500;line-height:1}.detailLink{align-items:center;gap:7px;margin-top:20px;font-size:13px;display:flex}.skillsGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skillGroup{border-top:1px solid var(--light);background:linear-gradient(180deg, var(--surface), transparent);min-height:230px;padding:24px}.skillGroup>div{justify-content:space-between;display:flex}.skillGroup>div span{color:var(--muted);font:10px Space Mono}.skillGroup h3{margin:0 0 35px;font:600 20px Manrope}.skillPill{margin:0 4px 8px 0;font-size:12px;display:inline-block}.utilityPreview{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.utilityPreview article{border:1px solid var(--border);background:var(--surface);border-radius:13px;gap:15px;padding:20px;display:flex}.utilityPreview article>span,.utilityIcon{color:var(--light);font:700 24px Space Mono}.utilityPreview h3{margin:5px 0;font:600 15px Manrope}.utilityPreview p{color:var(--muted);font-size:11px}.utilityPreview small{color:var(--accent);text-transform:uppercase;font:8px Space Mono}.contactBox{border:1px solid var(--border);background:radial-gradient(circle at 80%, #8b5cf633, transparent 42%), var(--surface);border-radius:22px;grid-template-columns:1.4fr .6fr;align-items:center;padding:70px;display:grid;position:relative;overflow:hidden}.contactBox h2 em{color:var(--light);font-style:normal}.contactBox p{color:var(--muted)}.contactActions{z-index:2;flex-direction:column;gap:11px;display:flex;position:relative}.contactActions small{color:var(--muted);text-align:center;font-size:9px}.contactIcon{color:#a78bfa0f;width:210px;height:210px;position:absolute;bottom:-45px;right:4%}.page,.projectPage{min-height:75vh;padding:calc(var(--header-height) + 48px) 0 100px}.page .sectionTitle{max-width:850px}.utilitiesGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.utilitiesGrid article{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:34px}.utilitiesGrid small{color:var(--muted);font:9px Space Mono}.utilitiesGrid h2{font:600 24px Manrope}.utilitiesGrid p{color:var(--muted)}.back{color:var(--muted);align-items:center;gap:8px;margin-bottom:30px;font-size:13px;display:inline-flex}.caseHero{grid-template-columns:1fr .9fr;align-items:center;gap:70px;display:grid}.caseHero>div>span:first-child,.caseContent small,.caseInfo small{color:var(--light);letter-spacing:.14em;font:10px Space Mono}.caseHero h1{letter-spacing:-.07em;margin:15px 0;font:800 clamp(55px,8vw,100px)/.98 Manrope}.caseHero p{max-width:620px;color:var(--muted);font-size:17px}.caseCover{border:1px solid var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 34%, transparent), transparent 60%), var(--bg2);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:410px;display:flex;position:relative;overflow:hidden}.caseCover strong{color:var(--accent);text-shadow:0 0 50px color-mix(in srgb, var(--accent) 50%, transparent);font:800 130px Manrope}.caseCover>span{font:11px Space Mono;position:absolute;top:20px;left:20px}.caseCover small{letter-spacing:.3em}.caseInfo{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 2fr;margin:75px 0;padding:25px 0;display:grid}.caseInfo p{margin:5px 0}.caseContent{grid-template-columns:100px 1fr;max-width:850px;margin:auto;display:grid}.caseContent aside{color:var(--muted);flex-direction:column;gap:115px;font:10px Space Mono;display:flex}.caseContent article section{padding:0 0 75px}.caseContent h2{margin:12px 0;font:600 36px Manrope}.caseContent p,.caseContent li{color:var(--muted)}.caseContent li{margin:8px 0}.placeholderLinks{border:1px dashed var(--border);color:var(--muted);gap:10px;padding:18px;font-size:12px;display:flex}.emptyState{text-align:center;border:1px dashed var(--border);border-radius:16px;padding:70px}.emptyState span{color:var(--primary);font-size:70px}.notFound{text-align:center;min-height:80vh;padding-top:190px}.notFound span{color:var(--light);font:11px Space Mono}.notFound h1{letter-spacing:-.07em;margin:20px;font:800 clamp(55px,9vw,110px)/.95 Manrope}.notFound p{color:var(--muted);margin-bottom:30px}.loader{place-items:center;height:80vh;display:grid}.loader span{color:var(--primary);font-size:65px;animation:1s infinite alternate pulse}footer{border-top:1px solid var(--border);padding:35px 0}.footerInner{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.footerInner .logo{color:var(--text)}@keyframes pulse{to{filter:drop-shadow(0 0 25px var(--primary));transform:scale(1.08)}}@media (width<=1000px){.desktopNav{display:none}.mobileToggle{display:grid}.heroGrid{grid-template-columns:1fr}.heroArt{display:none}.heroContent{max-width:750px}.aboutGrid{grid-template-columns:1fr}.projectGrid,.skillsGrid,.utilityPreview{grid-template-columns:repeat(2,1fr)}.caseHero{grid-template-columns:1fr}.caseCover{height:330px}}@media (width>=1001px) and (width<=1200px){.desktopNav{gap:18px}.navDropdownMenu{left:auto;right:-60px;transform:translateY(8px)}.navDropdown:hover .navDropdownMenu,.navDropdown:focus-within .navDropdownMenu,.navDropdown[data-open=true] .navDropdownMenu{transform:translateY(0)}}@media (width<=640px){.container{width:min(100% - 28px,1180px)}section{padding:75px 0}.commandKey span{display:none}.hero{min-height:90vh;padding-top:120px}.hero h1{font-size:58px}.heroContent>p{font-size:16px}.heroButtons{flex-direction:column;align-items:stretch}.heroSocial{flex-wrap:wrap}.scrollHint{display:none}.sectionTitle h2,.contactBox h2{font-size:38px}.sectionTop{display:block}.sectionTop>.button{margin-top:20px;margin-bottom:35px}.disciplineGrid,.projectGrid,.skillsGrid,.utilityPreview,.utilitiesGrid{grid-template-columns:1fr}.projectVisual{height:210px}.contactBox{grid-template-columns:1fr;padding:35px 24px}.contactActions{margin-top:25px}.footerInner{flex-direction:column;gap:12px}.caseInfo{grid-template-columns:1fr;gap:18px}.caseContent{grid-template-columns:1fr}.caseContent aside{display:none}.caseCover{height:280px}.caseCover strong{font-size:95px}.caseHero{gap:35px}.page,.projectPage{padding-top:120px}.aboutStory .lead{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--light);outline-offset:3px}html{scroll-padding-top:92px;overflow-x:hidden}section[id]{scroll-margin-top:72px}.container{max-width:1240px}.headerInner{max-width:1320px}.desktopNav a{align-items:center;padding:12px 0;transition:color .18s,text-shadow .18s;display:inline-flex;position:relative}.desktopNav a:after{content:"";background:var(--primary);pointer-events:none;width:0;height:1px;transition:width .22s;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.desktopNav a:hover:after,.desktopNav a:focus-visible:after,.desktopNav a[aria-current=page]:after{width:100%}.desktopNav a:hover,.desktopNav a:focus-visible,.desktopNav a[aria-current=page]{color:var(--text)}.navDropdown{align-items:center;display:flex;position:relative}.navDropdown:before{content:"";width:calc(100% + 24px);height:16px;position:absolute;top:100%;left:-12px}.navDropdownTrigger{align-items:center;display:flex}.navDropdownButton{width:24px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:1px;padding:0;display:grid}.navDropdownButton:focus-visible{outline:2px solid var(--light);outline-offset:1px;border-radius:6px}.navDropdownArrow{width:14px;height:14px;transition:transform .22s,color .18s}.navDropdown:hover .navDropdownArrow,.navDropdown:focus-within .navDropdownArrow,.navDropdown[data-open=true] .navDropdownArrow{color:var(--light);transform:rotate(180deg)}.navDropdownMenu{border:1px solid var(--border);background:var(--bg2);width:min(380px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;padding:10px;transition:opacity .18s,transform .22s,visibility .18s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,8px)}.navDropdown:hover .navDropdownMenu,.navDropdown:focus-within .navDropdownMenu,.navDropdown[data-open=true] .navDropdownMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.navDropdownMenu>p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:3px 8px 8px;font:600 10px Space Mono}.desktopNav .navDropdownMenu a{padding:0}.desktopNav .navDropdownMenu a:after{display:none}.utilityDropdownList{gap:3px;display:grid}.desktopNav .utilityDropdownItem{color:var(--text);border:1px solid #0000;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px;transition:background-color .18s,border-color .18s;display:grid}.desktopNav .utilityDropdownItem:hover,.desktopNav .utilityDropdownItem:focus-visible{border-color:color-mix(in srgb, var(--primary) 38%, transparent);background:var(--surface2);outline:none}.utilityDropdownIcon{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);background:var(--surface);border-radius:9px;place-items:center;transition:color .18s,border-color .18s,box-shadow .18s;display:grid}.utilityDropdownIcon svg{width:17px;height:17px}.utilityDropdownItem:hover .utilityDropdownIcon,.utilityDropdownItem:focus-visible .utilityDropdownIcon{color:var(--light);border-color:var(--primary);box-shadow:inset 0 0 14px color-mix(in srgb, var(--primary) 18%, transparent)}.utilityDropdownCopy{gap:3px;min-width:0;display:grid}.utilityDropdownCopy strong{font:650 13px Manrope}.utilityDropdownCopy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.utilityDropdownGo{width:15px;color:var(--muted);transition:transform .18s,color .18s}.utilityDropdownItem:hover .utilityDropdownGo,.utilityDropdownItem:focus-visible .utilityDropdownGo{color:var(--light);transform:translate(3px)}.desktopNav .utilityDropdownAll{border-top:1px solid var(--border);color:var(--light);justify-content:space-between;margin-top:7px;padding:11px 10px 4px;font:600 12px Manrope;display:flex}.utilityDropdownAll svg{width:15px}.mobileNav a[aria-current=page]{color:var(--light);box-shadow:inset 2px 0 var(--light);padding-left:12px}.iconButton,.commandKey,.commandInput button,.commandList button{transition:background-color .2s,border-color .2s,color .2s,transform .2s}.iconButton:hover,.commandKey:hover,.iconButton:focus-visible,.commandKey:focus-visible{background:var(--surface2);border-color:var(--light);color:var(--text)}.iconButton:focus-visible,.commandKey:focus-visible,.siteHeader .logo:focus-visible{outline:2px solid var(--light);outline-offset:3px}.siteHeader .logo b{transition:color .18s,text-shadow .18s}.siteHeader .logo:hover b,.siteHeader .logo:focus-visible b{color:#c4b5fd;text-shadow:0 0 18px #a78bfabf}.commandList button.selected,.commandList button[aria-selected=true]{background:var(--surface2);color:var(--text)}.commandHelp{border-top:1px solid var(--border);color:var(--muted);gap:16px;padding:10px 18px;font:9px Space Mono;display:flex}.available i{animation:2.8s ease-out infinite statusPulse}@keyframes statusPulse{0%,55%,to{box-shadow:0 0 #7ee2a847,0 0 10px #7ee2a8a6}72%{box-shadow:0 0 0 7px #7ee2a800,0 0 13px #7ee2a8bf}}.avatar{gap:10px;padding:14px 14px 18px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.avatar:hover{border-color:#bea3ffa6;box-shadow:inset 0 0 60px #8b5cf629,0 24px 80px #5c2db459,0 0 34px #8b5cf638}.avatarMedia{background:radial-gradient(circle at 50% 36%,#d946ef57,#0000 37%),linear-gradient(155deg,#271947,#100a1d);border-radius:116px 116px 24px 24px;flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.avatarMedia img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.avatarPlaceholder{letter-spacing:-.08em;text-transform:uppercase;color:#f8f7ffe0!important;text-shadow:0 0 38px #a78bfa80!important;font:800 86px/1 Manrope!important}.avatarKanji{position:absolute;bottom:-35px;right:-2px;color:#a78bfa1f!important;text-shadow:none!important;font:800 135px/1 Manrope!important}.codeCard{width:350px;max-width:calc(100% - 16px);right:-10px}.codeCard pre{white-space:pre-wrap;overflow-wrap:anywhere}@media (width>=1600px){.container{width:min(1240px,100% - 96px)}.heroGrid{gap:90px}.hero h1{font-size:108px}}@media (width<=1100px){.heroGrid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:30px}.hero h1{font-size:clamp(62px,8vw,86px)}.heroArt{height:500px}.orbit.one{width:390px;height:390px}.orbit.two{width:440px}.codeCard{right:0}}@media (width<=1000px){.hero{padding-bottom:80px}.heroGrid{grid-template-columns:1fr}.heroContent{max-width:760px}.heroArt{height:390px;margin-top:20px;display:grid}.orbit{display:none}.avatar{width:220px;height:285px}.codeCard{width:330px;bottom:0;right:max(0px,50% - 330px)}.scrollHint{display:none}}@media (width<=700px){body:before{display:none}.heroGlow{filter:none;opacity:.65;width:320px;height:320px;top:18%;right:-120px}.heroArt{height:auto;margin-top:50px;display:block}.avatar{width:min(230px,72vw);height:285px;margin:auto}.codeCard{width:min(100%,390px);max-width:none;margin:-24px auto 0;position:relative;bottom:auto;right:auto;transform:translate(18px)}.commandHelp{display:none}}@media (width<=640px){.hero{min-height:auto;padding-top:112px}.hero h1{font-size:clamp(46px,16.8vw,58px)}.heroSocial{gap:12px 18px}.heroSocial>span{flex-basis:100%}.available{font-size:9px}.codeCard{margin-top:18px;font-size:10px;transform:none}.codeCard pre{font-size:10px}.avatar{height:270px}.contactBox{padding:34px 22px}}@media (width<=374px){.container,.headerInner{width:calc(100% - 24px)}.logo span{display:none}.hero h1{font-size:48px}.heroButtons .button{width:100%}.codeCard{padding-inline:13px}.codeCard pre{font-size:9px}.discipline{padding:20px}.sectionTitle h2,.contactBox h2{font-size:34px}.contactBox{padding:30px 18px}}@media (prefers-reduced-motion:reduce){.available i{animation:none}.avatar{transition:none}}.heroContent>.heroTitle{margin-top:0}.heroSocial{flex-wrap:wrap;gap:10px;margin-top:18px}.socialButton{min-width:104px;min-height:42px;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120c1ea8;border:1px solid #a78bfa47;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:0 13px;font-size:12px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,color .2s,background-color .2s;display:inline-flex}.socialButton svg{fill:currentColor;flex:none;width:16px;height:16px}.socialButton:hover{color:var(--text);background:#231639c7;border-color:#a78bfa9e;transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf633,0 0 18px #8b5cf61a}.socialButton:focus-visible{outline:2px solid var(--light);outline-offset:3px;border-color:var(--light);color:var(--text)}@media (width<=640px){.heroSocial{gap:10px;margin-top:20px;display:flex}.socialButton{flex:0 auto}.heroSocial .socialButton span{flex-basis:auto}}@media (prefers-reduced-motion:reduce){.socialButton{transition:none}.socialButton:hover{transform:none}}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.homeSection{padding:90px 0}.homeAboutSection{padding:76px 0}.homeAboutGrid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:clamp(38px,6vw,78px);display:grid}.homeAboutCopy{min-width:0}.homeAboutCopy h2{letter-spacing:-.052em;max-width:610px;margin:13px 0 16px;font:700 clamp(36px,4.2vw,54px)/1.04 Manrope}.homeAboutCopy p{max-width:590px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.homeAboutCopy .button{min-height:46px;margin-top:25px;padding-inline:17px}.homeAboutFacts{background:linear-gradient(145deg, var(--surface), var(--surface-muted));border:1px solid #a78bfa38;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:9px;display:grid;box-shadow:0 18px 55px #40206e21,inset 0 0 38px #8b5cf609}.homeAboutFacts article{border-bottom:1px solid var(--border);flex-direction:column;min-width:0;min-height:116px;padding:17px;display:flex}.homeAboutFacts article:nth-child(odd){border-right:1px solid var(--border)}.homeAboutFacts article:nth-child(n+3){border-bottom:0}.homeAboutFacts article>span{color:#a78bfaa6;align-self:flex-end;font:9px Space Mono}.homeAboutFacts small{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-top:auto;font:8px Space Mono}.homeAboutFacts strong{color:var(--text);overflow-wrap:anywhere;margin-top:5px;font:600 13px/1.4 Manrope}.catalogToolbar{justify-content:space-between;align-items:center;gap:18px;margin:0 0 18px;display:flex}.catalogSearch{border:1px solid var(--border);background:var(--surface);width:min(390px,100%);height:48px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:0 15px;display:flex}.catalogSearch:focus-within{border-color:var(--light);box-shadow:0 0 0 3px #8b5cf61a}.catalogSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.filterTabs{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.filterTabs button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--muted);cursor:pointer;border-radius:9px;padding:0 13px;font-size:12px;transition:all .2s}.filterTabs button:hover,.filterTabs button.active{border-color:var(--light);background:var(--surface2);color:var(--text)}.resultsCount{color:var(--muted);margin:0 0 18px;font:10px Space Mono}.projectStatus{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:.7rem;line-height:1;display:inline-flex}.projectStatus i{background:#a78bfa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #a78bfa8c}.projectStatus.completed i{background:#7ee2a8;box-shadow:0 0 10px #7ee2a88c}.projectStatus.planned i{box-shadow:none;background:#aaa4b8}.projectCard>.projectVisual{display:block}.projectActions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px;display:flex}.projectActions .detailLink{margin-top:0}.projectActions>a{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}.projectActions>a:hover{color:var(--light)}.caseActions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.videoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.homeVideos{grid-template-columns:repeat(2,minmax(0,1fr))}.videoCard{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.videoPoster{place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.videoPoster:after{content:"神";color:#ffffff0b;font:800 170px Manrope;position:absolute;bottom:-55px;right:-14px}.playButton{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07050da8;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.videoDuration{z-index:1;color:#fff;background:#07050db8;border-radius:6px;padding:4px 7px;font:9px Space Mono;position:absolute;top:14px;right:14px}.videoBody{padding:22px}.videoBody h2{margin:0 0 8px;font:600 21px Manrope}.videoBody p{min-height:48px;color:var(--muted);font-size:13px}.videoBody a{color:var(--light);align-items:center;gap:6px;font-size:12px;display:inline-flex}.videoBody small{color:var(--muted);margin-top:14px;font:9px Space Mono;display:block}.homeCta h2{letter-spacing:-.045em;margin:12px 0;font:700 clamp(32px,4vw,48px)/1.08 Manrope}.homeCta p{color:var(--muted)}.homeCta{border:1px solid var(--border);background:radial-gradient(circle at 80%, #8b5cf633, transparent 43%), var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:52px 58px;display:flex}.contactSocials{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.contactSocials a{color:var(--light);font-size:12px}.utilityDetail{max-width:830px}.utilityDetail>small{color:var(--light);letter-spacing:.15em;font:10px Space Mono}.utilityDetail>h1{letter-spacing:-.065em;margin:16px 0;font:800 clamp(55px,8vw,94px)/1 Manrope}.utilityDetail>p{max-width:650px;color:var(--muted);font-size:18px}.utilityDetailIcon{border:1px solid var(--border);background:var(--surface);width:72px;height:72px;color:var(--light);border-radius:18px;place-items:center;margin-bottom:26px;font:700 28px Space Mono;display:grid}.utilityWorkbench{border:1px dashed var(--border);background:var(--surface);border-radius:16px;margin-top:55px;padding:42px}.utilityWorkbench svg{color:var(--light)}.utilityWorkbench h2{font:600 25px Manrope}.utilityWorkbench p{color:var(--muted)}@media (width<=1000px){.videoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogToolbar{flex-direction:column;align-items:flex-start}.filterTabs{justify-content:flex-start}.catalogSearch{width:100%}}@media (width<=900px){.homeAboutGrid{grid-template-columns:1fr}.homeAboutCopy h2,.homeAboutFacts{max-width:680px}}@media (width<=640px){.homeSection{padding:68px 0}.videoGrid,.homeVideos{grid-template-columns:1fr}.videoPoster{height:205px}.homeCta{flex-direction:column;align-items:flex-start;padding:34px 24px}.homeCta .button,.filterTabs{width:100%}.filterTabs button{flex:auto}.projectActions{gap:12px}.utilityWorkbench{padding:28px 22px}.utilityDetail>p{font-size:16px}.homeAboutSection{padding:58px 0}.homeAboutGrid{gap:32px}.homeAboutCopy h2{font-size:clamp(34px,10vw,43px)}.homeAboutFacts article{min-height:108px;padding:14px}.homeAboutFacts strong{font-size:12px}}.videoTrigger{width:100%;color:inherit;cursor:pointer;border:0}.videoTrigger:hover .playButton{transform:scale(1.06);box-shadow:0 0 28px #8b5cf673}.videoModalBackdrop{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020105d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.videoModal{border:1px solid var(--border);background:var(--bg2);width:min(960px,100%);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.videoModalHead{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;display:flex}.videoModalHead small{color:var(--light);font:9px Space Mono}.videoModalHead h2{margin:4px 0 0;font:600 20px Manrope}.videoModalHead button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;display:grid}.videoFrame{aspect-ratio:16/9;background:#030205}.videoFrame iframe,.videoFrame video{border:0;width:100%;height:100%;display:block}.contactsLayout{grid-template-columns:.75fr 1.25fr;gap:18px;display:grid}.contactPanel,.contactForm{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:34px}.contactPanel h2{font:600 29px Manrope}.contactPanel p{color:var(--muted)}.contactPanel>.button{width:100%;margin:12px 0 20px}.contactEmail{border:1px solid var(--border);color:var(--light);overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:9px;margin:25px 0 4px;padding:12px;font-size:12px;display:flex}.contactForm{flex-direction:column;gap:18px;display:flex}.formRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contactForm label>span{color:var(--muted);text-transform:uppercase;margin-bottom:7px;font:9px Space Mono;display:block}.contactForm input,.contactForm textarea{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);resize:vertical;border-radius:9px;outline:0;padding:12px 14px}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--light);box-shadow:0 0 0 3px #8b5cf61a}.contactForm .button{align-self:flex-start}.contactForm small{color:var(--muted);font-size:10px}.aboutFacts{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:75px;display:grid}.aboutFacts article{border-top:1px solid var(--light);background:linear-gradient(180deg, var(--surface), transparent);padding:28px}.aboutFacts span{color:var(--light);letter-spacing:.13em;font:9px Space Mono}.aboutFacts h2{font:600 21px Manrope}.aboutFacts p{color:var(--muted);font-size:13px}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:8px;margin-bottom:24px;font-size:11px;display:flex}.breadcrumbs a:hover{color:var(--light)}.caseSections{max-width:900px;margin:0 auto}.caseSections section{border-bottom:1px solid var(--border);padding:60px 0}.caseSections small{color:var(--light);letter-spacing:.15em;font:9px Space Mono}.caseSections h2,.caseGallery h2,.caseVideo h2,.relatedProjects h2{letter-spacing:-.04em;margin:12px 0;font:600 clamp(30px,4vw,44px) Manrope}.caseSections p,.caseSections li,.caseVideo p{color:var(--muted)}.caseSections li{margin:8px 0}.caseGallery,.caseVideo,.relatedProjects{padding:85px 0 0}.caseGallery>div{grid-template-rows:repeat(2,220px);grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.caseVideo{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.caseVideo .videoPoster{border:1px solid var(--border);border-radius:15px}.relatedProjects>.sectionTop{margin-bottom:30px}.relatedProjects .projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=850px){.contactsLayout,.aboutFacts,.caseVideo{grid-template-columns:1fr}.caseGallery>div{grid-template-rows:repeat(3,230px);grid-template-columns:1fr}}@media (width<=640px){.videoModalBackdrop{padding:12px}.videoModalHead h2{font-size:16px}.formRow{grid-template-columns:1fr}.contactPanel,.contactForm{padding:25px 20px}.caseGallery,.caseVideo,.relatedProjects{padding-top:65px}.caseGallery>div{grid-template-rows:repeat(3,190px)}.relatedProjects .projectGrid{grid-template-columns:1fr}}.footerGrid{grid-template-columns:1.1fr 1.5fr 1fr auto;align-items:start;gap:28px;display:grid}.footerGrid>div:first-child p{color:var(--muted);margin:10px 0 0;font-size:11px}.footerGrid nav{flex-wrap:wrap;gap:8px 15px;display:flex}.footerGrid nav a,.footerContacts a{color:var(--muted);font-size:11px}.footerGrid a:hover{color:var(--light)}.footerContacts{flex-wrap:wrap;gap:8px 13px;display:flex}.footerGrid>small{color:var(--muted);white-space:nowrap}.catalogFilters{grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(135px,.7fr)) auto;align-items:end;gap:10px;margin-bottom:18px;display:grid}.catalogFilters>label:not(.catalogSearch)>span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font:8px Space Mono;display:block}.catalogFilters select{border:1px solid var(--border);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:10px;outline:0;padding:0 10px}.catalogFilters select:focus{border-color:var(--light)}.filterReset{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--muted);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.filterReset:hover{border-color:var(--light);color:var(--text)}.skillCatalog{grid-template-columns:repeat(3,minmax(0,1fr))}.skillCatalog .skillGroup{min-height:260px}.skillCatalog .skillGroup>p{min-height:64px;color:var(--muted);margin:0 0 24px;font-size:12px}.caseGallery button{border:1px solid var(--border);background:var(--surface);color:#fff;cursor:zoom-in;border-radius:14px;justify-content:space-between;align-items:flex-end;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.caseGallery button:first-child{grid-row:1/3}.caseGallery button img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.caseGallery button span,.caseGallery button strong{z-index:1;text-shadow:0 2px 8px #000;margin:16px;position:relative}.galleryModal{z-index:140;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020105e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.galleryModal>div{width:min(1100px,100%);max-height:92vh;position:relative}.galleryModal img{object-fit:contain;border-radius:14px;width:100%;max-height:88vh;display:block}.galleryModal button{z-index:2;border:1px solid var(--border);background:var(--bg2);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;top:10px;right:10px}@media (width<=1050px){.catalogFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.footerGrid{grid-template-columns:1fr 1fr}.skillCatalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.catalogFilters{grid-template-columns:1fr}.filterReset{justify-content:center}.footerGrid{grid-template-columns:1fr;gap:18px}.skillCatalog{grid-template-columns:1fr}.galleryModal{padding:10px}.caseGallery button:first-child{grid-row:auto}}.projectCard{flex-direction:column;display:flex}.projectCard>.projectVisual{flex:none}.projectBody{flex-direction:column;height:100%;display:flex}.projectBody>.tags{margin-bottom:18px}.projectActions{margin-top:auto}.projectPlaceholder{grid-template-rows:22px 1fr;grid-template-columns:1fr .7fr;gap:9px;height:78%;padding:15px;display:grid}.projectPlaceholder span{background:color-mix(in srgb, var(--accent) 22%, #ffffff0a);border-radius:5px;display:block}.projectPlaceholder span:first-child{grid-column:1/3}.projectPlaceholder span:nth-child(2){background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 35%, transparent), #ffffff06)}.projectPlaceholder span:nth-child(3){background:#ffffff09}.utilityHeader{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:auto;padding:20px 0 48px;position:static}.utilityHeader h1{letter-spacing:-.055em;max-width:900px;margin:10px 0;font:800 clamp(42px,7vw,82px)/1 Manrope}.utilityHeader p{max-width:680px;color:var(--muted);font-size:16px}.utilityPanel{border:1px solid var(--border);background:var(--surface);box-shadow:0 16px 42px var(--shadow-color);border-radius:15px;margin:0 0 18px;padding:24px!important}.utilityPanel h2{margin:0 0 18px;font:600 20px Manrope}.utilityPanel h3{margin:24px 0 12px;font-size:14px}.utilityPanel label,.utilityPanel fieldset{color:var(--muted);gap:7px;margin:0 0 13px;font-size:12px;display:grid}.utilityPanel fieldset{border:0;padding:0}.utilityPanel legend{color:var(--text);margin-bottom:10px;font-weight:600}.utilityCardLink{color:inherit;cursor:pointer;text-decoration:none}.utilitiesPage .utilityCardLink:focus-visible{outline:2px solid var(--light);outline-offset:4px}.utilitiesPage .utilityCard:not(.utilityCardLink):hover,.utilitiesPage .utilityCard:not(.utilityCardLink):focus-within{border-color:var(--border);box-shadow:none;transform:none}.utilitiesPage .utilityCard:not(.utilityCardLink) .utilityIcon{color:var(--muted);border-color:var(--border);box-shadow:none}.utilityCatalogToolbar{grid-template-columns:minmax(220px,1fr) auto auto;display:grid}.catalogSelect{color:var(--muted);font-family:var(--font-mono);gap:5px;font-size:.68rem;display:grid}.catalogSelect select{border:1px solid var(--border);background:var(--surface);min-width:160px;height:48px;color:var(--text);font-family:var(--font-ui);border-radius:10px;padding:0 12px}.utilityNotice,.utilityError{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:10px;padding:12px 14px}.utilityError{border-color:color-mix(in srgb, #fb7185 45%, var(--border));color:#fb7185}.utilityTool input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.utilityTool select,.utilityTool textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);font-family:var(--font-ui);border-radius:9px;margin-top:6px;padding:10px 12px}.utilityTool textarea{resize:vertical}.utilityTool label{color:var(--muted);font-size:.82rem}.utilityTool label+label{margin-top:10px}@media (width<=900px){.utilityCatalogToolbar{grid-template-columns:1fr 1fr}.utilityCatalogToolbar .catalogSearch{grid-column:1/-1}}@media (width<=600px){.utilityCatalogToolbar{grid-template-columns:1fr}.utilityCatalogToolbar .catalogSearch{grid-column:auto}.catalogSelect select{min-width:0}}.utilitiesPage .utilitiesGrid,.utilitiesPage .emptyState{margin-top:20px}.navDropdownMenu{box-sizing:border-box;padding:10px;overflow:hidden}.utilityDropdownList{gap:4px;min-width:0;display:grid}.desktopNav .utilityDropdownItem{box-sizing:border-box;border:1px solid #0000;border-radius:11px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 10px;display:grid;overflow:hidden;transform:none}.utilitiesPage .utilitiesGrid .utilityCard,.utilitiesPage .utilitiesGrid .utilityFeatured{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), color-mix(in srgb, var(--primary) 4%, var(--surface)));border-color:var(--border);box-shadow:0 16px 40px color-mix(in srgb, var(--shadow-color) 72%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent)}.utilitiesPage .utilitiesGrid .utilityCardLink:hover,.utilitiesPage .utilitiesGrid .utilityCardLink:focus-visible{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 12%, var(--surface)), color-mix(in srgb, var(--primary) 4%, var(--surface)));border-color:color-mix(in srgb, var(--primary) 55%, var(--border));box-shadow:0 20px 46px color-mix(in srgb, var(--shadow-color) 82%, transparent), 0 0 22px color-mix(in srgb, var(--primary) 8%, transparent), inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent)}:root[data-theme=light] .utilitiesPage .utilitiesGrid .utilityCard,:root[data-theme=light] .utilitiesPage .utilitiesGrid .utilityFeatured{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 7%, var(--surface)), var(--surface));border-color:var(--border);box-shadow:0 14px 34px var(--shadow-color), inset 0 1px 0 #ffffffb3}.desktopNav .utilityDropdownItem:hover,.desktopNav .utilityDropdownItem:focus-visible{border-color:var(--border-strong);background:var(--surface2);box-shadow:none;outline:none}.desktopNav .utilityDropdownItem.active,.desktopNav .utilityDropdownItem[aria-current=page]{border-color:color-mix(in srgb, var(--primary) 42%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--surface2))}.utilityDropdownIcon{box-sizing:border-box;border-radius:10px;width:38px;height:38px}.utilityDropdownCopy{min-width:0;overflow:hidden}.utilityDropdownItemTitle{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.utilityDropdownItemDescription{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.utilityDropdownItemArrow,.utilityDropdownGo{justify-self:center;width:16px;max-width:16px;height:16px;transform:translate(0)}.utilityDropdownItem:hover .utilityDropdownItemArrow,.utilityDropdownItem:focus-visible .utilityDropdownItemArrow,.utilityDropdownItem.active .utilityDropdownItemArrow{color:var(--light);transform:translate(2px)}.desktopNav .utilityDropdownAll{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 20px;align-items:center;width:100%;min-width:0;padding:11px 10px 5px;display:grid;overflow:hidden}.utilityDropdownAll svg{justify-self:center;transition:transform .18s,color .18s;transform:translate(0)}.utilityDropdownAll:hover svg,.utilityDropdownAll:focus-visible svg{color:var(--light);transform:translate(2px)}.mobileNav .mobileUtilitiesPanel a{box-sizing:border-box;grid-template-columns:20px minmax(0,1fr) 18px;width:100%;min-width:0;min-height:44px;overflow:hidden}.mobileNav .mobileUtilitiesPanel a>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobileUtilityArrow{justify-self:center;max-width:16px;transform:none}.utilityPanel input:not([type=checkbox]):not([type=radio]):not([type=range]),.utilityPanel select,.utilityPanel textarea{border:1px solid var(--border);background:var(--surface2);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px;padding:10px 11px}.utilityPanel input[type=range]{width:100%;accent-color:var(--primary)}.utilityButton,.chipRow button,.segmented button{border:1px solid var(--border);background:var(--surface2);min-height:38px;color:var(--text);font:500 12px var(--font-ui);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.utilityButton svg{width:15px}.utilityButton:hover,.chipRow button:hover,.segmented button:hover,.segmented button.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--surface2))}.utilityButton:focus-visible,.chipRow button:focus-visible,.segmented button:focus-visible,.utilityPanel input:focus-visible,.utilityPanel select:focus-visible,.utilityPanel textarea:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.utilityButton:disabled{cursor:not-allowed;opacity:.45}.utilityActions,.chipRow,.segmented,.fieldPair{flex-wrap:wrap;gap:8px;display:flex}.fieldPair>*{flex:150px}.utilityCode{border:1px solid var(--code-border);background:var(--code-background);max-width:100%;color:var(--code-text);font:12px/1.65 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;padding:18px;overflow:auto}@media (width<=640px){.utilityPanel{padding:18px!important}.utilityHeader{padding-bottom:34px}.utilityActions>*{flex:140px}}.adminSectionHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.adminSectionHead h2{margin:0}.adminSectionHead button,.adminMediaList button{border:1px solid var(--border);background:var(--surface2);min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 10px}.adminMediaList{gap:10px;margin-top:18px;display:grid}.adminMediaList>div{border:1px solid var(--border);border-radius:9px;grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) auto;align-items:center;gap:9px;padding:12px;display:grid}.adminMediaList span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.adminMediaList input,.adminMediaList select{border:1px solid var(--border);background:var(--surface2);min-width:0;color:var(--text);border-radius:7px;padding:9px}.adminShell{background:var(--background);min-height:100vh;color:var(--text-primary);grid-template-columns:240px minmax(0,1fr);display:grid}.adminSidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.adminBrand{align-items:center;gap:10px;padding:10px;font-weight:700;display:flex}.adminBrand b{color:var(--primary);font-size:24px}.adminSidebar nav{gap:5px;margin-top:35px;display:grid}.adminSidebar nav a,.adminSidebar nav span,.adminSidebar>button{min-height:42px;color:var(--text-secondary);font:500 13px var(--font-ui);background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 12px;display:flex}.adminSidebar nav a.active{background:var(--surface-muted);color:var(--primary-light)}.adminSidebar svg{width:17px}.adminSidebar .disabled{opacity:.45}.adminSidebar>button{cursor:pointer;margin-top:auto}.adminMain{min-width:0}.adminMain>header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:72px;padding:0 28px;display:flex;position:static}.adminMain>header div{display:grid}.adminMain>header small{font:9px var(--font-mono);color:var(--primary-light)}.adminPage{max-width:1280px;margin:auto;padding:clamp(24px,4vw,52px)}.adminPage h1{margin:10px 0 30px;font:700 clamp(32px,5vw,52px) Manrope}.adminPageHead{justify-content:space-between;align-items:end;gap:20px;display:flex}.adminSearch{border:1px solid var(--border);background:var(--surface);width:min(480px,100%);color:var(--text);border-radius:10px;margin-bottom:20px;padding:13px 15px}.adminProjectList{gap:9px;display:grid}.adminProjectList article{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:17px 20px;display:grid}.adminProjectList small{color:var(--primary-light);font:9px var(--font-mono)}.adminProjectList h2{margin:3px 0;font-size:18px}.adminProjectList code,.adminProjectList>article>span{color:var(--muted);font-size:11px}.adminProjectList article>div:last-child{align-items:center;gap:8px;display:flex}.adminProjectList button,.adminProjectList a,.adminModal button,.adminFormActions>button{border:1px solid var(--border);background:var(--surface2);min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 10px}.danger{color:#fb7185!important}.adminState{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:12px;padding:40px}.adminModal{z-index:200;background:#07050dd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.adminModal>div{border:1px solid var(--border);background:var(--surface2);border-radius:16px;width:min(460px,100%);padding:28px}.adminModal>div>div{justify-content:flex-end;gap:9px;display:flex}.adminToast{z-index:220;border:1px solid var(--border-strong);background:var(--surface2);box-shadow:var(--shadow);border-radius:10px;gap:20px;padding:14px 18px;display:flex;position:fixed;top:90px;right:24px}.adminToast button{color:inherit;background:0 0;border:0}.adminLogin{background:var(--background);place-items:center;min-height:100vh;padding:20px;display:grid}.adminLogin form{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;gap:17px;padding:34px;display:grid}.adminLogin form>span{color:var(--primary);font-size:42px}.adminLogin h1{margin:0;font-size:27px}.adminLogin label,.adminProjectForm label{color:var(--text-secondary);gap:7px;font-size:12px;display:grid}.adminLogin input,.adminProjectForm input,.adminProjectForm textarea,.adminProjectForm select{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:11px 12px}.adminProjectForm{gap:18px;display:grid}.adminProjectForm>section{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:26px}.adminProjectForm h2{margin:0 0 20px;font-size:20px}.adminFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.adminFormGrid .wide{grid-column:1/-1}.adminFormGrid .check{align-items:center;display:flex}.adminFormGrid .check input{width:auto}.adminCoverPreview{object-fit:cover;border-radius:10px;max-width:300px;max-height:180px}.adminFormActions{border:1px solid var(--border);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:12px;justify-content:flex-end;gap:10px;padding:12px;display:flex;position:sticky;bottom:12px}.adminFormError,.apiNotice{color:#fb7185}.adminLoader{background:var(--background);place-items:center;min-height:100vh;display:grid}@media (width<=800px){.adminShell{grid-template-columns:1fr}.adminSidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.adminSidebar nav{margin-top:14px;display:flex;overflow-x:auto}.adminSidebar>button{margin-top:12px}.adminProjectList article,.adminFormGrid{grid-template-columns:1fr}.adminFormGrid .wide{grid-column:auto}.adminPageHead{flex-direction:column;align-items:flex-start}.adminMain>header{padding:0 18px}}.metaLabel,.eyebrow,.sectionTitle>span,.projectMeta,.projectStatus,.statusBadge,.resultsCount,.utilitiesGrid small,.catalogFilters>label:not(.catalogSearch)>span,.caseSections small,.caseInfo small,.skillModule>header>span,.skillModule footer small,.contactSectionHeading>span,.gamingGrid small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:400;line-height:1.2}.statusBadge,.projectStatus,.status{white-space:nowrap;color:var(--text-secondary);letter-spacing:.06em;align-items:center;gap:.45rem;font-size:.7rem;line-height:1;display:inline-flex}.techTag,.tags span,.skillPill{font-family:var(--font-ui);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:500;line-height:1}.homeSection .sectionTop{margin-bottom:clamp(2rem,4vw,3.5rem)}.homeSection .sectionTop .sectionTitle{margin-bottom:0}@media (hover:none){.projectCard:hover{transform:none}}@media (prefers-reduced-motion:reduce){.navDropdownArrow,.navDropdownMenu,.utilityDropdownGo,.mobileUtilitiesHeading>button svg,.mobileUtilitiesPanel{transition-duration:.01ms}.projectCard{transition:none}.projectCard:hover,.projectCard:focus-within{transform:none}}.skillsPage .skillsHero,.contactsPage .contactHero,.contactsPage .contactSection,.contactsPage .contactMailSection{min-height:0;margin:0;position:static}.skillsPage .skillsHero,.contactsPage .contactHero{align-items:center;padding:24px 0 72px}.skillsPage .skillModules{gap:clamp(20px,3vw,36px);position:static}.skillsPage .skillModule{max-width:100%;min-height:0;margin:0;position:static}.contactsPage .contactSection{padding:64px 0 0}.contactsPage .contactMailSection{padding:80px 0 0}@media (width<=1000px){.skillsPage .skillsHero,.contactsPage .contactHero{grid-template-columns:1fr}}@media (width<=768px){.skillsPage .skillsHero,.contactsPage .contactHero{padding:16px 0 48px}.contactsPage .contactSection{padding-top:48px}.contactsPage .contactMailSection{padding-top:64px}}.navDropdownMenu>p{font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem;font-weight:500;line-height:1.2}.desktopNav .utilityDropdownItem{grid-template-columns:34px minmax(0,1fr) 18px;min-width:0;overflow:hidden}.utilityDropdownCopy strong,.utilityDropdownItemTitle{font-family:var(--font-ui);font-size:.88rem;font-weight:600;line-height:1.25}.utilityDropdownCopy small,.utilityDropdownItemDescription{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:.74rem;line-height:1.35}.desktopNav .utilityDropdownAll{font-family:var(--font-ui);font-size:.8rem;font-weight:600}.mobileNav .mobileUtilitiesPanel a{min-width:0;min-height:44px;font-family:var(--font-ui);grid-template-columns:18px minmax(0,1fr) 16px;font-size:.87rem;font-weight:600;overflow:hidden}
