@media (max-width:767px){.site-header{gap:10px;height:72px;padding:0 16px}.site-logo{flex:none;width:26px;height:26px}.site-nav{flex:none;gap:12px;font-size:12px}.site-nav a{align-items:center;min-height:44px;display:flex}.site-nav .site-nav-works{display:flex}.site-nav a:after{bottom:9px}.about-page,.works-page{background:var(--black);color:var(--white)}.about-reference-intro{padding:120px var(--page-x) 24px;gap:64px}.about-reference-intro h1{font-size:clamp(36px,8.8vw,68px);line-height:1}.about-editorial-groups{gap:48px}.about-editorial-group{grid-template-columns:minmax(0,1fr);gap:24px}.about-editorial-label,.about-editorial-list{grid-column:auto}.about-editorial-list{gap:32px}.about-editorial-item{min-width:0}.about-editorial-item>p:not(.about-editorial-meta){line-height:1.6}.about-editorial-meta{gap:6px 12px;font-size:14px}.about-page .project-archive-section{gap:28px 0;padding-block:40px 56px}.about-page .project-archive-marquee-item{font-size:18px}.about-page .project-archive-marquee--en .project-archive-marquee-item{font-size:16px}.works-index-section{padding:104px var(--page-x) 40px}.works-page-grid{grid-template-columns:minmax(0,1fr)}.project-hero,.case-study-hero{gap:32px;min-height:auto;padding-top:112px}.project-hero-topline,.case-study-hero-topline{align-items:start;gap:16px}.project-hero-topline>p:last-child,.case-study-hero-topline>p:last-child{text-align:right}.project-title-block,.case-study-title{text-align:center;min-width:0}.project-title-block h1,.case-study-title h1{overflow-wrap:anywhere;font-size:clamp(36px,10vw,72px);line-height:1.02}.project-title-block>p,.case-study-title>p{margin-inline:auto}.project-meta>div,.case-study-meta>div{overflow-wrap:anywhere;min-width:0}.project-overview{gap:40px}.case-study-role{gap:32px}.case-study-section-intro{gap:20px;margin-bottom:32px}.case-study-section-intro h2{text-align:center;font-size:clamp(32px,8.5vw,52px);line-height:1.08}.project-gallery{grid-template-columns:minmax(0,1fr)}.project-media{min-width:0}.project-media--half{grid-column:auto}.global-contact-cta{--type-contact-cta:clamp(21px, 6.8vw, 38px)}.global-contact-cta p{font-size:var(--type-contact-cta);overflow-wrap:anywhere}.global-contact-cta p a{font-size:inherit}.global-contact-cta a[href^=mailto\:]:not(.contact-email-action-label){font-size:inherit;white-space:nowrap}}