:root{--bg:#0e1114;--paper:#f4f2ed;--muted:#929ba5;--line:#2c3238;--signal:#ff5c2b;--pad:clamp(22px,5vw,84px);--font:'Archivo','Helvetica Neue',Arial,'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font);font-weight:400}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(--signal);outline-offset:6px}::selection{background:var(--signal);color:var(--bg)}h1,h2,h3,p{margin:0}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}#progress{height:2px;position:fixed;top:0;left:0;width:0;background:var(--signal);z-index:20}.muted{color:var(--muted)}.hero{padding:0 var(--pad);min-height:100svh;display:flex;flex-direction:column;position:relative}.mast{display:flex;justify-content:space-between;padding:27px 0;font-size:14px;line-height:1.5;border-bottom:1px solid var(--line)}.mast>span:first-child{display:flex;gap:20px}.hero-title{position:relative;flex:1;padding:4.2vh 0 3vh}.hero h1{font-size:clamp(80px,15vw,270px);line-height:.82;letter-spacing:-.065em;font-weight:800;width:90%;position:relative}.hero h1>span{display:block;width:max-content;max-width:100%}.hero h1>span+span{margin-top:.08em}.period{color:var(--signal)}.hero-note{position:absolute;right:0;top:6vh;font-size:13px;line-height:1.7;letter-spacing:.03em}.hero-note i{display:block;width:22px;height:2px;background:var(--signal);margin:18px 0}.hero-bottom{display:grid;grid-template-columns:1.25fr 1fr auto;align-items:end;gap:24px;margin:3vh 0 5vh}.eyebrow{font-size:13px;font-weight:400;color:var(--muted);margin-bottom:22px;letter-spacing:.025em}.hero-bottom h2{font-size:clamp(28px,3.2vw,52px);line-height:1.45;font-weight:400;letter-spacing:-.04em}.hero-intro{font-size:16px;line-height:1.9;padding-bottom:6px}.hero-intro p+p{margin-top:15px}.scroll-link{font-size:13px;display:flex;align-items:center;gap:15px;padding:20px 0}.scroll-track{width:1px;height:50px;display:block;background:var(--line);position:relative}.scroll-track:after{content:'';width:1px;height:17px;position:absolute;top:0;left:0;background:var(--signal);animation:scrollhint 2.5s infinite}@keyframes scrollhint{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(32px);opacity:0}}.hero-baseline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:18px 0}.section{padding:clamp(80px,12vw,170px) var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:60px}.section-heading h2{font-size:clamp(32px,5vw,76px);letter-spacing:-.05em;font-weight:400;line-height:1.2}.section-heading .eyebrow{margin-top:12px}.ledger{margin-left:33.333%}.stat{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:28px 0;gap:30px}.stat:last-child{border-bottom:1px solid var(--line)}.stat strong{font-size:clamp(58px,8vw,122px);font-weight:500;letter-spacing:-.065em;line-height:1.05}.stat strong span{font-size:.52em;vertical-align:top;line-height:1.3;color:var(--signal)}.stat h3{font-size:20px;font-weight:400;margin-bottom:10px}.stat p{font-size:14px;color:var(--muted);line-height:1.8;max-width:24em}.simple{position:fixed;right:24px;bottom:22px;z-index:40;background:#171b1f;color:var(--paper);border:1px solid #4b5158;padding:12px 17px;display:flex;gap:12px;align-items:center;font-size:12px}.mode-icon{width:12px;height:12px;border:1px solid var(--signal);display:block}.simple[aria-pressed=true] .mode-icon{background:var(--signal)}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--bg);padding:14px}.skip:focus{top:20px}.quiet *,.quiet *:before,.quiet *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.quiet [data-prox]{opacity:1!important}.quiet .reveal{opacity:1!important;transform:none!important}@media(max-width:760px){.hero{min-height:94svh}.mast{font-size:12px;padding:22px 0}.mast>span:first-child{gap:10px}.mast>span:last-child{max-width:100px;text-align:right}.hero-title{padding-top:9vh;flex:0}.hero h1{font-size:18vw;width:100%;letter-spacing:-.06em}.hero-note{position:static;display:flex;align-items:center;gap:18px;margin-top:28px;font-size:12px}.hero-note i{margin:0;width:28px;height:1px}.hero-note>span:first-child{display:none}.hero-note>span:last-child br{display:none}.hero-bottom{grid-template-columns:1fr auto;margin-top:auto;padding-top:36px;row-gap:25px}.hero-bottom>div:first-child{grid-column:1/-1}.hero-intro{font-size:14px}.hero-intro .muted{font-size:13px}.hero-bottom h2 br{display:none}.hero-baseline{font-size:10px}.hero-baseline span:last-child{display:none}.section-heading{grid-template-columns:1fr;gap:8px;margin-bottom:36px}.section-heading .eyebrow{margin:0 0 10px}.ledger{margin-left:0}.stat{gap:18px;grid-template-columns:.9fr 1.2fr;padding:26px 0}.stat h3{font-size:17px}.stat p{font-size:13px}.simple{right:16px;bottom:16px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.projects{padding-top:20px}.project{display:block;margin-bottom:100px;position:relative}.project-visual{overflow:hidden;position:relative;aspect-ratio:16/9;background:#181d21}.project-visual img{width:100%;height:112%;object-fit:cover;transform:translateY(-5%);transition:filter .7s;will-change:transform}.project:hover .project-visual img{filter:brightness(1.12)}.image-caption{position:absolute;left:22px;bottom:20px;font-size:12px;padding:7px 10px;background:#0e1114d9;color:#e5e1dc}.project-title{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:26px 0 30px}.project-title h3{font-weight:400;font-size:clamp(25px,3.2vw,48px);letter-spacing:-.035em;margin-bottom:12px}.project-title p{font-size:14px;color:var(--muted);line-height:1.8}.project-title>span{font-size:13px;color:var(--muted);padding-top:8px;white-space:nowrap}.project-link{position:absolute;right:24px;bottom:24px;border:1px solid #ffffff80;padding:14px 23px;background:#0e111499;font-size:14px}.project:nth-of-type(2){width:82%;margin-left:auto}.project:nth-of-type(3){width:88%}.project:nth-of-type(2) .project-visual{aspect-ratio:1.8}.project:nth-of-type(3) .project-visual{aspect-ratio:2}.statement{padding:75px var(--pad) 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.statement p{font-size:clamp(38px,7.4vw,114px);line-height:1.35;letter-spacing:-.045em;font-weight:400}.statement p span{display:block}.statement .sub{color:var(--muted);font-size:14px;margin-top:32px;line-height:1.8;letter-spacing:0}.skills{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill{padding:38px 30px 48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;background:rgba(14,17,20,.4)}.skill-label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:45px}.skill h3{font-size:27px;font-weight:400;margin-bottom:17px}.skill p{font-size:14px;line-height:1.85;color:var(--muted)}.skill:hover{background:rgba(255,92,43,.04)}.skill-label b{width:12px;height:12px;border:1px solid var(--signal);display:block;transition:transform .6s}.skill:hover b{transform:rotate(90deg);background:var(--signal)}.archive{padding-top:30px}.tabs{display:flex;gap:35px;border-bottom:1px solid var(--line);margin-bottom:36px}.tabs button{background:transparent;border:0;padding:20px 0;color:var(--muted);font-size:16px;position:relative}.tabs button[aria-selected=true]{color:var(--paper)}.tabs button[aria-selected=true]:after{content:'';height:2px;background:var(--signal);position:absolute;bottom:-1px;left:0;right:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:38px 30px}.gallery-card{border:0;padding:0;text-align:left;background:transparent;display:block;min-width:0}.gallery-card .thumb{aspect-ratio:1.45;overflow:hidden;background:#171c21;position:relative}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gallery-card:hover img{transform:scale(1.04)}.gallery-card h3{font-weight:400;font-size:20px;margin:20px 0 8px}.gallery-card p{font-size:13px;color:var(--muted);line-height:1.7}.gallery-note{color:var(--muted);font-size:12px;margin-top:28px}.thumb-label{position:absolute;bottom:18px;left:18px;padding:6px 10px;background:#0e1114de;font-size:12px}.code-thumb{display:grid;align-content:center;gap:18px;padding:30px;background:var(--paper)!important;color:var(--bg);font-size:clamp(28px,4vw,62px);letter-spacing:-.06em;font-weight:700}.code-thumb small{font-size:13px;letter-spacing:0;font-weight:400;color:#565b60}.about{background:#ede9e0;color:#14171b;padding:100px var(--pad);position:relative}.about .eyebrow{color:#62646a}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{font-size:clamp(32px,4.5vw,66px);font-weight:400;line-height:1.45;letter-spacing:-.04em;margin-bottom:40px}.about-copy{font-size:17px;line-height:2;max-width:35em}.about-copy p+p{margin-top:24px}.timeline{margin-top:55px;border-top:1px solid #aaa9a4}.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:18px;border-bottom:1px solid #c4c1ba;padding:19px 0;font-size:14px;line-height:1.7}.timeline-row>span{color:#62646a;font-size:12px}.timeline-row small{display:block;color:#62646a}.footer{padding:100px var(--pad) 80px}.footer .contact-title{font-size:clamp(44px,9vw,140px);font-weight:400;letter-spacing:-.06em;line-height:1.1;margin:30px 0 50px}.contact-row{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px}.contact-links{display:flex;flex-direction:column;gap:13px;font-size:clamp(18px,2.5vw,34px)}.contact-links a{width:max-content;border-bottom:1px solid #4b5158;line-height:1.5}.contact-links a:hover{color:var(--signal)}.footer-actions{display:flex;gap:20px;align-items:flex-start;font-size:14px}.footer-actions a,.footer-actions button{background:none;border:1px solid #555c63;padding:15px 20px}.footer-bottom{display:flex;justify-content:space-between;margin-top:100px;color:var(--muted);font-size:12px}.reveal{transition:opacity 1s,transform 1s}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(35px)}[data-prox]{opacity:calc(.68 + .32 * var(--m,0));transition:color .3s}.stat strong[data-prox]{opacity:1;color:color-mix(in srgb,var(--paper) calc(100% - var(--m,0)*80%),var(--signal))}.detail{background:var(--bg);min-height:100vh;padding:28px var(--pad) 100px}.detail-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:14px}.detail-top a{border-bottom:1px solid var(--muted);padding-bottom:5px}.detail h1{font-size:clamp(42px,7vw,108px);font-weight:500;line-height:1.12;letter-spacing:-.05em;max-width:1100px;margin:70px 0 32px}.detail-intro{max-width:34em;font-size:20px;line-height:1.8;color:#bac0c6;margin-bottom:40px}.detail-hero{width:100%;aspect-ratio:1.8;object-fit:cover;display:block}.detail figcaption{font-size:12px;color:var(--muted);margin-top:12px}.detail figure{margin:50px 0}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.detail-meta span{font-size:12px;color:var(--muted);display:block;margin-bottom:12px}.detail-meta p{font-size:16px;line-height:1.7}.detail-body{max-width:850px;margin:80px auto}.detail-block{margin-bottom:65px}.detail-block h2{font-size:32px;font-weight:400;margin-bottom:22px}.detail-block p{font-size:17px;color:#b8bfc6;line-height:2;max-width:34em}.detail-block ul{padding-left:20px;line-height:2;color:#b8bfc6;font-size:17px;max-width:34em}.process{border-top:1px solid var(--line);margin-top:30px}.process div{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:25px}.process span{font-size:12px;color:var(--signal);padding-top:5px}.process p{font-size:16px}.next-project{display:block;border-top:1px solid var(--line);padding:35px 0;font-size:36px}.next-project small{font-size:13px;color:var(--muted);display:block;margin-bottom:20px}dialog{max-width:1100px;width:90vw;padding:25px;border:1px solid #525b64;background:var(--bg);color:var(--paper);max-height:90svh}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:24px;font-weight:400}.close{border:1px solid var(--muted);background:none;padding:10px 15px}dialog img{width:100%;max-height:62vh;object-fit:contain}dialog p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px}.toy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:430px;margin:30px auto}.toy-grid button{height:65px;border:1px solid var(--line);background:#202830;font-size:20px}.toy-grid button.lit{background:var(--signal);color:var(--bg)}.toy-status{text-align:center}.toy-reset{display:block;margin:15px auto;padding:10px 20px;background:none;border:1px solid var(--muted)}.qr-box{text-align:center}.qr-box img{width:220px;height:220px;background:white;padding:15px}.quiet .project-visual img{transform:none!important}.quiet .hero h1{transform:none!important}.quiet .reveal{transform:none!important}.about *{animation:none!important;transition:none!important}@media(min-width:1600px){.hero h1{font-size:15vw}.hero-title{padding-top:5vh}.hero-bottom{margin-top:4vh}}@media(max-width:760px){.project,.project:nth-of-type(2),.project:nth-of-type(3){width:100%;margin-bottom:55px}.project-visual,.project:nth-of-type(2) .project-visual,.project:nth-of-type(3) .project-visual{aspect-ratio:1.3}.project-title{padding:20px 0;display:block}.project-title>span{display:block;margin-top:12px}.project-title h3{font-size:26px}.image-caption{left:12px;bottom:12px;font-size:10px}.project-link{right:12px;bottom:48px;font-size:12px;padding:10px 15px}.skills{grid-template-columns:1fr 1fr}.skill{padding:25px 18px;min-height:255px}.skill h3{font-size:22px}.skill-label{font-size:11px;margin-bottom:30px}.skill p{font-size:13px}.tabs{gap:27px;overflow:auto}.tabs button{white-space:nowrap;font-size:15px}.gallery{grid-template-columns:1fr;gap:30px}.about-grid{grid-template-columns:1fr}.about{padding:70px var(--pad)}.about-copy{font-size:16px}.timeline-row{grid-template-columns:105px 1fr}.contact-row{flex-direction:column;gap:32px}.footer{padding-top:75px}.footer-bottom{font-size:11px;gap:20px;margin-top:70px}.footer-bottom>span:last-child{max-width:160px;text-align:right}.detail-meta{grid-template-columns:1fr}.detail h1{margin-top:45px}.detail-intro{font-size:17px}.detail-body{margin-top:50px}.detail-block p,.detail-block ul{font-size:16px}.detail-hero{aspect-ratio:1.3}.dialog-top h2{font-size:18px}dialog{padding:18px}.hero h1{will-change:auto}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}

/* --- fixes --- */
.detail h1:focus{outline:none}
.stat p{max-width:26em}