/* Liquid-glass surfaces over Prithvi's original resort photography. */
.liquid-glass {
  background: radial-gradient(ellipse at var(--glass-x, 25%) var(--glass-y, 0%), #ffffff38, transparent 62%), linear-gradient(135deg, #ffffff38, #ffffff10);
  border: 1px solid #ffffff65;
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
  box-shadow: inset 0 1px 0 #ffffff85, inset 0 -1px 0 #ffffff20, 0 12px 32px #16231b16;
}
.wire-nav { top: 16px; background: transparent; border: 0; }
.wire-nav-inner { min-height: 68px; padding-block: 0; }
.wire-nav-logo { width: 132px; height: 68px; border-radius: 22px; background-color: #fff9f0ba; padding: 3px 8px; }
.wire-nav-logo-image { width: 116px; height: 62px; }
.wire-nav-links { padding: 5px; border-radius: 999px; background-color: #fff8edb3; }
.wire-nav-links a { min-height: 44px; font-size: 12px; padding-inline: 13px; }
.wire-nav-links a[aria-current="location"] { background: #ffffffb8; color: #493a2d; box-shadow: inset 0 1px 0 #fff, 0 2px 7px #463a2a0d; }
.wire-nav-links a:last-child { background: #ffffffa6; color: #493a2d; box-shadow: inset 0 1px 0 #fff; }
.nav-toggle { border-radius: 50%; background-color: #fff8edbf; }
.hero-glass { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; min-height: 780px; min-height: min(940px, 100svh); padding: 0 var(--page-inset) 32px; overflow: hidden; color: #fff; background: #273d34; }
.glass-hero-backdrop { position: absolute; z-index: -2; inset: 0; }
.glass-hero-backdrop img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; opacity: 0; transition: opacity .65s ease; }
.glass-hero-backdrop img.is-active { opacity: 1; }
.glass-hero-backdrop img[data-hero-image="1"] { object-position: 50% center; }
.hero-glass::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #0c201cbd, #0c201c70 45%, #0c201c0d 80%), linear-gradient(180deg, #10271d15 25%, #10271d26 55%, #0c201ce0); }
.glass-hero-content { position: relative; width: 100%; max-width: 1120px; padding-top: clamp(150px, 17svh, 190px); padding-bottom: 24px; }
.glass-hero-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: #f3eee4; font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; }
.glass-hero-eyebrow > span { width: 7px; height: 7px; border-radius: 50%; background: #eee0c3; box-shadow: 0 0 16px #f9eed560; }
.glass-hero-content h1 { max-width: 1050px; margin: 0; font-size: clamp(56px, 6.6vw, 94px); font-weight: 600; line-height: 1.03; letter-spacing: -.055em; color: #fff; text-shadow: 0 3px 28px #0a211c33; }
.glass-hero-content h1 > span { display: block; }
.glass-hero-content h1 > span:last-child { color: #fff9ed; }
.glass-hero-description { max-width: 520px; margin: 26px 0 0; color: #eeeae2; font-size: 16px; font-weight: 400; line-height: 1.75; }
.glass-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 28px; margin-top: 28px; }
.glass-explore { display: inline-flex; justify-content: space-between; align-items: center; gap: 30px; min-height: 52px; padding: 14px 22px; border-radius: 999px; background-color: #fffcf0c9; color: #352d25; font-size: 13px; font-weight: 650; transition: background-color .2s, box-shadow .2s; }
.glass-explore > span { font-size: 20px; }
.glass-explore:hover { background-color: #fffcf0ee; box-shadow: inset 0 1px 0 #fff, 0 6px 24px #101e1b33; }
.glass-story { display: inline-flex; justify-content: center; align-items: center; gap: 18px; min-height: 48px; font-size: 13px; font-weight: 500; color: #fff; }
.glass-story:hover { text-decoration: underline; text-underline-offset: 5px; }
.glass-hero-footer { position: relative; display: grid; grid-template-columns: minmax(0, 780px) auto; gap: 48px; align-items: end; margin-top: 36px; }
.glass-photo-dock { padding: 18px; border-radius: 28px; }
.glass-dock-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.glass-dock-heading p { margin: 0; color: #f5eee3; font-size: 10px; line-height: 1.5; }
.glass-dock-heading > p:first-child { color: #e4ddcd; letter-spacing: .04em; }
.glass-photo-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.glass-photo-options button { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 66px; margin: 0; padding: 8px 10px; border: 1px solid transparent; border-radius: 16px; background: #ffffff08; color: white; cursor: pointer; text-align: left; transition: background-color .2s, border-color .2s; }
.glass-photo-options button:hover { background: #ffffff20; border-color: #ffffff45; }
.glass-photo-options button[aria-pressed="true"] { background: #fffcf0df; border-color: #ffffffad; color: #403428; box-shadow: inset 0 1px 0 #fff, 0 3px 10px #14241d14; }
.glass-photo-options button > img { width: 44px; height: 44px; flex-shrink: 0; border-radius: 11px; object-fit: cover; }
.glass-photo-options button > span:not(.glass-selection-dot) { min-width: 0; }
.glass-photo-options strong { display: block; font-size: 12px; line-height: 1.45; font-weight: 600; }
.glass-photo-options small { display: block; margin-top: 3px; font-size: 10px; line-height: 1.3; opacity: .8; }
.glass-selection-dot { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: currentColor; opacity: 0; flex-shrink: 0; }
.glass-photo-options [aria-pressed="true"] .glass-selection-dot { opacity: .65; }
.glass-hero-location { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; color: #fff9ea; font-size: 11px; line-height: 1.6; }
.glass-hero-location svg { flex-shrink: 0; margin-top: 1px; }
.glass-hero-location small { color: #d8d9cd; font-size: 10px; }
.hero-glass :focus-visible { outline: 3px solid #fff3d4; outline-offset: 5px; }
@media (max-width: 1100px) {
 .glass-hero-footer { grid-template-columns: minmax(0,1fr); gap: 18px; }
 .glass-hero-location { display: none; }
 .glass-photo-dock { max-width: 780px; }
 .glass-hero-content h1 { font-size: clamp(54px,7.2vw,78px); }
}
@media (max-width: 1000px) {
 .wire-nav-links { border-radius: 24px; background-color: #fffbf0ed; -webkit-backdrop-filter: blur(26px) saturate(140%); backdrop-filter: blur(26px) saturate(140%); }
 .wire-nav-links a { min-height: 46px; font-size: 15px; }
 .wire-nav-links a:last-child { background: #e8dbc9ad; }
 .nav-toggle { width: 48px; height: 48px; }
}
@media (max-width: 700px) {
 .wire-nav { top: 12px; }
 .wire-nav-inner { min-height: 60px; }
 .wire-nav-logo { width: 118px; height: 60px; border-radius: 20px; padding: 2px 6px; }
 .wire-nav-logo-image { width: 106px; height: 56px; }
 .hero-glass { min-height: 780px; min-height: 100svh; padding-bottom: 20px; }
 .hero-glass::before { background: linear-gradient(90deg,#0b231dbc,#0b231d3d),linear-gradient(180deg,#10271d0d 20%,#10271d26 40%,#0c201ce8); }
 .glass-hero-backdrop img { object-position: 57% center; }
 .glass-hero-content { padding-top: 132px; padding-bottom: 0; }
 .glass-hero-eyebrow { margin-bottom: 20px; font-size: 10px; letter-spacing: .1em; }
 .glass-hero-content h1 { max-width: 540px; font-size: clamp(44px,8.5vw,60px); line-height: 1.06; letter-spacing: -.05em; }
 .glass-hero-description { max-width: 430px; margin-top: 22px; font-size: 14px; line-height: 1.7; }
 .glass-hero-actions { margin-top: 24px; gap: 24px; }
 .glass-explore { min-height: 50px; padding: 12px 18px; gap: 24px; font-size: 12px; }
 .glass-story { font-size: 12px; gap: 16px; }
 .glass-hero-footer { margin-top: 40px; }
 .glass-photo-dock { width: 100%; padding: 14px; border-radius: 24px; }
 .glass-dock-heading { gap: 6px; margin-bottom: 12px; }
 .glass-dock-heading p { font-size: 9px; }
 .glass-dock-heading > p:last-child { display: none; }
 .glass-photo-options { gap: 6px; }
 .glass-photo-options button { flex-direction: column; justify-content: center; gap: 7px; min-height: 88px; padding: 9px 4px; border-radius: 16px; text-align: center; }
 .glass-photo-options button > img { width: 30px; height: 30px; border-radius: 8px; }
 .glass-photo-options strong { font-size: 10px; }
 .glass-photo-options small { font-size: 8px; margin-top: 2px; }
 .glass-selection-dot { display: none; }
}
@media (max-width: 380px) {
 .glass-hero-content { padding-top: 118px; }
 .glass-hero-content h1 { font-size: 41px; }
 .glass-hero-description { font-size: 13px; }
 .glass-hero-actions { gap: 16px; }
 .glass-explore { padding-inline: 14px; gap: 16px; }
 .glass-story { font-size: 11px; gap: 10px; }
 .glass-photo-dock { padding: 12px; }
 .glass-photo-options strong { font-size: 9px; }
 .glass-photo-options small { font-size: 8px; }
}
@media (max-height: 700px) and (min-width: 701px) { .hero-glass { min-height: 740px; } .glass-hero-content { padding-top: 140px; } }
@media (prefers-reduced-motion: reduce) { .glass-hero-backdrop img, .glass-explore, .glass-photo-options button { transition: none; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
 .wire-nav-links, .wire-nav-logo, .nav-toggle { background: #fff9f0f5; }
 .glass-photo-dock { background: #254238ed; }
 .glass-explore { background: #fff9f0; }
}

@media (max-width: 700px) {
 .glass-dock-heading > [data-hero-caption] { display: none; }
 .glass-dock-heading > .photo-playback { margin-left: auto; }
}