/* Sketch 003: case composition. Originals remain square and untouched. */
.case-topline { padding-top:25px; padding-bottom:25px; }
.case-topline >.eyebrow { color:var(--ink); }
.case-back { font-weight:500; }
.case-back span { color:var(--ink); }
.case-intro { padding:48px 0 40px; }
.case-heading-row { align-items:center; gap:24px; }
.case-title { margin-bottom:25px; font-size:clamp(68px,9.25vw,165px); font-weight:700; letter-spacing:-.077em; line-height:.87; text-transform:uppercase; white-space:nowrap; }
.case-title >.case-title-rust { margin:0; font-size:1em; color:var(--ink); letter-spacing:inherit; vertical-align:baseline; }
.case-title >.case-title-dot { margin:0; font-size:1em; color:var(--accent); letter-spacing:inherit; vertical-align:baseline; }
.case-period { display:flex; flex:none; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-height:84px; padding:16px 19px; background:var(--accent); color:var(--ink); clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px)); transform:rotate(5deg); font-size:11px; }
.case-period >span { font-size:8px; }
.case-deck { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:54px; }
.case-deck >p { font-size:clamp(26px,3vw,46px); font-weight:600; letter-spacing:-.055em; line-height:1.08; }
.case-summary { font-size:15px; max-width:390px; }
.case-deck .tags { margin-top:13px; }
.case-deck .tag { border-color:var(--ink); }

