/* Fifth article batch: first five pages, with subject-specific visual sections. */
.a360-five-article .a360-elevate-intro h1 {
  max-width: 1250px;
  font-size: clamp(49px, 5.25vw, 79px);
}
.a360-five-article .a360-elevate-actions .a360-article-book {
  color: #fff;
  border: 1px solid rgba(255,255,255,.84);
  background: rgba(5,23,36,.34);
}
.a360-five-article .a360-elevate-actions .a360-article-book:focus-visible {
  color: #102433;
  background: #fff;
}
.a360-five-aerial .a360-elevate-hero img,
.a360-five-pflugerville .a360-elevate-hero img {
  aspect-ratio: 1.75;
  object-position: center 48%;
}
.a360-five-staging .a360-elevate-hero img {
  object-position: center 42%;
}
.a360-five-matterport .a360-elevate-hero img {
  object-position: center 59%;
}
.a360-five-section-heading {
  margin-bottom: 28px;
}
.a360-five-section-heading .a360-elevate-eyebrow {
  margin: 0 0 16px;
}
.a360-five-section-heading h2,
.a360-five-tour-copy h2 {
  margin: 0 0 13px;
  color: #102433;
  font: 400 clamp(44px, 4.5vw, 66px)/1.02 var(--a360-serif);
  letter-spacing: -.035em;
}
.a360-five-section-heading h2 em,
.a360-five-tour-copy h2 em {
  color: #91703b;
}
.a360-five-section-heading > p:not(.a360-elevate-eyebrow),
.a360-five-tour-copy > p:not(.a360-elevate-eyebrow) {
  max-width: 550px;
  margin: 0;
  color: #53616a;
  font: 400 15px/1.75 var(--a360-sans);
}
.a360-five-comparison,
.a360-five-gallery,
.a360-five-tour {
  margin: 0 0 clamp(80px, 9vw, 135px);
}
.a360-five-comparison-grid,
.a360-five-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(15px, 2vw, 30px);
}
.a360-five-comparison-grid figure,
.a360-five-gallery-grid figure {
  min-width: 0;
  margin: 0;
}
.a360-five-comparison-grid img,
.a360-five-gallery-grid img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.34;
  object-fit: cover;
}
.a360-five-gallery-grid figure:last-child img {
  object-position: center 52%;
}
.a360-five-comparison-grid figcaption,
.a360-five-gallery-grid figcaption {
  margin-top: 11px;
  color: #53616a;
  font: 700 11px/1.5 var(--a360-sans);
  letter-spacing: .09em;
  text-transform: uppercase;
}
.a360-five-tour {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
  gap: clamp(32px, 7vw, 110px);
  align-items: center;
}
.a360-five-tour-copy .a360-elevate-eyebrow {
  margin: 0 0 17px;
}
.a360-five-tour-copy > p:not(.a360-elevate-eyebrow) {
  margin: 0 0 23px;
}
.a360-five-tour-copy a {
  display: inline-block;
  border-bottom: 1px solid #b7a986;
  padding: 8px 0;
  color: #102433;
  font: 700 12px/1.5 var(--a360-sans);
  text-decoration: none;
}
.a360-five-tour-viewer {
  position: relative;
  min-height: 560px;
  background: #102433;
  overflow: hidden;
}
.a360-five-tour-viewer .a360-article-tour-poster img {
  object-position: center 40%;
}
.a360-five-tour-viewer .a360-article-tour-label {
  bottom: 30px;
  left: 30px;
}
.a360-five-tour-viewer .a360-article-tour-label strong {
  font-size: 42px;
}
@media (hover: hover) and (pointer: fine) {
  .a360-five-article .a360-elevate-actions .a360-article-book:hover {
    color: #102433;
    background: #fff;
  }
  .a360-five-tour-copy a:hover {
    color: #91703b;
  }
}
@media (max-width: 850px) {
  .a360-five-tour {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .a360-five-tour-copy {
    max-width: 650px;
  }
  .a360-five-tour-viewer {
    min-height: 550px;
  }
}
@media (max-width: 600px) {
  .a360-five-article .a360-elevate-intro h1 {
    font-size: clamp(39px, 10vw, 54px);
    overflow-wrap: anywhere;
  }
  .a360-five-aerial .a360-elevate-hero img,
  .a360-five-pflugerville .a360-elevate-hero img {
    aspect-ratio: 1.06;
  }
  .a360-five-comparison,
  .a360-five-gallery,
  .a360-five-tour {
    margin-bottom: 65px;
  }
  .a360-five-section-heading h2,
  .a360-five-tour-copy h2 {
    font-size: 43px;
  }
  .a360-five-section-heading > p:not(.a360-elevate-eyebrow),
  .a360-five-tour-copy > p:not(.a360-elevate-eyebrow) {
    font-size: 14px;
  }
  .a360-five-comparison-grid,
  .a360-five-gallery-grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .a360-five-comparison-grid img,
  .a360-five-gallery-grid img {
    aspect-ratio: 1.35;
  }
  .a360-five-tour-viewer {
    min-height: 510px;
  }
  .a360-five-tour-viewer .a360-article-tour-label {
    bottom: 25px;
    left: 25px;
  }
}