/* Editorial refinement: keep the artwork dominant and interactions quiet. */
:root{--ease-out:cubic-bezier(.22,.68,0,1);--reading-width:65ch}
body{overflow-wrap:break-word}
button,input,select,summary{font-family:inherit}
:where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
footer a:focus-visible{outline-color:#b5c2ff}
.skip-link{z-index:100}
.header{height:auto;min-height:88px;padding-block:16px;backdrop-filter:none;background:var(--paper)}
.header nav{gap:12px 26px;flex-wrap:nowrap}
.header nav>a{min-height:44px;white-space:nowrap}
.header-location{line-height:1.65}
.site-language-bar{border-bottom:0;padding-block:6px;font-size:14px}
.site-language-bar select{border:1px solid var(--line);border-radius:4px;padding-inline:12px 30px;min-width:135px}
.hero{padding-top:30px;padding-bottom:56px}
.hero h1{margin-block:30px 0}
.hero-bottom{margin-top:42px;gap:32px}
.hero-bottom p{font-size:clamp(17px,1.35vw,21px);max-width:43ch;line-height:1.65}
.hero-bottom .text-link{min-height:48px;align-items:center;flex-shrink:0}
.section-bar{padding-block:23px;line-height:1.65}
.section-bar .muted{font-variant-numeric:tabular-nums}
.project-grid{gap:48px 28px}
.project-button{border-radius:2px;text-align:start}
.project-caption{padding-top:20px}
.project-caption h3{letter-spacing:-.035em;line-height:1.2;overflow-wrap:break-word}
.project-caption p{line-height:1.6}
.project-visual img{will-change:auto;transition:transform .65s var(--ease-out)}
.project-label{max-width:calc(100% - 48px);line-height:1.4;letter-spacing:.02em}
.project-open{transition:transform .22s var(--ease-out),background .22s,color .22s}
.project-button:focus-visible .project-open{background:var(--accent);color:white}
.archive-title-row{margin-block:32px 38px}
.archive-title-row>p{max-width:34ch;line-height:1.6}
.archive-grid .project-visual{aspect-ratio:4/3}
.archive-grid .project-label{max-width:calc(100% - 34px);font-size:12px}
.gallery-controls{align-items:start;gap:28px}
.category-button{min-height:44px;border-radius:24px;padding:10px 16px}
.category-button>span{font-size:12px}
.project-search{min-height:46px;border:1px solid var(--line);border-radius:4px;padding:10px 14px}
.project-search input{font-size:16px}
.project-search:focus-within{box-shadow:none;outline:2px solid var(--accent);outline-offset:2px}
.gallery-status{margin-bottom:22px;line-height:1.6}
.reset-filters{min-height:44px;flex-shrink:0}
.archive-grid .project-caption h3{font-size:clamp(22px,2.1vw,30px)}
.about-details{grid-template-columns:1fr;gap:24px}
.about-details p{max-width:var(--reading-width);line-height:1.8}
.about-signature{line-height:1.5}
.portrait figcaption,.concept-note{font-size:12px;line-height:1.6}
.disciplines{gap:10px;margin-top:32px}
.disciplines span{line-height:1.5}
.contact-cta{min-height:52px;padding-block:12px}
.contact-bottom{line-height:1.65}
.article-prose{max-width:var(--reading-width);margin-inline:auto}
.article-prose p,.case-text p{line-height:1.8}
:where(.about h2,.clients-heading h2,.preview-content h2,.article-body h1,.service-heading h1,.case-heading h1){text-wrap:balance}
:where(.case-intro,.service-intro,.verno-deck) p{text-wrap:pretty}
.preview-layout{gap:32px;padding:32px}
.preview-media{background:#f5f5f5;border-radius:2px}
.preview-content h2{letter-spacing:-.04em;line-height:1.15;overflow-wrap:break-word}
#detail-summary{line-height:1.75}
.preview-facts{border-top:1px solid var(--line);padding-top:20px;margin-block:22px}
.preview-details{min-height:52px}
.preview-navigation{gap:24px}
#next-project{text-align:start}
.motion-ready .reveal{transition-duration:.55s;transform:translateY(14px)}
.motion-ready .reveal.visible{transform:none}
.ticker-track{animation:none}
@media(hover:hover) and (pointer:fine){
 .project-button:hover .project-visual img{transform:scale(1.025)}
 .project-button:hover .project-caption h3{color:var(--accent)}
 .project-caption h3{transition:color .2s}
}
@media(min-width:701px) and (max-width:1150px){
 .header{display:grid;grid-template-columns:1fr auto;gap:6px 24px;padding-block:12px}
 .header-location{margin:0!important;text-align:end!important}
 .header nav{grid-column:1/-1;justify-content:space-between;gap:12px;flex-wrap:wrap}
 html{scroll-padding-top:160px}
}
@media(max-width:700px){
 html[lang]{scroll-padding-top:170px}
 .header{min-height:94px;padding-block:12px 8px;gap:8px 12px}
 .header nav{gap:4px 18px;flex-wrap:wrap;justify-content:flex-start}
 .header nav>a{min-height:44px;font-size:14px}
 .header-location{max-width:120px}
 .site-language-bar{padding-block:8px;gap:10px}
 .site-language-bar select{min-height:44px;min-width:125px}
 .hero{padding-top:22px;padding-bottom:36px}
 .hero-bottom{gap:24px;margin-top:28px}
 .hero-bottom p{font-size:17px;max-width:42ch}
 .hero-bottom .text-link{width:100%;max-width:320px;font-size:16px}
 .hero-arrow{min-width:0;min-height:0;width:.85em;height:.85em;font-size:.7em}
 .section-bar{padding-block:20px}
 .project-grid{gap:32px 18px}
 .project-caption{padding-top:15px}
 .project-label{max-width:calc(100% - 24px);inset-inline-start:12px;top:12px}
 .project-open,.archive-grid .project-open{width:44px;height:44px;inset-inline-end:12px;bottom:12px}
 .about{gap:28px 20px}
 .about-details{grid-template-columns:1fr;gap:20px}
 .about-details p{line-height:1.8}
 .services-teaser{grid-column:1/-1;margin:0}
 .disciplines{margin-top:0}
 .gallery-controls{gap:16px;padding-top:24px}
 .project-search{order:-1;max-width:none}
 .category-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding:6px 4px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
 .category-button{flex-shrink:0;white-space:nowrap}
 .gallery-status{align-items:start;margin-bottom:20px}
 #result-count{padding-top:10px}
 .archive-title-row h1{font-size:clamp(64px,22vw,130px);line-height:1;overflow-wrap:break-word}
 .archive-grid .project-caption h3{font-size:24px}
 .preview-layout{padding:20px;gap:22px}
 .preview-content h2{font-size:32px}
 .preview-facts{margin-block:20px}
 .preview-navigation{align-items:start;gap:14px}
 .preview-navigation>span{padding-top:14px}
 #next-project{max-width:70%;font-size:14px}
 .client-controls{align-items:start}
 .client-slider-hint{padding-top:10px}
 html[lang="ar"] .site-language-bar select{padding-inline:12px 30px}
}
@media(max-width:520px){
 .project-grid,.archive-grid{grid-template-columns:minmax(0,1fr)}
 .project.wide{grid-column:auto}
 .project-visual,.wide .project-visual,.archive-grid .project-visual{aspect-ratio:3/2}
 .project-caption{flex-wrap:nowrap}
 .project-caption h3,.archive-grid .project-caption h3{font-size:26px}
 .project-caption p{font-size:14px}
 .archive-grid .project-label{inset-inline-start:12px;top:12px}
 .preview-navigation>span{max-width:28%;line-height:1.5}
 .header .wordmark{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .reveal{transform:none!important;opacity:1!important}
 .project-button:hover .project-visual img,.project-button:hover .project-open{transform:none!important}
}