.virtual-tour-section { padding: 72px 0; background: #f3f4f4; scroll-margin-top: 155px; }
.virtual-tour-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 30px; }
.virtual-tour-heading h2 { margin: 14px 0 0; font-size: clamp(28px,3.3vw,46px); line-height: 1.3; }
.virtual-tour-heading h2 .script { display: inline-block; margin-left: 8px; }
.virtual-tour-heading h2 .virtual-tour-intro { font-size: .8em; }
.virtual-tour-heading h2 .virtual-tour-boat-name { font-size: 1.2em; }
.virtual-tour-heading > p { max-width: 430px; margin: 0; color: #626d78; font-size: 15px; line-height: 1.8; }
.virtual-tour-viewer { width: 100%; height: clamp(400px,55vw,800px); background: #e5e8e9; }
.virtual-tour-viewer iframe { display: block; width: 100%; height: 100%; border: 0; }
.virtual-tour-launch { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; overflow: hidden; cursor: pointer; color: white; background: #e5e8e9; }
.virtual-tour-launch > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.virtual-tour-launch::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(7,25,42,.48),rgba(7,25,42,.15)); }
.virtual-tour-invitation { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; padding: 24px; text-align: center; }
.virtual-tour-play { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 0; background: var(--navy); color: #fff; transition: transform .2s; }
.virtual-tour-play .icon { width: 25px; height: 25px; fill: currentColor; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) { .virtual-tour-launch:hover .virtual-tour-play { transform: scale(1.04); } }
.virtual-tour-launch:focus-visible { outline: 3px solid #7b929d; outline-offset: 5px; }
.virtual-tour-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 20px; }
.virtual-tour-footer p { margin: 0; color: #626d78; font-size: 13px; }
.virtual-tour-footer > div { display: flex; flex-wrap: wrap; gap: 24px; }
.virtual-tour-footer .text-button { font-size: 13px; }
@media(max-width:700px) {
  .virtual-tour-section { padding: 42px 0; scroll-margin-top: 125px; }
  .virtual-tour-heading { display: block; margin-bottom: 24px; }
  .virtual-tour-heading > p { margin-top: 18px; font-size: 14px; }
  .virtual-tour-viewer { height: 500px; max-height: 75svh; min-height: 350px; }
  .virtual-tour-footer { display: block; }
  .virtual-tour-footer > div { margin-top: 16px; }
}
@media(prefers-reduced-motion:reduce) { .virtual-tour-play { transition: none; } }