.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav);border-bottom:1px solid transparent;transition:background var(--t) var(--ease),border-color var(--t) var(--ease),backdrop-filter var(--t) var(--ease)}.nav.is-scrolled{background:#06070aa8;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);border-bottom-color:var(--line)}.nav-progress{position:absolute;left:0;bottom:-1px;height:1px;width:100%;transform-origin:0 50%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:transform .1s linear}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:40px;height:90px}.nav-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-logo-mark{width:9px;height:9px;border-radius:2px;background:var(--accent);box-shadow:0 0 16px 2px #5b8cffb3;transition:transform var(--t) var(--ease)}.nav-logo:hover .nav-logo-mark{transform:rotate(45deg) scale(1.15)}.nav-logo-text{font-size:17px;font-weight:700;letter-spacing:.02em}.nav-logo-text em{font-style:normal;color:var(--accent)}.nav-logo-sub{padding-left:12px;border-left:1px solid var(--line-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{position:relative;padding:10px 18px;border-radius:var(--r-pill);font-size:14.5px;color:var(--fg-dim);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.nav-links a:after{content:"";position:absolute;left:50%;bottom:4px;width:0;height:1px;background:var(--accent);transform:translate(-50%);transition:width var(--t) var(--ease)}.nav-links a:hover{color:var(--fg);background:#ffffff0a}.nav-links a:hover:after{width:18px}.nav-links a.is-active{color:var(--fg)}.nav-links a.is-active:after{width:18px}.nav-cta{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 22px;border:1px solid var(--line-2);border-radius:var(--r-pill);font-size:14px;flex-shrink:0;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.nav-cta:hover{border-color:#5b8cffcc;background:var(--accent-soft);box-shadow:0 14px 40px -20px #5b8cff}.nav-cta-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade8099;animation:nav-pulse 2.4s var(--ease) infinite}@keyframes nav-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}@media (max-width: 1100px){.nav-logo-sub,.nav-links{display:none}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden}.hero-media-inner{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;transform:scale(1.04);transition:transform .9s var(--ease);will-change:transform}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.96) contrast(1.05) brightness(.84);transition:opacity 1.4s var(--ease)}.hero-video.is-ready{opacity:1}.hero-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 62% at 22% 26%,rgba(91,140,255,.3),transparent 68%),radial-gradient(52% 58% at 82% 68%,rgba(168,85,247,.24),transparent 66%),radial-gradient(44% 50% at 60% 12%,rgba(34,211,238,.16),transparent 64%),#06070a;animation:hero-flow 22s var(--ease-io) infinite alternate}@keyframes hero-flow{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.12) translate3d(-2%,-1.5%,0)}}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(6,7,10,.72) 0%,rgba(6,7,10,.22) 26%,rgba(6,7,10,.38) 62%,var(--bg) 100%),radial-gradient(120% 88% at 18% 34%,#06070a24,#06070aa8)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:104px 104px;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 8%,transparent 76%);mask-image:radial-gradient(circle at 50% 46%,#000 8%,transparent 76%)}.hero-inner{position:relative;z-index:2;padding:150px 0 130px;display:flex;flex-direction:column;gap:clamp(28px,4vh,56px)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);animation:heroFade 1s var(--ease) .1s both}.hero-status{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.hero-status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:hero-pulse 2.4s var(--ease) infinite}@keyframes hero-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.hero-meta{font-size:12px;letter-spacing:.16em;color:var(--fg-mute)}.hero-title{font-size:clamp(64px,9.6vw,178px);line-height:.92;font-weight:800;letter-spacing:-.05em;margin:0}.hero-line{display:block;overflow:hidden;padding-bottom:.06em}.hero-line-inner{display:block;transform:translateY(112%);animation:heroUp 1.25s var(--ease) forwards}.hero-line:nth-child(2) .hero-line-inner{animation-delay:.13s}.hero-title em{font-style:normal;background:linear-gradient(96deg,var(--accent-2) 0%,var(--accent) 52%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes heroUp{to{transform:translateY(0)}}@keyframes heroFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding-top:34px;border-top:1px solid var(--line);animation:heroFade 1.1s var(--ease) .55s both}.hero-bottom-left{display:flex;flex-direction:column;gap:30px;max-width:640px}.hero-lead{font-size:clamp(16px,1.25vw,20px);line-height:1.6;color:var(--fg-dim);font-weight:300}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-bottom-right{display:flex;align-items:flex-end;gap:20px}.hero-roles{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-scroll{position:absolute;right:var(--gutter);bottom:40px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10.5px;letter-spacing:.3em;color:var(--fg-mute);animation:heroFade 1.2s var(--ease) 1s both}.hero-scroll-bar{position:relative;width:1px;height:62px;background:var(--line-2);overflow:hidden}.hero-scroll-bar:after{content:"";position:absolute;top:-60%;left:0;width:100%;height:60%;background:linear-gradient(180deg,transparent,var(--accent));animation:hero-scroll-run 2.2s var(--ease-io) infinite}@keyframes hero-scroll-run{0%{top:-60%}to{top:100%}}@media (max-width: 1280px){.hero-inner{padding:130px 0 110px}}@media (max-width: 900px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:32px}.hero-bottom-right{align-items:flex-start}.hero-roles{justify-content:flex-start}.hero-scroll{display:none}}.about{padding-top:200px}.about-title{margin-top:22px}.about-head-note{font-size:15px;line-height:1.8;color:var(--fg-dim);text-align:right;font-weight:300}.about-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:clamp(48px,5vw,96px);align-items:start}.about-side{display:flex;flex-direction:column;gap:34px;position:sticky;top:130px}.about-portrait{margin:0}.about-portrait-frame{position:relative;aspect-ratio:4 / 5;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);background:var(--panel);transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}.about-portrait:hover .about-portrait-frame{border-color:#5b8cff8c;transform:translateY(-4px)}.about-portrait-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;filter:saturate(.95) contrast(1.04)}.about-portrait-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(70% 60% at 30% 25%,rgba(91,140,255,.22),transparent 70%),radial-gradient(60% 60% at 78% 78%,rgba(168,85,247,.18),transparent 70%),var(--panel)}.about-portrait-fallback span{font-size:13px;letter-spacing:.4em;color:#ffffff29;text-transform:uppercase}.about-portrait-frame:after{content:"";position:absolute;right:16px;bottom:16px;width:34px;height:34px;z-index:3;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);pointer-events:none}.about-portrait-cap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:18px}.about-portrait-name{font-size:18px;font-weight:600}.about-portrait-role{font-size:11.5px;letter-spacing:.16em;color:var(--fg-mute);text-transform:uppercase}.about-contacts{display:flex;flex-direction:column}.about-contacts li+li{border-top:1px solid var(--line)}.contact-row{width:100%;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:16px 4px;text-align:left;transition:padding-left var(--t-fast) var(--ease)}.contact-row.is-copyable:hover{padding-left:12px}.contact-label{font-size:11.5px;letter-spacing:.16em;color:var(--fg-mute);text-transform:uppercase}.contact-value{font-size:15px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-copy{font-size:11.5px;color:var(--fg-mute);padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);transition:all var(--t-fast) var(--ease)}.contact-row.is-copyable:hover .contact-copy{color:var(--accent);border-color:#5b8cff80}.contact-copy.is-done{color:#4ade80;border-color:#4ade8080}.about-main{display:flex;flex-direction:column;gap:clamp(48px,5vw,84px)}.about-intro{display:flex;flex-direction:column;gap:26px;max-width:820px}.about-para{font-size:clamp(17px,1.3vw,20px);line-height:1.85;color:var(--fg-dim);font-weight:300}.about-para:first-child{color:var(--fg)}.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.stat{padding:34px 26px 30px 0;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-value{display:flex;align-items:baseline;gap:4px;font-size:clamp(40px,3.6vw,60px);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.stat-value em{font-style:normal;font-size:.4em;font-weight:500;color:var(--accent);letter-spacing:0}.stat-label{margin-top:16px;font-size:14.5px;color:var(--fg)}.stat-note{margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.exp{margin-top:clamp(72px,8vw,128px)}.exp-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line-2)}.exp-count{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute)}.exp-item{display:grid;grid-template-columns:168px 300px minmax(0,1fr);gap:clamp(24px,3vw,48px);padding:30px 0 32px;border-bottom:1px solid var(--line);transition:background var(--t) var(--ease)}.exp-item:hover{background:linear-gradient(90deg,rgba(91,140,255,.05),transparent 72%)}.exp-period{font-size:12.5px;letter-spacing:.06em;color:var(--fg-mute);padding-top:3px;font-variant-numeric:tabular-nums}.exp-org{display:flex;flex-direction:column;gap:7px;align-items:flex-start}.exp-company{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35}.exp-role{font-size:13.5px;color:var(--fg-dim)}.exp-badge{margin-top:3px;font-size:11px;letter-spacing:.1em;padding:3px 10px;border-radius:var(--r-pill);color:#4ade80;border:1px solid rgba(74,222,128,.4);background:#4ade8014}.exp-points{display:flex;flex-direction:column;gap:12px;padding-top:2px}.exp-points li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.78;color:var(--fg-dim);font-weight:300}.exp-points li:before{content:"";position:absolute;left:0;top:11px;width:5px;height:1px;background:var(--fg-mute);transition:background var(--t-fast) var(--ease),width var(--t-fast) var(--ease)}.exp-item:hover .exp-points li:before{width:9px;background:var(--accent)}.exp-edu{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;padding-top:26px;font-size:14px}.exp-edu-label{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute)}.exp-edu-school{font-weight:500;color:var(--fg)}.exp-edu-dim{color:var(--fg-dim)}@media (max-width: 1400px){.exp-item{grid-template-columns:140px 240px minmax(0,1fr)}}@media (max-width: 1280px){.about-grid{grid-template-columns:320px minmax(0,1fr)}.about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2n){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width: 1000px){.exp-item{grid-template-columns:1fr;gap:14px}}@media (max-width: 900px){.about{padding-top:120px}.about-grid{grid-template-columns:1fr}.about-side{position:static}.about-head-note{text-align:left}.about-portrait-frame{aspect-ratio:3 / 2}}.works-title{margin-top:22px}.works-head-note{font-size:15px;line-height:1.8;color:var(--fg-dim);text-align:right;font-weight:300}.cat-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:26px}.cat{position:relative;grid-column:span 4;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color var(--t) var(--ease),background var(--t) var(--ease),transform var(--t) var(--ease)}.cat--wide{grid-column:span 7}.cat--tall{grid-column:span 5}.cat--full{grid-column:span 12}.cat:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-4px)}.cat.is-open{grid-column:1 / -1;transform:none;background:var(--panel-hi);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.cat-head{display:flex;flex-direction:column;width:100%;padding:0;text-align:left}.cat-cover{position:relative;flex-shrink:0;aspect-ratio:16 / 9;overflow:hidden}.cat-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(62% 58% at 26% 24%,color-mix(in srgb,var(--accent) 44%,transparent),transparent 70%),radial-gradient(58% 62% at 80% 76%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 72%),#0b0d13;transition:transform 1.1s var(--ease)}.cat-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px}.cat-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:saturate(.95) contrast(1.04) brightness(.88);transition:transform 1.1s var(--ease),filter var(--t) var(--ease)}.cat:hover .cat-placeholder,.cat:hover .cat-cover img{transform:scale(1.05)}.cat:hover .cat-cover img{filter:brightness(1)}.cat-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#06070a4d,#06070a0d 40%,#06070ac7)}.cat-body{display:flex;flex-direction:column;gap:9px;flex:1;min-width:0;padding:24px 26px 26px}.cat-index{font-size:11.5px;letter-spacing:.2em;color:color-mix(in srgb,var(--accent) 82%,#ffffff)}.cat-name{font-size:clamp(22px,1.9vw,30px);font-weight:700;letter-spacing:-.025em;line-height:1.15}.cat-desc{font-size:14.5px;line-height:1.6;color:var(--fg-dim);font-weight:300}.cat-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.cat-count{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-mute)}.cat-toggle{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);color:var(--fg-dim);transition:transform var(--t) var(--ease),background var(--t) var(--ease),color var(--t) var(--ease),border-color var(--t) var(--ease)}.cat:hover .cat-toggle{color:var(--fg);border-color:var(--line-2);background:#ffffff0d}.cat.is-open .cat-toggle{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:#fff}.cat.is-open .cat-head{flex-direction:row;align-items:stretch}.cat.is-open .cat-cover{width:380px;aspect-ratio:auto}.cat.is-open .cat-body{justify-content:center;padding:30px 34px}.cat-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s var(--ease),opacity .35s var(--ease)}.cat.is-open .cat-panel{grid-template-rows:1fr;opacity:1}.cat-panel-inner{overflow:hidden;min-height:0}.cat-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(198px,1fr));gap:13px;padding:4px 26px 26px}.cat-empty{margin:0 26px 26px;padding:44px 26px;border:1px dashed var(--line-2);border-radius:var(--r);text-align:center;font-size:14px;color:var(--fg-mute)}.vt{display:flex;flex-direction:column;padding:0;text-align:left;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel);transition:border-color var(--t) var(--ease),transform var(--t) var(--ease)}.vt:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-4px)}.vt-cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0b0d13}.vt-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 70% at 30% 26%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 72%),#0b0d13;transition:transform .9s var(--ease)}.vt-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:brightness(.9);transition:transform .9s var(--ease),filter var(--t) var(--ease)}.vt-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .45s var(--ease)}.vt-frame.is-ready{opacity:1}.vt:hover .vt-frame{filter:brightness(1.06)}.vt:hover .vt-placeholder,.vt:hover .vt-cover img{transform:scale(1.05)}.vt:hover .vt-cover img{filter:brightness(1.04)}.vt-face{position:absolute;z-index:3;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:3px 8px;border-radius:6px;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px -2px #0009}.vt-face-a{top:9px;left:9px;background:#f97316f0;color:#fff}.vt-face-b{bottom:9px;right:9px;background:#22d3eef0;color:#06222b}.vt-play{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:40px;height:40px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#fffffff0;color:#06070a;opacity:0;scale:.85;transition:opacity var(--t) var(--ease),scale var(--t) var(--ease);box-shadow:0 10px 30px -12px #000000e6}.vt:hover .vt-play{opacity:1;scale:1}.vt-body{display:flex;flex-direction:column;gap:5px;padding:12px 13px 13px}.vt-title{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-desc{font-size:13px;line-height:1.55;color:var(--fg-dim);font-weight:300}.vt-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px}.vt-tags span{font-size:11.5px;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--fg-mute)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#040508eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;padding:5vh 4vw;animation:lbIn .32s var(--ease)}@keyframes lbIn{0%{opacity:0}}.lightbox-close{position:absolute;top:26px;right:30px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:#fff;transition:all var(--t-fast) var(--ease)}.lightbox-close:hover{background:#fff;color:#06070a;border-color:#fff}.lightbox-inner{width:min(1400px,100%);display:flex;flex-direction:column;gap:22px;animation:lbUp .42s var(--ease)}@keyframes lbUp{0%{opacity:0;transform:translateY(20px) scale(.985)}}.lightbox-video{width:100%;max-height:76vh;border-radius:var(--r-lg);background:#000;border:1px solid var(--line)}.lightbox-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.lightbox-cat{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.lightbox-title{font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.025em;margin-top:8px}.lightbox-sub{font-size:14.5px;color:var(--fg-dim);margin-top:6px;font-weight:300;max-width:70ch}.lightbox-tags{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.work-tag{font-size:12px;padding:5px 12px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-pill);color:#ffffffc2;background:#ffffff0a}@media (max-width: 1400px){.cat.is-open .cat-cover{width:300px}}@media (max-width: 1280px){.cat-grid{gap:20px}.cat{grid-column:span 6}.cat--wide{grid-column:span 12}.cat--tall{grid-column:span 6}.cat--full{grid-column:span 12}}@media (max-width: 1000px){.cat.is-open .cat-head{flex-direction:column}.cat.is-open .cat-cover{width:100%;aspect-ratio:16 / 9}.cat.is-open .cat-body{padding:24px 26px 26px}}@media (max-width: 760px){.cat,.cat--wide,.cat--tall,.cat--full{grid-column:span 12}.works-head-note{text-align:left}.cat-videos{grid-template-columns:1fr}.lightbox-meta{flex-direction:column;gap:16px}}.strengths-title{margin-top:22px}.strengths-head-note{font-size:15px;line-height:1.8;color:var(--fg-dim);text-align:right;font-weight:300}.strengths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.strength{display:flex;flex-direction:column;gap:16px;min-height:320px;padding:34px 32px 36px}.strength-top{display:flex;align-items:center;gap:16px;margin-bottom:8px}.strength-no{font-size:12px;letter-spacing:.18em;color:var(--accent)}.strength-bar{flex:1;height:1px;background:var(--line);position:relative;overflow:hidden}.strength-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--t-slow) var(--ease)}.strength:hover .strength-bar:after{transform:scaleX(1)}.strength-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.strength-desc{font-size:14.5px;line-height:1.8;color:var(--fg-dim);font-weight:300;flex:1}.strength-points{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:20px;border-top:1px solid var(--line)}.strength-points li{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg-mute);transition:color var(--t-fast) var(--ease)}.strength:hover .strength-points li{color:var(--fg-dim)}.strength-points i{width:4px;height:4px;border-radius:50%;background:var(--fg-mute);transition:background var(--t-fast) var(--ease)}.strength:hover .strength-points i{background:var(--accent)}.skills{display:flex;flex-direction:column;gap:22px;margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}.skill-group{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:24px}.skills-label{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-mute)}.skills-list{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1280px){.strengths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1000px){.skill-group{grid-template-columns:1fr;gap:12px}}@media (max-width: 760px){.strengths-grid{grid-template-columns:1fr}.strengths-head-note{text-align:left}}.contact{position:relative;z-index:var(--z-content);min-height:100svh;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg) 0%,#080a10 60%,#0a0d16 100%)}.contact-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 104%,rgba(91,140,255,.2),transparent 72%),radial-gradient(38% 40% at 86% 16%,rgba(168,85,247,.13),transparent 70%)}.contact-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:104px 104px;-webkit-mask-image:radial-gradient(circle at 50% 78%,#000 6%,transparent 70%);mask-image:radial-gradient(circle at 50% 78%,#000 6%,transparent 70%)}.contact-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(40px,6vh,80px);padding:120px 0 40px}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.contact-avail{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim)}.contact-avail i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px 1px #4ade80b3}.contact-main{flex:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;gap:clamp(48px,5vw,96px)}.contact-title{font-size:clamp(56px,8.6vw,168px);line-height:.88;font-weight:800;letter-spacing:-.055em;text-transform:uppercase}.contact-title-line{display:block;transition:transform var(--t-slow) var(--ease),opacity var(--t-slow) var(--ease)}.contact-title:hover .contact-title-line{opacity:.55}.contact-title:hover .contact-title-line:hover{opacity:1;transform:translate(18px)}.contact-title-line.is-accent{background:linear-gradient(96deg,var(--accent-2) 0%,var(--accent) 48%,var(--accent-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-side{display:flex;flex-direction:column;gap:30px;padding-bottom:12px}.contact-sub{font-size:16.5px;line-height:1.7;color:var(--fg-dim);font-weight:300}.contact-mail{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line-2);font-size:clamp(19px,1.5vw,26px);font-weight:500;letter-spacing:-.01em;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.contact-mail svg{transition:transform var(--t) var(--ease)}.contact-mail:hover{color:var(--accent);border-color:var(--accent)}.contact-mail:hover svg{transform:translate(4px,-4px)}.contact-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.contact-list span{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute)}.contact-list strong{font-size:15px;font-weight:500}.contact-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid var(--line);font-size:12.5px;color:var(--fg-mute)}.contact-sign{letter-spacing:.16em}.contact-top-btn{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;padding:9px 18px;border:1px solid var(--line);border-radius:var(--r-pill);transition:all var(--t-fast) var(--ease)}.contact-top-btn:hover{color:var(--fg);border-color:var(--line-2);transform:translateY(-2px)}@media (max-width: 1100px){.contact-main{grid-template-columns:1fr;align-items:start}.contact-inner{padding:100px 0 32px}}@media (max-width: 760px){.contact-foot{flex-direction:column;align-items:flex-start;gap:14px}}.page{position:relative;z-index:var(--z-content)}.page>.section+.section{position:relative}.page>.section+.section:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent)}.crash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center;background:var(--bg);color:var(--fg)}.crash h2{font-size:22px;font-weight:700;letter-spacing:-.02em}.crash-msg{font-size:15px;color:var(--err);max-width:720px}.crash-stack{max-width:820px;max-height:260px;overflow:auto;margin:6px 0 0;padding:16px;border-radius:10px;border:1px solid var(--line);background:#05060a;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--fg-mute);text-align:left}.crash button{margin-top:10px;height:44px;padding:0 26px;border-radius:var(--r-pill);background:#fff;color:#06070a;font-weight:600;transition:box-shadow var(--t-fast) var(--ease)}.crash button:hover{box-shadow:0 0 0 1px #fff6,0 16px 40px -18px #ffffff80}:root{--bg: #06070a;--bg-soft: #0a0c11;--panel: #0f1118;--panel-hi: #151824;--line: rgba(255, 255, 255, .075);--line-2: rgba(255, 255, 255, .14);--fg: #eef0f6;--fg-dim: #99a0b2;--fg-mute: #5a6072;--accent: #5b8cff;--accent-2: #22d3ee;--accent-3: #a855f7;--accent-soft: rgba(91, 140, 255, .14);--shell: 1700px;--gutter: 56px;--col: 12;--r-lg: 22px;--r: 16px;--r-sm: 10px;--r-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--t-fast: .28s;--t: .55s;--t-slow: .9s;--font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--z-bg: 0;--z-content:1;--z-nav: 50;--z-cursor: 9999}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,h4,h5,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,video,svg,canvas{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#23262f;border-radius:var(--r-pill);border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#33374a}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(620px circle at var(--mx, 50%) var(--my, 30%),rgba(91,140,255,.07),transparent 62%);transition:background .4s linear}.site-aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(1000px 640px at 10% 5%,rgba(91,140,255,.1),transparent 62%),radial-gradient(840px 560px at 92% 16%,rgba(168,85,247,.08),transparent 62%),radial-gradient(900px 620px at 46% 52%,rgba(34,211,238,.05),transparent 64%),radial-gradient(760px 540px at 14% 92%,rgba(212,165,74,.05),transparent 62%)}.site-gridlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bg);pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:radial-gradient(ellipse 92% 84% at 50% 26%,#000 28%,transparent 92%);mask-image:radial-gradient(ellipse 92% 84% at 50% 26%,#000 28%,transparent 92%)}@media (hover: hover) and (pointer: fine){body[data-cursor],body[data-cursor] *{cursor:none}}.shell{width:min(var(--shell),100% - var(--gutter) * 2);margin-inline:auto}.section{position:relative;z-index:var(--z-content);padding:180px 0}.sec-ghost{position:absolute;top:60px;right:-20px;z-index:-1;font-size:clamp(110px,15vw,264px);font-weight:800;line-height:.82;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:#ffffff07;-webkit-text-stroke:1px rgba(255,255,255,.055);-webkit-user-select:none;user-select:none;pointer-events:none}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:30px;margin-bottom:64px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--fg-mute)}.eyebrow:before{content:"";width:30px;height:1px;background:var(--accent);opacity:.8}.h-display{font-size:clamp(64px,9.2vw,176px);line-height:.9;font-weight:800;letter-spacing:-.045em}.h-sec{font-size:clamp(38px,4.4vw,68px);line-height:1.06;font-weight:700;letter-spacing:-.035em}.h-card{font-size:21px;font-weight:600;letter-spacing:-.015em}.lead{font-size:clamp(17px,1.35vw,21px);line-height:1.65;color:var(--fg-dim);font-weight:300}.muted{color:var(--fg-dim)}.mono{font-family:var(--font-mono)}.grad{background:linear-gradient(100deg,#ffffff 0%,#b9c6e8 40%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--t) var(--ease),transform var(--t) var(--ease),background var(--t) var(--ease)}.card--spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity var(--t) var(--ease);background:radial-gradient(420px circle at var(--px, 50%) var(--py, 50%),rgba(91,140,255,.13),transparent 58%)}.card--spot:hover:after{opacity:1}.card--spot:hover{border-color:var(--line-2);background:var(--panel-hi)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:13px;color:var(--fg-dim);background:#ffffff05;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pill:hover{border-color:var(--line-2);color:var(--fg)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 32px;border-radius:var(--r-pill);font-size:15px;font-weight:500;letter-spacing:.01em;white-space:nowrap;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.btn--primary{background:#fff;color:#06070a}.btn--primary:hover{box-shadow:0 0 0 1px #fff6,0 18px 44px -18px #ffffff80}.btn--ghost{border:1px solid var(--line-2);color:var(--fg)}.btn--ghost:hover{border-color:#5b8cffb3;color:var(--accent);box-shadow:0 16px 44px -22px #5b8cffe6}.rule{height:1px;background:var(--line);border:0}[data-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease);will-change:opacity,transform}[data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cur-dot,.cur-ring{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;border-radius:50%;will-change:transform}.cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff}.cur-ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid rgba(255,255,255,.45);transition:width var(--t-fast) var(--ease),height var(--t-fast) var(--ease),margin var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}body[data-cursor=link] .cur-ring{width:68px;height:68px;margin:-34px 0 0 -34px;border-color:var(--accent);background:#5b8cff1f}body[data-cursor=link] .cur-dot{opacity:0}@media (hover: none),(pointer: coarse){.cur-dot,.cur-ring{display:none}}@media (max-width: 1280px){:root{--gutter: 40px}.section{padding:140px 0}}@media (max-width: 900px){:root{--gutter: 24px}.section{padding:100px 0}.sec-head{flex-direction:column;align-items:flex-start;gap:20px}}