.case-feature { position:relative; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); margin-bottom:82px; }
.case-scene-heading { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:20px; height:56px; padding:0 24px; color:var(--paper); border-bottom:1px solid #f4f1e833; }
.case-scene-heading >span:last-child { color:var(--accent); font-size:32px; line-height:1; }
.case-feature-art { align-self:start; }
.case-feature-art .art-open { overflow:visible; }
.case-feature-art .art-open img { position:relative; view-transition-name:magic-art; }
.case-feature-art figcaption { min-height:62px; padding:18px 23px; }
.case-feature-note { overflow:hidden; justify-content:flex-start; padding:38px 30px 27px; border-left:0; background:var(--accent); color:var(--ink); }
.case-scene-ticket { display:inline-flex; width:max-content; padding:8px 12px; border:1px solid var(--ink); border-radius:0; background:var(--ink); color:var(--paper); transform:rotate(-4deg); font-size:9px; }
.case-feature-note >.case-scene-ticket { color:var(--paper); }
.case-feature-statement { position:relative; z-index:1; margin-top:41px; font-size:clamp(31px,3.7vw,59px); font-weight:700; line-height:.99; letter-spacing:-.065em; }
.case-feature-statement span { color:var(--ink); }
.case-cross { position:relative; flex-shrink:0; align-self:flex-end; right:auto; top:auto; margin:38px 5px 35px 0; width:clamp(90px,9vw,154px); height:clamp(90px,9vw,154px); color:var(--ink); transform:rotate(-10deg); }
.feature-facts { margin-top:auto; padding-top:0; gap:13px; }
.feature-facts >div { border-color:#20221f66; font-size:11px; }
.feature-facts .eyebrow { color:var(--ink); opacity:.78; font-size:8px; }
.case-feature-note::after { content:""; position:absolute; bottom:0; right:0; width:27px; height:27px; background:var(--paper); clip-path:polygon(100% 0,100% 100%,0 100%); }

.case-map { grid-template-columns:minmax(0,.7fr) minmax(0,1.4fr); gap:46px; padding-bottom:60px; }
.case-map-label h2 { position:relative; margin-top:18px; font-size:clamp(33px,3.2vw,48px); font-weight:700; letter-spacing:-.065em; line-height:.99; }
.case-map-label h2 >span { display:block; width:48px; margin-top:21px; font-size:43px; line-height:1; color:var(--ink); background:var(--accent); text-align:center; }
.case-map-entries { border-top:1px solid var(--ink); }
.case-map-entries a { position:relative; min-height:84px; padding:14px 0; grid-template-columns:42px minmax(0,1fr) auto; gap:18px; border-color:var(--ink); transition:background .22s var(--ease),padding .22s var(--ease); }
.case-map-entries a:hover { color:var(--ink); padding-left:10px; padding-right:10px; background:#f86c3929; }
.case-map-entries a >span:nth-child(2) { font-size:20px; font-weight:500; line-height:1.12; }
.case-map-entries a >.eyebrow { align-self:center; display:flex; align-items:center; justify-content:center; min-height:29px; border:1px solid var(--ink); font-size:9px; }
.case-map-status { gap:15px; font-size:9px; }
.case-map-status >span { font-size:28px; color:var(--ink); }

.case-chapter { padding-top:74px; padding-bottom:74px; }
.case-chapter .section-head { padding-bottom:30px; }
.case-chapter .section-head h2 { font-size:clamp(48px,6.3vw,92px); font-weight:700; letter-spacing:-.077em; text-transform:uppercase; }
.case-chapter .section-head .eyebrow { color:var(--ink); }
.case-chapter-note { max-width:240px; font-size:13px; }
.case-authorship { margin-bottom:12px; border-color:var(--ink); }
.case-authorship >p { font-size:14px; max-width:440px; }
.art-grid { gap:30px; }
.art-grid-pair { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:start; }
.art-grid-pair >.art-figure:nth-child(2) { margin-top:76px; }
.art-grid-pair >.art-figure:first-child figcaption { border-bottom:2px solid var(--ink); }
.art-figure .art-open { overflow:visible; }
.art-enlarge { right:0; bottom:0; width:44px; height:44px; background:var(--accent); color:var(--ink); opacity:1; transform:none; clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px); }
.art-open:hover .art-enlarge { transform:translate(2px,-2px); }
.art-figure figcaption { min-height:51px; align-items:center; padding:15px 0 12px; border-color:var(--ink); }
.art-figure figcaption >span:first-child { font-size:13px; font-weight:600; }
.art-figure figcaption .eyebrow { color:var(--muted); }
.art-grid + .art-grid { margin-top:42px; }
.art-grid-three { gap:24px; }
.art-grid-three >.art-figure:nth-child(2) { padding-top:40px; }
.art-archive { margin-top:42px; }
.art-archive >summary { min-height:76px; padding:0 18px; border-color:var(--ink); background:#e9e6db; }
.art-archive >summary:hover { color:var(--ink); background:#f86c3929; }
.art-archive >summary >span:first-child { font-size:18px; font-weight:600; }
.archive-plus { color:var(--ink); }
.art-archive[open] >.art-grid { margin-top:32px; }
.art-archive .art-grid-three >.art-figure:nth-child(2) { padding-top:0; }
.results-chapter { background:var(--ink); color:var(--paper); margin:0 -48px; padding:68px 48px 74px; border:0; }
.results-chapter .section-head .eyebrow { color:var(--accent); }
.results-chapter .case-chapter-note,.results-chapter .art-figure figcaption .eyebrow { color:#b9bcaf; }
.results-chapter .art-figure figcaption,.results-chapter .art-grid-pair >.art-figure:first-child figcaption { border-color:#f4f1e84d; }
.results-chapter .art-archive >summary { background:transparent; border-color:#f4f1e84d; }
.results-chapter .art-archive >summary:hover { color:var(--paper); background:#f4f1e810; }
.results-chapter .archive-plus { color:var(--accent); }

.more-surfaces { padding:74px 0; gap:46px; }
.more-surfaces-intro h2 { font-size:clamp(37px,4.25vw,64px); line-height:.99; font-weight:700; letter-spacing:-.065em; }
.surface-list { border-top:1px solid var(--ink); }
.surface-list >div { padding:24px 0; border-color:var(--ink); }
.surface-list h3 { font-size:24px; font-weight:500; }
.surface-list >div >.eyebrow { font-weight:700; }
.case-next { padding-top:45px; padding-bottom:49px; }
.case-next >div >a { font-weight:700; }
.case-next >div >a >span:last-child { display:grid; place-items:center; width:70px; height:70px; flex:none; color:var(--ink); background:var(--accent); clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%); }
.case-next >div >a:hover >span:last-child { transform:translate(3px,-3px); }

@media (min-width:1600px) {
  .results-chapter { margin-left:-70px; margin-right:-70px; padding-left:70px; padding-right:70px; }
}
@media (max-width:1100px) and (min-width:851px) {
  .case-title { font-size:8.15vw; }
  .case-period { min-height:67px; padding:12px; font-size:9px; }
  .case-feature { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
  .case-feature-note { padding:28px 23px 23px; }
  .case-feature-statement { font-size:35px; margin-top:31px; }
  .case-cross { width:94px; height:94px; margin-top:23px; margin-bottom:25px; }
  .case-map-entries a { grid-template-columns:38px minmax(0,1fr); gap:8px 15px; }
  .case-map-status { grid-column:2; }
  .case-map-entries a >span:nth-child(2) { font-size:18px; }
  .results-chapter { margin-left:-32px; margin-right:-32px; padding-left:32px; padding-right:32px; }
  .art-grid { gap:20px; }
  .art-grid-pair >.art-figure:nth-child(2) { margin-top:52px; }
}
@media (max-width:850px) {
  .case-title { font-size:10.1vw; }
  .case-period { min-height:69px; padding:13px; font-size:10px; }
  .case-deck { gap:30px; }
  .case-feature { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); margin-bottom:59px; }
  .case-feature-note { padding:28px 23px 23px; }
  .case-feature-statement { font-size:clamp(31px,4.7vw,42px); margin-top:33px; }
  .case-cross { width:90px; height:90px; margin:30px 0; }
  .feature-facts >div { font-size:10px; }
  .case-map { gap:27px; padding-bottom:45px; }
  .case-map-entries a { grid-template-columns:36px minmax(0,1fr); gap:8px 14px; min-height:90px; }
  .case-map-status { grid-column:2; }
  .case-map-entries a >span:nth-child(2) { font-size:18px; }
  .case-chapter { padding:54px 0; }
  .art-grid { gap:21px; }
  .art-grid-pair >.art-figure:nth-child(2) { margin-top:49px; }
  .art-grid-three { gap:16px; }
  .art-grid-three >.art-figure:nth-child(2) { padding-top:27px; }
  .art-figure figcaption { align-items:flex-start; }
  .art-figure figcaption >span:first-child { font-size:12px; }
  .results-chapter { margin:0 -24px; padding:54px 24px; }
  .more-surfaces { gap:32px; padding:56px 0; }
  .case-next >div >a >span:last-child { width:53px; height:53px; }
}
@media (max-width:600px) {
  .results-chapter { margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px; }
}
@media (max-width:560px) {
  .case-topline { padding:20px 0; }
  .case-heading-row { position:relative; display:flow-root; }
  .case-intro { padding-top:31px; padding-bottom:30px; }
  .case-title { white-space:normal; width:min-content; font-size:clamp(62px,21vw,117px); line-height:.88; margin-bottom:25px; letter-spacing:-.07em; }
  .case-title >.case-title-rust { display:inline; }
  .case-period { position:absolute; right:4px; bottom:30px; margin:0; min-height:65px; padding:12px 10px; font-size:9px; gap:6px; }
  .case-period >span { font-size:7px; }
  .case-deck { grid-template-columns:1fr; gap:21px; }
  .case-deck >p { font-size:29px; }
  .case-summary { font-size:13px; margin-bottom:15px; }
  .case-feature { grid-template-columns:1fr; margin-bottom:43px; }
  .case-scene-heading { height:49px; padding:0 17px; }
  .case-scene-heading .eyebrow { font-size:8px; }
  .case-feature-art figcaption { min-height:57px; padding:15px 17px; }
  .case-feature-note { min-height:0; padding:28px 24px 26px; display:grid; grid-template-columns:minmax(0,1fr) 77px; gap:25px 15px; border-top:0; }
  .case-scene-ticket { grid-column:1/-1; font-size:8px; }
  .case-feature-statement { margin:0; font-size:clamp(37px,10.6vw,57px); line-height:.97; }
  .case-cross { width:77px; height:77px; margin:0; align-self:center; }
  .feature-facts { grid-column:1/-1; padding-top:3px; margin:0; gap:13px; }
  .feature-facts >div { flex-wrap:nowrap; font-size:10px; }
  .case-map { grid-template-columns:1fr; gap:24px; padding-bottom:39px; }
  .case-map-label h2 { font-size:36px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
  .case-map-label h2 br { display:none; }
  .case-map-label h2 >span { margin:0 0 0 auto; width:39px; font-size:34px; }
  .case-map-entries a { min-height:81px; }
  .case-map-entries a >span:nth-child(2) { font-size:17px; }
  .case-map-status { font-size:8px; }
  .case-map-status >span { font-size:24px; }
  .case-chapter { padding:45px 0; }
  .case-chapter .section-head { gap:17px; padding-bottom:24px; }
  .case-chapter .section-head h2 { font-size:clamp(43px,12.6vw,68px); }
  .case-chapter-note { max-width:none; font-size:12px; }
  .case-authorship { gap:19px; margin-bottom:0; }
  .case-authorship >p { font-size:13px; }
  .art-grid-pair,.art-grid-three { grid-template-columns:1fr; gap:28px; }
  .art-grid-pair >.art-figure:nth-child(2) { margin-top:0; }
  .art-grid-three >.art-figure:nth-child(2) { padding-top:0; }
  .art-grid + .art-grid { margin-top:28px; }
  .art-figure figcaption { align-items:center; }
  .art-figure figcaption >span:first-child { font-size:12px; }
  .art-enlarge { width:38px; height:38px; font-size:24px; }
  .art-archive { margin-top:30px; }
  .art-archive >summary { min-height:65px; padding:0 13px; }
  .art-archive >summary >span:first-child { font-size:15px; }
  .results-chapter { padding:45px 20px; }
  .more-surfaces { gap:28px; padding:45px 0; }
  .more-surfaces-intro h2 { font-size:43px; }
  .surface-list >div { padding:20px 0; }
  .surface-list h3 { font-size:21px; }
  .case-next { padding:34px 0; }
  .case-next >div >a { font-size:46px; }
  .case-next >div >a >span:last-child { width:46px; height:46px; }
}
@media (prefers-reduced-motion:reduce) {
  .case-cross { animation:none; transform:rotate(-10deg); }
  .case-map-entries a { transition:none; }
  .case-map-entries a:hover { padding-left:0; padding-right:0; }
  .art-open:hover .art-enlarge { transform:none; }
}