:root{--paper:#fff;--ink:#111;--muted:#595959;--line:#ccc;--accent:#111;font-family:Arial,'Noto Sans TC',sans-serif}.wrap{max-width:none;padding:0 4.5vw}header{position:absolute;inset:0 4.5vw auto;z-index:5;color:#fff;border:0;padding:32px 0;justify-content:flex-start;gap:64px}.brand{font-weight:400;font-size:2.9rem;letter-spacing:-.055em}.brand span{font-size:.75rem;font-weight:400}nav{gap:34px;font-size:1rem}.languages{margin-left:auto}.languages button,.languages button[aria-pressed=true]{color:#fff}header a:hover,header button:hover{color:#ddd}header a:focus-visible,header button:focus-visible{outline-color:#fff}.skip{z-index:10}.hero-stage{height:85svh;min-height:580px;position:relative;margin:0 -4.5vw;background:#111;isolation:isolate;overflow:hidden}.hero-stage .brand-figure{position:absolute;inset:0;margin:0;z-index:-2}.hero-stage .brand-figure .image-surface{position:absolute;left:50%;top:50%;width:max(100%,calc(85svh * 1.502),872px);transform:translate(-50%,-50%);aspect-ratio:1171/780}.hero-stage .brand-figure figcaption{display:none}.hero-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.65),rgba(0,0,0,.05) 38%,rgba(0,0,0,.7))}.hero-overlay{position:absolute;bottom:8%;left:4.5vw;right:4.5vw;color:#fff}.hero-overlay .eyebrow{font-size:1rem;font-weight:400;letter-spacing:0}.hero-overlay h1{font-size:clamp(3rem,5.2vw,6rem);font-weight:400;letter-spacing:-.035em;line-height:1.08;margin:20px 0 0;max-width:1000px}.intro{padding:64px 0 76px;align-items:center;gap:60px}.intro p{max-width:880px;font-size:clamp(1.4rem,2.3vw,2.2rem);line-height:1.4;letter-spacing:-.025em;color:#111}.text-link{font-size:1rem;gap:25px}.section{padding:80px 0}.section-head{grid-template-columns:1fr 2fr;margin-bottom:50px}.section-head h2{font-size:clamp(2rem,4.1vw,4.5rem);font-weight:400;letter-spacing:-.035em}.eyebrow{letter-spacing:0;font-weight:400;font-size:1rem}.disciplines{gap:32px}.disciplines article{border:0;padding:0;grid-template-columns:40px 1fr}.disciplines h3{font-size:2rem;margin-bottom:20px}.disciplines .text-link{width:max-content}.projects-grid{gap:60px 28px}.project h3{font-size:clamp(1.4rem,2.1vw,2.1rem);font-weight:400;letter-spacing:-.025em}.project-meta{font-size:.875rem;color:#555}.project-action{font-size:.875rem}.project-cover{aspect-ratio:1.5}.expand{color:#111}.project[open]{padding-bottom:55px}.about{grid-template-columns:1fr 2fr}.about p:not(.eyebrow){max-width:100%;font-size:clamp(1.35rem,2.3vw,2.3rem);line-height:1.45;letter-spacing:-.025em;color:#111;margin:0 0 32px}.about p:not(.eyebrow):last-child{margin-bottom:0}.contact{margin:0 -4.5vw;padding:70px 4.5vw;background:#111}.contact h2{font-weight:400;letter-spacing:-.03em;font-size:clamp(3rem,5vw,6rem)}footer{background:#111;color:#bfbfbf;margin:0 -4.5vw;padding:30px 4.5vw;border-color:#454545}.footer-brand{color:white;font-size:2rem;font-weight:400}footer a:hover{color:white}html[lang=zh-TW] .hero-overlay h1{font-size:clamp(2.8rem,5.2vw,6rem);line-height:1.25}html[lang=zh-TW] .intro p,html[lang=zh-TW] .about p{line-height:1.65;letter-spacing:0}@media(max-width:850px){header{gap:28px}.intro{display:block}.intro .text-link{display:inline-flex;margin-top:30px}.section-head,.about{grid-template-columns:1fr;gap:28px}.hero-stage{height:80svh;min-height:580px}.hero-stage .brand-figure .image-surface{width:max(100%,calc(80svh * 1.502),872px)}}@media(max-width:700px){header{padding:26px 0;gap:20px}.brand{font-size:2.4rem}nav{font-size:.9rem;gap:15px;justify-content:space-between}.hero-overlay{bottom:9%}.hero-overlay h1{font-size:clamp(2.8rem,9vw,4rem)}.intro{padding:36px 0 48px}.section{padding:48px 0}.projects-grid{gap:38px}.disciplines{gap:35px}.contact{padding:45px 4.5vw}.contact-links{flex-direction:column;align-items:start}.contact-links a{font-size:1rem}.project[open] summary{display:block}.project-meta{font-size:.8rem}.about p:not(.eyebrow){font-size:1.4rem}footer{padding:28px 4.5vw}}
