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

.a360-hosting-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: clamp(620px, calc(90svh - 112px), 780px); }
.a360-hosting-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; padding: 64px clamp(36px, 5.5vw, 88px); }
.a360-hosting-page .a360-hosting-eyebrow { margin: 0 0 22px; color: #826438; font: 700 10px/1.6 var(--a360-sans); letter-spacing: .13em; text-transform: uppercase; }
.a360-hosting-copy h1 { margin: 0 0 26px; color: var(--a360-navy); font: 400 clamp(74px, 7.3vw, 112px)/.99 var(--a360-serif); letter-spacing: -.035em; }
.a360-hosting-copy h1 em { display: block; margin-top: 4px; color: #8c6c35; font-weight: 500; }
.a360-hosting-page .a360-hosting-message { max-width: 390px; margin: 0; color: #52616b; font: 400 14px/1.9 var(--a360-sans); }
.a360-hosting-page .a360-hosting-button { min-height: 58px !important; margin-top: 30px; gap: 20px !important; }
.a360-hosting-button svg { width: 19px; height: 19px; stroke: currentColor; stroke-width: 1.4; }
.a360-hosting-page .a360-hosting-button:is(:hover, :focus-visible) { background: #143147 !important; border-color: #143147 !important; }
.a360-hosting-page .a360-hosting-help { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; color: #637079; font: 500 12px/1.7 var(--a360-sans); }
.a360-hosting-help a { display: inline-flex; align-items: center; min-height: 44px; color: var(--a360-navy); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.a360-hosting-page .a360-hosting-terms { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 3px; color: #637079; font: 500 11px/1.7 var(--a360-sans); text-decoration: none; }
.a360-hosting-terms::after { content: ""; position: absolute; inset-inline: 0; bottom: 11px; height: 1px; background: #63707955; }
.a360-hosting-help a:hover, .a360-hosting-page .a360-hosting-terms:hover { color: #8c6c35; }
.a360-hosting-photo { position: relative; min-width: 0; min-height: 100%; margin: 0; overflow: hidden; background: var(--a360-stone); }
.a360-hosting-page .a360-hosting-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.a360-hosting-photo::after { content: ""; position: absolute; inset: 65% 0 0; background: linear-gradient(transparent, #07182780); pointer-events: none; }
.a360-hosting-photo figcaption { position: absolute; z-index: 1; inset: auto 36px 30px; color: #fff; font: 700 9px/1.6 var(--a360-sans); letter-spacing: .15em; text-transform: uppercase; }

@media (min-width: 1800px) {
  .a360-hosting-copy { padding-left: max(88px, calc((100vw - 1440px) / 2)); }
}
@media (max-width: 1100px) {
  .a360-hosting-copy { padding-inline: 36px; }
  .a360-hosting-copy h1 { font-size: 78px; }
}
@media (max-width: 960px) {
  html:not(.a360-shell-ready) .a360-hosting-page .a360-header > .a360-nav { background: transparent; }
}
@media (max-width: 900px) {
  .a360-hosting-layout { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .a360-hosting-copy { padding: 54px 48px 40px; }
  .a360-hosting-copy h1 { font-size: clamp(80px, 11vw, 104px); }
  .a360-hosting-page .a360-hosting-message { max-width: 460px; }
  .a360-hosting-photo { min-height: 0; height: 60vw; max-height: 520px; }
  .a360-hosting-page .a360-hosting-photo img { object-position: center; }
}
@media (max-width: 600px) {
  .a360-hosting-page .a360-header.a360-page-header { min-height: 94px; padding-block: 23px; }
  .a360-hosting-copy { padding: 40px 24px 28px; }
  .a360-hosting-page .a360-hosting-eyebrow { margin-bottom: 18px; font-size: 9px; }
  .a360-hosting-copy h1 { margin-bottom: 22px; font-size: clamp(60px, 18vw, 90px); }
  .a360-hosting-page .a360-hosting-message { font-size: 13px; line-height: 1.85; }
  .a360-hosting-page .a360-hosting-button { width: 100%; max-width: 360px; min-height: 56px !important; margin-top: 25px; }
  .a360-hosting-page .a360-hosting-help { margin-top: 14px; }
  .a360-hosting-photo { height: 80vw; }
  .a360-hosting-photo figcaption { inset: auto 24px 22px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html.a360-hosting-root { scroll-behavior: auto; }
  .a360-hosting-page *, .a360-hosting-page *::before, .a360-hosting-page *::after { transition: none !important; }
}