@font-face{font-family:Poppins;src:url('./poppins-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('./poppins-semibold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('./poppins-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#faf9f6;--ink:#242d2a;--muted:#65716a;--line:#dedfd9;--orange:#b57049;--max:1280px;--project-color:#234e3c;--project-paper:#edf0e5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:auto;max-width:100%;height:auto}button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;font-weight:600;letter-spacing:-.04em}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b57049;outline-offset:5px}::selection{background:#dcc0a7;color:#202c27}.eyebrow{font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:12px;top:12px;z-index:99;background:var(--ink);color:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}.site-header{width:min(calc(100% - 88px),var(--max));margin:auto;display:flex;align-items:center;gap:35px;min-height:88px;border-bottom:1px solid var(--line);position:relative;z-index:30}.brand{font-size:21px;font-weight:600;letter-spacing:-.04em;line-height:1.4}.brand>span{display:block;font-size:8px;letter-spacing:.18em;font-weight:400;color:var(--muted);margin-top:2px}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:12px}.site-header nav>a{padding:12px 0;border-bottom:1px solid transparent}.site-header nav>a:hover,.site-header nav>a[aria-current]{border-bottom-color:var(--ink)}.site-header .nav-pdf{padding:9px 14px;border:1px solid #c9cdc4;display:flex;align-items:center;gap:22px}.nav-pdf:hover{background:var(--ink);color:var(--paper)}.language{display:flex;gap:10px;align-items:center;font-size:10px}.language button{border:0;background:none;font-size:10px;padding:5px 0;color:var(--muted)}.language button[aria-pressed=true]{font-weight:600;color:var(--ink);border-bottom:1px solid}.language>span{opacity:.3}.mobile-menu{display:none;width:28px;height:30px;border:0;padding:4px;background:none}.mobile-menu span{display:block;background:var(--ink);height:1px;width:22px;margin:7px 0}.home-intro,.feature-section,.work-section,.about-teaser,.case-breadcrumb,.case-intro,.case-hero-banner,.case-facts,.overview-section,.contribution-section,.case-body,.about-hero,.about-background,.archive-section,.creative-section{width:min(calc(100% - 88px),var(--max));margin-left:auto;margin-right:auto}
.home-intro{padding:40px 0 30px;display:flex;justify-content:space-between;gap:55px;align-items:center}.home-intro .eyebrow{font-size:10px;color:var(--muted);margin-bottom:13px}.home-intro h1{font-size:60px;letter-spacing:-.06em;line-height:1.12}.name-dot{color:var(--orange)}.home-intro>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:340px}.feature-stage{display:grid;grid-template-columns:1.75fr 1fr;background:var(--feature-color);min-height:424px}.feature-image{background:var(--feature-paper);display:flex;position:relative;align-items:center;justify-content:center;padding:24px;min-width:0;overflow:hidden}.feature-image>img{width:100%;max-height:420px;object-fit:contain;transition:transform .45s}.feature-image:hover>img{transform:scale(1.015)}.feature-image>span{position:absolute;right:24px;bottom:16px;background:#faf9f6ed;color:#24302a;box-shadow:0 1px 5px #0001;padding:8px 13px;font-size:9px;font-weight:600;letter-spacing:.05em}.feature-copy{color:#f9f7f0;padding:33px 35px;display:flex;flex-direction:column;align-items:start;justify-content:center}.feature-copy .eyebrow{font-size:9px;opacity:.72}.feature-copy h2{font-size:37px;line-height:1.14;letter-spacing:-.045em;margin:14px 0 18px;max-width:400px}.feature-desc{font-size:13px;line-height:1.9;opacity:.85}.feature-role{display:flex;flex-direction:column;gap:7px;margin-top:24px;padding-top:17px;border-top:1px solid #fff4;width:100%}.feature-role>span{font-size:9px;letter-spacing:.11em;opacity:.65}.feature-role>strong{font-size:13px;font-weight:600;line-height:1.7}.feature-focus{font-size:11px;margin-top:12px;opacity:.76;line-height:1.8}.feature-link{font-size:11px;display:flex;gap:22px;align-items:center;padding:8px 0 5px;margin-top:17px;border-bottom:1px solid #fff7}.feature-link:hover{color:#ecd09d}.feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:0;background:var(--paper)}.feature-tabs button{display:flex;gap:14px;align-items:start;background:transparent;border:0;border-right:1px solid var(--line);padding:20px 24px;min-height:91px;text-align:left;position:relative}.feature-tabs button:last-child{border-right:0}.feature-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--orange);transform:scaleX(0);transition:transform .2s}.feature-tabs button.active:after{transform:scaleX(1)}.feature-tabs button.active{background:#f0f0e9}.feature-tabs button>span:first-child{font-size:10px;color:var(--muted);padding-top:4px}.feature-tabs strong{font-size:14px;font-weight:600;display:block;line-height:1.45}.feature-tabs small{font-size:9px;display:block;margin-top:5px;line-height:1.6;color:var(--muted)}.tab-arrow{font-size:16px;margin-left:auto;align-self:center;opacity:.35}.feature-tabs button:hover .tab-arrow,.feature-tabs .active .tab-arrow{opacity:1}.work-section{margin-top:88px;margin-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:30px}.section-heading .eyebrow{color:var(--muted);font-size:10px}.section-heading h2{font-size:45px;letter-spacing:-.045em;margin-top:12px}.section-heading>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:380px}.filter-row{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.filter-row>div{display:flex;gap:28px}.filter{font-size:11px;border:0;background:none;padding:5px 0;white-space:nowrap;color:var(--muted)}.filter.active{color:var(--ink);font-weight:600}.filter.active:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:8px}.filter>span{font-size:8px;margin-left:5px;font-weight:400}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 36px}.project-card{grid-column:span 12;display:grid;grid-template-columns:1.3fr 1fr;gap:0;align-items:center;min-width:0;border-bottom:1px solid var(--line);padding-bottom:42px}.project-art{position:relative;background:var(--project-paper);padding:22px;display:block;overflow:hidden;aspect-ratio:16/10}.project-art>img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.project-art:hover>img{transform:scale(1.025)}.open-arrow{display:grid;place-items:center;position:absolute;right:13px;bottom:13px;width:34px;height:34px;background:#faf9f6ed;color:var(--project-color);font-size:22px;transition:transform .2s}.project-art:hover .open-arrow{transform:translate(2px,-2px)}.card-meta{padding:22px 0 22px 42px}.card-kicker{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:15px;line-height:1.6}.card-meta h3{font-size:37px;color:var(--project-color);line-height:1.18;letter-spacing:-.04em;margin-bottom:18px}.card-role{font-size:12px;font-weight:600;color:var(--ink);line-height:1.7;margin-bottom:14px}.card-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:420px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tags span{font-size:9px;border-bottom:1px solid #bdc5b9;color:var(--muted);padding-bottom:2px}.card-link,.text-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid var(--ink);padding-bottom:5px;margin-top:23px;font-size:12px;font-weight:600;line-height:1.8}.card-link span,.text-link span{transition:transform .2s}.card-link:hover span,.text-link:hover span{transform:translate(3px,-3px)}.dawn-card .project-art{order:2}.dawn-card .card-meta{padding:22px 42px 22px 0}.dawn-card{grid-template-columns:1fr 1.3fr}.echoes-card,.space-card{grid-column:span 6;display:block;border-bottom:0;padding:0}.echoes-card .project-art{background:#14383b}.space-card .project-art{background:#102c40}.echoes-card .card-meta,.space-card .card-meta{padding:22px 0 0}.echoes-card .card-meta h3,.space-card .card-meta h3{font-size:31px}.echoes-card .card-description,.space-card .card-description{font-size:14px}.filtered .project-card{display:block;grid-column:span 6;border:0;padding:0}.filtered .card-meta{padding:22px 0 0}.filtered .project-art{order:initial}.filtered .card-meta h3{font-size:30px}.filtered .card-description{font-size:14px}.about-teaser{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center;padding:42px 0 0;margin-bottom:95px;border-top:1px solid var(--line)}.teaser-photo>img{width:100%;aspect-ratio:16/10;object-fit:cover}.about-teaser h2{font-size:35px;margin:14px 0 24px}.about-teaser p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted);max-width:540px}.site-footer{background:#1b2924;color:#faf8ef;padding:62px max(44px,calc((100vw - var(--max))/2)) 24px}.footer-top{display:flex;justify-content:space-between;gap:70px;align-items:start;padding-bottom:50px}.footer-top .eyebrow{font-size:9px;color:#b6c0b3}.footer-top h2{font-size:41px;font-weight:400;line-height:1.25;letter-spacing:-.03em;margin-top:18px}.footer-email{display:inline-flex;gap:23px;align-items:center;font-size:16px;border-bottom:1px solid #9cab99;padding-bottom:6px;margin-top:24px}.footer-email:hover{color:#e6c09a}.footer-links{display:flex;flex-direction:column;width:280px}.footer-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #617064;padding:12px 0;font-size:13px}.footer-links a:hover{color:#e6c09a}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #617064;padding-top:19px;font-size:9px;color:#b6c0b3}.footer-bottom a{white-space:nowrap}
/* Case studies: context first, personal contribution next, visual evidence after. */
.case-main{--accent:var(--project-color)}.case-breadcrumb{display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);margin-top:28px}.case-breadcrumb>a:hover{color:var(--project-color)}.case-intro{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:50px;margin-top:40px;margin-bottom:35px}.case-intro h1{font-size:65px;color:var(--project-color);margin-top:15px;letter-spacing:-.05em;line-height:1.15}.case-intro .eyebrow{color:var(--muted)}.case-intro-aside{padding-left:30px;border-left:1px solid #b7c0b1}.case-intro-aside>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:380px}.case-intro-aside .text-link{font-size:12px;margin-top:15px}.case-hero-banner{padding:26px;background:var(--project-paper)}.case-hero-banner img{width:100%;max-height:540px;object-fit:contain;aspect-ratio:16/8}.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin-top:28px;margin-bottom:0}.case-facts dt{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.case-facts dd{margin:9px 0 0;font-size:13px;font-weight:600;color:var(--project-color);line-height:1.7}.overview-section{display:grid;grid-template-columns:180px 1fr;gap:45px;padding:37px 0 42px;border-bottom:1px solid var(--line)}.overview-section .eyebrow{padding-top:4px;color:var(--muted)}.overview-section>p:last-child{font-size:17px;line-height:1.95;color:#44544b;max-width:830px}.contribution-section{padding:40px 0 45px;border-bottom:1px solid var(--line)}.contribution-section .section-heading h2{font-size:34px;margin-top:10px;color:var(--project-color)}.contribution-section .section-heading>p{font-size:12px}.contribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.contribution-grid>div{border-top:1px solid #c9cdc1;padding-top:20px}.contribution-grid>div>span{font-size:10px;color:var(--project-color)}.contribution-grid h3{font-size:19px;line-height:1.45;margin:12px 0 13px;letter-spacing:-.02em}.contribution-grid p{font-size:13px;line-height:1.95;color:var(--muted)}.case-body{display:grid;grid-template-columns:172px 1fr;gap:53px;margin-top:64px}.case-toc{position:sticky;top:30px;align-self:start;height:max-content}.case-toc>.eyebrow{font-size:9px;color:var(--muted);display:block;margin-bottom:18px}.case-toc a{font-size:11px;color:var(--muted);display:flex;gap:10px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);line-height:1.7}.case-toc a>span{font-size:9px;color:#a4b09e}.case-toc a.active,.case-toc a:hover{color:var(--project-color);font-weight:600}.case-content{min-width:0}.case-section{margin-bottom:65px;padding-bottom:62px;border-bottom:1px solid var(--line)}.case-section-heading{display:block;max-width:780px;margin-bottom:35px}.case-section-heading .eyebrow{font-size:10px;color:var(--muted)}.case-section-heading h2{font-size:35px;color:var(--project-color);margin-top:14px;line-height:1.3;letter-spacing:-.035em;max-width:730px}.case-section-heading>p{font-size:15px;line-height:1.95;color:#526259;margin-top:24px;max-width:750px}.case-figure{margin:0;min-width:0}.image-button{padding:0;border:0;display:block;position:relative;background:var(--project-paper);width:100%;overflow:hidden;cursor:zoom-in}.image-button img{width:100%;height:auto;transition:transform .5s}.image-button:hover img{transform:scale(1.012)}.zoom-mark{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;background:#20392cde;color:white;font-size:18px;opacity:.25;transition:opacity .2s}.image-button:hover .zoom-mark,.image-button:focus-visible .zoom-mark{opacity:1}.main-figure .image-button{padding:24px;background:var(--project-paper)}.main-figure .image-button img{max-height:650px;object-fit:contain}.case-figure figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:11px}.case-gallery{display:grid;gap:23px;margin-top:35px;align-items:start}.gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-gallery .image-button{height:230px;padding:14px}.case-gallery.gallery-2 .image-button{height:300px}.case-gallery .image-button img{height:100%;object-fit:contain}.process-strip{padding:0;margin:0 0 35px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;background:var(--project-paper);border-left:2px solid var(--project-color)}.process-strip li{position:relative;padding:22px 18px;display:flex;flex-direction:column;gap:12px}.process-strip li>span:first-child{font-size:10px;color:var(--project-color)}.process-strip strong{font-size:12px;font-weight:600;line-height:1.7}.process-arrow{position:absolute;right:4px;top:50%;font-size:16px;color:var(--project-color)}.character-comparison{background:var(--project-paper);display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 30px}.character-profile{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center}.character-profile>img{width:120px;height:230px;object-fit:contain;object-position:center bottom}.character-profile h3{font-size:25px;color:var(--project-color)}.character-profile p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}.character-profile blockquote{font-size:17px;line-height:1.7;font-weight:600;margin:20px 0 0}.design-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:35px}.design-notes>div{border-top:1px solid #b9c6b6;padding-top:18px}.design-notes h3{font-size:17px;line-height:1.6;letter-spacing:-.02em}.design-notes p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:13px}.spreads-section{margin-bottom:80px}.spreads-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.spreads-heading h2{font-size:33px;margin-top:13px;color:var(--project-color)}.spreads-heading>span{font-size:12px;color:var(--muted)}.spreads-heading .eyebrow{font-size:10px;color:var(--muted)}.spreads-section>p{font-size:14px;line-height:1.85;color:var(--muted);margin:25px 0 32px;max-width:720px}.spread-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 25px}.spread-grid .image-button{border:1px solid var(--line);background:var(--paper)}.spread-grid figcaption{font-size:10px}.next-project{background:var(--project-paper);padding:40px max(44px,calc((100vw - var(--max))/2)) 55px}.next-project>.eyebrow{font-size:10px;color:var(--muted)}.next-project>a{display:grid;grid-template-columns:1fr 60px 270px;gap:35px;align-items:center;margin-top:23px}.next-project small{display:block;font-size:10px;letter-spacing:.05em;color:var(--muted);font-weight:400}.next-project strong{display:block;font-size:40px;letter-spacing:-.04em;line-height:1.2;margin-top:14px;font-weight:600}.next-arrow{font-size:50px;color:var(--project-color);transition:transform .2s}.next-project a:hover .next-arrow{transform:translate(4px,-4px)}.next-project img{width:270px;height:152px;object-fit:cover}
/* Personal background and older work */
.about-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;margin-top:68px;margin-bottom:85px}.about-hero h1{font-size:65px;line-height:1.2;letter-spacing:-.05em;margin:20px 0 28px}.about-hero>div>p:last-of-type{font-size:16px;line-height:1.95;color:var(--muted);max-width:520px}.about-portrait{margin:0}.about-portrait>img{width:100%;aspect-ratio:16/10;object-fit:cover}.about-portrait figcaption{font-size:10px;color:var(--muted);margin-top:12px}.about-background{margin-bottom:65px}.about-background>.eyebrow{color:var(--muted)}.background-row{display:grid;grid-template-columns:225px 1fr;gap:45px;margin-top:25px;padding:35px 0;border-top:1px solid var(--line)}.background-row>span{font-size:10px;color:var(--muted)}.background-row h2{font-size:28px;line-height:1.4;letter-spacing:-.035em;margin-bottom:17px}.background-row p{font-size:15px;line-height:1.95;color:var(--muted);max-width:790px;margin-top:13px}.archive-section{margin-bottom:90px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.archive-grid img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#eef0e9}.archive-grid h3{font-size:23px;display:flex;justify-content:space-between;gap:20px;margin-top:20px}.archive-grid h3>span{font-weight:400;font-size:20px}.archive-role{font-size:11px!important;color:var(--ink)!important;font-weight:600;margin:13px 0 10px}.archive-grid article>p{font-size:13px;line-height:1.9;color:var(--muted)}.creative-section{margin-bottom:95px;padding-top:36px;border-top:1px solid var(--line)}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.creative-grid img{width:100%;height:270px;object-fit:contain;background:#eff0ea}.creative-grid>a>span{display:block;font-size:18px;font-weight:600;margin-top:17px;line-height:1.6}.creative-grid small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}.archive-grid a:hover h3,.creative-grid a:hover>span{color:var(--orange)}
/* Accessible picture viewer */
.lightbox{padding:23px 28px 20px;border:0;width:96vw;max-width:1700px;height:94dvh;max-height:1100px;background:#16251fee;color:#faf6e9;box-shadow:0 0 80px #0004}.lightbox::backdrop{background:#0c1715df;backdrop-filter:blur(5px)}.lightbox-open{overflow:hidden}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px}.lightbox button{border:0;background:none;padding:8px 12px;color:#fbf4e1}.lightbox-close{font-size:13px}.lightbox-content{display:grid;grid-template-columns:44px 1fr 44px;gap:14px;align-items:center;height:calc(100% - 68px)}.lightbox-content>button{font-size:24px;align-self:center}.lightbox-content>figure{margin:0;min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.lightbox-content img{width:auto;max-width:100%;max-height:calc(100% - 48px);object-fit:contain}.lightbox-content figcaption{font-size:12px;line-height:1.7;color:#d2d8ce;text-align:center;margin-top:17px}.lightbox-hint{text-align:center;font-size:10px;color:#a9b4a4;margin-top:9px}.lightbox button:hover{background:#52715c44}
@media(max-width:1100px){.site-header{gap:25px}.site-header nav{gap:23px}.home-intro h1{font-size:54px}.feature-stage{grid-template-columns:1.55fr 1fr;min-height:410px}.feature-copy{padding:28px}.feature-copy h2{font-size:32px}.feature-desc{font-size:12px}.feature-role{margin-top:20px}.feature-tabs button{padding:18px}.feature-tabs strong{font-size:12px}.feature-image{padding:18px}.card-meta{padding-left:32px}.dawn-card .card-meta{padding-right:32px}.card-meta h3{font-size:32px}.card-description{font-size:14px}.case-intro h1{font-size:55px}.case-body{grid-template-columns:145px 1fr;gap:35px}.case-section-heading h2{font-size:32px}.case-gallery .image-button{height:180px}.case-gallery.gallery-2 .image-button{height:250px}.character-profile{grid-template-columns:90px 1fr}.character-profile>img{width:90px;height:210px}.character-profile blockquote{font-size:15px}.about-hero{gap:45px}.about-hero h1{font-size:58px}.section-heading h2{font-size:39px}.archive-grid,.creative-grid{gap:23px}.archive-grid h3{font-size:20px}.creative-grid img{height:230px}}
@media(max-width:850px){.site-header,.home-intro,.feature-section,.work-section,.about-teaser,.case-breadcrumb,.case-intro,.case-hero-banner,.case-facts,.overview-section,.contribution-section,.case-body,.about-hero,.about-background,.archive-section,.creative-section{width:calc(100% - 48px)}.site-header{gap:22px;min-height:82px}.site-header nav{gap:20px;font-size:11px}.site-header .nav-pdf{display:none}.language{margin-left:auto}.brand{font-size:19px}.home-intro{padding:34px 0 28px;gap:35px}.home-intro h1{font-size:45px}.home-intro .eyebrow{font-size:8px}.home-intro>p{font-size:12px;max-width:275px}.feature-stage{grid-template-columns:1.3fr 1fr;min-height:390px}.feature-copy{padding:25px}.feature-copy h2{font-size:29px}.feature-image{padding:16px}.feature-copy .eyebrow{font-size:8px}.feature-desc{font-size:11px}.feature-role>strong{font-size:11px}.feature-focus{font-size:10px}.feature-tabs button{padding:16px 14px;gap:10px;min-height:92px}.feature-tabs strong{font-size:11px}.feature-tabs small{font-size:8px}.tab-arrow{display:none}.work-section{margin-top:68px;margin-bottom:75px}.section-heading h2{font-size:36px}.section-heading>p{font-size:11px;max-width:280px}.project-grid{gap:40px 25px}.card-meta{padding-left:27px}.dawn-card .card-meta{padding-right:27px}.card-meta h3{font-size:28px}.card-kicker{font-size:8px}.card-kicker>span:last-child{display:none}.card-role{font-size:10px}.card-description{font-size:13px}.project-art{padding:16px}.tags span{font-size:8px}.card-link{font-size:10px}.echoes-card .card-meta h3,.space-card .card-meta h3{font-size:26px}.echoes-card .card-description,.space-card .card-description{font-size:13px}.about-teaser{gap:35px;margin-bottom:70px}.about-teaser h2{font-size:28px}.about-teaser p:not(.eyebrow){font-size:13px}.site-footer{padding:50px 24px 22px}.footer-top h2{font-size:36px}.footer-links{width:230px}.footer-email{font-size:14px}.footer-bottom>span:nth-child(2){display:none}.case-breadcrumb{font-size:9px}.case-intro{grid-template-columns:1.4fr 1fr;gap:30px;margin-top:33px}.case-intro h1{font-size:47px}.case-intro-aside{padding-left:22px}.case-intro-aside>p{font-size:13px}.case-hero-banner{padding:20px}.case-facts{grid-template-columns:1fr 1fr;gap:25px;padding:23px 0}.case-facts dd{font-size:12px}.overview-section{grid-template-columns:120px 1fr;gap:25px}.overview-section>p:last-child{font-size:15px}.contribution-grid{gap:23px}.contribution-grid h3{font-size:17px}.contribution-grid p{font-size:12px}.case-body{grid-template-columns:1fr;margin-top:35px;gap:36px}.case-toc{position:static;display:flex;overflow:auto;gap:23px;padding-bottom:5px;scrollbar-width:none}.case-toc>.eyebrow{display:none}.case-toc a{border:0;white-space:nowrap;flex-shrink:0;gap:7px;padding:0;font-size:10px}.case-section-heading{max-width:690px}.case-section-heading h2{font-size:33px}.case-section-heading>p{font-size:15px;line-height:1.9;max-width:690px}.case-gallery .image-button{height:220px}.case-gallery.gallery-2 .image-button{height:280px}.case-section{margin-bottom:50px;padding-bottom:45px}.next-project{padding:35px 24px 42px}.next-project>a{grid-template-columns:1fr 40px 210px;gap:25px}.next-project img{width:210px;height:120px}.next-project strong{font-size:32px}.next-arrow{font-size:40px}.about-hero{gap:35px;margin-top:52px;margin-bottom:65px}.about-hero h1{font-size:49px}.about-hero>div>p:last-of-type{font-size:14px}.background-row{grid-template-columns:150px 1fr;gap:30px}.background-row h2{font-size:25px}.background-row p{font-size:14px}.archive-section,.creative-section{margin-bottom:70px}.archive-grid{gap:22px}.archive-grid h3{font-size:18px}.archive-role{font-size:9px!important}.archive-grid article>p{font-size:12px}.creative-grid img{height:205px}.creative-grid>a>span{font-size:16px}.creative-grid small{font-size:10px}.lightbox{width:98vw;height:96dvh;padding:16px}.lightbox-content{grid-template-columns:30px 1fr 30px;gap:5px}.lightbox-content>button{font-size:21px;padding:4px}}
@media(max-width:600px){.site-header{gap:16px;min-height:78px}.site-header nav{display:none}.mobile-menu{display:block}.site-header.menu-open nav{display:flex;flex-direction:column;gap:3px;align-items:stretch;position:absolute;left:-24px;right:-24px;top:77px;background:var(--paper);border-bottom:1px solid var(--line);padding:22px 25px;box-shadow:0 8px 12px #0001}.site-header.menu-open .nav-pdf{display:flex!important;align-self:start;margin-top:8px}.brand{font-size:18px}.brand>span{font-size:7px}.language{gap:8px}.home-intro{display:block;padding:30px 0 26px}.home-intro h1{font-size:44px}.home-intro .eyebrow{font-size:8px;margin-bottom:14px}.home-intro>p{font-size:13px;line-height:1.8;max-width:100%;margin-top:18px}.home-intro>p br{display:none}.feature-stage{display:flex;flex-direction:column;min-height:0}.feature-image{padding:16px;min-height:0}.feature-image>img{max-height:none;aspect-ratio:16/9;object-fit:contain}.feature-image>span{right:15px;bottom:13px;font-size:7px;padding:6px 10px}.feature-copy{padding:25px;display:block}.feature-copy h2{font-size:30px;margin:12px 0 15px;max-width:100%}.feature-desc{font-size:13px;line-height:1.85}.feature-role{margin-top:18px;padding-top:13px;gap:5px}.feature-role>strong{font-size:12px}.feature-focus{display:none}.feature-link{display:inline-flex;font-size:11px;margin-top:15px}.feature-tabs button{padding:15px 9px;gap:6px;min-height:83px}.feature-tabs button>span:first-child{font-size:7px;padding-top:2px}.feature-tabs strong{font-size:10px;line-height:1.45}.feature-tabs small{display:none}.feature-tabs button.active{background:#eeefe7}.work-section{margin-top:60px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:35px}.section-heading>p{font-size:13px;line-height:1.85;margin-top:20px;max-width:100%}.section-heading>p br{display:none}.filter-row>div{overflow:auto;gap:22px;padding-bottom:2px;scrollbar-width:none}.filter{font-size:10px}.project-grid{display:block}.project-card,.filtered .project-card{display:block;margin-bottom:40px;padding-bottom:35px;border-bottom:1px solid var(--line)}.project-art{padding:18px;aspect-ratio:16/10}.card-meta,.dawn-card .card-meta,.filtered .card-meta{padding:23px 0 0}.card-meta h3,.echoes-card .card-meta h3,.space-card .card-meta h3,.filtered .card-meta h3{font-size:30px;margin-bottom:17px}.card-kicker{font-size:8px;margin-bottom:14px}.card-kicker>span:last-child{display:block}.card-role{font-size:12px;margin-bottom:14px}.card-description,.echoes-card .card-description,.space-card .card-description,.filtered .card-description{font-size:15px;line-height:1.9}.card-link{font-size:12px;margin-top:21px}.tags{margin-top:16px}.tags span{font-size:9px}.open-arrow{width:31px;height:31px;font-size:20px}.about-teaser{display:block;gap:0;padding-top:32px;margin-bottom:65px}.teaser-photo{display:block;margin-bottom:28px}.about-teaser h2{font-size:31px;line-height:1.3}.about-teaser p:not(.eyebrow){font-size:15px;line-height:1.9}.text-link{font-size:12px}.footer-top{display:block;padding-bottom:34px}.footer-top h2{font-size:34px}.footer-email{font-size:15px}.footer-links{width:100%;margin-top:28px}.footer-links a{font-size:12px}.footer-bottom{font-size:8px;gap:20px}.case-breadcrumb>span{max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-intro{display:block;margin-top:30px;margin-bottom:26px}.case-intro h1{font-size:43px;margin-top:14px;line-height:1.18}.case-intro .eyebrow{font-size:9px}.case-intro-aside{border-left:0;padding:0;margin-top:25px}.case-intro-aside>p{font-size:15px;max-width:100%;line-height:1.85}.case-intro-aside .text-link{font-size:12px;margin-top:16px}.case-hero-banner{padding:12px}.case-hero-banner img{aspect-ratio:16/10;max-height:310px;object-fit:contain}.case-facts{gap:23px 20px;margin-top:24px}.case-facts dt{font-size:9px}.case-facts dd{font-size:12px;line-height:1.8}.overview-section{display:block;padding:30px 0 33px}.overview-section .eyebrow{font-size:10px}.overview-section>p:last-child{font-size:15px;line-height:1.95;margin-top:18px}.contribution-section{padding:30px 0 10px}.contribution-section .section-heading h2{font-size:30px}.contribution-section .section-heading>p{font-size:12px;margin-top:16px}.contribution-grid{display:block}.contribution-grid>div{padding:19px 0 22px}.contribution-grid h3{font-size:20px;margin:10px 0 13px}.contribution-grid p{font-size:14px;line-height:1.9}.case-body{margin-top:30px;gap:35px}.case-section-heading .eyebrow{font-size:10px}.case-section-heading h2{font-size:29px;line-height:1.35;margin-top:14px}.case-section-heading>p{font-size:15px;line-height:1.95;margin-top:23px}.case-section-heading{margin-bottom:28px}.main-figure .image-button{padding:12px}.case-figure figcaption{font-size:11px;line-height:1.8}.gallery-3,.gallery-2{grid-template-columns:1fr;gap:24px}.case-gallery .image-button,.case-gallery.gallery-2 .image-button{height:auto;padding:14px}.case-gallery .image-button img{height:auto;max-height:360px;object-fit:contain}.process-strip{grid-template-columns:1fr 1fr;padding:7px}.process-strip li{padding:15px}.process-strip strong{font-size:12px}.process-arrow{display:none}.character-comparison{grid-template-columns:1fr;padding:20px;gap:15px}.character-profile{grid-template-columns:102px 1fr;gap:20px}.character-profile>img{width:102px;height:230px}.character-profile h3{font-size:26px}.character-profile p{font-size:12px}.character-profile blockquote{font-size:16px}.design-notes{grid-template-columns:1fr;gap:25px}.design-notes h3{font-size:19px}.design-notes p{font-size:14px;line-height:1.9}.spread-grid{grid-template-columns:1fr;gap:24px}.spreads-heading h2{font-size:29px}.spreads-heading>span{font-size:10px}.spreads-section>p{font-size:14px;line-height:1.9}.spreads-section{margin-bottom:55px}.next-project>a{grid-template-columns:1fr 35px;gap:20px}.next-project img{display:none}.next-project strong{font-size:29px}.next-project small{font-size:9px}.next-project{padding:32px 24px 38px}.about-hero{display:block;margin-top:40px;margin-bottom:55px}.about-hero h1{font-size:51px;line-height:1.2}.about-hero>div>p:last-of-type{font-size:15px;line-height:1.95}.about-portrait{margin-top:35px}.about-portrait>img{aspect-ratio:16/10}.about-portrait figcaption{font-size:10px}.background-row{display:block;padding:28px 0;margin-top:20px}.background-row>span{display:block;font-size:10px;margin-bottom:19px}.background-row h2{font-size:25px}.background-row p{font-size:15px}.about-background{margin-bottom:45px}.archive-grid,.creative-grid{grid-template-columns:1fr;gap:33px}.archive-grid img{aspect-ratio:16/10}.archive-grid h3{font-size:25px}.archive-role{font-size:12px!important}.archive-grid article>p{font-size:15px;line-height:1.9}.creative-grid img{height:auto;max-height:480px;object-fit:contain}.creative-grid>a>span{font-size:22px}.creative-grid small{font-size:12px}.creative-section .section-heading>.text-link{margin-top:20px}.lightbox{padding:16px 10px}.lightbox-content{grid-template-columns:24px 1fr 24px;gap:3px}.lightbox-content>button{font-size:19px;padding:4px}.lightbox-content figcaption{font-size:11px}.lightbox-hint{font-size:9px}html[lang=zh-CN] .case-section-heading h2{line-height:1.45;letter-spacing:0}html[lang=zh-CN] .case-intro h1{letter-spacing:-.02em}html[lang=zh-CN] .home-intro h1{letter-spacing:-.05em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.case-intro-aside>.eyebrow{font-size:9px;color:var(--muted);display:block;margin-bottom:6px}.intro-role{font-size:13px;font-weight:600;line-height:1.75;display:block;color:var(--project-color);margin-bottom:14px}

/* Original-source details are clipped in SVG without modifying the source image. */
.source-crop{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}.feature-image>.source-crop{width:100%;max-height:420px}.project-art>.source-crop{width:100%}#lightbox-media{width:100%;min-height:0;display:flex;align-items:center;justify-content:center}#lightbox-media>img,#lightbox-media>.source-crop{display:block;width:100%;height:auto;max-width:100%;max-height:calc(96dvh - 168px);object-fit:contain}