.case-page { max-width: none; }
.case-topline { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:29px 0 27px; border-bottom:1px solid var(--line); }
.case-back { display:inline-flex; align-items:center; gap:14px; font-size:13px; text-decoration:none; }
.case-back span { color:var(--accent); font-size:23px; line-height:1; transition:transform 240ms ease; }
.case-back:hover span { transform:translate(-3px,3px); }
.case-intro { padding:48px 0 34px; }
.enhanced .case-intro { animation:hero-arrive .7s var(--ease) both; }
.case-heading-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.case-title { position:relative; margin:0 0 34px; font-family:Space,sans-serif; font-size:clamp(60px,8.8vw,146px); line-height:.93; letter-spacing:-.078em; font-weight:600; }
.case-title > span { display:inline-block; vertical-align:top; margin-top:4px; margin-left:13px; font-size:19px; letter-spacing:0; color:var(--accent); }
.case-period { flex:none; padding-top:9px; }
.case-deck { display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.case-deck > p { margin:0; font-size:clamp(23px,2.5vw,38px); line-height:1.12; letter-spacing:-.04em; }
.case-summary { max-width:430px; margin:0 0 20px; font-size:17px; line-height:1.45; }
.case-feature { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); background:var(--ink); margin-bottom:64px; }
.case-feature-art { min-width:0; margin:0; }
.art-open { position:relative; display:block; overflow:hidden; isolation:isolate; background:#e8e5dd; }
.art-open img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; transition:filter 250ms ease; }
.art-open:hover img { filter:brightness(1.04); }
.art-open:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.art-enlarge { position:absolute; right:15px; bottom:15px; display:grid; place-items:center; width:38px; height:38px; background:var(--paper); color:var(--ink); font-size:26px; opacity:0; transform:translateY(6px); transition:opacity 200ms ease,transform 240ms ease; }
.art-open:is(:hover,:focus-visible) .art-enlarge { opacity:1; transform:none; }
.case-feature-art figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 23px; color:var(--paper); border-top:1px solid #45473f; }
.case-feature-art figcaption >span:first-child { font-size:15px; letter-spacing:-.025em; }
.case-feature-art .eyebrow { color:#b9bcaf; font-size:9px; }
.case-feature-note { display:flex; flex-direction:column; position:relative; padding:32px; color:var(--paper); border-left:1px solid #45473f; }
.case-feature-note >.eyebrow { color:#b9bcaf; }
.case-feature-statement { margin-top:38px; font-size:clamp(36px,4vw,65px); line-height:1.04; font-weight:500; letter-spacing:-.055em; }
.case-feature-statement span { color:var(--accent); }
.case-cross { position:absolute; width:56px; height:56px; right:33px; top:54%; color:var(--accent); transform:rotate(14deg); }
.feature-facts { margin-top:auto; padding-top:75px; display:grid; gap:16px; }
.feature-facts >div { display:flex; justify-content:space-between; gap:14px; padding-top:14px; border-top:1px solid #45473f; font-size:12px; }
.feature-facts .eyebrow { font-size:9px; color:#b9bcaf; }
.case-map { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr); gap:50px; padding-bottom:55px; border-bottom:1px solid var(--ink); }
.case-map-label h2 { margin:16px 0 0; font-size:30px; line-height:1.1; letter-spacing:-.045em; font-weight:500; }
.case-map-entries { border-top:1px solid var(--line); }
.case-map-entries a { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:18px; min-height:62px; border-bottom:1px solid var(--line); text-decoration:none; }
.case-map-entries a:hover { color:var(--accent); }
.case-map-entries a >span:nth-child(2) { font-size:17px; letter-spacing:-.035em; }
.case-map-status { display:inline-flex; align-items:center; gap:22px; font-family:var(--mono); font-size:10px; color:var(--muted); }
.case-map-status >span { color:var(--accent); font-size:20px; }
.case-chapter { padding:68px 0 64px; border-bottom:1px solid var(--ink); scroll-margin-top:24px; }
.case-chapter .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding:0 0 27px; border:0; }
.case-chapter .section-head h2 { display:block; margin:13px 0 0; font-family:Space,sans-serif; font-size:clamp(42px,5vw,72px); line-height:1; font-weight:500; letter-spacing:-.06em; }
.case-dot { color:var(--accent); }
.case-chapter-note { margin:0 0 2px; font-size:13px; line-height:1.6; color:var(--muted); }
.case-authorship { display:grid; grid-template-columns:1fr 1fr; gap:42px; padding:21px 0 30px; border-top:1px solid var(--line); }
.case-authorship >p { max-width:410px; margin:0; font-size:15px; line-height:1.5; }
.case-authorship >div { justify-self:end; }
.case-authorship >div >p { margin:8px 0 0; font-size:12px; }
.art-grid { display:grid; gap:24px; }
.art-grid-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.art-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.art-grid + .art-grid { margin-top:30px; }
.art-figure { margin:0; min-width:0; }
.art-figure figcaption { display:flex; align-items:flex-start; justify-content:space-between; gap:13px; padding:13px 0 10px; border-bottom:1px solid var(--line); }
.art-figure figcaption >span:first-child { font-size:12px; font-weight:500; letter-spacing:-.025em; }
.art-figure figcaption .eyebrow { font-size:8px; line-height:1.5; text-align:right; }
.art-archive { margin-top:28px; }
.art-archive >summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:64px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); cursor:pointer; list-style:none; transition:color 180ms ease; }
.art-archive >summary::-webkit-details-marker { display:none; }
.art-archive >summary:hover { color:var(--accent); }
.art-archive >summary:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.art-archive >summary >span:first-child { font-size:16px; letter-spacing:-.035em; }
.art-archive >summary >.eyebrow { display:flex; align-items:center; gap:18px; }
.archive-plus { display:inline-block; font-family:Space,sans-serif; font-size:27px; color:var(--accent); transition:transform 180ms ease; }
.art-archive[open] .archive-plus { transform:rotate(45deg); }
.art-archive[open] >.art-grid { margin-top:24px; }
.more-surfaces { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:58px; padding:68px 0 64px; border-bottom:1px solid var(--ink); scroll-margin-top:24px; }
.more-surfaces-intro h2 { margin:18px 0 23px; font-size:clamp(36px,3.7vw,55px); font-weight:500; line-height:1.02; letter-spacing:-.055em; }
.more-surfaces-intro >p { max-width:325px; margin:0; font-size:14px; line-height:1.6; color:var(--muted); }
.surface-list { border-top:1px solid var(--line); }
.surface-list >div { display:grid; grid-template-columns:29px minmax(0,1fr); gap:8px 18px; align-items:center; padding:21px 0; border-bottom:1px solid var(--line); }
.surface-list h3 { margin:0; font-size:22px; font-weight:400; letter-spacing:-.045em; }
.surface-list >div >span:last-child { grid-column:2; font-family:var(--mono); font-size:10px; color:var(--muted); }
.case-next { padding:43px 0 45px; }
.case-next >div >a { display:flex; align-items:center; justify-content:space-between; gap:25px; margin:18px 0 30px; font-size:clamp(40px,5.5vw,84px); font-weight:500; line-height:1.05; letter-spacing:-.065em; text-decoration:none; }
.case-next >div >a >span:last-child { color:var(--accent); font-size:.8em; transition:transform 240ms ease; }
.case-next >div >a:hover >span:last-child { transform:translate(5px,-5px); }
dialog.art-dialog { width:min(1000px,calc(100vw - 36px)); max-width:none; max-height:calc(100dvh - 36px); padding:0; border:0; background:var(--ink); color:var(--paper); }
dialog.art-dialog::backdrop { background:#161812e8; backdrop-filter:blur(5px); }
.art-dialog-bar { position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 18px; background:var(--ink); z-index:1; }
.art-dialog-bar p { margin:0; font-size:12px; }
.art-dialog-bar button { appearance:none; display:flex; align-items:center; gap:14px; border:1px solid #5e6255; padding:8px 12px; background:none; color:var(--paper); font:inherit; font-size:11px; cursor:pointer; }
.art-dialog-bar button span { font-size:21px; line-height:1; color:var(--accent); }
dialog.art-dialog >img { display:block; width:100%; height:auto; max-height:calc(100dvh - 95px); object-fit:contain; }

@media (max-width:1100px) and (min-width:851px) {
  .case-title { font-size:8.5vw; }
  .case-period { font-size:9px; }
  .case-feature { grid-template-columns:1.3fr 1fr; }
  .case-feature-note { padding:23px; }
  .case-feature-statement { font-size:37px; margin-top:25px; }
  .case-cross { width:36px; height:36px; right:23px; top:49%; }
  .feature-facts { padding-top:55px; }
  .feature-facts >div { flex-wrap:wrap; gap:7px; }
  .case-feature-art figcaption { flex-wrap:wrap; gap:7px; padding:15px; }
  .case-map { grid-template-columns:.65fr 1.35fr; gap:25px; }
  .case-map-entries a { grid-template-columns:36px 1fr; gap:8px 12px; padding:14px 0; }
  .case-map-status { grid-column:2; }
  .art-grid { gap:15px; }
  .art-figure figcaption { flex-wrap:wrap; gap:4px; }
  .art-figure figcaption .eyebrow { text-align:left; }
}
@media (max-width:850px) {
  .case-topline { padding:24px 0; }
  .case-intro { padding-top:33px; }
  .case-title { font-size:clamp(47px,11.5vw,93px); letter-spacing:-.07em; margin-bottom:25px; }
  .case-title >span { font-size:13px; margin-left:7px; margin-top:0; }
  .case-period { font-size:9px; padding-top:4px; }
  .case-deck { gap:26px; }
  .case-deck >p { font-size:30px; }
  .case-summary { font-size:14px; }
  .case-feature { grid-template-columns:1.35fr 1fr; }
  .case-feature-note { padding:25px; }
  .case-feature-statement { font-size:39px; margin-top:31px; }
  .case-cross { width:38px; height:38px; right:25px; top:53%; }
  .feature-facts { padding-top:55px; }
  .feature-facts >div { flex-wrap:wrap; gap:7px; }
  .case-feature-art figcaption { flex-wrap:wrap; padding:16px; gap:7px; }
  .case-map { gap:30px; grid-template-columns:.6fr 1.4fr; }
  .case-map-entries a { grid-template-columns:35px 1fr; gap:8px 14px; padding:14px 0; }
  .case-map-status { grid-column:2; }
  .art-enlarge { opacity:1; transform:none; width:30px; height:30px; font-size:23px; bottom:10px; right:10px; }
  .art-grid { gap:16px; }
  .art-figure figcaption { flex-wrap:wrap; gap:4px; }
  .art-figure figcaption .eyebrow { text-align:left; }
  .more-surfaces { gap:32px; }
}
@media (max-width:560px) {
  .case-topline { padding:22px 0; }
  .case-topline >.eyebrow { font-size:9px; }
  .case-back { font-size:11px; gap:9px; }
  .case-heading-row { display:block; }
  .case-title { font-size:12.4vw; margin-bottom:17px; }
  .case-title >span { font-size:12px; }
  .case-period { display:block; margin-bottom:28px; }
  .case-deck { grid-template-columns:1fr; gap:22px; }
  .case-deck >p { font-size:29px; }
  .case-summary { font-size:14px; margin-bottom:16px; }
  .case-intro { padding-bottom:28px; }
  .case-feature { grid-template-columns:1fr; margin-bottom:40px; }
  .case-feature-note { border-left:0; border-top:1px solid #45473f; padding:24px; min-height:310px; }
  .case-feature-statement { margin-top:25px; font-size:43px; }
  .case-cross { right:26px; top:38%; width:54px; height:54px; }
  .feature-facts { padding-top:36px; }
  .feature-facts >div { flex-wrap:nowrap; }
  .case-feature-art figcaption { padding:15px 17px; }
  .case-feature-art figcaption >span:first-child { font-size:13px; }
  .case-feature-art .eyebrow { font-size:8px; }
  .case-map { grid-template-columns:1fr; gap:25px; padding-bottom:40px; }
  .case-map-label h2 { font-size:26px; }
  .case-map-label h2 br { display:none; }
  .case-map-entries a >span:nth-child(2) { font-size:15px; }
  .case-chapter { padding:45px 0; scroll-margin-top:90px; }
  .case-chapter .section-head { align-items:flex-start; flex-direction:column; gap:20px; padding-bottom:25px; }
  .case-chapter .section-head h2 { font-size:46px; margin-top:12px; }
  .case-chapter-note { font-size:12px; }
  .case-chapter-note br { display:none; }
  .case-authorship { grid-template-columns:1fr; gap:18px; padding-top:20px; padding-bottom:27px; }
  .case-authorship >p { font-size:13px; }
  .case-authorship >div { justify-self:start; }
  .case-authorship >div >p { font-size:11px; }
  .art-grid-pair,.art-grid-three { grid-template-columns:1fr; gap:25px; }
  .art-figure figcaption { flex-wrap:nowrap; gap:13px; padding-top:13px; }
  .art-figure figcaption >span:first-child { font-size:12px; }
  .art-figure figcaption .eyebrow { font-size:8px; text-align:right; }
  .art-grid + .art-grid { margin-top:25px; }
  .art-archive { margin-top:25px; }
  .art-archive >summary { min-height:59px; }
  .art-archive >summary >span:first-child { font-size:14px; }
  .art-archive >summary >.eyebrow { font-size:8px; gap:11px; }
  .more-surfaces { grid-template-columns:1fr; gap:28px; padding:45px 0; scroll-margin-top:90px; }
  .more-surfaces-intro h2 { font-size:43px; }
  .more-surfaces-intro >p { font-size:13px; }
  .surface-list >div { padding:19px 0; }
  .surface-list h3 { font-size:20px; }
  .case-next { padding:31px 0; }
  .case-next >div >a { font-size:49px; margin:19px 0 27px; }
  dialog.art-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); }
  .art-dialog-bar { padding:12px; }
  .art-dialog-bar p { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .case-back span,.art-open img,.art-enlarge,.archive-plus,.case-next >div >a >span:last-child { transition:none; }
  .case-back:hover span,.case-next >div >a:hover >span:last-child { transform:none; }
}