:root{--pointer-x: 50%;--pointer-y: 40%;color-scheme:dark;--ink: #080a0d;--ink-2: #0e1115;--ink-3: #171b20;--paper: #f4f4f1;--paper-2: #e5e7e9;--silver: #b7bdc4;--muted: #8b929b;--dark-text: #15181c;--line-dark: rgba(255, 255, 255, .12);--line-light: rgba(18, 22, 27, .12);--glass-dark: rgba(18, 21, 25, .88);--glass-light: rgba(243, 244, 245, .84);--shadow-dark: 0 32px 90px rgba(0, 0, 0, .38);--shadow-light: 0 26px 70px rgba(16, 20, 25, .14);--r-xl: 36px;--r-lg: 28px;--r-md: 20px;--r-sm: 14px;--max: 1700px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;color:#f3f4f5;background:radial-gradient(circle at 12% 9%,rgba(255,255,255,.045),transparent 24%),radial-gradient(circle at 86% 51%,rgba(255,255,255,.035),transparent 28%),var(--ink);font-family:Inter,SF Pro Display,SF Pro Text,Noto Sans SC,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img,video{display:block}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}::selection{color:#fff;background:#252a30}main{overflow:clip}.shell{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.section{position:relative;padding-block:138px}.section:before{content:"CY  /  PORTFOLIO  /  2026";position:absolute;top:54px;right:max(40px,calc((100vw - var(--max)) / 2));color:#ffffff42;font:500 8px/1 Inter,sans-serif;letter-spacing:.22em}.section-kicker{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:6px 18px 6px 7px;color:#d5d8dc;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff14,0 18px 52px #0000002e;-webkit-backdrop-filter:blur(22px) saturate(55%);backdrop-filter:blur(22px) saturate(55%);font-size:11px;font-weight:600;letter-spacing:.13em}.section-kicker span{display:grid;width:34px;height:34px;place-items:center;color:#121519;border-radius:10px;background:#eef0f2;box-shadow:inset 0 1px #fff;font-size:10px;letter-spacing:0}.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr);align-items:end;gap:80px;margin:76px 0 58px;padding:48px 54px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl);background:#ffffff0e;box-shadow:inset 0 1px #ffffff14,var(--shadow-dark);-webkit-backdrop-filter:blur(28px) saturate(55%);backdrop-filter:blur(28px) saturate(55%)}.section-heading h2{margin:0;font-size:clamp(54px,5.3vw,92px);line-height:.98;letter-spacing:-.065em;font-weight:650}.section-heading p{margin:0;color:#a2a8b0;font-size:14px;line-height:1.9}.accent{color:#c9cdd2}.nav{position:fixed;z-index:100;top:22px;left:50%;width:min(calc(100% - 48px),980px);min-height:72px;display:grid;grid-template-columns:220px 1fr 170px;align-items:center;padding:8px 10px 8px 14px;transform:translate(-50%);overflow:hidden;color:#f3f4f5;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0e1013b8;box-shadow:0 22px 62px #00000052,inset 0 1px #ffffff21;-webkit-backdrop-filter:blur(38px) saturate(72%);backdrop-filter:blur(38px) saturate(72%);transition:top .35s ease,width .35s ease,background .35s ease,box-shadow .35s ease}.nav:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% -20%,rgba(255,255,255,.18),transparent 38%),radial-gradient(circle,rgba(255,255,255,.035) .65px,transparent .8px);background-size:auto,4px 4px;opacity:.72}.nav>*{position:relative;z-index:1}.nav.nav--scrolled{top:14px;width:min(calc(100% - 48px),790px);min-height:60px;grid-template-columns:164px 1fr 132px;padding:6px 7px 6px 10px;background:#0a0c0fcc;box-shadow:0 18px 56px #0000006b,inset 0 1px #ffffff17}.nav.nav--scrolled .brand{gap:9px}.nav.nav--scrolled .brand__monogram{width:40px;height:40px}.nav.nav--scrolled .brand__monogram b{font-size:11px}.nav.nav--scrolled .brand__wordmark strong{font-size:9px}.nav.nav--scrolled .brand__wordmark small{font-size:6px}.nav.nav--scrolled .nav__links button{min-width:49px;height:38px;padding-inline:11px;font-size:11px}.nav.nav--scrolled .nav__contact{height:46px;gap:10px;padding-left:16px;font-size:11px}.nav.nav--scrolled .nav__contact span{width:34px;height:34px;font-size:14px}.brand{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.brand__monogram{display:grid;width:48px;height:48px;place-items:center;color:#15181c;border-radius:50%;background:linear-gradient(180deg,#fff,#cdd1d6);box-shadow:0 10px 26px #00000040,inset 0 1px #fff}.brand__monogram b{font-size:13px;font-weight:800;letter-spacing:-.04em}.brand__wordmark{display:grid;gap:3px}.brand__wordmark strong{font-size:11px;letter-spacing:.13em}.brand__wordmark small{color:#747b84;font-size:7px;letter-spacing:.16em}.nav__links{display:flex;justify-content:center;gap:4px}.nav__links button{min-width:60px;height:46px;padding:0 16px;border:0;border-radius:999px;color:#a9afb7;background:transparent;cursor:pointer;transition:color .22s ease,background .22s ease,transform .22s ease}.nav__links button:hover{color:#fff;background:#ffffff12}.nav__links button:active{transform:scale(.96)}.nav__links button.is-active{color:#15181c;background:#f2f3f4;box-shadow:0 8px 22px #00000040,inset 0 1px #fff}.nav__contact{justify-self:end;display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 8px 0 20px;border:0;border-radius:999px;background:#ffffff13;font-size:12px;font-weight:600;transition:background .22s ease,transform .22s ease}.nav__contact:hover{background:#ffffff21;transform:translateY(-1px)}.nav__contact span{display:grid;width:40px;height:40px;place-items:center;color:#15181c;border-radius:50%;background:#f1f2f3;font-size:16px}.hero{position:relative;width:100%;min-height:clamp(780px,56.25vw,1080px);overflow:hidden;color:#111418;background:#f4f3ef}.hero__image,.hero__veil,.hero__grid{position:absolute;inset:0;width:100%;height:100%}.hero__image{object-fit:cover;object-position:center top}.hero__veil{background:linear-gradient(180deg,#ffffff0d,#ffffff1f 72%,#ffffffbd),radial-gradient(circle at 15% 58%,rgba(255,255,255,.92),transparent 34%)}.hero__grid{opacity:.26;background-image:linear-gradient(rgba(18,21,25,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(18,21,25,.16) 1px,transparent 1px);background-size:220px 100%,100% 220px;-webkit-mask-image:linear-gradient(180deg,transparent,black 15%,black 86%,transparent);mask-image:linear-gradient(180deg,transparent,black 15%,black 86%,transparent)}.hero__content{position:relative;z-index:2;min-height:clamp(780px,56.25vw,1080px);display:flex;flex-direction:column;justify-content:center;padding-top:90px}.hero__systembar{position:absolute;top:124px;left:0;right:0;display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(18,21,25,.16);color:#676d74;font-size:8px;letter-spacing:.15em}.hero__systembar div{display:flex;gap:12px}.hero__systembar b{font-weight:600}.hero__systembar small{color:#8f949a}.hero__systembar i,.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#171a1e}.eyebrow{display:flex;align-items:center;margin-top:80px;color:#4d535a;font-size:10px;font-weight:600;letter-spacing:.16em}.hero h1{width:min(720px,50vw);display:flex;flex-direction:column;margin:28px 0 0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(64px,6.6vw,118px);line-height:.98;letter-spacing:-.075em;font-weight:900}.hero__title-copy{color:#121519}.hero__ai{color:#a9afb6}.hero__intro{margin:28px 0 0;color:#666c73;font-size:14px;line-height:1.8}.hero__footer{position:absolute;left:0;right:0;bottom:34px;display:flex;justify-content:space-between;align-items:end;padding-top:24px;border-top:1px solid rgba(18,21,25,.16)}.hero__stats{display:flex;gap:58px}.hero__stats div{display:flex;align-items:baseline;gap:10px}.hero__stats strong{color:#15181c;font-size:26px;font-weight:600;letter-spacing:-.04em}.hero__stats sup{font-size:11px}.hero__stats span{color:#777d84;font-size:9px;letter-spacing:.08em}.circle-button{display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(18,21,25,.2);border-radius:50%;color:#15181c;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;transition:color .22s,background .22s,transform .22s}.circle-button:hover{color:#fff;background:#171a1f;transform:translateY(3px)}.recent{min-height:100vh;background:radial-gradient(circle at 82% 23%,rgba(255,255,255,.06),transparent 25%),var(--ink)}.recent-site-card{position:relative;display:block;height:min(760px,72vh);min-height:580px;margin-top:56px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-xl);background:#111419;box-shadow:0 42px 120px #0000007a,inset 0 1px #ffffff14}.recent-site-card:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -140px 120px #0000006b}.recent-site-card__frame{width:calc(100% + 18px);height:calc(100% + 18px);border:0;pointer-events:none;overflow:hidden}.recent-site-card__badge{position:absolute;z-index:2;left:26px;bottom:26px;display:inline-flex;padding:13px 18px;color:#e3e6e9;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#0c0f12b8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:9px;letter-spacing:.13em}.recent-site-card__open{position:absolute;z-index:3;right:26px;bottom:24px;display:flex;align-items:center;gap:20px;padding:9px 9px 9px 24px;color:#14171b;border-radius:999px;background:#f1f2f3;box-shadow:0 18px 48px #0000004d;transition:transform .25s,box-shadow .25s}.recent-site-card:hover .recent-site-card__open{transform:translateY(-4px);box-shadow:0 24px 60px #0006}.recent-site-card__open strong{font-size:14px}.recent-site-card__open i{display:grid;width:46px;height:46px;place-items:center;color:#fff;border-radius:50%;background:#181b20;font-style:normal;font-size:17px}.about{padding-bottom:150px}.about__lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);align-items:center;gap:80px;min-height:280px;margin:64px 0 74px;padding:48px 54px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-xl);background:#ffffff0e;box-shadow:inset 0 1px #ffffff14,var(--shadow-dark);-webkit-backdrop-filter:blur(26px) saturate(50%);backdrop-filter:blur(26px) saturate(50%)}.about__lead h2{margin:0;font-size:clamp(54px,5.2vw,90px);line-height:1;letter-spacing:-.065em;font-weight:650}.about__lead p{margin:0;color:#a4abb3;font-size:14px;line-height:2}.about__body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:18px;align-items:stretch}.portrait-wrap{position:relative;min-height:640px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-xl);background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.07),transparent 50%),#111418;box-shadow:var(--shadow-dark),inset 0 1px #ffffff12}.portrait-wrap:before{content:"";position:absolute;z-index:0;width:78%;aspect-ratio:1;left:11%;top:5%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.portrait-glow{position:absolute;inset:15% 12%;border-radius:50%;box-shadow:0 0 100px #ffffff0f}.portrait-wrap img{position:absolute;z-index:1;left:50%;bottom:0;width:88%;height:94%;transform:translate(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 40px rgba(0,0,0,.26))}.portrait-wrap figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:20px;display:flex;justify-content:space-between;color:#747b84;font-size:8px;letter-spacing:.15em}.about__details{min-height:640px;display:grid;grid-template-rows:minmax(0,1fr) 88px;gap:12px}.timeline{display:grid;grid-template-rows:repeat(3,auto);align-content:start;padding:24px 34px;color:var(--dark-text);border:1px solid rgba(255,255,255,.82);border-radius:var(--r-xl);background:#ebedeff0;box-shadow:var(--shadow-light),inset 0 1px #fff;-webkit-backdrop-filter:blur(24px) saturate(50%);backdrop-filter:blur(24px) saturate(50%)}.timeline article{display:grid;grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:30px;row-gap:7px;min-height:120px;padding:18px 0;border-bottom:1px solid rgba(20,24,29,.12)}.timeline article:last-child{border:0}.timeline time{grid-row:1 / 3;align-self:center;color:#717881;font-size:11px;font-weight:600}.timeline h3{margin:0;color:#171a1e;font-size:clamp(20px,1.5vw,26px);line-height:1.2;letter-spacing:-.025em}.timeline p{margin:0;color:#666d75;font-size:12px}.contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-lines a{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:16px 22px;color:#1a1d21;border-radius:22px;background:#f4f5f6f5;box-shadow:var(--shadow-light),inset 0 1px #fff;transition:transform .22s,background .22s}.contact-lines a:hover{transform:translateY(-3px);background:#fff}.contact-lines span{color:#777e87;font-size:8px;letter-spacing:.15em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:72px}.metrics>div{min-height:230px;display:flex;flex-direction:column;padding:24px;color:#171a1e;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:#e6e9ece6;box-shadow:var(--shadow-light),inset 0 1px #fff;transition:transform .25s}.metrics>div:hover{transform:translateY(-6px)}.metrics span{color:#6e757e;font-size:9px;letter-spacing:.12em}.metrics strong{margin-top:auto;font-size:clamp(38px,4vw,64px);line-height:1;letter-spacing:-.06em;font-weight:500}.metrics sup{font-size:.34em}.metrics p{margin:18px 0 0;color:#697079;font-size:11px;line-height:1.7}.work{color:#171a1e;background:#d9dde1}.work:before{color:#14181d4d}.work .section-kicker{color:#262a30;border-color:#fffc;background:#ffffff8c;box-shadow:var(--shadow-light),inset 0 1px #fff}.work .section-kicker span{color:#fff;background:#1b1e23;box-shadow:none}.experience-list{display:grid;gap:28px;margin-top:60px}.experience-card{overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:var(--r-xl);background:#f6f7f8e0;box-shadow:var(--shadow-light),inset 0 1px #fff}.experience-card__header{min-height:82px;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:30px;padding:0 34px;border-bottom:1px solid var(--line-light);background:#ffffff7a}.experience-card__header>span{color:#7b828b;font-size:8px;letter-spacing:.14em}.experience-card__header>div{display:flex;align-items:baseline;gap:18px}.experience-card__header strong{font-size:19px}.experience-card__header small{color:#777e87}.experience-card__header time{color:#858c95;font-size:9px;letter-spacing:.12em}.experience-card__body{display:grid;grid-template-columns:320px minmax(0,1fr)}.experience-card__intro{grid-row:1 / 3;padding:42px 34px;border-right:1px solid var(--line-light);background:#ffffff47}.experience-card__intro>span,.experience-card__duties>span,.experience-card__metrics>span{color:#777f88;font-size:8px;font-weight:600;letter-spacing:.13em}.experience-card__intro h3{margin:24px 0 18px;font-size:38px;line-height:1.12;letter-spacing:-.045em}.experience-card__intro p{margin:0;color:#626a73;font-size:13px;line-height:1.85}.experience-card__scope{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.experience-card__scope span{padding:8px 12px;color:#626a73;border:1px solid rgba(20,24,29,.12);border-radius:999px;background:#ffffff80;font-size:9px}.experience-card__duties{padding:36px 36px 24px}.experience-card__duties ul{margin:20px 0 0;padding:0;list-style:none}.experience-card__duties li{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:16px 0;color:#41474f;border-bottom:1px solid rgba(20,24,29,.1);font-size:13px;line-height:1.7}.experience-card__duties li:last-child{border:0}.experience-card__duties li b{color:#8a9199;font-size:9px}.experience-card__metrics{padding:24px 36px 34px;border-top:1px solid rgba(20,24,29,.1)}.experience-card__metrics>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px}.experience-card__metrics p{min-height:112px;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:16px;border:1px solid rgba(20,24,29,.09);border-radius:17px;background:#ffffff94}.experience-card__metrics strong{font-size:28px;letter-spacing:-.04em;font-weight:500}.experience-card__metrics small{color:#727982;font-size:9px}.characters{background:radial-gradient(circle at 78% 14%,rgba(255,255,255,.055),transparent 23%),#080a0d}.interaction-project{margin-top:62px}.interaction-project__top{display:grid;grid-template-columns:1fr minmax(360px,.65fr);align-items:end;gap:70px;margin-bottom:28px;padding-inline:8px}.project-card__category{color:#878e97;font-size:9px;letter-spacing:.14em}.interaction-project__top h3{margin:14px 0 0;font-size:clamp(44px,4.4vw,76px);line-height:1;letter-spacing:-.055em}.interaction-project__top p{margin:0;color:#969da6;font-size:13px;line-height:1.8}.interaction-stage{position:relative;min-height:590px;display:grid;grid-template-columns:minmax(210px,1fr) 340px minmax(210px,1fr);align-items:center;gap:40px;overflow:hidden;padding:40px 54px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-xl);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 48%,rgba(255,255,255,.075),transparent 29%),#0d1014;background-size:58px 58px,58px 58px,auto,auto;box-shadow:var(--shadow-dark),inset 0 1px #ffffff14}.interaction-stage:after{content:"";position:absolute;left:50%;bottom:-250px;width:660px;height:380px;transform:translate(-50%);border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 90px #ffffff0a}.project-card__number{position:absolute;z-index:3;top:22px;left:24px;display:grid;width:42px;height:30px;place-items:center;color:#c7cbd0;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:10px}.project-card__result{position:absolute;z-index:3;right:24px;bottom:22px;color:#b0b6be;font-size:9px;letter-spacing:.08em}.interaction-stage__rail{position:relative;z-index:2;width:min(100%,260px);padding:24px;border-radius:24px;box-shadow:0 24px 60px #00000047}.interaction-stage__rail--left{justify-self:start;color:#171a1e;background:#eff1f3f2;box-shadow:var(--shadow-light),inset 0 1px #fff}.interaction-stage__rail--right{justify-self:end;color:#f1f2f3;background:#181c21cc;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.interaction-stage__rail>span{color:#737a83;font-size:8px;letter-spacing:.16em}.interaction-stage__rail strong{display:block;margin:16px 0 10px;font-size:66px;line-height:1;font-weight:400;letter-spacing:-.075em}.interaction-stage__rail p{margin:0;color:#626a73;font-size:11px;line-height:1.8}.interaction-stage__rail ol{margin:20px 0 0;padding:0;list-style:none}.interaction-stage__rail li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:16px 0;color:#a6adb5;border-bottom:1px solid rgba(255,255,255,.09);font-size:10px}.interaction-stage__rail li:last-child{border:0}.interaction-stage__rail li b{color:#fff;font-size:8px}.phone-frame{position:relative;z-index:2;justify-self:center;width:258px;height:528px;overflow:hidden;padding:7px;border:1px solid rgba(255,255,255,.3);border-radius:36px;background:#050608;box-shadow:0 34px 90px #00000094,inset 0 1px #ffffff24}.phone-frame video{width:100%;height:100%;object-fit:cover;border-radius:32px}.phone-frame__speaker{position:absolute;z-index:3;top:16px;left:50%;width:84px;height:22px;transform:translate(-50%);border-radius:999px;background:#050608}.characters__heading{color:#171a1e;border-color:#fffc;background:#e8eaedf0;box-shadow:var(--shadow-light),inset 0 1px #fff}.characters__heading h2{color:#171a1e}.characters__heading p{color:#646b74}.game-codex{overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:30px;background:#d2d6da;box-shadow:0 42px 120px #0000006b,inset 0 1px #fff}.game-codex__bar{min-height:78px;display:grid;grid-template-columns:300px 1fr 220px;align-items:center;color:#f3f4f5;border-bottom:1px solid rgba(255,255,255,.1);background:#101317f5}.game-codex__brand{height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}.game-codex__brand>span{display:grid;width:44px;height:44px;place-items:center;color:#15181c;border-radius:12px;background:#f2f3f4;font-weight:700}.game-codex__brand div{display:grid;gap:4px}.game-codex__brand strong{font-size:10px;letter-spacing:.14em}.game-codex__brand small{color:#7d848d;font-size:7px;letter-spacing:.13em}.game-codex__tabs{display:flex;gap:34px;padding:0 30px;color:#777f88;font-size:9px;letter-spacing:.11em}.game-codex__tabs b{position:relative;color:#fff;font-weight:500}.game-codex__tabs b:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;background:#fff}.game-codex__status{justify-self:end;margin-right:24px;color:#858c95;font-size:8px;letter-spacing:.13em}.game-codex__status i,.game-roster__footer i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#f2f3f4;box-shadow:0 0 12px #ffffff8c}.game-codex__body{display:grid;grid-template-columns:244px minmax(0,1fr) 390px;min-height:570px}.game-roster{display:flex;flex-direction:column;padding:18px 14px;color:#171a1e;border-right:1px solid var(--line-light);background:#f5f6f7f5}.game-roster__label{display:flex;justify-content:space-between;padding:8px 10px 20px;color:#7a818a;font-size:8px;letter-spacing:.14em}.game-roster button{display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:12px;min-height:84px;margin-bottom:10px;padding:9px;border:1px solid rgba(22,26,31,.11);border-radius:15px;color:#171a1e;background:#ffffffa6;text-align:left;cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s}.game-roster button:hover{transform:translate(4px);box-shadow:0 10px 24px #161a1f17}.game-roster button.is-active{border-color:#25292f;background:#fff;box-shadow:0 14px 34px #161a1f1f}.game-roster button img{width:58px;height:64px;object-fit:cover;border-radius:10px;filter:grayscale(.3)}.game-roster button div{display:grid;gap:3px}.game-roster button small,.game-roster button div span{color:#7a818a;font-size:7px;letter-spacing:.12em}.game-roster button strong{font-size:15px;font-weight:600}.game-roster button>b{color:#777e87;font-size:9px}.game-roster__footer{margin-top:auto;padding:16px 8px 4px;color:#868d96;border-top:1px solid rgba(22,26,31,.13);font-size:7px;letter-spacing:.13em}.game-unit{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(rgba(25,29,34,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,29,34,.055) 1px,transparent 1px),radial-gradient(circle at 63% 42%,rgba(255,255,255,.86),transparent 29%),linear-gradient(180deg,#e4e6e8,#afb5bc);background-size:42px 42px,42px 42px,auto,auto}.game-unit:before{content:"";position:absolute;z-index:0;right:-170px;top:54px;width:460px;height:460px;border:1px solid rgba(23,27,32,.15);border-radius:50%;box-shadow:0 0 0 44px #171b2009,0 0 0 88px #171b2006}.game-unit:after{content:"VISUAL ARCHIVE / 01";position:absolute;z-index:4;right:22px;bottom:20px;padding:8px 11px;color:#eef0f2;border-radius:999px;background:#14171bdb;font:500 8px/1 Inter,sans-serif;letter-spacing:.12em}.game-unit__noise{position:absolute;inset:0;z-index:1;opacity:.04;background-image:radial-gradient(#121519 .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:multiply}.game-unit__ornaments{position:absolute;z-index:5;top:24px;left:24px;right:24px;display:flex;align-items:center;gap:12px;color:#454b53;font-size:8px;letter-spacing:.12em}.game-unit__ornaments:after{content:"";flex:1;height:1px;order:2;background:#171b2038}.game-unit__ornaments i{order:3;display:grid;width:28px;height:28px;place-items:center;color:#fff;border-radius:50%;background:#22262c;font-style:normal}.game-unit__ornaments b{order:4;font-size:8px}.game-unit__name{position:absolute;z-index:0;right:18px;top:140px;color:#1a1e231f;writing-mode:vertical-rl;font-size:82px;font-weight:700;letter-spacing:-.05em}.game-unit__index{position:absolute;z-index:4;top:64px;left:22px;color:#20242a;font-size:68px;line-height:1;font-weight:700;letter-spacing:-.07em}.game-unit__class{position:absolute;z-index:5;left:22px;bottom:20px;min-width:128px;padding:14px 16px;color:#fff;border-radius:14px;background:#15181ceb;box-shadow:0 18px 42px #00000040}.game-unit__class span{display:block;margin-bottom:6px;color:#aeb4bc;font-size:7px;letter-spacing:.13em}.game-unit__class strong{font-size:13px}.game-unit>img{position:absolute;z-index:2;inset:54px 54px 0;width:calc(100% - 108px);height:calc(100% - 54px);object-fit:contain;filter:drop-shadow(0 26px 28px rgba(20,24,29,.22))}.game-unit__cut{position:absolute;z-index:1;background:#191d22e6}.game-unit__cut--a{left:0;bottom:0;width:34%;height:28%;clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}.game-unit__cut--b{right:0;top:0;width:16px;height:86px;opacity:.2}.game-dossier{position:relative;padding:24px 24px 20px;color:#171a1e;border-left:1px solid var(--line-light);background:#f7f8f9f7}.game-dossier__code{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(20,24,29,.16);color:#737a83;font-size:8px;letter-spacing:.12em}.game-dossier__code b{color:#b1b6bc;font-size:7px}.game-dossier__title{margin-top:30px}.game-dossier__title small{color:#737a83;font-size:9px;letter-spacing:.14em}.game-dossier__title h3{margin:8px 0 5px;font-size:38px;letter-spacing:-.05em}.game-dossier__title p{margin:0;color:#666d75;font-size:12px}.game-dossier__tags{display:flex;gap:7px;margin:18px 0}.game-dossier__tags span{padding:6px 9px;color:#636a72;border:1px solid rgba(20,24,29,.12);border-radius:999px;background:#fff;font-size:7px}.game-dossier blockquote{margin:0;padding:18px 0;color:#596069;border-top:1px solid rgba(20,24,29,.14);border-bottom:1px solid rgba(20,24,29,.14);font-size:11px;line-height:1.8}.game-dossier__data{display:grid;gap:11px;margin-top:22px}.game-dossier__data>div{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:12px}.game-dossier__data span{color:#858c95;font-size:7px;letter-spacing:.1em}.game-dossier__data i{height:3px;background:#d4d7db}.game-dossier__data i b{display:block;height:100%;background:#272b31}.game-dossier__note{margin-top:22px;padding:14px;border:1px solid rgba(20,24,29,.1);border-radius:14px;background:#fff}.game-dossier__note span{color:#8a9199;font-size:7px;letter-spacing:.12em}.game-dossier__note p{margin:8px 0 0;color:#60676f;font-size:10px}.game-dossier__counter{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;align-items:end;padding-top:14px;border-top:1px solid rgba(20,24,29,.15)}.game-dossier__counter small{color:#8b929a;font-size:7px;letter-spacing:.11em}.game-dossier__counter strong{font-size:30px;font-weight:400;letter-spacing:-.06em}.game-dossier__counter strong span{color:#858c95;font-size:10px}.game-frames{min-height:108px;display:grid;grid-template-columns:244px 1fr;color:#e9ebed;border-top:1px solid rgba(255,255,255,.1);background:#171a1f}.game-frames__label{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 24px;border-right:1px solid rgba(255,255,255,.1)}.game-frames__label span{color:#777f88;font-size:7px;letter-spacing:.12em}.game-frames__label b{font-size:11px}.game-frames__track{display:flex;gap:10px;overflow-x:auto;padding:12px;scrollbar-width:thin}.game-frames__track button{position:relative;flex:0 0 84px;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#25292f;cursor:pointer}.game-frames__track button img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) brightness(.72);transition:filter .22s,transform .3s}.game-frames__track button:hover img{transform:scale(1.04)}.game-frames__track button.is-active{border-color:#fff}.game-frames__track button.is-active img{filter:none}.game-frames__track button span{position:absolute;right:5px;bottom:5px;display:grid;width:22px;height:22px;place-items:center;color:#fff;border-radius:50%;background:#080a0dbf;font-size:7px}.game-card-wall{margin-top:120px;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:var(--r-xl);background:#ffffff0b;box-shadow:var(--shadow-dark),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.other-characters__title{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.11)}.other-characters__title>div:first-child{display:grid;gap:12px}.other-characters__title span{color:#858c95;font-size:9px;letter-spacing:.13em}.other-characters__title strong{font-size:32px;font-weight:500;letter-spacing:-.035em}.game-card-wall__actions{display:flex;align-items:center;gap:18px}.game-card-wall__actions p{margin:0;color:#858c95;font-size:9px}.game-card-wall__actions>div{display:flex;gap:8px}.game-card-wall__actions button{width:42px;height:42px;border:1px solid rgba(255,255,255,.13);border-radius:13px;color:#d8dce0;background:#ffffff0d;cursor:pointer;transition:background .22s,color .22s}.game-card-wall__actions button:hover{color:#16191d;background:#fff}.game-card-grid{display:flex;align-items:center;gap:20px;overflow-x:auto;padding:34px calc(50% - 320px) 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#777 transparent}.game-card{flex:0 0 640px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#14171b;opacity:.36;transform:scale(.9);scroll-snap-align:center;cursor:pointer;transition:opacity .45s,transform .45s,box-shadow .45s,border-color .45s}.game-card.is-active{opacity:1;transform:scale(1);border-color:#ffffff94;box-shadow:0 30px 80px #00000080}.game-card__media{position:relative;height:390px;overflow:hidden;border-radius:25px}.game-card__media img{width:100%;height:100%;object-fit:cover;border-radius:25px}.game-card__serial{position:absolute;z-index:2;top:16px;left:16px;padding:7px 10px;color:#dfe2e5;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0c0f128f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:8px;letter-spacing:.12em}.game-card__scan{position:absolute;inset:0;box-shadow:inset 0 -90px 80px #0000002e;pointer-events:none}.personal-labs{margin-top:130px}.personal-labs__heading{display:grid;grid-template-columns:1fr minmax(340px,.65fr);align-items:end;gap:70px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.13)}.personal-labs__heading span{color:#858c95;font-size:9px;letter-spacing:.13em}.personal-labs__heading h2{margin:16px 0 0;font-size:clamp(48px,5vw,82px);line-height:1;letter-spacing:-.06em}.personal-labs__heading p{margin:0;color:#9299a2;font-size:13px;line-height:1.8}.personal-labs__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.personal-labs__grid article{min-height:310px;display:flex;flex-direction:column;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0f;transition:transform .25s,background .25s}.personal-labs__grid article:hover{transform:translateY(-6px);background:#ffffff13}.personal-labs__index{display:flex;justify-content:space-between;color:#7f868f;font-size:8px;letter-spacing:.13em}.personal-labs__index b{color:#d9dde1;font-size:23px;font-weight:400}.personal-labs__grid article>div:nth-child(2){margin-top:auto}.personal-labs__grid h3{margin:0 0 14px;font-size:22px;letter-spacing:-.025em}.personal-labs__grid p{margin:0;color:#8f969f;font-size:12px;line-height:1.8}.personal-labs__grid small{margin-top:24px;color:#686f78;font-size:8px;letter-spacing:.11em}.strengths{padding-bottom:140px}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.strength-grid article{min-height:390px;display:flex;flex-direction:column;padding:24px;color:#171a1e;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#e8eaedeb;box-shadow:var(--shadow-light),inset 0 1px #fff;transition:transform .26s,background .26s}.strength-grid article:hover{transform:translateY(-7px);background:#f0f1f2}.strength-number{color:#8a9199;font-size:9px}.strength-mark{display:grid;width:54px;height:54px;margin-top:48px;place-items:center;color:#30343a;border:1px solid rgba(20,24,29,.12);border-radius:17px;background:#ffffff57;font-size:19px}.strength-grid h3{margin:auto 0 16px;font-size:24px;letter-spacing:-.03em}.strength-grid p{margin:0;color:#646b74;font-size:12px;line-height:1.8}.strength-tags{margin-top:28px;color:#8a9199;font-size:7px;letter-spacing:.11em}.tech-stack{margin-top:132px;padding:42px;color:#171a1e;border:1px solid rgba(255,255,255,.76);border-radius:var(--r-xl);background:#e7eaedeb;box-shadow:var(--shadow-dark),inset 0 1px #fff;-webkit-backdrop-filter:blur(28px) saturate(50%);backdrop-filter:blur(28px) saturate(50%)}.tech-stack__heading{display:grid;grid-template-columns:1fr minmax(340px,.62fr);align-items:end;gap:70px;padding-bottom:32px;border-bottom:1px solid rgba(20,24,29,.12)}.tech-stack__heading span{color:#747b84;font-size:9px;letter-spacing:.13em}.tech-stack__heading h3{margin:14px 0 0;font-size:clamp(46px,4vw,68px);line-height:1;letter-spacing:-.055em}.tech-stack__heading p{margin:0;color:#656c75;font-size:13px;line-height:1.8}.tech-stack__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.tech-stack__grid article{min-height:300px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto 1fr;gap:26px 18px;padding:28px;border:1px solid rgba(20,24,29,.09);border-radius:24px;background:#fafafac2;box-shadow:0 18px 42px #171b2012,inset 0 1px #fff}.tech-stack__number{color:#838a93;font-size:9px}.tech-stack__grid h4{margin:0 0 9px;font-size:24px;letter-spacing:-.03em}.tech-stack__grid p{margin:0;color:#6a717a;font-size:11px;line-height:1.7}.tech-stack__grid ul{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none}.tech-stack__grid li{position:relative;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px 12px 34px;border:1px solid rgba(20,24,29,.08);border-radius:14px;background:#ffffffe6}.tech-stack__grid li:before{content:"";position:absolute;left:15px;width:6px;height:6px;border-radius:50%;background:#292d33}.tech-stack__grid li strong{font-size:11px}.tech-stack__grid li small{color:#737a83;font-size:8px}.contact{position:relative;min-height:100vh;overflow:hidden;background:#090b0e}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px),radial-gradient(circle at 77% 52%,transparent 0 120px,rgba(255,255,255,.075) 121px,transparent 123px 190px,rgba(255,255,255,.04) 191px,transparent 193px),radial-gradient(circle at 77% 52%,rgba(255,255,255,.07),transparent 28%);background-size:64px 64px,64px 64px,auto,auto}.contact:after{content:"";position:absolute;right:17%;top:40%;width:112px;height:112px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3f4f5,#777e86 22%,#23272d 58%,#0a0c0f 72%);box-shadow:0 34px 80px #00000080,0 0 0 18px #ffffff06}.contact__veil{position:absolute;inset:0;background:linear-gradient(90deg,#07090cfc,#07090ce6 48%,#07090c47 78%,#07090ca6)}.contact__grid{display:none}.contact__inner{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-block:110px 42px}.contact__inner .section-kicker{position:absolute;top:110px;left:0}.contact__system{position:absolute;top:112px;right:0;display:grid;grid-template-columns:auto 64px;gap:5px 16px;align-items:center;color:#9aa1aa;font-size:8px;letter-spacing:.15em}.contact__system b{grid-row:1 / 3;grid-column:2;color:#f0f2f3;font-size:54px;line-height:1;font-weight:300}.contact__system i{color:#646b74;font-style:normal}.contact__main{margin-top:80px}.contact__main>p{display:inline-flex;margin:0 0 18px;padding:8px 12px;color:#7f868f;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#ffffff09;font-size:8px;letter-spacing:.15em}.contact__main h2{margin:0;font-size:clamp(72px,8.5vw,146px);line-height:.86;letter-spacing:-.075em;font-weight:500}.contact__main h2 span{color:#bfc4ca}.contact__main>a{display:inline-flex;align-items:center;gap:22px;margin-top:42px;padding:8px 8px 8px 24px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff0e;transition:background .22s,transform .22s}.contact__main>a:hover{background:#ffffff1c;transform:translateY(-3px)}.contact__main>a span{display:grid;width:42px;height:42px;place-items:center;color:#16191d;border-radius:50%;background:#f2f3f4}.contact__bottom{margin-top:auto;display:grid;grid-template-columns:240px 300px 1fr;align-items:end;padding-top:26px;border-top:1px solid rgba(255,255,255,.13)}.contact__bottom>div{display:grid;gap:10px}.contact__bottom span{color:#6d747d;font-size:8px;letter-spacing:.13em}.contact__bottom a{font-size:13px}.contact__bottom p{justify-self:end;margin:0;color:#5f666f;text-align:right;font-size:8px;line-height:1.8;letter-spacing:.12em}.section-heading,.about__lead,.portrait-wrap,.timeline,.experience-card,.interaction-project,.game-codex,.game-card-wall,.tech-stack{isolation:isolate}.section-heading,.about__lead,.timeline,.experience-card,.interaction-stage__rail,.game-card-wall,.strength-grid article,.tech-stack,.tech-stack__grid article{-webkit-backdrop-filter:blur(28px) saturate(58%);backdrop-filter:blur(28px) saturate(58%)}.section-heading,.about__lead,.game-card-wall,.personal-labs__grid article{background-image:radial-gradient(circle at 15% 0%,rgba(255,255,255,.075),transparent 38%)}.timeline,.metrics>div,.experience-card,.strength-grid article,.tech-stack{background-image:radial-gradient(circle at 15% -20%,rgba(255,255,255,.95),transparent 42%),linear-gradient(140deg,rgba(255,255,255,.18),transparent 55%)}.nav__links button,.nav__contact,.circle-button,.recent-site-card__open,.game-card-wall__actions button,.game-roster button,.game-frames__track button,.contact__main>a{will-change:transform}.nav__links button:active,.nav__contact:active,.recent-site-card__open:active,.game-card-wall__actions button:active,.contact__main>a:active{transform:scale(.97)}.recent-site-card,.portrait-wrap,.experience-card,.interaction-project,.game-codex,.game-card-wall,.tech-stack{outline:1px solid rgba(255,255,255,.025);outline-offset:-5px}.game-card-grid,.game-frames__track{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.36) transparent}.game-card-grid::-webkit-scrollbar,.game-frames__track::-webkit-scrollbar{height:5px}.game-card-grid::-webkit-scrollbar-thumb,.game-frames__track::-webkit-scrollbar-thumb{border-radius:999px;background:#ffffff57}.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.988);filter:blur(5px);transition:opacity .85s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),transform .85s cubic-bezier(.22,1,.36,1) var(--reveal-delay, 0ms),filter .75s ease var(--reveal-delay, 0ms)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.nav{animation:nav-arrive .9s cubic-bezier(.22,1,.36,1) both}.hero__image{animation:hero-settle 1.8s cubic-bezier(.2,.75,.25,1) both;will-change:transform}.hero__systembar{animation:reveal-down .85s .2s cubic-bezier(.22,1,.36,1) both}.hero .eyebrow{animation:reveal-up .85s .34s cubic-bezier(.22,1,.36,1) both}.hero h1 .hero__title-copy,.hero h1 .hero__ai{display:block;animation:title-rise 1.05s cubic-bezier(.16,1,.3,1) both}.hero h1 .hero__ai{animation-delay:.13s}.hero__intro{animation:reveal-up .85s .55s cubic-bezier(.22,1,.36,1) both}.hero__footer{animation:reveal-up .85s .68s cubic-bezier(.22,1,.36,1) both}.hero__veil:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 330px at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.16),transparent 72%);opacity:.72;transition:opacity .4s ease}.nav__links button:after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translate(-50%) scale(0);transition:transform .3s cubic-bezier(.22,1,.36,1)}.nav__links button{position:relative}.nav__links button:hover:after{transform:translate(-50%) scale(1)}.nav__links button.is-active:after{transform:translate(-50%) scale(0)}.brand__monogram{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.brand:hover .brand__monogram{transform:rotate(-7deg) scale(1.06);box-shadow:0 14px 34px #00000052,inset 0 1px #fff}.nav__contact span,.contact__main>a span,.recent-site-card__open i{transition:transform .4s cubic-bezier(.22,1,.36,1)}.nav__contact:hover span,.contact__main>a:hover span,.recent-site-card:hover .recent-site-card__open i{transform:rotate(45deg)}.circle-button{animation:arrow-breathe 2.5s ease-in-out infinite}.recent-site-card__frame{transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .7s ease}.recent-site-card:hover .recent-site-card__frame{transform:scale(1.012);filter:contrast(1.035)}.recent-site-card__badge{transition:background .35s ease,transform .35s cubic-bezier(.22,1,.36,1)}.recent-site-card:hover .recent-site-card__badge{transform:translateY(-3px);background:#0c0f12e6}.portrait-wrap img{transition:transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease}.portrait-wrap:hover img{transform:translate(-50%) scale(1.025);filter:drop-shadow(0 38px 48px rgba(0,0,0,.34))}.portrait-wrap:before{animation:ring-pulse 7s ease-in-out infinite}.timeline article{transition:background .32s ease,padding .32s cubic-bezier(.22,1,.36,1)}.timeline article:hover{padding-inline:14px;background:#ffffff61}.timeline h3{transition:letter-spacing .35s ease}.timeline article:hover h3{letter-spacing:-.01em}.contact-lines a:after{content:"↗";position:absolute;right:20px;top:50%;opacity:0;transform:translate(-8px,-50%);transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}.contact-lines a{position:relative}.contact-lines a:hover:after{opacity:1;transform:translateY(-50%)}.metrics>div{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,background .4s ease}.metrics>div:hover{transform:translateY(-8px) scale(1.012);box-shadow:0 34px 78px #10141933,inset 0 1px #fff}.experience-card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.experience-card:hover{transform:translateY(-5px);box-shadow:0 34px 90px #10141930,inset 0 1px #fff}.experience-card__duties li{transition:transform .3s cubic-bezier(.22,1,.36,1),color .3s ease,background .3s ease}.experience-card__duties li:hover{transform:translate(6px);color:#15181c;background:#ffffff59}.experience-card__metrics p{transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease}.experience-card__metrics p:hover{transform:translateY(-4px);background:#ffffffeb}.interaction-stage:before{content:"";position:absolute;z-index:1;left:50%;top:50%;width:470px;height:470px;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:translate(-50%,-50%);animation:stage-orbit 16s linear infinite}.phone-frame{animation:device-float 6s ease-in-out infinite;transition:box-shadow .45s ease}.interaction-stage:hover .phone-frame{box-shadow:0 42px 110px #000000ad,0 0 80px #ffffff0e,inset 0 1px #ffffff24}.interaction-stage__rail{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.interaction-stage__rail--left:hover{transform:translate(7px) translateY(-4px)}.interaction-stage__rail--right:hover{transform:translate(-7px) translateY(-4px)}.game-roster button img{transition:filter .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.game-roster button:hover img{transform:scale(1.07);filter:grayscale(0)}.game-unit>img{animation:unit-swap .75s cubic-bezier(.22,1,.36,1) both}.game-unit:before{animation:ring-pulse 8s ease-in-out infinite}.game-unit__ornaments i{animation:status-pulse 2.6s ease-in-out infinite}.game-dossier__data i b{transform-origin:left;animation:data-grow .9s .25s cubic-bezier(.22,1,.36,1) both}.game-frames__track button{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,opacity .3s}.game-frames__track button:hover{transform:translateY(-5px)}.game-frames__track button.is-active{transform:translateY(-3px);box-shadow:0 9px 24px #00000052}.game-card.is-active .game-card__media img{animation:card-focus 1s cubic-bezier(.22,1,.36,1) both}.game-card__serial{transition:transform .35s ease,background .35s ease}.game-card.is-active:hover .game-card__serial{transform:translateY(-3px);background:#0c0f12d1}.personal-labs__grid article{overflow:hidden;position:relative}.personal-labs__grid article:after{content:"";position:absolute;width:160px;height:160px;right:-90px;top:-90px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .4s}.personal-labs__grid article:hover:after{transform:scale(1.45);border-color:#ffffff2e}.strength-mark{transition:transform .55s cubic-bezier(.22,1,.36,1),color .35s,background .35s}.strength-grid article:hover .strength-mark{transform:rotate(12deg) scale(1.08);color:#fff;background:#20242a}.tech-stack__grid li{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}.tech-stack__grid li:hover{transform:translateY(-4px);background:#fff;box-shadow:0 14px 34px #14181d1a}.tech-stack__grid li:before{transition:transform .35s ease,box-shadow .35s ease}.tech-stack__grid li:hover:before{transform:scale(1.35);box-shadow:0 0 0 5px #292d3314}.contact:after{animation:orb-float 7s ease-in-out infinite}.contact__system b{animation:number-glow 3.6s ease-in-out infinite}.contact__main h2 span{transition:color .45s ease,text-shadow .45s ease}.contact__main:hover h2 span{color:#e1e4e7;text-shadow:0 0 42px rgba(255,255,255,.11)}@keyframes nav-arrive{0%{opacity:0;transform:translate(-50%,-18px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes hero-settle{0%{opacity:.2;transform:scale(1.055);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes reveal-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes title-rise{0%{opacity:0;transform:translateY(55%) skewY(2deg);filter:blur(8px)}to{opacity:1;transform:translateY(0) skewY(0);filter:blur(0)}}@keyframes arrow-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.65}50%{transform:scale(1.025);opacity:1}}@keyframes stage-orbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes device-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes unit-swap{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 26px 28px rgba(20,24,29,.22))}}@keyframes data-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes status-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 18px #ffffff38}}@keyframes card-focus{0%{transform:scale(1.035);filter:brightness(.86) saturate(.8)}to{transform:scale(1);filter:none}}@keyframes orb-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(9deg)}}@keyframes number-glow{0%,to{opacity:.75}50%{opacity:1;text-shadow:0 0 24px rgba(255,255,255,.13)}}@media(max-width:1240px){.shell{width:min(calc(100% - 48px),var(--max))}.nav{grid-template-columns:180px 1fr 145px;width:min(calc(100% - 32px),900px)}.nav__links button{min-width:52px;padding-inline:12px}.brand__wordmark{display:none}.about__body{grid-template-columns:minmax(0,.85fr) minmax(500px,1.15fr)}.game-codex__body{grid-template-columns:210px minmax(0,1fr) 330px}.game-codex__bar{grid-template-columns:240px 1fr 180px}.experience-card__body{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:980px){.section{padding-block:105px}.section-heading,.about__lead,.interaction-project__top,.personal-labs__heading,.tech-stack__heading{grid-template-columns:1fr;gap:28px}.about__body{grid-template-columns:1fr}.portrait-wrap{min-height:600px}.about__details{min-height:560px}.metrics,.strength-grid{grid-template-columns:repeat(2,1fr)}.experience-card__body{grid-template-columns:1fr}.experience-card__intro{grid-row:auto;border-right:0;border-bottom:1px solid var(--line-light)}.interaction-stage{grid-template-columns:1fr 300px 1fr;padding-inline:26px;gap:20px}.interaction-stage__rail{padding:18px}.game-codex__body{grid-template-columns:180px minmax(0,1fr)}.game-dossier{display:none}.game-codex__bar{grid-template-columns:220px 1fr}.game-codex__status{display:none}.game-frames{grid-template-columns:180px 1fr}.personal-labs__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 28px)}.nav{top:10px;width:calc(100% - 20px);min-height:64px;grid-template-columns:52px 1fr 52px;padding:6px}.brand__monogram{width:46px;height:46px}.nav__contact{width:46px;height:46px;overflow:hidden;padding:0;justify-content:center;font-size:0}.nav__contact span{width:40px;height:40px}.nav__links{gap:0}.nav__links button{min-width:0;height:44px;padding:0 10px;font-size:11px}.hero,.hero__content{min-height:760px}.hero__systembar{top:94px}.hero h1{width:78vw;font-size:clamp(56px,14vw,82px)}.hero__footer{bottom:22px}.hero__stats{gap:20px}.hero__stats div{display:grid;gap:4px}.recent-site-card{height:520px;min-height:0}.recent-site-card__badge{display:none}.recent-site-card__open{left:16px;right:16px;bottom:16px;justify-content:space-between}.about__lead,.section-heading{padding:30px 26px;border-radius:28px}.about__lead h2,.section-heading h2{font-size:46px}.portrait-wrap{min-height:520px}.about__details{min-height:auto;grid-template-rows:auto auto}.timeline{padding:12px 22px}.timeline article{grid-template-columns:1fr;grid-template-rows:auto;gap:7px;padding:20px 0}.timeline time{grid-row:auto}.contact-lines,.metrics,.strength-grid,.tech-stack__grid,.personal-labs__grid{grid-template-columns:1fr}.experience-card__header{grid-template-columns:1fr;gap:7px;padding-block:18px}.experience-card__header>div{display:grid;gap:5px}.experience-card__header time{grid-row:1}.experience-card__intro,.experience-card__duties,.experience-card__metrics{padding-inline:22px}.interaction-stage{min-height:1060px;grid-template-columns:1fr;grid-template-rows:auto 590px auto;padding:72px 20px 50px}.interaction-stage__rail{justify-self:center;width:min(100%,330px)}.phone-frame{grid-row:2;width:280px;height:570px}.game-codex__bar{grid-template-columns:1fr;min-height:68px}.game-codex__brand{border:0}.game-codex__tabs{display:none}.game-codex__body{grid-template-columns:1fr;min-height:650px}.game-roster{display:none}.game-unit>img{inset-inline:20px;width:calc(100% - 40px)}.game-frames{grid-template-columns:1fr}.game-frames__label{display:none}.game-card-wall{padding:18px}.other-characters__title{align-items:start;gap:18px}.game-card-wall__actions p{display:none}.game-card-grid{padding-inline:8vw}.game-card{flex-basis:84vw}.game-card__media{height:300px}.tech-stack{padding:22px}.tech-stack__grid article{grid-template-columns:1fr}.tech-stack__grid ul{grid-template-columns:1fr}.contact__system,.contact:after{display:none}.contact__main h2{font-size:70px}.contact__bottom{grid-template-columns:1fr;gap:24px}.contact__bottom p{justify-self:start;text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}