:root{--bg:#151515;--paper:#eeeee9;--muted:#aaa9a3;--line:#393936;--accent:#da6d39;--pad:clamp(22px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{border:0}img{max-width:100%;display:block}p{line-height:1.8}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-1px;line-height:1.35;font-weight:600}h3{font-weight:500}section{scroll-margin-top:30px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--bg);padding:12px}.skip:focus{top:12px}header{position:absolute;top:0;left:0;width:100%;height:108px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:5;border-bottom:1px solid #ffffff26}.brand{width:205px}.brand img{height:auto}nav{display:flex;gap:34px;align-items:center;font-size:14px}nav a{padding:12px 0}nav a:hover{color:#fff}.nav-contact{border-bottom:1px solid #fff9}.menu-toggle{display:none;background:transparent}.hero{height:calc(100svh - 8px);min-height:740px;max-height:1100px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media video{width:100%;height:100%;object-fit:cover;opacity:.65}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.05)),linear-gradient(0deg,#151515 0%,transparent 35%,rgba(0,0,0,.25) 100%)}.hero-copy{position:relative;padding:150px var(--pad) 110px;width:100%}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.5px;color:var(--muted);line-height:1.6}.hero .eyebrow{color:#ddd;margin-bottom:28px}.hero h1{font-size:clamp(72px,9.5vw,148px);font-weight:600;letter-spacing:-7px;line-height:1.1;margin:0 0 26px}.dot{color:var(--accent);padding:0 .07em}.hero-sub{font-size:clamp(18px,2vw,26px);margin-bottom:20px;letter-spacing:1px}.hero-note{font-size:16px;color:#ccc;line-height:1.8;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:15px 23px;font-size:14px;display:inline-flex;align-items:center;gap:30px;border:1px solid transparent}.light{background:var(--paper);color:#151515}.outline{border-color:#ffffff70}.button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.hero-bottom{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;color:#bbb;font-size:11px;letter-spacing:.5px}.hero-bottom button{background:transparent;color:#bbb;font-size:11px;padding:0}.section{padding:100px var(--pad)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);flex-shrink:0;margin-bottom:2px}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 24px}.work-card{background:none;padding:0;text-align:left;grid-column:span 2;min-width:0}.work-card.feature{grid-column:span 3}.work-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#252525}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s;filter:brightness(.88)}.work-card:hover img,.work-card:focus-visible img{transform:scale(1.035);filter:brightness(1)}.work-open{position:absolute;right:16px;bottom:16px;background:#151515b5;border:1px solid #fff6;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px}.work-caption{padding-top:17px}.work-caption h3{font-size:clamp(17px,1.7vw,23px);margin:8px 0}.work-caption p{font-size:13px;color:var(--muted);margin-bottom:0}.work-caption .eyebrow{letter-spacing:.6px;font-size:10px}.project-notes{margin-top:54px;padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.project-notes h3{font-size:19px;margin:12px 0}.project-notes p{font-size:13px;color:var(--muted);margin-bottom:12px}.project-notes a{font-size:13px;color:var(--paper);border-bottom:1px solid #777;padding-bottom:4px}.services{background:#ecece6;color:#1b1b1a}.services .eyebrow,.services .section-heading>p{color:#66665f}.service-row{display:grid;grid-template-columns:45px 1fr 1.5fr .7fr;gap:24px;border-top:1px solid #c8c8c0;padding:32px 0;align-items:start}.number{font-size:12px;padding-top:5px;color:#66665f}.service-row h3{font-size:26px;line-height:1.5;margin:0}.service-row p{font-size:14px;margin-bottom:12px;max-width:450px}.service-row ul{padding:0;margin:0;list-style:none;color:#686860;font-size:12px;line-height:2}.service-en{font-size:9px;text-align:right;letter-spacing:.6px;padding-top:7px}.process{border-top:1px solid #c8c8c0;padding-top:30px;margin-top:10px;display:flex;justify-content:space-between;gap:24px;align-items:center}.process p{margin:0;font-size:13px}.process p.eyebrow{font-size:10px}.process span{padding:0 24px;color:#999}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);align-items:center}.about-visual{aspect-ratio:1;position:relative;overflow:hidden;background:#202020}.about-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) grayscale(1)}.about-visual span{position:absolute;left:30px;bottom:30px;font-size:clamp(36px,5vw,76px);font-weight:700;line-height:.98;letter-spacing:-3px}.about-copy h2{margin-bottom:16px}.about-copy h2 span{font-size:20px;font-weight:400;margin-left:12px;color:var(--muted);letter-spacing:0}.about-role{font-size:14px;margin-bottom:28px}.about-copy>p:not(.eyebrow):not(.about-role){color:var(--muted);font-size:14px}.resume-links{margin-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:13px}.resume-links a{padding-bottom:6px;border-bottom:1px solid #555}.resume-links a:hover{color:var(--accent)}.about-copy .career-note{font-size:12px!important;margin:24px 0 0}.lab{margin:0 var(--pad);border-block:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.lab h3{font-size:19px;margin-bottom:9px}.lab p{margin-bottom:0;font-size:12px;color:var(--muted)}.lab p.eyebrow{font-size:9px;margin-bottom:10px}.lab>a{font-size:12px;border-bottom:1px solid #777;padding-bottom:6px;white-space:nowrap}.contact h2{font-size:clamp(40px,5.5vw,80px);line-height:1.25;margin:25px 0 45px;letter-spacing:-2px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-grid p{font-size:14px;margin-bottom:14px}.contact-hint{color:var(--muted);font-size:12px!important}.contact-details{display:flex;flex-direction:column;gap:18px;padding-top:4px;align-items:flex-start}.contact-email{font-size:clamp(16px,2.1vw,28px);letter-spacing:-.5px;border-bottom:1px solid #777;padding-bottom:10px;overflow-wrap:anywhere}.phone-row{display:flex;align-items:center;gap:20px}.phone-row a{font-size:22px}.phone-row button{background:transparent;color:var(--muted);padding:5px;font-size:11px;border-bottom:1px solid #555}.contact-details>span{color:var(--muted);font-size:12px}#copy-status{color:var(--accent);font-size:12px;min-height:20px;margin:0}footer{padding:26px var(--pad);border-top:1px solid var(--line);color:#96968f;display:flex;justify-content:space-between;font-size:10px;gap:25px}footer div{display:flex;gap:18px;flex-wrap:wrap}dialog{padding:0;background:#1d1d1c;color:var(--paper);border:1px solid #494944;width:min(980px,calc(100% - 32px));max-height:90svh}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#1d1d1c;padding:16px 28px;border-bottom:1px solid var(--line);z-index:1}.dialog-top button{background:transparent;padding:8px;font-size:13px}.dialog-body{padding:30px}.dialog-body h2{font-size:30px;margin:8px 0 24px}.dialog-body video{width:100%;aspect-ratio:16/9;background:#000;display:block}.dialog-body>a{display:inline-block;margin:16px 0;font-size:13px;border-bottom:1px solid #666;padding-bottom:4px}.dialog-body>p{font-size:14px;color:#c5c5bf;margin:16px 0}.dialog-body dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:13px;border-top:1px solid var(--line);padding-top:22px;line-height:1.8}.dialog-body dt{color:var(--muted)}.dialog-body dd{margin:0}.dialog-body p.result-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.dialog-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){.section{padding-inline:max(var(--pad),calc((100vw - 1440px)/2))}}@media(max-width:900px){nav{gap:20px}.section-heading{display:block}.section-heading>p{margin-top:22px}.service-en{display:none}.service-row{grid-template-columns:30px 1fr 1.6fr;gap:18px}.process{display:block}.process .eyebrow{margin-bottom:15px}.process span{padding:0 12px}.about{gap:35px}.contact-grid{gap:30px}footer{flex-direction:column;gap:14px}}@media(max-width:640px){header{height:82px}.brand{width:150px}.menu-toggle{display:block;font-size:13px;padding:12px 0}.menu-toggle span{margin-left:12px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#151515;padding:20px var(--pad);border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}nav a{padding:15px 0}.nav-contact{border:0}.hero{min-height:690px;height:94svh}.hero-copy{padding-top:130px;padding-bottom:100px}.hero h1{font-size:76px;letter-spacing:-4px}.hero-sub{font-size:16px;letter-spacing:0}.hero-note{font-size:14px}.hero .eyebrow{font-size:10px;margin-bottom:32px}.hero-bottom{font-size:10px;bottom:23px;flex-wrap:wrap;row-gap:18px}.hero-bottom>span{width:100%;font-size:9px}.hero-actions{gap:8px}.button{padding:13px 16px;font-size:12px;gap:15px}.section{padding-block:64px}.section-heading{margin-bottom:30px}.section-heading>p{font-size:12px}.work-grid{grid-template-columns:1fr;gap:30px}.work-card,.work-card.feature{grid-column:span 1}.work-caption h3{font-size:19px}.project-notes{grid-template-columns:1fr;gap:30px;margin-top:36px}.service-row{grid-template-columns:24px 1fr;gap:12px;padding:26px 0}.service-row h3{font-size:24px}.service-row h3 br{display:none}.service-row>div{grid-column:2}.service-row p{font-size:13px}.process p{font-size:11px}.process span{padding:0 5px}.about{grid-template-columns:1fr;gap:30px}.about-visual{aspect-ratio:4/3}.about-visual span{font-size:55px}.about-copy h2 span{font-size:17px}.lab{align-items:flex-start}.lab>a{margin-top:24px}.contact h2{font-size:43px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-email{font-size:20px}.contact-grid p br{display:none}footer{font-size:9px}.dialog-body{padding:20px}.dialog-top{padding:12px 20px}.dialog-body h2{font-size:23px}.dialog-body dl{grid-template-columns:70px 1fr}.dialog-body>p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* 2026-10-12: case archive and project entry */
@media(min-width:641px){.work-grid>.work-card{grid-column:span 3}}
.support-works{margin-top:45px;border-block:1px solid var(--line)}.support-works>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:24px;padding:24px 0;font-size:16px}.support-works>summary::-webkit-details-marker,.project-honors>summary::-webkit-details-marker{display:none}.summary-note{font-size:11px;color:var(--muted);margin-left:auto}.expand-icon{font-size:24px;font-weight:300}.support-works[open] .expand-icon{transform:rotate(45deg)}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:8px 0 30px}.support-grid>.work-card{grid-column:auto}.support-grid h3{font-size:17px}.support-grid .work-image img{object-fit:contain}.cooperation{border-top:1px solid #c8c8c0;margin-top:8px;padding:35px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.cooperation h3{font-size:23px;line-height:1.5;margin-bottom:12px}.cooperation p{font-size:13px;color:#686860;margin:0;max-width:440px}.cooperation .eyebrow{font-size:10px;margin-bottom:16px}.cooperation-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cooperation h4{font-weight:500;font-size:16px;margin:0 0 15px}.cooperation a{font-size:12px;border-bottom:1px solid #999;padding-bottom:6px;display:inline-block;margin-top:20px}.project-honors{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted)}.project-honors>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--paper);gap:20px}.project-honors ul{padding-left:17px;line-height:1.8;margin-top:18px}.project-honors li{margin:10px 0}.project-honors p{font-size:11px;margin:12px 0 0}summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:900px){.cooperation{grid-template-columns:1fr;gap:28px}}@media(max-width:640px){.summary-note{display:none}.expand-icon{margin-left:auto}.support-grid{grid-template-columns:1fr;gap:28px}.cooperation-options{grid-template-columns:1fr;gap:28px}.cooperation h3{font-size:22px}.support-works>summary{font-size:15px}.cooperation{padding-top:28px}}