/* Photography, Windslow headings and readable sans-serif prose. */
.intro,
.breadcrumbs + .intro {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:center;
  gap:clamp(36px,6vw,88px);
  max-width:1320px;
  margin-inline:auto;
  padding:72px 48px 80px;
  text-align:left;
  scroll-margin-top:90px;
}
.intro-text { min-width:0; max-width:31rem; }
body .intro h2 {
  margin:0 0 26px;
  font-family:var(--serif);
  font-size:clamp(2rem,3.15vw,2.75rem);
  font-weight:400;
  line-height:var(--title-leading);
  letter-spacing:var(--title-tracking);
  text-wrap:balance;
}
body .intro-copy,
body .intro-copy p {
  font-family:var(--sans);
  font-size:1.125rem;
  line-height:var(--copy-leading);
  letter-spacing:var(--copy-tracking);
  color:var(--ink);
}
.intro-copy p { margin:0; }
.intro-copy p + p { margin-top:20px; }
.intro .property-wordmark { width:min(210px,70%); margin:0 0 28px; }
.intro-media { min-width:0; }
.intro-figure { margin:0; min-width:0; }
.intro-figure img {
  display:block; width:100%; height:auto; aspect-ratio:5/4;
  object-fit:cover; background:#d9d9ce;
}
body .intro-figure figcaption {
  margin-top:14px; font-size:.875rem; line-height:var(--copy-leading);
  letter-spacing:var(--copy-tracking); color:var(--muted);
}
.intro-media--paired { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.intro-media--paired .intro-figure:last-child { padding-top:80px; }
.intro-media--paired img { aspect-ratio:2/3; }
@media(max-width:1000px) {
  .intro,.breadcrumbs + .intro { padding:56px 32px 64px; gap:36px; }
  .intro-media--paired { gap:14px; }
  .intro-media--paired .intro-figure:last-child { padding-top:48px; }
}
@media(max-width:760px) {
  .intro,.breadcrumbs + .intro { grid-template-columns:1fr; gap:0; padding:44px 24px 52px; }
  .intro-text { display:contents; }
  body .intro h2 { order:2; font-size:2rem; margin-bottom:26px; max-width:22ch; }
  .intro-media { order:3; margin-bottom:26px; }
  .intro-copy { order:4; }
  body .intro-copy,body .intro-copy p { font-size:1.0625rem; line-height:var(--copy-leading); }
  .intro-copy p + p { margin-top:18px; }
  .intro-figure img { aspect-ratio:4/3; }
  .intro-media--paired img { aspect-ratio:3/4; }
  .intro-media--paired .intro-figure:last-child { padding-top:34px; }
  .intro .property-wordmark { order:1; width:170px; margin-bottom:22px; }
}