/* Shared alignment, with every existing control retained. */
.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}
.header nav{justify-content:center;gap:clamp(14px,1.5vw,26px)}
.header-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:16px}
.header .social-links,.header .languages{display:flex;align-items:center;gap:2px}
.header .social-links a,.header .languages button,.header #menu{height:44px;min-width:40px;margin:0;padding:0;display:grid;place-items:center}
.header #menu{display:none}.header .social-links svg{width:21px;height:21px;margin:0}
.header .brand{min-width:0}.header .view-switch{flex-shrink:0}
.intro-foot{text-align:center}.intro-foot span{margin-inline:auto}
.portfolio{padding-top:92px;padding-bottom:128px}.portfolio-foot{max-width:62ch}
.studio-intro{align-items:center}.studio-intro .section-art{max-width:400px}
.manifesto{padding-top:88px;padding-bottom:88px}.manifesto .section-art{max-width:290px}
.research-panel{padding-top:120px;padding-bottom:120px;align-items:center}.research-panel .section-art{max-width:540px}
.services{align-items:center;padding-top:88px;padding-bottom:88px}.services .section-art{max-width:320px}
.contact .section-art{max-width:240px;margin-bottom:28px}
.project-card{color:var(--ink)}.project-card:focus-visible{outline-offset:8px}
.theme-card{display:block;width:100%;text-align:left;min-width:0;font:inherit}
.theme-card .project-image{display:block;overflow:hidden;aspect-ratio:1}
.theme-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:24px}
.theme-name{font-family:var(--serif);font-size:clamp(30px,3vw,44px);line-height:1.15}
.theme-action{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:4px}
.theme-card .project-subtitle{display:block;margin-top:14px;color:var(--muted);font-size:16px}
.theme-navigation{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap}
.theme-navigation [hidden]{display:none}.theme-navigation h3{font-family:var(--serif);font-size:36px;margin:0 0 36px}
.theme-navigation .text-link{margin:0 0 36px;width:auto;font-size:14px;min-height:44px}
@container jqg-layout (max-width:700px){.theme-caption{justify-content:center;flex-wrap:wrap;gap:12px 24px}.theme-card{text-align:center}.theme-navigation{justify-content:center}.theme-navigation h3{width:100%;text-align:center;margin-bottom:24px}}
.project-card .project-subtitle{line-height:1.65}.project-state{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}
@container jqg-layout (max-width:1400px){
 .header{grid-template-columns:1fr auto;gap:12px 24px}.header #menu{display:grid}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:24px var(--gutter);border-bottom:1px solid var(--line);max-height:70dvh;overflow:auto}
 .header nav.open{display:flex;flex-direction:column;align-items:center;gap:6px}.header nav>a{font-family:var(--serif);font-size:26px;padding:8px 0}
 .header nav .view-switch{display:flex;width:max-content;margin:16px auto 0}
}
@container jqg-layout (max-width:700px){
 .header{display:flex;flex-direction:column;padding:4px 20px 14px;gap:0;position:relative}
 .header .brand{justify-content:center;width:100%}.header-actions{width:100%;justify-content:center;gap:20px;flex-wrap:nowrap}
 .header .social-links{gap:4px}.header .languages{gap:0}.header #menu{min-width:48px}
 .portfolio{padding-top:60px;padding-bottom:80px}.studio-intro .section-art{max-width:340px}
 .manifesto{padding-block:64px}.manifesto .section-art{max-width:220px}
 .research-panel{padding-block:80px}.research-panel .section-art{max-width:440px}
 .services{padding-block:64px}.services .section-art{max-width:260px}.contact .section-art{max-width:190px}
 .section-art{margin-inline:auto}.project-state{font-size:12px}.header .monogram{flex-basis:88px;width:88px;height:88px}
}
/* Individual study pages: images remain whole, never cropped. */
.study-main{max-width:1600px;margin:auto;padding:54px var(--gutter) 90px}
.study-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin-bottom:48px;flex-wrap:wrap}
.study-breadcrumb a{border-bottom:1px solid var(--line)}
.study-title{max-width:920px;margin:0 auto 44px;text-align:center}.study-title h1{font-size:clamp(40px,5.2vw,76px);margin:12px 0 24px}.study-title .lead{max-width:58ch;margin:0 auto;font-size:20px}
.study-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-block:1px solid var(--line);padding:24px 0;margin:0 0 48px}
.study-meta dt{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.study-meta dd{margin:0;font-size:15px}
.study-cover{display:block;width:min(100%,900px);margin:0 auto 60px;aspect-ratio:1;background:var(--paper)}.study-cover img{width:100%;height:100%;object-fit:contain}
.study-concept{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;max-width:1160px;margin:0 auto 70px}.study-concept h2{font-size:40px}.study-concept p{color:var(--muted);font-size:17px;line-height:1.85}.study-concept .study-disclosure{font-size:14px;padding-top:20px;border-top:1px solid var(--line)}
.study-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px}.study-images figure{margin:0;min-width:0}.study-images button{display:block;width:100%;aspect-ratio:1}.study-images img{width:100%;height:100%;object-fit:contain}.study-images figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.study-contact{text-align:center;padding:72px 0;margin-top:60px;border-top:1px solid var(--line)}.study-contact h2{margin-bottom:24px}.study-contact .text-link{margin-inline:auto;justify-content:center;width:max-content}.study-next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:28px;font-size:15px;flex-wrap:wrap}
#study-lightbox{width:min(1380px,96vw)}#study-lightbox img{width:100%;height:72dvh;object-fit:contain}.study-lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.study-lightbox-controls button{min-width:60px}.study-original{font-size:14px;text-decoration:underline;text-underline-offset:4px}
@container jqg-layout (max-width:700px){.study-main{padding:30px 20px 64px}.study-breadcrumb{justify-content:center;margin-bottom:30px}.study-title h1{font-size:42px}.study-title .lead{font-size:18px}.study-meta{grid-template-columns:1fr;gap:18px;text-align:center;margin-bottom:30px}.study-cover{margin-bottom:40px}.study-concept{grid-template-columns:1fr;gap:20px;text-align:center;margin-bottom:40px}.study-concept h2{font-size:34px}.study-concept p{font-size:16px}.study-images{grid-template-columns:1fr;gap:30px}.study-images figcaption{text-align:center}.study-contact{padding:48px 0;margin-top:40px}.study-contact h2{font-size:36px}.study-next{justify-content:center;text-align:center}}
