.rothko-main { padding-top: clamp(36px, 5vw, 72px); }
.rothko-work { align-items: start; grid-template-areas: "gallery heading" "gallery info"; grid-template-rows: min-content 1fr; row-gap: 24px; }
.rothko-heading { grid-area: heading; min-width: 0; }
.rothko-gallery { grid-area: gallery; min-width: 0; }
.rothko-info { grid-area: info; min-width: 0; }
.rothko-main-photo img, .rothko-thumbnails img { aspect-ratio: 3 / 4; object-fit: contain; background: #fff; }
.rothko-story { width: min(100%, 980px); margin: clamp(68px, 9vw, 120px) auto 0; }
.rothko-story section + section { margin-top: clamp(36px, 5vw, 64px); }
.rothko-story h2 { margin: 0 0 16px; font: 700 clamp(24px, 2.5vw, 32px)/1.15 var(--urban-text); letter-spacing: -.025em; }
.rothko-story p { max-width: 72ch; margin: 0; font: 400 clamp(17px, 1.5vw, 20px)/1.65 var(--urban-serif); }
.rothko-story a { color: var(--urban-blue); text-decoration: underline; text-underline-offset: .18em; }
.rothko-story a:focus-visible { outline: 3px solid var(--urban-blue); outline-offset: 3px; }
.rothko-page .available-title { margin: 0; }
.rothko-page .available-status { max-width: 34ch; }
@media (max-width: 720px) {
  .rothko-main { padding-top: 28px; }
  .rothko-work { grid-template-areas: "heading" "gallery" "info"; grid-template-rows: auto; row-gap: 28px; }
  .rothko-story { margin-top: 60px; }
  .rothko-story section + section { margin-top: 38px; }
}

.rothko-listing { margin-top: clamp(64px, 8vw, 112px); padding-top: clamp(40px, 6vw, 80px); border-top: 1px solid #cbd0da; }
.rothko-listing .available-title a { color: inherit; text-decoration: none; }
.rothko-listing .available-title a:hover { text-decoration: underline; }