/* Heading sizes are 85% of the preceding edition at every breakpoint. */
h1{font-size:clamp(34px,4.42vw,71.4px)}
h2{font-size:clamp(23.8px,2.72vw,41.65px)}
.hero h1{font-size:clamp(44.2px,5.355vw,81.6px)}
.intro h2{font-size:clamp(22.95px,2.55vw,38.25px)}
.card-meta h3{font-size:17px}
.card-meta h3 span{font-size:11.05px}
.note-card h3,.note-card h2{font-size:17.85px}
.footer-cta{font-size:clamp(23.8px,3.57vw,54.4px)}
.footer-cta>span{font-size:0.85em}
.project-title h1{font-size:clamp(31.45px,4.25vw,64.6px)}
.project-title h1>span{font-size:clamp(16.15px,1.87vw,25.5px)}
.editorial-block h2{font-size:clamp(22.1px,2.295vw,34px)}
.credits h2{font-size:21.25px}
.reading-article h2{font-size:23.8px}
.contact-copy h2{font-size:22.95px}
.form-title h2{font-size:20.4px}
.faq h2{font-size:25.5px}
@media(max-width:1100px){.contact-copy h2{font-size:20.4px}}
@media(max-width:760px){.hero h1{font-size:clamp(39.1px,9.35vw,66.3px)}
.intro h2{font-size:28.9px}
.section-heading h2{font-size:26.35px}
.card-meta h3{font-size:16.15px}
.card-meta h3 span{font-size:10.2px}
.approach-grid h2{font-size:26.35px}
.note-card h3{font-size:18.7px}
.footer-cta{font-size:27.2px}
.page-intro h1{font-size:32.3px}
.project-title h1{font-size:35.7px}
.project-title h1>span{font-size:19.55px}
.editorial-block h2{font-size:22.95px}
.credits h2{font-size:19.55px}
.studio-copy h2{font-size:24.65px}
.reading-article h2{font-size:22.1px}
.contact-copy h2{font-size:22.95px}
.form-title h2{font-size:20.4px}}
.press-section>div:first-child h2{font-size:clamp(22.95px,2.55vw,36.55px)}
.journal-index h2{font-size:clamp(19.55px,2.04vw,28.9px)}
@media(max-width:760px){.hero h1{font-size:clamp(31.45px,8.33vw,40.8px)}
.page-intro h1{font-size:29.75px}
.project-title h1{font-size:30.6px}
.studio-name h2{font-size:23.8px}
.reading-article h2{font-size:21.25px}
.footer-cta{font-size:23.8px}}
@media(min-width:761px){
.wrap{width:min(1190px,calc((100% - 112px)*.85))}.section-space{padding-block:98.6px}.intro{padding-block:97.75px 80.75px;gap:38.25px}.hero{width:calc((100% - 44px)*.85);height:min(722.5px,calc((100svh - 90px)*.85));min-height:510px;margin:17px auto 0}.hero-copy{max-width:552.5px;padding:20.4px 23.8px}.hero-project{padding:11.9px 15.3px;bottom:12%}.hero-project strong>#hero-project-title{font-size:17.85px;margin:0}.hero-project strong>#hero-project-zh{font-size:11.9px;margin-inline:10px}.project-grid{gap:38.25px 23.8px}.project-hero{width:calc((100% - 44px)*.85);max-width:1360px}.project-hero img{max-height:731px}.journal-index{max-width:901px;gap:47.6px 35.7px}.article-image{max-width:850px}.note-card .journal-cover{max-height:365.5px}.gallery-open img{max-height:722.5px}.gallery-item.wide .gallery-open img{max-height:722.5px}.studio-photo img{max-height:552.5px}.approach-band,.research-section{padding-block:76.5px}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-image img{animation:none}.hero-project strong>#hero-project-title{margin-left:0}.hero-project strong>#hero-project-zh{margin-right:8px}
@media(max-width:760px){
.wrap{width:calc(100% - 34px)}.section-space{padding-block:51px}.intro{padding-top:34px;padding-bottom:51px}.page-intro{padding-top:32.3px;padding-bottom:34px}.hero{width:calc(100% - 20px);margin:10px auto 0}.hero-image{width:85%;margin-inline:auto;aspect-ratio:4/3}.hero-copy{padding:20.4px 7px 10.2px}.hero-project{padding:12.75px 7px 18.7px}.hero-project strong>#hero-project-title{font-size:15.3px;margin:0}.hero-project strong>#hero-project-zh{font-size:11.9px;margin-inline:8px}.hero-scroll{order:4;padding:10px 7px;margin-left:0}.project-card{width:85%;margin-inline:auto}.project-hero{width:calc((100% - 20px)*.85)}.gallery-item{width:85%;margin-inline:auto}.journal-photo-pair{width:85%}.journal-photo-pair .journal-photo{max-height:none}.note-card .journal-cover{max-width:306px;max-height:408px}.studio-photo{width:85%;margin-inline:auto}.project-title{gap:21.25px}.project-facts{padding-block:17px}.approach-band,.research-section{padding-block:55.25px}.article-image{width:calc(100% - 34px)}
}
@media(prefers-reduced-motion:reduce){.hero-image img{animation:none;transition:none}}
.page-intro h1,.section-heading h2,.press-section h2,.note-card h2,.note-card h3{text-wrap:balance}