.interior-editorial{margin:58px 0 42px;color:#332333}
.editorial-heading{text-align:center;margin:0 auto 30px;max-width:720px}
.editorial-eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:#71566c}
.editorial-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,48px);line-height:1.16;margin:12px 0}
.editorial-heading>p{color:#766d67}
.editorial-heading .editorial-disclosure{font-size:12px;margin-top:18px;max-width:56ch;margin-inline:auto}
.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 24px;align-items:start}
.editorial-photo{margin:0;grid-column:span 4;min-width:0}
.editorial-photo:nth-child(1){grid-column:span 7}
.editorial-photo:nth-child(2){grid-column:span 5;padding-top:46px}
.editorial-photo picture{display:block;overflow:hidden;background:var(--sand-200);aspect-ratio:3/2;border-radius:3px}
.editorial-photo:nth-child(2) picture{aspect-ratio:1.22}
.editorial-photo:nth-child(4) picture{aspect-ratio:1.35}
.editorial-photo img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-photo figcaption{padding:15px 0 0}
.editorial-photo figcaption span{font-size:10px;letter-spacing:1.7px;color:#79685a}
.editorial-photo h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:7px 0 0;line-height:1.25}
.editorial-credit{text-align:right;font-size:11px;color:#766d67;margin:20px 0 0}
.editorial-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:1000px){.editorial-photo:nth-child(1),.editorial-photo:nth-child(2){grid-column:span 6}.editorial-photo h3{font-size:21px}}
/* On a phone this was five full-width photographs stacked one under another —
   close to two thousand pixels of inspiration to thumb past before reaching a
   single thing that is actually for rent. It keeps all five, but as a spread:
   one opener at full width and the other four two-up. */
@media(max-width:700px){
  .interior-editorial{margin:34px 0 30px}
  .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  .editorial-photo,.editorial-photo:nth-child(2){grid-column:span 1;padding:0}
  .editorial-photo:nth-child(1){grid-column:1/-1}
  .editorial-photo picture,.editorial-photo:nth-child(2) picture,
  .editorial-photo:nth-child(4) picture{aspect-ratio:3/2}
  .editorial-photo figcaption{padding-top:10px}
  .editorial-photo:not(:nth-child(1)) h3{font-size:16px;margin-top:5px}
  .editorial-photo figcaption span{font-size:9.5px;letter-spacing:1.3px}
  .editorial-heading{text-align:left;margin-bottom:22px}
  .editorial-heading h2{max-width:15ch}
  .editorial-credit{text-align:left;margin-top:16px}
}
