/* Design studies share the accepted homepage palette and type. */
.study-teaser { padding-top:140px; padding-bottom:80px; }
.studies-teaser-intro { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; align-items:end; margin:25px 0 72px; }
.studies-teaser-intro h2 { font-size:clamp(44px,4.5vw,72px); line-height:1.06; }
.studies-teaser-intro p { max-width:370px; color:var(--muted); }
.study-disclosure { font-size:12px; line-height:1.7; color:var(--muted); }
.studies-teaser-intro .study-disclosure { margin-top:22px; }
.study-teaser-grid,.study-gallery { display:grid; grid-template-columns:1fr 1fr; column-gap:9%; align-items:start; }
.study-teaser-grid { row-gap:72px; }
.study-teaser-grid figure:nth-child(even) { margin-top:100px; }
.study-teaser-grid img { width:100%; }
.study-teaser-grid figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; padding-top:18px; font-size:13px; }
.study-teaser-grid figcaption span+span { color:var(--muted); font-size:11px; }
.studies-all-link { display:inline-block; margin-top:64px; }
.studies-intro { padding:55px 0 40px; }
.studies-intro h1 { font-size:clamp(64px,8vw,124px); margin:22px 0 44px; }
.studies-intro-copy { max-width:600px; margin-left:auto; color:var(--muted); }
.studies-intro-copy p+p { margin-top:18px; }
.studies-provenance { margin-top:32px; }
.studies-provenance .section-label { font-size:10px; }
.studies-provenance p { font-size:12px; color:var(--muted); margin-top:10px; }
.study-filters { display:flex; flex-wrap:wrap; gap:10px 32px; border-top:1px solid var(--line); padding:20px 0; }
.study-filters[hidden],.study[hidden] { display:none; }
.study-filters button { background:none; border:0; padding:10px 0; min-height:44px; color:var(--muted); font-size:13px; border-bottom:1px solid transparent; }
.study-filters button[aria-pressed="true"] { color:var(--ink); border-bottom-color:var(--ink); }
.study-result-count { min-height:20px; font-size:11px; color:var(--muted); margin:0 0 40px; }
.study-gallery { row-gap:110px; }
.study { min-width:0; scroll-margin-top:30px; }
.study.is-offset { margin-top:130px; }
.study-gallery:not(.is-enhanced) .study:nth-child(even) { margin-top:130px; }
.study-open { display:block; position:relative; }
.study-open img { width:100%; background:var(--surface); }
.study-open-mark { position:absolute; right:12px; bottom:12px; background:var(--bg); color:var(--ink); width:34px; height:34px; display:grid; place-items:center; }
.study-caption { padding-top:24px; }
.study-caption h2 { font-size:38px; line-height:1.15; margin:7px 0 12px; }
.study-description { font-size:14px; color:var(--muted); max-width:400px; }
.study-enquire { display:inline-block; font-size:12px; margin-top:23px; }
.studies-end { border-top:1px solid var(--line); padding:70px 0 110px; margin-top:130px; }
.studies-end p { font-family:var(--serif); font-size:clamp(30px,3.2vw,48px); margin-bottom:24px; }
.study-dialog { background:var(--bg); color:var(--ink); border:1px solid var(--line); padding:28px 36px 40px; width:min(1400px,96vw); max-width:96vw; max-height:94dvh; overscroll-behavior:contain; }
.study-dialog::backdrop { background:rgb(0 0 0 / 88%); }
.study-dialog-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:28px; }
.study-close { border:0; background:none; color:var(--ink); min-height:44px; padding:8px; }
.study-close span { font-size:26px; margin-left:12px; }
.study-dialog-layout { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(210px,1fr); align-items:center; gap:40px; }
.study-dialog-image img { width:100%; height:auto; max-height:72dvh; object-fit:contain; }
.study-dialog-copy h2 { font-size:clamp(38px,4vw,62px); line-height:1.05; margin:16px 0 24px; }
#study-dialog-description { font-size:14px; color:var(--muted); }
.study-dialog-copy .study-disclosure { margin:26px 0 36px; }
#study-dialog-enquire { display:inline-block; font-size:13px; }
html.study-modal-open { overflow:hidden; scrollbar-gutter:stable; }
@media(max-width:1000px) {
 .study-dialog-layout { grid-template-columns:1fr; gap:28px; }
 .study-dialog-image img { max-height:58dvh; }
 .study-dialog-copy { max-width:620px; }
 .study-dialog-copy .study-disclosure { margin:18px 0; }
 .study-dialog-copy h2 { margin:10px 0 16px; }
}
@media(max-width:700px) {
 .study-teaser { padding-top:80px; padding-bottom:10px; }
 .studies-teaser-intro { grid-template-columns:1fr; gap:30px; margin-bottom:45px; }
 .study-teaser-grid,.study-gallery { grid-template-columns:1fr; gap:66px; }
 .study-teaser-grid figure:nth-child(even),.study.is-offset,.study-gallery:not(.is-enhanced) .study:nth-child(even) { margin-top:0; }
 .studies-all-link { margin-top:42px; }
 .studies-intro { padding:62px 0 38px; }
 .studies-intro h1 { font-size:clamp(56px,13vw,80px); margin:22px 0 32px; }
 .studies-intro-copy { font-size:14px; }
 .studies-provenance { margin-top:35px; }
 .study-filters { gap:0 22px; padding:16px 0; }
 .study-filters button { font-size:12px; }
 .study-result-count { margin-bottom:30px; }
 .study-caption h2 { font-size:34px; }
 .studies-end { margin-top:75px; padding:45px 0 75px; }
 .study-dialog { width:100%; max-width:100%; max-height:100dvh; height:100dvh; margin:0; padding:16px 24px 36px; border:0; }
 .study-dialog-bar { padding-bottom:22px; }
 .study-dialog-bar .section-label { font-size:9px; }
 .study-dialog-image img { max-height:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Static dialog introduction receives initial focus without looking like a control.
   Interactive controls retain the site's visible keyboard focus ring. */
.study-dialog #study-dialog-intro:focus { outline:none; }
.study-dialog .study-close:focus-visible,
.study-dialog a:focus-visible { outline:2px solid var(--accent); outline-offset:6px; }