.soft-aurora-container{width:100%;height:100%}.depth-carousel{position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;justify-content:center;perspective:var(--dc-perspective, 1400px);perspective-origin:50% 50%;touch-action:pan-y;outline:none;user-select:none;-webkit-user-select:none;cursor:grab}.depth-carousel:active{cursor:grabbing}.depth-carousel:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:4px;border-radius:12px}.depth-carousel__stage{position:absolute;inset:0;transform-style:preserve-3d}.depth-carousel__card{position:absolute;top:50%;left:50%;transform-origin:center center;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px -20px #000000a6,0 8px 20px -10px #00000080;will-change:transform,opacity,filter;cursor:pointer;transform:translate(-50%,-50%)}.depth-carousel__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.depth-carousel__tint{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:multiply}.depth-carousel__card.is-active:after{content:"＋ 放大";position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:#07080c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-family:var(--font-mono);letter-spacing:.12em;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.depth-carousel__card.is-active:hover:after{opacity:1;transform:none}.depth-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3000;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12141a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.depth-carousel__arrow:hover{background:#1c1f28d9;border-color:#fff6}.depth-carousel__arrow:active{transform:translateY(-50%) scale(.94)}.depth-carousel__arrow--prev{left:16px}.depth-carousel__arrow--next{right:16px}.depth-carousel__dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:3000;display:flex;gap:8px;padding:8px 12px;border-radius:999px;background:#0e101666;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.depth-carousel__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:#ffffff52;cursor:pointer;transition:width .25s ease,background .25s ease}.depth-carousel__dot.is-active{width:20px;background:#fff}@media(prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}:root{--bg: #07080c;--bg-2: #0b0d13;--border: rgba(255, 255, 255, .09);--text: #e9ebf2;--muted: #8b93a3;--accent: #6ee7ff;--font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "Cascadia Code", "JetBrains Mono", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}main{position:relative;z-index:1}::selection{background:#6ee7ff40}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#262b36;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#343b4a}.container{width:100%;max-width:1700px;margin:0 auto;padding:0 64px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 30px;border-radius:999px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}.btn-primary{background:var(--accent);color:#04141a;font-weight:700}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 0 4px #6ee7ff24,0 10px 36px #6ee7ff2e}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff05}.btn-ghost:hover{border-color:#ffffff4d;background:#ffffff0d}.nav{position:fixed;inset:0 0 auto;z-index:50;background:#07080cb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:baseline;gap:10px;font-size:19px;font-weight:700;letter-spacing:.06em}.nav-brand span{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.24em;color:var(--muted)}.nav-links{display:flex;gap:8px}.nav-links a{padding:8px 18px;border-radius:999px;color:var(--muted);font-size:15px;transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:#ffffff0d}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,black,transparent);mask-image:radial-gradient(70% 70% at 50% 45%,black,transparent)}.hero-aurora{position:absolute;border-radius:50%;filter:blur(110px);opacity:.55}.a1{width:640px;height:640px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(56,189,248,.3),transparent 65%);animation:drift 16s ease-in-out infinite alternate}.a2{width:520px;height:520px;bottom:-160px;left:-100px;background:radial-gradient(circle,rgba(167,139,250,.22),transparent 65%);animation:drift 22s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate3d(60px,40px,0) scale(1.08)}}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,12,.55),rgba(7,8,12,.25) 45%,var(--bg) 100%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-top:40px}.hero-copy{display:flex;flex-direction:column}.hero-kicker{font-family:var(--font-mono);font-size:13px;letter-spacing:.3em;color:var(--muted);margin-bottom:28px}.hero-title{font-size:clamp(72px,10vw,168px);font-weight:800;line-height:1.02;letter-spacing:.04em}.hero-title span{color:var(--accent)}.hero-sub{margin-top:26px;max-width:680px;display:grid;gap:14px}.hero-quote{font-size:clamp(17px,1.5vw,21px);font-weight:600;color:var(--text);line-height:1.7}.hero-skillline{font-size:14.5px;color:var(--muted);line-height:1.9}.hero-actions{margin-top:46px;display:flex;gap:16px}.hero-side{display:flex;flex-direction:column;align-items:center;gap:34px;padding:40px 0}.hero-side-top{display:flex;align-items:center;gap:52px}.art-stack{display:flex;align-items:flex-start;gap:16px}.art-col{display:flex;flex-direction:column;align-items:center;gap:8px}.art-col--bottom{margin-top:104px}.art-col--top{margin-top:0}.art-line{display:grid;place-items:center;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.l1{font-size:56px;color:var(--text);transform:rotate(-5deg) translate(6px)}.l2{font-size:42px;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.85);transform:rotate(4deg) translate(-8px)}.l3{font-size:38px;color:var(--accent);transform:rotate(-3deg) translate(10px)}.l4{font-size:46px;color:var(--muted);transform:rotate(6deg) translate(-6px)}.l5{font-size:32px;color:var(--text);opacity:.85;transform:rotate(-2deg)}.art-seal{width:58px;height:58px;display:grid;place-items:center;background:#ff5d5d;color:#fff;font-size:34px;font-weight:800;border-radius:10px;transform:rotate(7deg);box-shadow:0 10px 28px #ff5d5d59;margin-bottom:10px}.figure-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.stick{position:relative;width:150px;height:195px;background:none;border:none;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent;animation:bob 3.2s ease-in-out infinite;transition:filter .25s ease;transform-origin:50% 100%}.stick:hover{filter:drop-shadow(0 0 16px rgba(110,231,255,.35))}.stick:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.stick svg{width:100%;height:auto;overflow:visible}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}30%{transform:translateY(-7px) rotate(1.5deg)}55%{transform:translateY(-2px) rotate(-1deg)}75%{transform:translateY(-9px) rotate(2deg)}}.stick-arm--left,.stick-arm--right{transform-origin:100px 104px}.stick-arm--right{animation:wave 5.2s ease-in-out infinite}.stick-arm--left{animation:armsway 5.2s ease-in-out infinite}@keyframes wave{0%,48%,to{transform:rotate(0)}54%{transform:rotate(-42deg)}60%{transform:rotate(8deg)}66%{transform:rotate(-38deg)}72%{transform:rotate(6deg)}78%{transform:rotate(-30deg)}84%{transform:rotate(0)}}@keyframes armsway{0%,48%,to{transform:rotate(0)}58%{transform:rotate(12deg)}70%{transform:rotate(-8deg)}84%{transform:rotate(0)}}.stick-torso{transform-origin:100px 168px;transition:transform .85s cubic-bezier(.22,1.4,.36,1)}.stick.bowing .stick-torso{transform:rotate(62deg)}.sweat{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.stick.bowing .sweat{opacity:1;transform:none}.bubble{position:absolute;top:-56px;left:50%;transform:translate(-50%);z-index:3;background:var(--bg-2);border:1px solid rgba(110,231,255,.35);color:var(--text);font-size:13px;padding:8px 14px;border-radius:12px;white-space:nowrap;box-shadow:0 10px 30px #0006;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-2);border-right:1px solid rgba(110,231,255,.35);border-bottom:1px solid rgba(110,231,255,.35)}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.hero-tags{display:flex;gap:10px}.hero-vinyl{position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.vinyl-wrap{position:relative;width:168px;height:168px;pointer-events:auto}.vinyl-wrap:before,.vinyl-wrap:after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(110,231,255,.5);pointer-events:none;animation:ripple 2s ease-out infinite}.vinyl-wrap:after{animation-delay:1s}@keyframes ripple{0%{opacity:.55;transform:scale(.96)}75%{opacity:0;transform:scale(1.26)}to{opacity:0;transform:scale(1.26)}}.vinyl-note{position:absolute;width:15px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px currentColor);animation:notefloat 4.2s cubic-bezier(.35,.1,.4,1) infinite}.vinyl-note svg{width:100%;height:auto;display:block}.vinyl-note--1{left:4%;bottom:44%;width:14px;color:#6ee7ff}.vinyl-note--2{left:24%;bottom:60%;width:17px;color:#a78bfa;animation-delay:.8s;animation-duration:5s}.vinyl-note--3{left:47%;bottom:70%;width:15px;color:#fbbf24;animation-delay:1.7s;animation-duration:4.6s}.vinyl-note--4{right:23%;bottom:58%;width:13px;color:#f472b6;animation-delay:2.5s;animation-duration:5.4s}.vinyl-note--5{right:4%;bottom:42%;width:16px;color:#34d399;animation-delay:3.2s;animation-duration:4.8s}@keyframes notefloat{0%{opacity:0;transform:translateY(10px) scale(.7) rotate(-10deg)}18%{opacity:1;transform:translateY(-6px) scale(1.1) rotate(4deg)}65%{opacity:.5}to{opacity:0;transform:translateY(-72px) scale(.95) rotate(14deg)}}.vinyl{position:relative;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.vinyl:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:50%}.vinyl-disc{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#15181f 0 2px,#0a0c11 2px 4px,#1c2029 4px 5px,#0a0c11 5px 8px);box-shadow:0 26px 60px #0000008c,inset 0 0 0 1px #ffffff12;animation:spin 6s linear infinite;transition:box-shadow .3s ease}.vinyl:hover .vinyl-disc{box-shadow:0 26px 60px #0000008c,0 0 0 1px #6ee7ff73,0 0 34px #6ee7ff47,inset 0 0 0 1px #ffffff1a}@keyframes spin{to{transform:rotate(360deg)}}.vinyl-label{position:absolute;inset:26%;border-radius:50%;overflow:hidden;background:#08161c;box-shadow:inset 0 0 0 1px #6ee7ff40}.vinyl-label img{width:100%;height:100%;object-fit:cover;display:block}.vinyl-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 208deg,rgba(255,255,255,.12),transparent 20%,transparent 52%,rgba(255,255,255,.07) 68%,transparent 84%)}.vinyl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#07080c24;border:1px solid rgba(110,231,255,.8);filter:drop-shadow(0 1px 4px rgba(0,0,0,.75));pointer-events:none;animation:playpulse 1.3s ease-in-out infinite;transition:color .25s ease,border-color .25s ease}.vinyl-play__icon{width:15px;height:15px;filter:drop-shadow(0 0 4px rgba(0,0,0,.85));transition:transform .25s ease}.vinyl:hover .vinyl-play__icon{transform:scale(1.18)}.vinyl-play__icon--pause,.vinyl.is-playing .vinyl-play__icon--play{display:none}.vinyl.is-playing .vinyl-play__icon--pause{display:block}.vinyl.is-playing .vinyl-play{color:#fff;border-color:#ffffff8c;animation:none}@keyframes playpulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 16px #6ee7ff4d}50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 30px #6ee7ff99}}.vinyl-arm{position:absolute;top:-8%;right:6%;width:6px;height:60%;border-radius:999px;background:linear-gradient(180deg,#d6dbe4,#6b7280 62%,#2b303a);transform-origin:50% 7px;transform:rotate(-27deg);transition:transform .75s cubic-bezier(.22,1.2,.36,1);box-shadow:0 0 14px #00000080}.vinyl-arm:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#eef1f6,#4b5563)}.vinyl:hover .vinyl-arm{transform:rotate(-18deg)}.vinyl.is-playing .vinyl-arm{transform:rotate(15deg)}.hero-tags span{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:var(--muted);border:1px solid var(--border);padding:5px 12px;border-radius:999px}.art-note{max-width:300px;font-size:13.5px;line-height:1.8;color:var(--muted);border-left:2px solid var(--accent);padding-left:14px}.hero-scroll{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.34em;color:var(--muted)}.hero-scroll span{width:1px;height:52px;background:linear-gradient(var(--muted),transparent);animation:scrollpulse 2.2s ease-in-out infinite}@keyframes scrollpulse{0%,to{opacity:.25}50%{opacity:1}}.section{padding:140px 0}.section+.section{border-top:1px solid var(--border)}.section-head{display:flex;align-items:flex-end;gap:24px;margin-bottom:64px}.section-index{font-family:var(--font-mono);font-size:13px;color:var(--accent);border:1px solid rgba(110,231,255,.3);border-radius:999px;padding:6px 14px}.section-en{font-family:var(--font-mono);font-size:12px;letter-spacing:.34em;color:var(--muted);margin-bottom:10px}.section-head h2{font-size:clamp(32px,3.4vw,52px);font-weight:800;letter-spacing:.02em}.exp-grid{display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:start}.exp-card{position:sticky;top:96px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);padding:40px 36px}.avatar{position:relative;width:132px;height:132px;border-radius:50%}.avatar:after{content:"";position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle,rgba(110,231,255,.16),transparent 68%)}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.06);-webkit-mask-image:radial-gradient(circle,black 58%,rgba(0,0,0,.7) 68%,transparent 76%);mask-image:radial-gradient(circle,black 58%,rgba(0,0,0,.7) 68%,transparent 76%);filter:saturate(1.06) contrast(1.05);box-shadow:0 18px 50px #00000080}.avatar-btn{position:relative;display:block;background:none;border:none;padding:0;margin-bottom:22px;border-radius:50%;cursor:zoom-in}.avatar-btn:after{content:"＋";position:absolute;right:-2px;bottom:2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#04141a;font-size:16px;font-weight:700;display:grid;place-items:center;opacity:0;transform:scale(.7);transition:opacity .25s ease,transform .25s ease}.avatar-btn:hover:after{opacity:1;transform:none}.avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lightbox{position:fixed;inset:0;z-index:100;background:#040508e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px;cursor:zoom-out;animation:fadein .25s ease}.lightbox-img{max-width:min(900px,90vw);max-height:82vh;width:auto;height:auto;border-radius:18px;box-shadow:0 30px 100px #0009;animation:zoompop .3s cubic-bezier(.16,1,.3,1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#12141a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.lightbox-nav:hover{background:#1c1f28e6;border-color:#fff6}.lightbox-nav:active{transform:translateY(-50%) scale(.94)}.lightbox-nav svg{width:22px;height:22px}.lightbox-nav--prev{left:28px}.lightbox-nav--next{right:28px}.lightbox-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;color:var(--muted)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes zoompop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.avatar-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.26em;color:var(--muted);margin-bottom:10px}.exp-card h3{font-size:26px;font-weight:800}.exp-role{margin-top:6px;font-size:14px;color:var(--accent);white-space:pre-line}.exp-intro{margin-top:18px;font-size:14.5px;line-height:1.9;color:var(--muted)}.fix-char{position:relative;color:var(--text);font-weight:600;padding:0 1px}.fix-char:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;border-radius:2px;background:#ff5d5d;transform:rotate(-14deg)}.contact-list{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);display:grid;gap:12px;font-size:14px}.contact-list li{display:flex;align-items:baseline;gap:12px;color:var(--muted)}.c-key{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);opacity:.7;min-width:40px}.contact-list a{color:var(--text);border-bottom:1px dashed transparent;transition:color .2s ease,border-color .2s ease;word-break:break-all}.contact-list a:hover{color:var(--accent);border-color:var(--accent)}.stat-group{position:relative;margin-top:28px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}.stat{position:relative;background:var(--bg-2);padding:18px 16px;display:grid;gap:6px;border:none;text-align:left;font:inherit;width:100%;appearance:none}.stat.clickable{cursor:pointer;transition:background .25s ease,box-shadow .25s ease}.stat.clickable:hover{background:#6ee7ff14}@property --ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.stat-group:before{content:"";position:absolute;inset:-2px;border-radius:19px;border:1.5px solid rgba(110,231,255,.75);pointer-events:none;animation:statgroup 2.6s ease-in-out infinite}@keyframes statgroup{0%,to{opacity:.3;box-shadow:0 0 #6ee7ff00}50%{opacity:1;box-shadow:0 0 24px 3px #6ee7ff52}}.stat-group:after{content:"";position:absolute;inset:-2px;border-radius:19px;padding:1.5px;background:conic-gradient(from var(--ring-angle),transparent 0deg 230deg,rgba(110,231,255,.12) 268deg,#6ee7ff 306deg,rgba(110,231,255,.12) 344deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:ringrun 3.6s linear infinite}@keyframes ringrun{to{--ring-angle: 360deg}}.stat.clickable.is-active{background:#6ee7ff1f;box-shadow:inset 0 0 0 1px #6ee7ff80}.stat:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stat b{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--accent)}.stat-text{font-family:var(--font-sans);font-size:11.5px;font-weight:600;line-height:1.45;color:var(--accent);white-space:normal;word-break:break-all}.stat span{font-size:12px;color:var(--muted)}.tl-group+.tl-group{margin-top:56px}.tl-title{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:.22em;color:var(--text);margin-bottom:28px}.tl-title:after{content:"";flex:1;height:1px;background:var(--border)}.tl-list{border-left:1px solid var(--border);margin-left:6px;padding-left:34px;display:grid;gap:48px}.tl-item{position:relative;transition:background .4s ease,box-shadow .4s ease,padding .4s ease}.tl-item.is-active{background:linear-gradient(180deg,#6ee7ff17,#6ee7ff05);border-radius:16px;padding:18px 20px;box-shadow:inset 0 0 0 1px #6ee7ff66}.tl-item.flash{animation:flashpulse 1.1s ease}@keyframes flashpulse{0%{box-shadow:inset 0 0 0 1px #6ee7ffb3,0 0 0 8px #6ee7ff40,0 0 40px #6ee7ff40;background-color:#6ee7ff2e}to{box-shadow:inset 0 0 0 1px #6ee7ff66;background-color:transparent}}.tl-item:before{content:"";position:absolute;left:-41.5px;top:7px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px #6ee7ff14}.tl-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}.tl-head h3{font-size:21px;font-weight:700}.tl-org{margin-top:4px;font-size:14px;color:var(--accent)}.tl-period{font-family:var(--font-mono);font-size:12.5px;color:var(--muted);white-space:nowrap}.tl-note{font-size:14.5px;font-weight:600;color:var(--text);border:1px dashed rgba(110,231,255,.45);background:#6ee7ff0f;padding:5px 14px;border-radius:999px;white-space:nowrap;transform:rotate(-2deg);box-shadow:0 4px 16px #00000040}.tl-item ul{margin-top:14px;display:grid;gap:10px}.tl-item li,.project-body li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.8;color:var(--muted)}.tl-item li:before,.project-body li:before{content:"—";position:absolute;left:0;color:var(--accent);opacity:.7}.tl-gallery{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center}.tl-gallery-caption{font-size:14px;line-height:1.85;color:var(--muted);border-left:2px solid rgba(110,231,255,.45);padding-left:14px}.tl-gallery-carousel{height:300px}.tl-gallery-text{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tl-gallery-arrow{width:120px;color:var(--accent);opacity:.7}.tl-gallery-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--muted)}.project-list{display:grid;gap:120px}.project{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.project:nth-child(2n) .project-cover{order:2}.project-cover{position:relative;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #00000059}.project-cover svg{display:block;width:100%;height:auto}.project-gallery{height:460px}.cover-label{position:absolute;left:16px;bottom:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:#fffc;background:#07080c8c;padding:6px 12px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-body .tag{font-family:var(--font-mono);font-size:17px;font-weight:600;letter-spacing:.22em;color:var(--accent);margin-bottom:16px}.project-body h3{font-size:clamp(26px,2.6vw,40px);font-weight:800;line-height:1.25}.project-meta{margin-top:10px;font-size:14px;color:var(--muted)}.project-body ul{margin-top:24px;display:grid;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.chips span{font-family:var(--font-mono);font-size:12px;color:var(--muted);border:1px solid var(--border);padding:6px 12px;border-radius:999px;transition:border-color .2s ease,color .2s ease}.chips span:hover{border-color:#6ee7ff66;color:var(--text)}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.strength{border:1px solid var(--border);border-radius:20px;padding:32px 26px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.strength:hover{transform:translateY(-4px);border-color:#6ee7ff66;box-shadow:0 18px 50px #00000059}.strength-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(110,231,255,.25);background:#6ee7ff0f;margin-bottom:20px}.strength-icon svg{width:22px;height:22px}.strength h3{font-size:18px;font-weight:700}.strength p{margin-top:12px;font-size:14px;line-height:1.85;color:var(--muted)}.strength-note{margin-top:16px;display:inline-block;font-size:13px;font-weight:600;color:var(--text);border:1px dashed rgba(110,231,255,.45);background:#6ee7ff0f;padding:6px 12px;border-radius:999px;transform:rotate(-2deg)}.skills{margin-top:64px;border:1px solid var(--border);border-radius:20px;padding:28px 30px;display:flex;align-items:center;flex-wrap:wrap;gap:26px}.skills-label{font-family:var(--font-mono);font-size:18px;font-weight:600;letter-spacing:.2em;color:var(--text);white-space:nowrap}.skills-note{font-size:14px;font-weight:600;color:var(--text);border:1px dashed rgba(110,231,255,.45);background:#6ee7ff0f;padding:6px 12px;border-radius:999px;transform:rotate(-2deg);white-space:nowrap}.skills .chips span{font-size:13px;font-weight:600;color:var(--text)}.contact{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid var(--border)}.contact-bg{position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 40%,rgba(56,189,248,.1),transparent 70%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(80% 80% at 50% 50%,black,transparent)}.contact-inner{position:relative;z-index:2;display:grid;justify-items:center}.contact-kicker{font-family:var(--font-mono);font-size:13px;letter-spacing:.4em;color:var(--accent);margin-bottom:30px}.contact h2{font-size:clamp(40px,5.6vw,92px);font-weight:800;line-height:1.22;letter-spacing:.02em}.contact-actions{margin-top:58px;display:grid;gap:14px}.contact-email{font-family:var(--font-mono);font-size:clamp(20px,2.4vw,34px);color:var(--text);transition:color .2s ease}.contact-email:hover{color:var(--accent)}.contact-phone{font-family:var(--font-mono);font-size:clamp(15px,1.7vw,22px);color:var(--muted);transition:color .2s ease}.contact-phone:hover{color:var(--accent)}.contact-btns{margin-top:50px;display:flex;gap:16px}.footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--border);background:#07080c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].in{opacity:1;transform:none}@media(max-width:1200px){.hero-inner{grid-template-columns:1fr}.hero-side,.hero-vinyl{display:none}.exp-grid{grid-template-columns:1fr}.exp-card{position:static}.strength-grid{grid-template-columns:1fr 1fr}.project{grid-template-columns:1fr;gap:36px}.project:nth-child(2n) .project-cover{order:0}}@media(max-width:900px){.container{padding:0 28px}.nav-links{display:none}.hero-title{font-size:clamp(56px,14vw,96px)}.section{padding:96px 0}.project-list{gap:88px}}@media(max-width:640px){.strength-grid{grid-template-columns:1fr}.hero-actions,.contact-btns{flex-direction:column;align-items:stretch}.nav-cta{padding:10px 20px;font-size:14px}.footer-inner{height:auto;flex-direction:column;gap:4px;padding:18px 0}.tl-gallery{grid-template-columns:1fr}.tl-gallery-arrow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.hero-aurora,.hero-scroll span,.stick,.stick-arm--left,.stick-arm--right,.vinyl-disc,.vinyl-play,.vinyl-note,.vinyl-wrap:before,.vinyl-wrap:after{animation:none}.stat-group:before,.stat-group:after{animation:none;opacity:.5}}