:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#eeeae3;background:#101110;font-synthesis:none;font-weight:400;--muted:#969a93;--line:#30322e;--green:#ff8a32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:7px}button{border:0;background:none}::selection{background:var(--green);color:#101110}.wrap{width:calc(100% - 112px);max-width:1700px;margin:auto}header{height:100px;padding:0 56px;position:fixed;inset:0 0 auto;z-index:5;background:#101110e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.logo{font-size:33px;font-weight:900;letter-spacing:-4px}.logo span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:8px}nav{display:flex;gap:40px;font-size:13px}nav a{color:#c2c4bf}nav a:hover{color:var(--green)}.nav-contact{font-size:13px;border:1px solid #ffffff50;border-radius:30px;padding:13px 23px}.nav-contact span{margin-left:25px}.hero{height:100svh;min-height:760px;max-height:1250px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#181b18}.hero-media video{position:absolute;right:-4%;top:4%;width:73%;height:96%;object-fit:cover;filter:grayscale(1) brightness(.6)}.media-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#101110,#101110ec 23%,#10111045 75%),linear-gradient(0deg,#101110,transparent 35%)}.hero-inner{position:relative;padding-top:120px}.eyebrow,.section-kicker,.hero-foot{font-family:monospace;font-size:11px;letter-spacing:1.6px}.eyebrow{color:#c8cbbf;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 15px #ff8a3266}.hero h1{font-size:clamp(56px,6.2vw,112px);font-weight:500;letter-spacing:-5px;line-height:1.28;margin:45px 0 43px}.hero h1>span{color:var(--green)}.hero-bottom{display:flex;align-items:center;gap:90px}.hero-bottom p{font-size:15px;color:#adafa8;line-height:1.9}.round-link{display:flex;align-items:center;gap:32px;font-size:13px}.round-link span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #666b60;border-radius:50%;font-size:20px}.round-link:hover span{background:var(--green);color:#101110}.hero-foot{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:space-between;color:#94988f}.hero-foot button{font-size:11px;color:#aaa}.section{padding-top:110px;padding-bottom:110px;border-top:1px solid var(--line)}.section-kicker{display:flex;justify-content:space-between;color:#9a9e95;margin-bottom:70px}.section-kicker>span:last-child{font-family:inherit;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:10%}.portrait{max-width:345px}.portrait-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:3px;background:#1d1916}.portrait-frame img{display:block;width:110%;max-width:none;height:110%;object-fit:cover;object-position:center 72%;transform:translate(-8%,-5%)}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#10111014,#10111021 55%,#1011106b)}.portrait>div:not(.portrait-frame){display:flex;justify-content:space-between;font-size:19px;margin-top:25px}.portrait>div:not(.portrait-frame) span{font-size:15px}.portrait p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:18px}h2{font-size:clamp(32px,3.3vw,59px);line-height:1.4;letter-spacing:-1.5px;font-weight:400;margin:0}h2>span{color:#858a80}.intro{font-size:15px;line-height:2;color:#a8aca3;max-width:700px;margin:30px 0 35px}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-block:1px solid var(--line)}.stats strong{font-size:43px;font-weight:400;letter-spacing:-2px}.stats strong span{font-size:12px;margin-left:7px;color:#a9ad9e}.stats p{font-size:11px;color:var(--muted)}.timeline{margin:25px 0}.timeline>div{display:flex;padding:18px 0;border-bottom:1px solid #232620;gap:26px}.timeline time{font-family:monospace;font-size:11px;color:var(--muted);min-width:140px;padding-top:3px}.timeline p{font-size:13px;margin:0}.timeline small{display:block;font-size:11px;color:#7c8277;margin-top:9px}.text-link{display:inline-flex;font-size:13px;border-bottom:1px solid #858a80;padding:15px 0;gap:50px}.section-title{display:flex;justify-content:space-between;align-items:end}.count{font-family:monospace;font-size:17px;vertical-align:top;margin:10px 0 0 15px;display:inline-block}.section-title p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.filters{display:flex;gap:12px;margin:40px 0 32px}.filters button{border:1px solid var(--line);border-radius:30px;padding:10px 22px;font-size:12px;color:#aeb3a6}.filters .selected{background:var(--green);color:#24170e;border-color:var(--green)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px}.project{padding:0;text-align:left;min-width:0}.project-image{aspect-ratio:1.65;background:#22251f;position:relative;overflow:hidden;border-radius:5px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.view-project{position:absolute;bottom:20px;right:20px;background:#111d;color:#fff;padding:11px 17px;border-radius:25px;font-size:12px;opacity:0;transform:translateY(7px);transition:.25s}.project:hover .view-project,.project:focus-visible .view-project{opacity:1;transform:none}.view-project span{margin-left:18px}.project-meta{display:flex;justify-content:space-between;padding:22px 0 0}.project-meta p{font-family:monospace;font-size:10px;letter-spacing:1px;color:#8e9585;margin:0 0 12px}.project h3{font-size:23px;letter-spacing:-.5px;font-weight:400;margin:0 0 10px}.project-meta small{font-size:12px;color:var(--muted)}.project-arrow{border:1px solid #483a30;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-top:10px}.project:hover .project-arrow{background:var(--green);color:#111}.skills{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;gap:18px}.skills article{border:1px solid var(--line);padding:30px;background:linear-gradient(135deg,#1d1916,#171411);border-radius:4px}.skill-top{display:flex;justify-content:space-between;color:#c1aa96;font-family:monospace;font-size:12px}.skill-top>span:last-child{font-size:25px}.skill-en{margin-top:65px!important;font-size:12px!important;letter-spacing:1px;color:var(--green)!important}.skills h3{font-weight:400;font-size:24px;margin:16px 0 22px}.skills p{font-size:13px;color:#b4a496;line-height:1.9}.skills small{display:block;font-size:10px;color:#a58d79;border-top:1px solid var(--line);padding-top:24px;margin-top:32px}.contact{border-top:1px solid var(--line);background:#ff8a32;color:#29180d;min-height:95svh;padding-top:60px;display:flex;align-items:stretch}.contact>.wrap{display:flex;flex-direction:column}.contact .section-kicker{color:#633015;margin-bottom:100px}.contact .dot{background:#873b12;margin-right:9px;box-shadow:none}.contact-lead{font-size:18px;margin:0 0 25px}.contact-title{font-size:clamp(70px,12.5vw,230px);font-weight:500;letter-spacing:-.075em;line-height:1;display:flex;justify-content:space-between;align-items:center;padding-bottom:45px;border-bottom:1px solid #45230f40}.contact-title span{font-size:.85em;transition:transform .3s}.contact-title:hover span{transform:translate(10px,-10px)}.contact-details{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px;padding:40px 0 80px}.contact-details>a,.contact-details>button{font-size:18px;text-align:left;padding:0}.contact-details small{display:block;font-family:monospace;font-size:10px;letter-spacing:1.5px;margin-bottom:15px;color:#663316}.contact-details span{margin-left:14px}footer{margin-top:auto;border-top:1px solid #45230f40;padding:25px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#603017}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#101110;z-index:20;overflow:auto;padding:35px max(30px,calc((100vw - 1450px)/2))}.modal-bar{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-35px;background:#101110f5;padding:24px 0;border-bottom:1px solid var(--line);z-index:2}.modal-bar h2{font-size:28px;margin-top:10px}.modal-bar small{color:var(--green)}.modal-bar button,.modal-end{border:1px solid #66503f;border-radius:25px;padding:12px 25px}.modal-desc{color:#aeb5a4;margin:30px 0}.gallery{display:flex;flex-direction:column;gap:18px}.gallery img{width:100%;height:auto;border-radius:4px}.modal-end{display:block;margin:40px auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1900px){header{padding-inline:calc((100vw - 1700px)/2)}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}header{padding:0 24px;height:80px}nav{gap:20px;font-size:11px}.hero{min-height:700px}.hero h1{letter-spacing:-2px}.hero-media video{width:100%;right:-20%;opacity:.6}.hero-bottom{gap:35px}.about-grid{grid-template-columns:1fr 2fr;gap:6%}.timeline>div{display:block}.timeline p{margin-top:10px}.skills article{padding:22px}.skills h3{font-size:20px}.contact-details>a,.contact-details>button{font-size:14px}.section{padding-block:75px}.section-kicker{margin-bottom:45px}}@media(max-width:600px){nav{display:none}.hero h1{font-size:46px}.eyebrow{font-size:8px;letter-spacing:.7px}.hero-bottom{display:block}.round-link{margin-top:25px}.hero-foot{font-size:8px;letter-spacing:0}.hero-foot span:last-child{display:none}.about-grid{grid-template-columns:1fr;gap:40px}.portrait{max-width:180px}.section-kicker{font-size:9px;letter-spacing:.5px}.section-kicker>span:last-child{font-size:9px}.section-title{display:block}.section-title p{margin-top:18px}.projects,.skills{grid-template-columns:1fr}.project-image{aspect-ratio:1.55}.view-project{opacity:1;transform:none}.project h3{font-size:21px}.stats strong{font-size:35px}.skills{gap:16px}.skill-en{margin-top:35px!important}.contact{min-height:850px}.contact .section-kicker{margin-bottom:85px}.contact-lead{font-size:13px}.contact-title{font-size:19vw;padding-bottom:30px}.contact-details{grid-template-columns:1fr;gap:30px}.contact-details small{margin-bottom:10px}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%}.modal{padding:20px}.modal-bar{top:-20px}.modal-bar h2{font-size:20px}.modal-bar button{padding:10px 15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-media video{display:none}.hero-media{background:radial-gradient(ellipse at 80% 40%,#493021,transparent 65%)}}.project-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0d0a52;pointer-events:none;transition:opacity .35s ease}.project:hover .project-image:after,.project:focus-visible .project-image:after{opacity:0}.view-project{z-index:1}@media(prefers-reduced-motion:reduce){.project-image:after{transition:none}}.project-motion{margin:0;background:#1c1815;border:1px solid var(--line);border-radius:4px;overflow:hidden}.project-motion video,.project-motion img{display:block;width:100%;height:auto;max-height:85vh;object-fit:contain;background:#0b0c0b}.project-motion figcaption{padding:14px 18px;font-size:12px;color:var(--muted)}.hero .media-shade{background:linear-gradient(90deg,#101110d1,#10111080,#1011101f 80%),linear-gradient(0deg,#101110 0%,transparent 35%)}.hero .media-shade{background:radial-gradient(ellipse at 25% 49%,rgba(10,12,10,.65) 0%,rgba(10,12,10,.32) 32%,transparent 63%),linear-gradient(90deg,#101110b3,#1011104d 43%,#10111014 80%),linear-gradient(0deg,#101110 0%,transparent 35%)}.hero h1{font-size:clamp(62px,6.8vw,122px)}@media(max-width:600px){.hero h1{font-size:50px}}.hero-inner{padding-top:60px}@media(max-width:600px){.hero-inner{padding-top:60px}}header .logo{color:var(--green)}.hero-media{container-type:size}.hero-art{position:absolute;width:min(100cqw,266.6667cqh);aspect-ratio:8/3;left:50%;top:calc(50% + 24.4px);transform:translate(calc(-50% - 8cqw),-50%) scale(1.22);pointer-events:none}.hero-art>img,.hero-art>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.glass-orbit{overflow:visible}@media(max-width:600px){.hero-art{top:61px;transform:translate(calc(-50% - 8cqw)) scale(1.22);transform-origin:center top}}@media(prefers-reduced-motion:reduce){.glass-orbit{display:none}}.about-grid{grid-template-columns:min(30%,345px) minmax(0,1fr);gap:6%}@media(max-width:900px){.about-grid{grid-template-columns:1fr 2fr;gap:4%}}@media(max-width:600px){.about-grid{grid-template-columns:1fr;gap:32px}}.hero-art{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 77%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 14%,#000 77%,transparent 100%);mask-composite:intersect}.project-motion video{aspect-ratio:16/9}.gallery>img{background:#181b16}