/* A quiet, photo-led resort experience. Scoped to the resort directory and details. */
html:has(.resort-detail-page), html:has(.page-resorts) { scroll-behavior: auto; }
:is(.resort-detail-page, .page-resorts) *,
:is(.resort-detail-page, .page-resorts) *::before,
:is(.resort-detail-page, .page-resorts) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
:is(.resort-detail-page, .page-resorts) .reveal { opacity: 1; transform: none; }
:is(.resort-detail-page, .page-resorts) a:hover img,
.resort-detail-page .resort-ownership-media:hover img,
.resort-detail-page .amenity-card:hover { transform: none; }
.resort-detail-page .resort-hero-orbit { display: none; }
.resort-detail-page .resort-detail-hero { height: auto; min-height: 0; max-height: none; display: block; padding-top: 124px; }
.resort-detail-page .resort-detail-copy { padding: 24px 0 28px; }
.resort-detail-page .resort-detail-copy .breadcrumb { margin-bottom: 14px; font-size: .875rem; flex-wrap: wrap; }
.resort-detail-page .resort-detail-media img { transform: none; }
.resort-detail-page .resort-detail-overlay { background: linear-gradient(90deg,rgba(10,25,29,.88),rgba(10,25,29,.32)),linear-gradient(0deg,rgba(10,25,29,.6),transparent 65%); }
.resort-detail-page .resort-detail-index { margin-bottom: 12px; font-size: .875rem; letter-spacing: .08em; }
.resort-detail-page .resort-detail-type { display: none; }
.resort-detail-page .resort-brand-lockup { margin-bottom: 16px; }
.resort-detail-page .resort-brand-logo { height: 80px; max-width: min(340px,76vw); }
.resort-detail-page .resort-detail-lede { margin-bottom: 20px; color: #fff; max-width: 580px; font-size: clamp(1.125rem,1.8vw,1.5rem); }
.resort-detail-page .resort-detail-copy .hero-actions { gap: 12px; }
.resort-detail-page .resort-detail-copy .hero-actions .button { min-height: 46px; padding: 12px 20px; font-size: .9375rem; }
.resort-detail-page .resort-hero-facts { position: relative; left: auto; bottom: auto; transform: none; background: #112b33; backdrop-filter: none; border: 1px solid #ffffff30; }
.resort-detail-page .resort-hero-facts > div { padding: 16px 20px; min-height: 0; }
.resort-detail-page .resort-hero-facts small { font-size: .75rem; }
.resort-detail-page .resort-hero-facts strong { font-family: var(--sans); font-size: 1rem; line-height: 1.5; }
.resort-detail-page .resort-detail-hero > .visual-note { position: static; display: block; margin: 0; padding: 12px 24px; text-align: right; color: #fff; background: #112b33; font-size: .75rem; }
.resort-section-nav { background: #fff; border-bottom: 1px solid var(--line); }
.resort-section-nav .container { display: flex; flex-wrap: wrap; gap: 8px 32px; padding-block: 12px; }
.resort-section-nav a { display: inline-flex; align-items: center; min-height: 44px; color: #123b49; font-weight: 650; font-size: .9375rem; border-bottom: 2px solid transparent; }
.resort-section-nav a:hover { border-color: var(--brand-blue); }
.resort-section-nav a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 4px; }
.resort-detail-page main section[id] { scroll-margin-top: 150px; }
.resort-detail-page .section { padding-block: clamp(48px,6vw,80px); }
.resort-detail-page .package-heading { gap: 24px 48px; align-items: end; margin-bottom: 32px; }
.resort-detail-page .package-heading h2,
.resort-detail-page .resort-story .section-heading h2,
.resort-detail-page .compact-heading h2,
.resort-detail-page .resort-ownership-copy h2 { font-size: clamp(2rem,3.6vw,3.5rem); line-height: 1.08; letter-spacing: -.035em; }
.resort-detail-page .resort-story { background: #fff; }
.resort-detail-page .resort-story-grid { gap: 32px 64px; }
.resort-detail-page .resort-story .section-heading { position: static; }
.resort-detail-page .resort-story .story-copy { padding-top: 0; }
.resort-detail-page .room-grid { gap: 28px; align-items: stretch; }
.resort-detail-page .room-card { display: flex; flex-direction: column; border-radius: 8px; border-color: #d9e4e8; box-shadow: 0 4px 18px #122a3308; }
.resort-detail-page .room-copy { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.resort-detail-page .room-copy h3 { font-size: clamp(1.5rem,2.2vw,2rem); }
.resort-detail-page .room-copy .button { margin-top: auto; align-self: flex-start; }
.resort-detail-page .room-gallery-controls { position: static; padding: 10px 16px; background: #112b33; }
.resort-detail-page .room-gallery-controls span { background: none; }
.resort-detail-page .room-gallery-controls button { background: transparent; border-radius: 4px; }
.resort-detail-page .resort-experience .compact-heading { margin-bottom: 32px; }
.resort-detail-page .resort-experience-card { min-height: 240px; padding: 28px; }
.resort-detail-page .resort-experience-card h3 { margin: 24px 0 16px; font-size: 1.75rem; }
.resort-detail-page .resort-experience-card p { color: #d5ded9; }
.resort-detail-page .resort-amenities::before { display: none; }
.resort-detail-page .amenity-grid { border: 0; background: transparent; gap: 16px; }
.resort-detail-page .amenity-card { min-height: 0; padding: 24px; background: #f5f9fa; border: 1px solid #dce6e9; border-radius: 8px; box-shadow: none; }
.resort-detail-page .amenity-number { display: none; }
.resort-detail-page .amenity-icon { border: 0; border-radius: 8px; }
.resort-detail-page .amenity-card h3 { margin: 20px 0 10px; font-family: var(--sans); font-weight: 600; font-size: 1.125rem; line-height: 1.4; }
.resort-detail-page .resort-photo-grid { gap: 24px; }
.resort-detail-page .resort-photo-grid a { border-radius: 6px; }
.resort-detail-page .resort-photo-grid figcaption { color: #35454b; }
.resort-detail-page .resort-ownership-media { min-height: 400px; border-radius: 8px; box-shadow: none; }
@media (max-width: 760px) {
  .resort-detail-page .resort-detail-hero { padding-top: 110px; }
  .resort-detail-page .resort-detail-copy { padding: 20px 0 24px; }
  .resort-detail-page .resort-detail-copy .breadcrumb { margin-bottom: 14px; }
  .resort-detail-page .resort-hero-facts > div { min-height: 0; padding: 12px 16px; }
  .resort-detail-page .resort-brand-logo { height: 72px; }
  .resort-section-nav .container { gap: 0 24px; }
  .resort-detail-page .package-heading { align-items: start; }
  .resort-detail-page .resort-experience-card { min-height: 0; padding: 24px; }
  .resort-detail-page .room-copy { padding: 24px; }
  .resort-detail-page .room-copy .button { width: 100%; }
  .resort-detail-page .resort-ownership-media { min-height: 300px; }
}