/* Scoped to the first ten local-only tour, Google, and Matterport articles. */
.a360-s9a-article .a360-article-intro { padding-block: clamp(42px, 6vw, 78px) clamp(37px, 5vw, 57px); }
.a360-s9a-article .a360-article-intro h1 { max-width: 1200px; font: 400 clamp(55px, 6vw, 87px)/.99 var(--a360-serif); text-wrap: balance; }
.a360-s9a-article .a360-article-intro h1 em { font-weight: 500; }
.a360-s9a-article .a360-article-cover img { aspect-ratio: 2.08; object-position: center; }
.a360-s9a-article .a360-article-layout { margin-block: 72px 68px; }
.a360-s9a-article .a360-article-note > p:not(.a360-eyebrow) { font-weight: 400; }
.a360-s9a-article .a360-article-copy { font: 400 15px/1.9 var(--a360-sans); }
.a360-s9a-article .a360-article-lead { font-weight: 400; }
.a360-s9a-article .a360-article-copy h2 { font-weight: 400; }
.a360-s9a-article .a360-s9a-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); align-items: end; column-gap: clamp(30px, 6vw, 100px); margin-bottom: 27px; }
.a360-s9a-article .a360-s9a-section-head .a360-eyebrow { grid-column: 1 / -1; color: #8a672d; margin: 0 0 16px; }
.a360-s9a-article .a360-s9a-section-head h2 { color: var(--a360-navy); font: 400 clamp(36px, 3.9vw, 53px)/1.08 var(--a360-serif); letter-spacing: -.02em; margin: 0; text-wrap: balance; }
.a360-s9a-article .a360-s9a-section-head > p:not(.a360-eyebrow) { color: #525d65; font: 400 15px/1.7 var(--a360-sans); margin: 0; }
.a360-s9a-article .a360-s9a-features { margin-block: 0 clamp(62px, 7vw, 90px); }
.a360-s9a-article .a360-s9a-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--a360-line); }
.a360-s9a-article .a360-s9a-feature-grid > div { padding: 32px clamp(20px, 3vw, 38px) 35px; border-inline-start: 1px solid var(--a360-line); }
.a360-s9a-article .a360-s9a-feature-grid > div:first-child { padding-left: 0; border-left: 0; }
.a360-s9a-article .a360-s9a-feature-grid > div:last-child { padding-right: 0; }
.a360-s9a-article .a360-s9a-feature-grid span { display: block; color: #8a672d; font: 700 10px/1.5 var(--a360-sans); letter-spacing: .12em; text-transform: uppercase; }
.a360-s9a-article .a360-s9a-feature-grid h3 { color: var(--a360-navy); font: 400 clamp(27px, 2.8vw, 37px)/1.12 var(--a360-serif); letter-spacing: -.01em; margin: 20px 0 14px; }
.a360-s9a-article .a360-s9a-feature-grid p { color: #525d65; font: 400 14px/1.8 var(--a360-sans); margin: 0; }
.a360-s9a-article .a360-s9a-gallery { margin: 0 0 clamp(62px, 7vw, 90px); }
.a360-s9a-article .a360-s9a-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.a360-s9a-article .a360-s9a-gallery figure { margin: 0; }
.a360-s9a-article .a360-s9a-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; object-position: center; }
.a360-s9a-article .a360-s9a-gallery figcaption { color: #687178; font: 400 11px/1.7 var(--a360-sans); padding-top: 15px; }
.a360-s9a-article .a360-s9a-tour { margin: 0 0 clamp(62px, 7vw, 90px); }
.a360-s9a-article .a360-s9a-tour-frame { position: relative; aspect-ratio: 16/9; background: var(--a360-navy); overflow: hidden; }
.a360-s9a-article .a360-s9a-tour-caption { color: #525d65; font: 400 12px/1.7 var(--a360-sans); margin: 15px 0 0; }
.a360-s9a-article .a360-s9a-tour-caption a { color: var(--a360-navy); text-decoration: underline; text-underline-offset: 4px; }
.a360-s9a-article .a360-s9a-original-tours { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--a360-line); }
.a360-s9a-article .a360-s9a-original-tours h3 { color: var(--a360-navy); font: 400 26px/1.15 var(--a360-serif); margin: 0 0 8px; }
.a360-s9a-article .a360-s9a-original-tours p { color: #525d65; font: 400 12px/1.7 var(--a360-sans); margin: 0 0 14px; }
.a360-s9a-article .a360-s9a-original-tours ul { display: flex; flex-wrap: wrap; gap: 8px 25px; list-style: none; padding: 0; margin: 0; }
.a360-s9a-article .a360-s9a-original-tours a { color: var(--a360-navy); font: 600 12px/1.8 var(--a360-sans); text-decoration: underline; text-underline-offset: 4px; }
.a360-s9a-article .a360-article-tour-label strong { font-weight: 400; }
.a360-s9a-article .a360-article-video { width: 100%; max-width: 1100px; margin: 0 auto clamp(62px, 7vw, 90px); }
.a360-s9a-article .a360-article-video-frame { aspect-ratio: 16/9; }
.a360-s9a-article .a360-article-video-meta h2 { color: var(--a360-navy); font: 400 28px/1.2 var(--a360-serif); }
.a360-s9a-article .a360-article-video-meta p { font-weight: 400; }
.a360-s9a-article .a360-article-video-meta a { display: inline-block; padding-block: 7px; color: var(--a360-navy); text-decoration: underline; text-underline-offset: 4px; }
.a360-s9a-article .a360-s9a-pricing { padding: 32px clamp(24px, 3vw, 40px); margin: 0 0 clamp(62px, 7vw, 90px); background: #f0eee7; border: 1px solid var(--a360-line); }
.a360-s9a-article .a360-s9a-pricing .a360-eyebrow { color: #8a672d; margin: 0 0 16px; }
.a360-s9a-article .a360-s9a-pricing h2 { color: var(--a360-navy); font: 400 36px/1.1 var(--a360-serif); margin: 0 0 24px; }
.a360-s9a-article .a360-s9a-pricing dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 0 23px; }
.a360-s9a-article .a360-s9a-pricing dl > div { border-left: 1px solid var(--a360-line); padding-left: 24px; }
.a360-s9a-article .a360-s9a-pricing dl > div:first-child { border: 0; padding-left: 0; }
.a360-s9a-article .a360-s9a-pricing dt { color: var(--a360-navy); font: 600 12px/1.5 var(--a360-sans); margin-bottom: 8px; }
.a360-s9a-article .a360-s9a-pricing dd { color: #525d65; font: 400 12px/1.7 var(--a360-sans); margin: 0; }
.a360-s9a-article .a360-s9a-pricing strong { display: block; color: var(--a360-navy); font: 400 35px/1.1 var(--a360-serif); margin-bottom: 8px; }
.a360-s9a-article .a360-s9a-pricing > p:not(.a360-eyebrow) { color: #525d65; font: 400 12px/1.8 var(--a360-sans); margin: 0; }
.a360-s9a-article .a360-s9a-pricing a { color: var(--a360-navy); text-decoration: underline; text-underline-offset: 4px; }
.a360-s9a-article .a360-article-cta h2 { max-width: 650px; }
.a360-s9a-article .a360-article-book { min-width: 174px; text-align: center; }
.a360-s9a-article .a360-legacy-city-schema[hidden] { display: none !important; }
@media (max-width: 960px) {
  .a360-s9a-article .a360-article-layout { margin-block: 52px 56px; }
  .a360-s9a-article .a360-s9a-section-head { display: block; }
  .a360-s9a-article .a360-s9a-section-head .a360-eyebrow { margin-bottom: 16px; }
  .a360-s9a-article .a360-s9a-section-head > p:not(.a360-eyebrow) { margin-top: 16px; }
}
@media (max-width: 600px) {
  .a360-s9a-article .a360-article-intro { padding-block: 36px 34px; }
  .a360-s9a-article .a360-article-intro h1 { font-size: clamp(42px, 11.4vw, 61px); line-height: 1; }
  .a360-s9a-article .a360-article-cover img { aspect-ratio: 1.11; }
  .a360-s9a-article .a360-article-layout { margin-block: 38px 48px; }
  .a360-s9a-article .a360-article-copy { font-size: 14px; line-height: 1.85; }
  .a360-s9a-article .a360-s9a-feature-grid { grid-template-columns: 1fr; }
  .a360-s9a-article .a360-s9a-feature-grid > div { padding: 25px 0 28px; border-left: 0; border-top: 1px solid var(--a360-line); }
  .a360-s9a-article .a360-s9a-feature-grid > div:first-child { border-top: 0; }
  .a360-s9a-article .a360-s9a-feature-grid h3 { font-size: 32px; margin-top: 16px; }
  .a360-s9a-article .a360-s9a-gallery-grid { grid-template-columns: 1fr; gap: 28px; }
  .a360-s9a-article .a360-s9a-section-head h2 { font-size: 38px; }
  .a360-s9a-article .a360-s9a-tour-frame { height: min(74vh, 620px); min-height: 390px; aspect-ratio: auto; }
  .a360-s9a-article .a360-article-video { width: 100%; max-width: none; }
  .a360-s9a-article .a360-article-video-frame { aspect-ratio: 16/9; }
  .a360-s9a-article .a360-s9a-pricing dl { grid-template-columns: 1fr; gap: 23px; }
  .a360-s9a-article .a360-s9a-pricing dl > div { border-left: 0; border-top: 1px solid var(--a360-line); padding: 20px 0 0; }
  .a360-s9a-article .a360-s9a-pricing dl > div:first-child { padding-top: 0; }
  .a360-s9a-article .a360-s9a-pricing h2 { font-size: 33px; }
  .a360-s9a-article .a360-article-cta h2 { font-size: clamp(39px, 10vw, 50px); }
}