/* A quiet frame for the existing Google Street View example. */
.a360-google-map-page { margin: 0; background: var(--a360-paper); }
.a360-google-map-page .a360-press-strip { display: none; }
.a360-google-map-page .a360-header.a360-page-header { position: relative; min-height: 112px; padding-block: 27px; background: var(--a360-paper); border-bottom: 1px solid #07182712; }
.a360-google-map-page .a360-page-header .a360-logo span { color: #52616b; }
.a360-google-map-page .a360-page-header .a360-shell-toggle { color: var(--a360-navy); }
.a360-google-map-page .a360-homepage [data-homepage-header] .a360-header-services > .a360-services-main,
.a360-google-map-page [data-homepage-header] .a360-services-disclosure > summary { color: var(--a360-navy); }
.a360-google-map-page [data-homepage-header] .a360-realtor-portal { border-color: #07182726; }
.a360-google-map-page .a360-homepage [data-homepage-header] .a360-header-services > .a360-services-main:hover,
.a360-google-map-page [data-homepage-header] .a360-services-disclosure[open] > summary { color: #94713a; }
.a360-google-map-page :focus-visible { outline: 2px solid #94713a; outline-offset: 5px; }

.a360-google-map-intro { padding-block: 57px 38px; text-align: center; }
.a360-google-map-page .a360-google-map-eyebrow { margin: 0 0 16px; color: #52616b; font: 700 11px/1.8 var(--a360-sans); letter-spacing: .14em; text-transform: uppercase; }
.a360-google-map-intro h1 { margin: 0 0 20px; color: var(--a360-navy); font: 400 clamp(68px, 7vw, 100px)/1.03 var(--a360-serif); letter-spacing: -.035em; }
.a360-google-map-intro h1 em { color: #8c6c35; font-weight: 500; }
.a360-google-map-page .a360-google-map-lede { max-width: 590px; margin: 0 auto; color: #52616b; font: 400 14px/1.9 var(--a360-sans); text-wrap: pretty; }
.a360-google-map-tour figure { margin: 0; }
.a360-google-map-tour iframe { display: block; width: 100%; height: clamp(440px, 48vw, 640px); border: 0; background: var(--a360-stone); }
.a360-google-map-page .a360-google-map-tour figcaption { padding-block: 15px 0; color: #65717a; font: 400 12px/1.75 var(--a360-sans); text-align: center; }
.a360-google-map-next { display: flex; align-items: center; justify-content: space-between; gap: 28px 48px; padding-block: 52px 64px; }
.a360-google-map-next h2 { margin: 0 0 10px; color: var(--a360-navy); font: 500 clamp(32px, 3vw, 43px)/1.12 var(--a360-serif); letter-spacing: -.02em; }
.a360-google-map-page .a360-google-map-next p { margin: 0; color: #52616b; font: 400 13px/1.85 var(--a360-sans); }
.a360-google-map-next p a { color: var(--a360-navy); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.a360-google-map-next p a:hover { color: #8c6c35; }
.a360-google-map-page .a360-google-map-contact { flex-shrink: 0; min-width: 216px; min-height: 56px !important; gap: 20px !important; }
.a360-google-map-contact svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.4; }
.a360-google-map-page .a360-google-map-contact:is(:hover, :focus-visible) { background: #143147 !important; border-color: #143147 !important; }

@media (max-width: 960px) {
  html:not(.a360-shell-ready) .a360-google-map-page .a360-header > .a360-nav { background: transparent; }
  .a360-google-map-next { gap: 28px; }
}
@media (max-width: 720px) {
  .a360-google-map-next { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .a360-google-map-page .a360-header.a360-page-header { min-height: 94px; padding-block: 23px; }
  .a360-google-map-intro { padding-block: 37px 29px; }
  .a360-google-map-page .a360-google-map-eyebrow { margin-bottom: 13px; font-size: 10px; }
  .a360-google-map-intro h1 { margin-bottom: 17px; font-size: clamp(55px, 15.3vw, 76px); }
  .a360-google-map-page .a360-google-map-lede { max-width: 350px; font-size: 13px; line-height: 1.85; }
  .a360-google-map-tour iframe { height: clamp(410px, 56svh, 520px); }
  .a360-google-map-page .a360-google-map-tour figcaption { max-width: 290px; margin-inline: auto; padding-top: 13px; font-size: 11px; }
  .a360-google-map-next { gap: 23px; padding-block: 36px 47px; }
  .a360-google-map-next h2 { max-width: 350px; font-size: 35px; }
  .a360-google-map-page .a360-google-map-next p { max-width: 350px; font-size: 12px; }
  .a360-google-map-page .a360-google-map-contact { min-width: 216px; min-height: 54px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html.a360-google-map-root { scroll-behavior: auto; }
  .a360-google-map-page *, .a360-google-map-page *::before, .a360-google-map-page *::after { transition: none !important; }
}