:root {
    --sage: #5b7f5e;
    --sage-dark: #3f5e43;
    --cream: #f8f2e8;
    --gold: #c9a55b;
    --ink: #233127;
    --shadow: 0 15px 40px rgba(20, 30, 20, 0.12);
}

html { scroll-behavior: smooth; scrollbar-color: #1e6e6a #edf6f5; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 0.8rem; height: 0.8rem; }
*::-webkit-scrollbar-track { background: #edf6f5; }
*::-webkit-scrollbar-thumb { border: 3px solid #edf6f5; border-radius: 999px; background: #1e6e6a; }
*::-webkit-scrollbar-thumb:hover { background: #155654; }
*::-webkit-scrollbar-button { background-color: #1e6e6a; }
*::-webkit-scrollbar-corner { background: #edf6f5; }
body { font-family: 'Inter', sans-serif; background: var(--cream); color: var(--ink); }
.modal-backdrop { background-color: rgba(8, 42, 43, 0.58); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }
.modal-backdrop.show { opacity: 1; }
h1, h2, h3, h4, .navbar-brand, .hero-title { font-family: 'Cormorant Garamond', serif; }
.navbar {
    background: transparent;
    backdrop-filter: none;
    border-bottom: none;
    box-shadow: none;
}
#mainNavbar > .container { max-width: 100%; padding-right: clamp(1rem, 3vw, 3rem); padding-left: clamp(1rem, 3vw, 3rem); }
.home-page .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    transition: background-color 0.25s ease, backdrop-filter 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}
.home-page .navbar.scrolled {
    background: #ffffff !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(20, 30, 20, 0.08) !important;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.home-page .navbar .navbar-brand img {
    transition: height 0.25s ease;
}
.home-page .navbar.scrolled .navbar-brand img {
    height: 90px !important;
}
.home-page .hero {
    /* The fixed navbar sits over this section instead of taking up hero space. */
    padding-top: 0;
}
.home-page .navbar:not(.scrolled) .navbar-brand,
.home-page .navbar:not(.scrolled) .navbar-main-links .nav-link,
.home-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light {
    color: #ffffff;
}
.home-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.9);
}
.home-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light:hover,
.home-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.95);
}
.home-page .navbar.scrolled .navbar-main-links .nav-link,
.home-page .navbar.scrolled .navbar-action-btn.btn-outline-light {
    color: #111111;
}
.home-page .navbar.scrolled .navbar-action-btn.btn-outline-light {
    border-color: #111111;
}
.moments-page .navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: none !important;
    transition: background-color 0.25s ease, backdrop-filter 0.25s ease, box-shadow 0.25s ease, padding 0.25s ease;
}
.moments-page .navbar.scrolled {
    background: #ffffff !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px rgba(20, 30, 20, 0.08) !important;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.moments-page .navbar .navbar-brand img { transition: height 0.25s ease; }
.moments-page .navbar.scrolled .navbar-brand img { height: 90px !important; }
.moments-page .navbar:not(.scrolled) .navbar-main-links .nav-link,
.moments-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light { color: #ffffff; }
.moments-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light { border-color: rgba(255, 255, 255, 0.9); }
.moments-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light:hover,
.moments-page .navbar:not(.scrolled) .navbar-action-btn.btn-outline-light:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.95);
}
.moments-page .navbar.scrolled .navbar-main-links .nav-link,
.moments-page .navbar.scrolled .navbar-action-btn.btn-outline-light { color: #111111; }
.moments-page .navbar.scrolled .navbar-action-btn.btn-outline-light { border-color: #111111; }
.navbar-brand { font-size: 1.4rem; }
.navbar-dark .navbar-nav .nav-link {
    color: rgba(35, 49, 39, 0.9);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: var(--sage-dark);
}
.navbar-brand img {
    height: 120px;
    width: auto;
    margin-top: -6px;
}
.navbar-main-links {
    gap: 1.25rem;
    margin-right: 1.5rem;
}
.navbar-main-links .nav-link {
    color: #111111;
    font-weight: 600;
    padding: 0.5rem 0.25rem;
}
.navbar-main-links .nav-link:hover,
.navbar-main-links .nav-link:focus {
    color: #000000;
}
.navbar-actions {
    margin-left: 0.5rem;
}
@media (min-width: 992px) { .navbar-actions { margin-left: auto !important; } }
.navbar-action-btn {
    border-radius: 999px;
    padding: 0.55rem 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.navbar-action-btn.btn-outline-light {
    color: #111111;
    border-color: #111111;
}
.navbar-action-btn.btn-outline-light:hover,
.navbar-action-btn.btn-outline-light:focus {
    color: #000000;
    background-color: rgba(17, 17, 17, 0.08);
    border-color: #111111;
}
.btn-gold { background: var(--gold); color: white; border: none; }
.btn-gold:hover { background: #b58a3b; color: white; }
.navbar-book-btn { position: relative; overflow: hidden; border: 0; background: linear-gradient(135deg, #f5c95c 0%, #e88b32 52%, #d85d29 100%); color: #ffffff; box-shadow: 0 0.45rem 1rem rgba(216, 93, 41, 0.35); font-weight: 700; letter-spacing: 0.02em; isolation: isolate; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.navbar-book-btn::before { position: absolute; z-index: -1; top: -130%; left: -35%; width: 45%; height: 320%; background: rgba(255, 255, 255, 0.38); content: ''; transform: rotate(25deg); transition: left 0.45s ease; }
.navbar-book-btn:hover, .navbar-book-btn:focus { color: #ffffff; box-shadow: 0 0.65rem 1.35rem rgba(216, 93, 41, 0.48); transform: translateY(-0.14rem); }
.navbar-book-btn:hover::before, .navbar-book-btn:focus::before { left: 110%; }
.btn-signin { position: relative; overflow: hidden; border: 0; background: linear-gradient(135deg, #258985 0%, #1e6e6a 52%, #155654 100%); color: #ffffff; box-shadow: 0 0.45rem 1rem rgba(21, 86, 84, 0.32); font-weight: 700; letter-spacing: 0.02em; isolation: isolate; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.btn-signin::before { position: absolute; z-index: -1; top: -130%; left: -35%; width: 45%; height: 320%; background: rgba(255, 255, 255, 0.32); content: ''; transform: rotate(25deg); transition: left 0.45s ease; }
.btn-signin:hover, .btn-signin:focus { color: #ffffff; box-shadow: 0 0.65rem 1.35rem rgba(21, 86, 84, 0.46); transform: translateY(-0.14rem); }
.btn-signin:hover::before, .btn-signin:focus::before { left: 110%; }
.hero {
    height: 100vh;
    height: 100svh;
    min-height: 0;
    background: #000;
    overflow: hidden;
    position: relative;
}
.hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}
.hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.35) 100%);
    z-index: 1;
    pointer-events: none;
}
.hero-overlay { display: none; }
.hero-scroll,
.hero-controls {
    position: absolute;
    z-index: 2;
}
.hero-controls {
    left: 1rem;
    right: auto;
    bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.home-page .hero .hero-controls {
    left: 1rem !important;
    right: auto !important;
}
.hero-control-btn {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.45);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
    transition: transform 0.2s ease, background-color 0.2s ease;
}
.hero-control-btn:hover {
    transform: translateY(-1px);
    background: rgba(0, 0, 0, 0.7);
}
.hero-volume-wrap {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 999px;
    padding: 0.35rem 0.7rem;
    backdrop-filter: blur(8px);
}
.hero-volume-slider {
    width: 110px;
    accent-color: #1E6E6A;
    cursor: pointer;
}
.hero-volume-label { display: flex; }
.hero-volume-visibility { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.hero-volume-toggle { display: inline-grid; width: 1.8rem; height: 1.8rem; flex: 0 0 1.8rem; padding: 0; place-items: center; border: 0; border-radius: 50%; color: #ffffff; background: transparent; cursor: pointer; }
.hero-volume-toggle:hover, .hero-volume-toggle:focus-visible { background: rgba(255, 255, 255, 0.18); outline: 0; }
.hero-volume-wrap.is-collapsed { padding-left: 0.35rem; }
.hero-volume-wrap.is-collapsed .hero-volume-label { display: none; }
#heroVolumeVisibility:checked ~ .hero-volume-label { display: none; }
.hero-volume-show-icon { display: none; }
#heroVolumeVisibility:checked ~ .hero-volume-toggle .hero-volume-hide-icon { display: none; }
#heroVolumeVisibility:checked ~ .hero-volume-toggle .hero-volume-show-icon { display: block; }
.hero-scroll {
    left: 50%;
    transform: translateX(-50%);
}
.welcome-hero-section { padding: 0; background: #ffffff; overflow: hidden; }
.welcome-hero-section > .container {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}
.welcome-hero { display: grid; grid-template-columns: 30% 70%; gap: 0; min-height: 580px; align-items: start; position: relative; }
.welcome-panel {
    background: #f2f9f8;
    position: relative;
    min-height: 580px;
    overflow: visible;
    border-radius: 0 0 58% 0;
    padding: 1.3rem 1.2rem 2.5rem 1.5rem;
    display: flex;
    align-items: flex-start;
    z-index: 1;
    box-shadow: none;
}
.welcome-panel::after {
    display: none;
}
.welcome-content { position: relative; z-index: 2; max-width: 360px; margin-left: 0; }
.welcome-eyebrow {
    margin-bottom: 1rem;
    font-size: 0.78rem;
    letter-spacing: 0.28em;
    font-weight: 700;
    color: #2a7d6f;
    text-transform: uppercase;
}
.welcome-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(3.75rem, 6.5vw, 5.2rem);
    line-height: 0.92;
    color: #2a2b2b;
    margin-bottom: 2rem;
}
.welcome-title span {
    font-style: italic;
    color: #2a7d6f;
}
.welcome-copy {
    font-size: 1rem;
    line-height: 1.9;
    color: #575f60;
    margin-bottom: 0;
}
.welcome-image-wrap {
    position: relative;
    left: 0;
    overflow: hidden;
    margin-top: 0;
    margin-left: 0;
    width: calc(100% - 1.8rem);
    border-radius: 1.6rem;
    height: 510px;
    aspect-ratio: 16 / 9;
    z-index: 2;
    align-self: center;
    box-shadow: none;
    background: transparent;
}
.welcome-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    background: transparent;
    border-radius: inherit;
    transition: transform 0.5s ease;
}
.welcome-image-wrap:hover img {
    transform: scale(1.05);
}
.welcome-floating-card {
    display: none;
    position: absolute;
    top: 1.5rem;
    right: -0.5rem;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 1rem;
    padding: 0.7rem 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    box-shadow: 0 12px 32px rgba(20, 30, 20, 0.16);
    max-width: 200px;
    white-space: nowrap;
    z-index: 10;
    animation: float 3s ease-in-out infinite;
}
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-12px);
    }
}
.welcome-badge {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #2a7d6f;
    color: white;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}
.welcome-card-title {
    font-weight: 700;
    color: #1f241f;
    font-size: 0.85rem;
}
.welcome-card-subtitle {
    font-size: 0.75rem;
    color: #6b726b;
}
.welcome-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
    max-width: 280px;
}
.btn-location, .btn-inquire {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: none;
    width: 100%;
    gap: 0.6rem;
}
.btn-location i, .btn-inquire i {
    font-size: 1rem;
}
.btn-location {
    background: #1E6E6A;
    color: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.btn-location:hover {
    background: #155654;
    color: white;
}
.btn-inquire {
    background: transparent;
    color: #1E6E6A;
    border: 2px solid #1E6E6A;
}
.btn-inquire:hover {
    background: rgba(30, 110, 106, 0.08);
    color: #1E6E6A;
}
.btn-location, .btn-inquire, .reviews-write-btn, .moments-primary-action, .moments-share-action, .rates-inquire-btn, .rooms-hero-action {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(230, 194, 117, 0.7);
    letter-spacing: 0.1em;
}

/* Get a Quote */
.quote-page-body { background: #f6f3ec; }
.quote-page-body .navbar { position: fixed; inset: 0 0 auto; z-index: 1030; width: 100%; background: transparent; box-shadow: none; transition: .25s ease; }
.quote-page-body .navbar-main-links .nav-link, .quote-page-body .navbar-action-btn.btn-outline-light { color: #fff; }.quote-page-body .navbar-action-btn.btn-outline-light { border-color: rgba(255,255,255,.8); }
.quote-page-body .navbar.scrolled { padding-top: .2rem; padding-bottom: .2rem; background: #fff !important; box-shadow: 0 .5rem 1.5rem rgba(20,50,43,.1); }.quote-page-body .navbar.scrolled .navbar-brand img { height: 90px !important; }.quote-page-body .navbar.scrolled .navbar-main-links .nav-link,.quote-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { color:#111; }.quote-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { border-color:#111; }
.quote-hero { position: relative; min-height: 28rem; display:flex; align-items:center; overflow:hidden; background:#143f3d; isolation:isolate; }.quote-hero-image,.quote-hero-shade { position:absolute; inset:0; z-index:-2; }.quote-hero-image { width:56%; left:auto; background:url('/uploads/pool6.jpg') center/cover no-repeat; }.quote-hero-shade { z-index:-1; background:linear-gradient(90deg,#0d3736 0%,rgba(13,55,54,.97) 38%,rgba(13,55,54,.3) 72%,rgba(13,55,54,.12) 100%); }.quote-hero-content { padding-top:8rem; padding-bottom:4rem; }.quote-eyebrow { display:flex; align-items:center; gap:.7rem; margin:0 0 1rem; color:#e7c27a; font-size:.72rem; font-weight:700; letter-spacing:.23em; text-transform:uppercase; }.quote-eyebrow::before { width:2.2rem; height:1px; background:currentColor; content:''; }.quote-hero h1 { margin:0; color:#fffdf7; font-size:clamp(3.5rem,6vw,5.5rem); font-weight:600; line-height:.9; }.quote-hero h1 em,.quote-intro h2 em { color:#e8c582; font-weight:500; }.quote-hero-content>p:not(.quote-eyebrow) { max-width:34rem; margin:1.4rem 0; color:rgba(255,255,255,.86); line-height:1.8; }.quote-hero-points { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; color:#fff; font-size:.78rem; font-weight:600; }.quote-hero-points i { margin-right:.4rem; color:#e8c582; }
.quote-page { position:relative; padding:5.2rem 0 6rem; overflow:hidden; }.quote-layout { display:grid; grid-template-columns:.85fr 1.35fr .85fr; gap:1.5rem; align-items:start; }.quote-intro { padding:1.2rem 1rem 1rem 0; }.quote-intro h2 { margin:0; color:#174e4a; font-size:clamp(2.6rem,4vw,3.8rem); font-weight:600; line-height:.96; }.quote-intro>p:not(.quote-eyebrow) { margin:1.25rem 0 1.6rem; color:#617069; font-size:.9rem; line-height:1.8; }.quote-mini-cards { display:grid; gap:.7rem; }.quote-mini-cards>div { display:flex; gap:.8rem; align-items:center; padding:.85rem; border:1px solid #e3d9c8; border-radius:.8rem; background:#fffdf9; }.quote-mini-cards i { display:grid; width:2.2rem; height:2.2rem; place-items:center; border-radius:50%; color:#fff; background:#1e6c67; }.quote-mini-cards span { display:grid; }.quote-mini-cards b { color:#1c514c; font-size:.82rem; }.quote-mini-cards small { color:#79817a; font-size:.7rem; }
/* Keep the decorative circle behind all quote-section content. */
.quote-page::before {
    z-index:0;
    pointer-events:none;
}

.quote-layout {
    position:relative;
    z-index:1;
}
.quote-form,.quote-summary { border:1px solid #e2dacb; border-radius:1.35rem; background:#fffdf9; box-shadow:0 1.2rem 3rem rgba(31,62,53,.09); }.quote-form { padding:clamp(1.4rem,3vw,2.25rem); }.quote-form-heading { display:flex; gap:.8rem; align-items:center; }.quote-form-heading>span { display:grid; width:2.25rem; height:2.25rem; place-items:center; border-radius:50%; color:#fff; background:#1a625d; font:600 1rem 'Cormorant Garamond',serif; }.quote-form-heading p { margin:0; color:#a07a40; font-size:.65rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.quote-form-heading h2 { margin:.1rem 0 0; color:#1b4e49; font-size:1.55rem; font-weight:600; }.quote-fields { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; margin-top:1.25rem; }.quote-fields label,.quote-message { display:grid; gap:.38rem; color:#53625c; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.quote-fields input,.quote-message textarea { width:100%; padding:.75rem .85rem; border:1px solid #ddd5c7; border-radius:.6rem; color:#214d48; background:#fff; font:400 .88rem 'Inter',sans-serif; outline:0; text-transform:none; }.quote-fields input:focus,.quote-message textarea:focus { border-color:#b9904d; box-shadow:0 0 0 .18rem rgba(204,164,90,.15); }.quote-choice-heading { margin-top:1.7rem; }.quote-package-options { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin-top:1rem; }.quote-package-option,.quote-addon { position:relative; display:flex; align-items:center; gap:.7rem; cursor:pointer; }.quote-package-option input,.quote-addon input { position:absolute; opacity:0; }.quote-package-option { padding:.8rem; border:1px solid #e2dbcf; border-radius:.75rem; }.quote-package-option:has(input:checked) { border-color:#bd914a; background:#fbf4e4; box-shadow:inset 0 0 0 1px rgba(189,145,74,.18); }.quote-package-icon { display:grid; width:2.2rem; height:2.2rem; place-items:center; border-radius:50%; color:#aa7b36; background:#f0e5ce; }.quote-package-option span:nth-child(3),.quote-addon span { display:grid; gap:.15rem; }.quote-package-option b,.quote-addon b { color:#1c514c; font-size:.82rem; }.quote-package-option small,.quote-addon small { color:#748079; font-size:.68rem; line-height:1.4; }.quote-check { margin-left:auto; color:#c1934d; opacity:0; }.quote-package-option:has(input:checked) .quote-check { opacity:1; }.quote-addons { display:grid; gap:.55rem; margin-top:1rem; }.quote-addon { padding:.7rem .75rem; border-bottom:1px solid #eee8dc; }.quote-addon:has(input:checked) { margin:0 -.4rem; padding:.7rem 1.15rem; border-radius:.6rem; border-bottom-color:transparent; background:#f6edda; }.quote-addon>i { margin-left:auto; color:#b6853c; }.quote-addon:has(input:checked)>i::before { content:'\f00c'; }.quote-message { margin-top:1.4rem; }.quote-message textarea { resize:vertical; }.quote-submit { display:flex; align-items:center; justify-content:center; gap:.6rem; width:100%; margin-top:1.3rem; padding:.9rem 1rem; border:1px solid #e7c175; border-radius:999px; color:#174d48; background:linear-gradient(135deg,#fff2c5,#e8bb62 55%,#c98a34); box-shadow:0 .65rem 1.3rem rgba(169,116,41,.2); font:700 .76rem 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; transition:.2s ease; }.quote-submit:hover { transform:translateY(-.12rem); box-shadow:0 .8rem 1.6rem rgba(169,116,41,.28); }
.quote-summary { position:sticky; top:7.5rem; overflow:hidden; padding:1.4rem; background:#174e4a; color:#fff; }.quote-summary::after { position:absolute; right:-5rem; bottom:-6rem; width:15rem; height:15rem; border:1px solid rgba(234,197,126,.25); border-radius:50%; content:''; }.quote-summary-top { display:flex; align-items:center; justify-content:space-between; }.quote-summary-top p { margin:0; color:#ead29d; font-size:.7rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.quote-summary-top span { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#f1d28c; }.quote-summary h2 { margin:1.35rem 0 .35rem; color:#fffdf8; font-size:2.2rem; font-weight:600; }.quote-summary-date { min-height:2.4rem; margin:0; color:rgba(255,255,255,.68); font-size:.76rem; line-height:1.5; }.quote-total { margin:1.15rem 0; padding:1.1rem 0; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); }.quote-total small { display:block; color:#e2c88e; font-size:.68rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.quote-total strong { display:block; margin-top:.25rem; color:#fff6dd; font:600 3rem/.9 'Cormorant Garamond',serif; }.quote-breakdown { display:grid; gap:.6rem; color:rgba(255,255,255,.82); font-size:.75rem; }.quote-breakdown p { margin:0; line-height:1.6; }.quote-breakdown div { display:flex; gap:.8rem; justify-content:space-between; }.quote-breakdown b { color:#f2d796; white-space:nowrap; }.quote-summary-note { display:flex; gap:.5rem; margin-top:1.25rem; padding-top:1rem; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.65); font-size:.68rem; line-height:1.55; }.quote-summary-note i { margin-top:.1rem; color:#eacb85; }
@media (max-width:1199px) { .quote-layout { grid-template-columns:.7fr 1.3fr; }.quote-summary { grid-column:2; position:static; }.quote-intro { grid-row:span 2; } } @media (max-width:991px) { .quote-page-body .navbar-collapse { margin-top:.5rem; padding:1rem; border-radius:1rem; background:rgba(7,48,45,.96); }.quote-page-body .navbar.scrolled .navbar-collapse { background:#fff; }.quote-page-body .navbar.scrolled .navbar-collapse .nav-link { color:#111; }.quote-layout { grid-template-columns:1fr; max-width:42rem; }.quote-intro { padding:0; }.quote-summary { grid-column:auto; }.quote-hero-image { width:100%; opacity:.55; }.quote-hero-shade { background:linear-gradient(90deg,rgba(13,55,54,.96),rgba(13,55,54,.56)); } } @media (max-width:575px) { .quote-page-body .navbar-brand img { height:82px !important; }.quote-hero { min-height:34rem; }.quote-hero-content { padding-top:8rem; }.quote-page { padding:3.7rem 0; }.quote-fields,.quote-package-options { grid-template-columns:1fr; }.quote-form { padding:1.2rem; }.quote-summary h2 { font-size:2rem; } }

/* Keep guest controls in place when the overnight-only field is hidden. */
.quote-fields #checkoutField[hidden] { display:grid !important; visibility:hidden; pointer-events:none; }
/* Safari keeps date inputs at their intrinsic width unless grid items may shrink. */
.quote-fields { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.quote-fields > label,.quote-fields input { min-width:0; }
.quote-fields input { box-sizing:border-box; }
.quote-fields .quote-guest-range,.quote-fields .quote-guest-count { min-width:0; }
.quote-fields .quote-guest-count { min-height:5.75rem; }
.quote-fields .quote-guest-count small { min-height:1.35rem; color:#748079; font-size:.68rem; font-weight:400; letter-spacing:0; line-height:1.35; text-transform:none; }


/* Review confirmation popup and multi-photo previews */
.review-success-modal .modal-dialog { width: min(94vw, 31.25rem); max-width: min(94vw, 31.25rem); transform: translateY(1rem) scale(.96); transition: transform .28s cubic-bezier(.2,.8,.2,1); }.review-success-modal.show .modal-dialog { transform: translateY(0) scale(1); }.review-success-modal .modal-content { overflow: hidden; border-radius: 1.65rem; background: #fff; box-shadow: 0 1.8rem 4.5rem rgba(3,35,33,.35); }.review-success-body { padding: 3.55rem 2.6rem 3.9rem; text-align: center; }.review-success-close { position: absolute; top: 1.05rem; right: 1.05rem; width: 2.2rem; height: 2.2rem; border-radius: 50%; background-color: #f0f1f0; opacity: .65; }.review-success-icon { display: grid; width: 4rem; height: 4rem; margin: 0 auto 1.2rem; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #09ad83, #078e75); color: #fff; box-shadow: 0 .8rem 1.5rem rgba(6,154,119,.22); font-size: 1.7rem; }.review-success-body h2 { margin: 0; color: #293a38; font-family: 'Cormorant Garamond', serif; font-size: clamp(1.85rem,5vw,2.25rem); font-weight: 600; }.review-success-body p { margin: .65rem 0 1.7rem; color: #87918e; font-size: .82rem; line-height: 1.55; }.review-success-done { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; padding: .9rem 1rem; border: 0; border-radius: 999px; background: linear-gradient(100deg,#21848a,#3cad9e); color: #fff; box-shadow: 0 .75rem 1.25rem rgba(27,130,131,.2); font: 700 .84rem 'Inter',sans-serif; transition: transform .2s ease, box-shadow .2s ease; }.review-success-done:hover,.review-success-done:focus-visible { outline: 0; box-shadow: 0 1rem 1.5rem rgba(27,130,131,.28); transform: translateY(-.1rem); }.moment-preview-grid { position: absolute; z-index: 1; inset: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem; padding: .4rem; }.moment-preview-grid img { position: static; display: block; width: 100%; height: 100%; min-height: 3.5rem; object-fit: cover; }.moment-upload-zone.has-file::after { z-index: 0; }.moment-upload-zone.has-file .moment-upload-icon,.moment-upload-zone.has-file strong,.moment-upload-zone.has-file small { z-index: 2; text-shadow: 0 1px .35rem rgba(0,0,0,.6); }.moment-upload-zone.has-file .moment-upload-icon { background: rgba(16,89,81,.84); }@media (max-width:575px) { .review-success-body { padding: 3.2rem 1.5rem 2.6rem; }.moment-preview-grid { grid-template-columns: repeat(3,1fr); } }
.moment-album-title { display: grid; gap: .42rem; margin-top: 1rem; color: #315d58; font-size: .72rem; font-weight: 700; }.moment-album-title input { width: 100%; height: 2.75rem; padding: 0 .8rem; border: 1px solid #d5e4df; border-radius: .75rem; outline: 0; background: #fff; color: #264b47; font: 400 .82rem 'Inter',sans-serif; }.moment-album-title input:focus { border-color: #238b83; box-shadow: 0 0 0 .22rem rgba(35,139,131,.12); }.moment-upload-progress { display: block; width: 100%; height: .35rem; margin-top: .75rem; overflow: hidden; border-radius: 999px; background: #dfeeea; }.moment-upload-progress i { display: block; width: 45%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#178b80,#61c4ae); animation: upload-progress 1.1s ease-in-out infinite; }@keyframes upload-progress { from { transform: translateX(-115%); } to { transform: translateX(255%); } }
.moment-upload-zone small.is-limit-warning {
    display: inline-block;
    padding: .3rem .6rem;
    border-radius: .45rem;
    background: #fff3d9;
    color: #8a3d00 !important;
    font-weight: 800;
    text-shadow: none !important;
}
.moment-upload-zone small.is-limit-warning,
.moment-upload-zone.has-file small.is-limit-warning {
    background: transparent !important;
    color: #147a76 !important;
    font-weight: 800;
    text-shadow: none !important;
}
.moment-limit-notice { position: absolute; z-index: 5; inset: 0; display: grid; padding: 1.25rem; place-items: center; background: rgba(6,50,48,.46); backdrop-filter: blur(3px); animation: moment-notice-in .2s ease-out; }.moment-limit-card { width: min(100%, 23rem); padding: 2rem 1.65rem 1.5rem; border: 1px solid rgba(255,255,255,.75); border-radius: 1.2rem; background: #fffdf8; box-shadow: 0 1.3rem 3rem rgba(3,37,35,.35); color: #57706b; text-align: center; }.moment-limit-icon { display: grid; width: 3.4rem; height: 3.4rem; margin: 0 auto .8rem; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#e6a83f,#ce7a31); color: #fff; box-shadow: 0 .55rem 1.1rem rgba(195,118,35,.22); font-size: 1.25rem; }.moment-limit-card p { margin: 0 0 .4rem; color: #b2742b; font-size: .64rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }.moment-limit-card h3 { margin: 0; color: #284c47; font-family: 'Cormorant Garamond',serif; font-size: 1.8rem; font-weight: 600; }.moment-limit-card > span { display: block; margin: .6rem 0 1.3rem; font-size: .78rem; line-height: 1.5; }.moment-limit-button { width: 100%; padding: .77rem 1rem; border: 0; border-radius: 999px; background: linear-gradient(100deg,#197d7c,#3bac9e); color: #fff; box-shadow: 0 .55rem 1.1rem rgba(23,124,118,.2); font: 700 .78rem 'Inter',sans-serif; }.moment-limit-button:hover,.moment-limit-button:focus-visible { outline: 0; filter: brightness(.96); }@keyframes moment-notice-in { from { opacity: 0; } to { opacity: 1; } }
.btn-location::before, .btn-inquire::before, .reviews-write-btn::before, .moments-primary-action::before, .moments-share-action::before, .rates-inquire-btn::before, .rooms-hero-action::before {
    position: absolute;
    top: -65%;
    left: -25%;
    z-index: -1;
    width: 14%;
    height: 230%;
    background: rgba(255, 255, 255, 0.42);
    content: '';
    transform: rotate(24deg);
    transition: left 0.55s ease;
}
.btn-location::after, .btn-inquire::after, .reviews-write-btn::after, .moments-primary-action::after, .moments-share-action::after, .rates-inquire-btn::after, .rooms-hero-action::after {
    position: absolute;
    inset: 3px;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: inherit;
    content: '';
    pointer-events: none;
}
.btn-location:hover, .btn-inquire:hover, .reviews-write-btn:hover, .moments-primary-action:hover, .moments-share-action:hover, .rates-inquire-btn:hover, .rooms-hero-action:hover {
    box-shadow: 0 0.9rem 1.8rem rgba(30, 74, 66, 0.25), 0 0 0 0.22rem rgba(221, 181, 95, 0.17);
    transform: translateY(-0.16rem);
}
.btn-location:hover::before, .btn-inquire:hover::before, .reviews-write-btn:hover::before, .moments-primary-action:hover::before, .moments-share-action:hover::before, .rates-inquire-btn:hover::before, .rooms-hero-action:hover::before { left: 112%; }
.btn-location:focus-visible, .btn-inquire:focus-visible, .reviews-write-btn:focus-visible, .moments-primary-action:focus-visible, .moments-share-action:focus-visible, .rates-inquire-btn:focus-visible, .rooms-hero-action:focus-visible { outline: 2px solid #d8ae61; outline-offset: 4px; }
.signin-header {
    background: #1E6E6A;
}
.signin-header .brand-badge {
    background: rgba(255, 255, 255, 0.2);
    color: white;
}
.signin-modal-dialog { width: min(92vw, 50rem); margin: 1rem auto; }
.signin-modal-content { position: relative; overflow: hidden; border: 1px solid rgba(211, 232, 230, .9); border-radius: 1.8rem; background: #ffffff; box-shadow: 0 1.6rem 4rem rgba(5, 38, 39, 0.35); }
.signin-welcome-panel { position: relative; display: flex; min-height: 23rem; flex-direction: column; padding: clamp(1.5rem, 4vw, 2.4rem); overflow: hidden; color: #ffffff; background: linear-gradient(155deg, #1c7779 0%, #125b60 55%, #0c464d 100%); }
.signin-welcome-panel::before, .signin-welcome-panel::after { position: absolute; border: 1px solid rgba(185, 236, 226, 0.16); border-radius: 50%; content: ''; pointer-events: none; }
.signin-welcome-panel::before { top: -5rem; left: -5rem; width: 13rem; height: 13rem; }
.signin-welcome-panel::after { right: -6rem; bottom: -7rem; width: 17rem; height: 17rem; box-shadow: 0 0 0 2.8rem rgba(185, 236, 226, 0.05); }
.signin-logo { position: relative; z-index: 1; width: 6.5rem; height: 4.5rem; object-fit: contain; object-position: left center; filter: brightness(0) invert(1); }
.signin-welcome-copy { position: relative; z-index: 1; margin: auto 0; }
.signin-eyebrow, .signin-access-label { display: inline-flex; align-items: center; gap: 0.45rem; margin: 0 0 0.75rem; color: #f5d58d; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.signin-eyebrow::before { width: 1.7rem; height: 1px; background: currentColor; content: ''; }
.signin-welcome-copy h3 { margin: 0; font-size: clamp(2.35rem, 3.6vw, 3.1rem); font-weight: 600; line-height: 0.95; }
.signin-welcome-copy h3 em { display: block; color: #f4d187; font-weight: 500; }
.signin-welcome-copy > p:last-child { max-width: 19rem; margin: 1.15rem 0 0; color: rgba(255,255,255,.82); font-size: .85rem; line-height: 1.7; }
.signin-access-panel { display: flex; min-height: 23rem; flex-direction: column; justify-content: center; padding: clamp(2rem, 4.5vw, 3.25rem); background: linear-gradient(145deg, #ffffff, #f6fbfa); }
.signin-access-heading { max-width: 22rem; }
.signin-access-label { color: #167d82; }
.signin-access-heading h4 { margin: 0; color: #174f4c; font-size: clamp(2.1rem, 3vw, 2.8rem); font-weight: 600; line-height: 1.08; }
.signin-access-heading h4 em { color: #b98536; font-weight: 500; }
.signin-access-heading > p { margin: 1rem 0 0; color: #70807c; font-size: .9rem; line-height: 1.65; }
.signin-google-area { display: grid; gap: .85rem; margin-top: 2rem; color: #74837f; font-size: .75rem; text-align: center; }
.signin-google-button { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: .9rem; width: 100%; min-height: 4.25rem; padding: .75rem 1rem; border: 1px solid #d6e3e1; border-radius: 1rem; background: #ffffff; color: #285652; box-shadow: 0 .65rem 1.4rem rgba(20, 91, 87, .12); cursor: pointer; font: 600 .88rem 'Inter', sans-serif; letter-spacing: .01em; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.signin-google-button > .fa-google { display: grid; flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .72rem; background: #ffffff; color: #4285f4; box-shadow: inset 0 0 0 1px #e4e9e8; font-size: 1.1rem; }
.signin-google-button span { display: grid; gap: .12rem; text-align: left; }
.signin-google-button strong { color: #174f4c; font-size: .95rem; }
.signin-google-arrow { margin-left: auto; color: #ba8739; font-size: .85rem; transition: transform .2s ease; }
.signin-google-button:hover, .signin-google-button:focus-visible { border-color: #cda65d; color: #285652; box-shadow: 0 .9rem 1.7rem rgba(20, 88, 83, .2); outline: none; transform: translateY(-.13rem); }
.signin-google-button:hover .signin-google-arrow { transform: translateX(.2rem); }
.signin-google-button.is-disabled { cursor: not-allowed; filter: grayscale(.55); opacity: .58; transform: none; }
.signin-google-button.is-disabled::before { display: none; }
.signin-google-note { color: #9b7950; line-height: 1.45; }
.signin-close { position: absolute; top: 1rem; right: 1rem; z-index: 5; width: 2rem; height: 2rem; margin: 0; border-radius: 50%; background-color: #edf4f2; opacity: .7; transition: opacity .2s ease, transform .2s ease; }
.signin-close:hover { opacity: 1; transform: rotate(90deg); }
@media (max-width: 767px) { .signin-modal-dialog { width: calc(100vw - 1.5rem); margin: .75rem auto; } .signin-welcome-panel { min-height: 15rem; } .signin-access-panel { min-height: auto; } }
@media (max-width: 575px) { .signin-welcome-panel, .signin-access-panel { padding: 1.5rem 1.25rem; } .signin-welcome-panel { min-height: 13rem; } .signin-logo { width: 5.5rem; } .signin-welcome-copy h3 { font-size: 2.15rem; } .signin-google-button { padding: .82rem .9rem; } }
@media (max-height: 600px) { .signin-welcome-panel { display: none; } .signin-modal-dialog { margin: .5rem auto; } }

.auth-toast-wrap { position: fixed; top: 1.1rem; right: 1.1rem; z-index: 2000; width: min(25rem, calc(100vw - 2.2rem)); }
.auth-toast { display: flex; align-items: flex-start; gap: .8rem; width: 100%; padding: .95rem 1rem; border-radius: 1rem; background: rgba(255,255,255,.96); box-shadow: 0 1rem 2.5rem rgba(7, 49, 48, .22); backdrop-filter: blur(12px); }
.auth-toast-icon { display: grid; width: 2.15rem; height: 2.15rem; flex: 0 0 2.15rem; place-items: center; border-radius: 50%; font-size: 1rem; }
.auth-toast-success { border-left: 4px solid #238c78 !important; }.auth-toast-success .auth-toast-icon { color: #177863; background: #dff5ed; }.auth-toast-error { border-left: 4px solid #c35b48 !important; }.auth-toast-error .auth-toast-icon { color: #b54d3c; background: #fff0ed; }
.auth-toast-copy { display: grid; gap: .18rem; padding-top: .05rem; color: #64736f; font-size: .8rem; line-height: 1.4; }.auth-toast-copy strong { color: #174f4c; font-size: .86rem; }.auth-toast .btn-close { margin: .2rem 0 0 auto; font-size: .72rem; }
.user-menu { position: relative; }.user-menu-toggle { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.35rem; padding: .25rem .45rem .25rem .3rem; border: 1px solid rgba(255,255,255,.26); border-radius: 999px; background: rgba(255,255,255,.1); color: #ffffff; cursor: pointer; font: 600 .78rem 'Inter', sans-serif; transition: background-color .2s ease, transform .2s ease; }.user-menu-toggle:hover, .user-menu-toggle:focus-visible { background: rgba(255,255,255,.2); outline: 0; transform: translateY(-1px); }.user-menu-avatar { display: grid; width: 1.85rem; height: 1.85rem; place-items: center; border: 2px solid rgba(255,255,255,.78); border-radius: 50%; object-fit: cover; background: #f2d38d; color: #175b59; font-size: .75rem; }.user-menu-chevron { font-size: .6rem; opacity: .72; }.user-menu-dropdown { width: min(20rem, calc(100vw - 2rem)); margin-top: .7rem !important; padding: .65rem; border: 1px solid #dce9e7; border-radius: 1rem; box-shadow: 0 1rem 2.4rem rgba(10, 56, 55, .2); }.user-menu-summary { display: flex; align-items: center; gap: .75rem; padding: .5rem; }.user-menu-summary-avatar { display: grid; width: 3rem; height: 3rem; flex: 0 0 3rem; place-items: center; border-radius: .8rem; object-fit: cover; background: #f2d38d; color: #175b59; font-size: 1rem; }.user-menu-summary strong, .user-menu-summary small { display: block; }.user-menu-summary strong { color: #174f4c; font-size: .82rem; }.user-menu-summary small { max-width: 13rem; overflow: hidden; color: #758682; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.user-menu-dropdown .dropdown-divider { margin: .5rem 0; border-color: #e5efed; }.user-menu-signout { display: flex; align-items: center; gap: .55rem; padding: .65rem .7rem; border-radius: .65rem; color: #a44739; font: 700 .77rem 'Inter', sans-serif; text-decoration: none; transition: background-color .2s ease; }.user-menu-signout:hover { background: #fff1ee; color: #913929; }
@media (max-width: 575px) { .auth-toast-wrap { top: .75rem; right: .75rem; width: calc(100vw - 1.5rem); } .user-menu-name, .user-menu-chevron { display: none; } .user-menu-toggle { padding: .25rem; } }

/* The navbar becomes white after scrolling; keep the signed-in identity visible. */
#mainNavbar.scrolled .user-menu-toggle {
    border-color: rgba(18, 92, 88, 0.22);
    background: #eef7f5;
    color: #145955;
    box-shadow: 0 0.25rem 0.7rem rgba(18, 78, 75, 0.09);
}

#mainNavbar.scrolled .user-menu-toggle:hover,
#mainNavbar.scrolled .user-menu-toggle:focus-visible {
    background: #dcefed;
    color: #0d4c49;
}

#mainNavbar.scrolled .user-menu-avatar {
    border-color: #ffffff;
    box-shadow: 0 0.12rem 0.35rem rgba(17, 79, 76, 0.16);
}

#mainNavbar.scrolled .user-menu-chevron {
    color: #b98536;
    opacity: 1;
}

#mainNavbar:has(.navbar-collapse.show) .user-menu-toggle,
#mainNavbar:has(.navbar-collapse.collapsing) .user-menu-toggle {
    border-color: rgba(18, 92, 88, 0.22);
    background: #eef7f5;
    color: #145955;
    box-shadow: 0 0.25rem 0.7rem rgba(18, 78, 75, 0.09);
}

#mainNavbar:has(.navbar-collapse.show) .user-menu-toggle:hover,
#mainNavbar:has(.navbar-collapse.show) .user-menu-toggle:focus-visible,
#mainNavbar:has(.navbar-collapse.collapsing) .user-menu-toggle:hover,
#mainNavbar:has(.navbar-collapse.collapsing) .user-menu-toggle:focus-visible {
    background: #dcefed;
    color: #0d4c49;
}

#mainNavbar:has(.navbar-collapse.show) .user-menu-avatar,
#mainNavbar:has(.navbar-collapse.collapsing) .user-menu-avatar {
    border-color: #ffffff;
    box-shadow: 0 0.12rem 0.35rem rgba(17, 79, 76, 0.16);
}

#mainNavbar:has(.navbar-collapse.show) .user-menu-chevron,
#mainNavbar:has(.navbar-collapse.collapsing) .user-menu-chevron {
    color: #b98536;
    opacity: 1;
}

@media (max-width: 575px) {
    .user-menu-name {
        display: inline;
        max-width: 7rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user-menu-toggle {
        padding: 0.25rem 0.45rem 0.25rem 0.3rem;
    }
}
/* Review modal: a focused, premium writing experience. */
.modal.fade .review-modal-dialog { transform: translateY(1rem) scale(.97); transition: transform .3s cubic-bezier(.2,.8,.2,1); }.modal.show .review-modal-dialog { transform: translateY(0) scale(1); }
.review-modal-dialog { width: min(92vw, 34rem); max-width: min(92vw, 34rem); }.review-modal-content { overflow: hidden; border-radius: 1.65rem; background: linear-gradient(145deg, #ffffff, #f8fcfb); box-shadow: 0 1.8rem 4.5rem rgba(5, 48, 48, .3); }.review-modal-body { position: relative; padding: clamp(2.3rem, 6vw, 3.25rem); text-align: center; }.review-modal-body::before { position: absolute; top: -8rem; left: 50%; width: 20rem; height: 14rem; border-radius: 50%; background: rgba(173, 224, 215, .2); content: ''; transform: translateX(-50%); pointer-events: none; }.review-modal-body > * { position: relative; z-index: 1; }.review-modal-close { position: absolute; top: 1.15rem; right: 1.15rem; z-index: 3; display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border: 0; border-radius: 50%; background: #e7f1ef; background-image: none; color: #176b68; box-shadow: 0 .25rem .6rem rgba(10, 76, 73, .14); opacity: 1; }.review-modal-close::after { content: '×'; font: 500 1.55rem/1 Arial, sans-serif; }.review-modal-close:hover, .review-modal-close:focus-visible { background: #176b68; color: #ffffff; opacity: 1; outline: none; transform: rotate(90deg); }.review-modal-icon { display: grid; width: 3.55rem; height: 3.55rem; margin: 0 auto 1.25rem; place-items: center; border-radius: 1rem; background: linear-gradient(135deg, #197a7c, #37aaa0); color: #ffffff; box-shadow: 0 .7rem 1.35rem rgba(25, 122, 124, .24); font-size: 1.25rem; }.review-modal-eyebrow { margin: 0 0 .55rem; color: #b98536; font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }.review-modal-body h5 { margin: 0; color: #1c3534; font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 5vw, 2.8rem); font-weight: 600; line-height: 1; }.review-modal-intro { max-width: 20rem; margin: .75rem auto 0; color: #788783; font-size: .85rem; line-height: 1.55; }.review-modal-stars { display: flex; justify-content: center; gap: .45rem; margin: 1.45rem 0 .55rem; }.review-star { width: 2.25rem; height: 2.45rem; padding: 0; border: 0; background: transparent; color: #e4e8e8; cursor: pointer; font-size: 1.7rem; line-height: 1; transition: color .16s ease, transform .16s ease; }.review-star:hover, .review-star:focus-visible { color: #f4b72b; outline: none; transform: translateY(-.18rem) scale(1.08); }.review-star.is-selected { color: #f6b923; filter: drop-shadow(0 .18rem .28rem rgba(207, 143, 19, .2)); }.review-rating-label { min-height: 1.4rem; margin: 0 0 1.45rem; color: #83918e; font-size: .77rem; font-weight: 700; }.review-rating-label i { margin-left: .2rem; font-size: .66rem; }.review-form { text-align: left; }.review-form-label { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .55rem; color: #3d5754; }.review-form-label label { font-size: .77rem; font-weight: 700; }.review-form-label span { color: #98a7a3; font-size: .68rem; }.review-form-label b { color: #1e7774; }.review-form textarea { display: block; width: 100%; min-height: 8rem; padding: 1rem; resize: vertical; border: 1px solid #c9dedb; border-radius: .9rem; outline: none; background: #ffffff; color: #365451; font: 400 .87rem/1.6 'Inter', sans-serif; box-shadow: inset 0 .08rem .2rem rgba(13, 73, 70, .03); transition: border-color .2s ease, box-shadow .2s ease; }.review-form textarea::placeholder { color: #a2b1ad; }.review-form textarea:focus { border-color: #238b89; box-shadow: 0 0 0 .24rem rgba(35, 139, 137, .12); }.review-submit-button { display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; margin-top: 1.15rem; padding: .95rem 1rem; border: 0; border-radius: 999px; background: linear-gradient(100deg, #197b7e, #3bb4a5); color: #ffffff; box-shadow: 0 .75rem 1.35rem rgba(24, 121, 119, .22); font: 700 .83rem 'Inter', sans-serif; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }.review-submit-button:hover, .review-submit-button:focus-visible { box-shadow: 0 1rem 1.7rem rgba(24, 121, 119, .3); outline: none; transform: translateY(-.12rem); }.review-modal-note { display: flex; justify-content: center; gap: .4rem; margin: 1.15rem 0 0; color: #8a9995; font-size: .69rem; line-height: 1.45; }.review-modal-note i { color: #bc9146; }.review-modal-note::before { display: none; }
@media (max-width: 575px) { .review-modal-dialog { width: calc(100vw - 1.25rem); max-width: calc(100vw - 1.25rem); }.review-modal-body { padding: 2.2rem 1.4rem 1.8rem; }.review-modal-stars { gap: .4rem; font-size: 1.1rem; }.review-form textarea { min-height: 7.25rem; } }

/* The review form always fits inside the viewport; compact variants prevent scrolling. */
.review-modal-dialog { margin: .5rem auto; }.review-modal-content { max-height: calc(100dvh - 1rem); }.review-modal-body { max-height: calc(100dvh - 1rem); overflow: hidden; }
@media (max-height: 760px) { .review-modal-body { padding: 1.65rem 2.25rem 1.35rem; }.review-modal-icon { width: 2.85rem; height: 2.85rem; margin-bottom: .7rem; border-radius: .8rem; font-size: 1rem; }.review-modal-eyebrow { margin-bottom: .35rem; }.review-modal-body h5 { font-size: 2.25rem; }.review-modal-intro { margin-top: .45rem; font-size: .79rem; line-height: 1.4; }.review-modal-stars { margin: .8rem 0 .3rem; }.review-star { width: 2rem; height: 2rem; font-size: 1.45rem; }.review-rating-label { min-height: 1.05rem; margin-bottom: .8rem; }.review-form textarea { min-height: 5.4rem; padding: .75rem .85rem; line-height: 1.45; }.review-submit-button { margin-top: .8rem; padding: .78rem 1rem; }.review-modal-note { margin-top: .7rem; }.review-modal-close { top: .75rem; right: .75rem; width: 2rem; height: 2rem; } }
@media (max-height: 610px) { .review-modal-body { padding: 1.1rem 1.75rem .9rem; }.review-modal-icon, .review-modal-eyebrow, .review-modal-intro { display: none; }.review-modal-body h5 { margin-top: .3rem; font-size: 2rem; }.review-modal-stars { margin-top: .45rem; }.review-rating-label { margin-bottom: .5rem; }.review-form textarea { min-height: 4.25rem; }.review-modal-note { display: none; } }
@media (max-width: 575px) and (max-height: 760px) { .review-modal-body { padding-right: 1.35rem; padding-left: 1.35rem; }.review-modal-body h5 { font-size: 2.05rem; }.review-form textarea { min-height: 4.9rem; } }

/* Google sign-in: premium editorial treatment */
.modal.fade .signin-modal-dialog { transform: translateY(1.25rem) scale(.97); transition: transform .34s cubic-bezier(.2,.8,.2,1); }
.modal.show .signin-modal-dialog { transform: translateY(0) scale(1); }
.signin-modal-dialog { width: min(92vw, 52rem); }
.signin-modal-content { border: 1px solid rgba(223, 233, 230, .9); border-radius: 1.9rem; box-shadow: 0 2rem 5rem rgba(4, 42, 42, .38); }
.signin-welcome-panel { min-height: 28rem; padding: clamp(2rem, 4vw, 3rem); background: linear-gradient(158deg, #258286 0%, #116269 52%, #0c4b54 100%); }
.signin-welcome-panel::before { top: -7rem; left: -6rem; width: 17rem; height: 17rem; border-color: rgba(238, 247, 243, .11); box-shadow: 0 0 0 4rem rgba(214, 239, 230, .045); }
.signin-welcome-panel::after { right: -8rem; bottom: -8rem; width: 19rem; height: 19rem; border-color: rgba(238, 247, 243, .1); box-shadow: 0 0 0 3.7rem rgba(214, 239, 230, .055); }
.signin-logo { width: 7rem; height: 4.75rem; }
.signin-eyebrow { margin-bottom: 1rem; color: #f3d78f; font-size: .67rem; letter-spacing: .2em; }
.signin-welcome-copy h3 { max-width: 17rem; font-family: 'Cormorant Garamond', serif; font-size: clamp(2.55rem, 4vw, 3.45rem); line-height: .92; letter-spacing: -.025em; }
.signin-welcome-copy > p:last-child { max-width: 17rem; margin-top: 1.3rem; color: rgba(255,255,255,.84); font-size: .88rem; line-height: 1.7; }
.signin-benefits { position: relative; z-index: 1; display: grid; gap: .7rem; margin: 1.65rem 0 0; padding: 0; list-style: none; }.signin-benefits li { display: flex; align-items: center; gap: .75rem; color: rgba(255,255,255,.92); font-size: .78rem; font-weight: 600; }.signin-benefits i { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); color: #f5d78e; font-size: .68rem; }
.signin-access-panel { min-height: 28rem; padding: clamp(2.25rem, 5vw, 4rem); background: linear-gradient(145deg, #ffffff 0%, #f7fbfa 100%); }
.signin-access-heading { max-width: 24rem; }.signin-access-heading h4 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.45rem, 4vw, 3.25rem); line-height: .93; letter-spacing: -.025em; }.signin-access-heading > p { max-width: 20rem; margin-top: 1.2rem; font-size: .91rem; }
.signin-google-area { margin-top: 2.25rem; }.signin-google-button { min-height: 4.7rem; gap: 1rem; padding: .85rem 1.05rem; border: 1px solid #ddc58e; border-radius: 1.05rem; background: linear-gradient(135deg, #fffdf8 0%, #ffffff 100%); box-shadow: 0 .85rem 1.65rem rgba(20, 91, 87, .14), inset 0 1px 0 rgba(255,255,255,.9); font-size: .9rem; }.signin-google-button > .fa-google { width: 2.6rem; height: 2.6rem; flex-basis: 2.6rem; border-radius: .82rem; background: #ffffff; box-shadow: 0 .25rem .65rem rgba(41, 81, 78, .12), inset 0 0 0 1px #e9eceb; font-size: 1.2rem; }.signin-google-button strong { font-size: 1rem; }.signin-google-arrow { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: #176c6b; color: #ffffff; }.signin-google-button:hover, .signin-google-button:focus-visible { border-color: #ba8739; background: #ffffff; box-shadow: 0 1.15rem 2.1rem rgba(20, 88, 83, .22), 0 0 0 .25rem rgba(217, 177, 100, .13); transform: translateY(-.18rem); }.signin-google-button:hover .signin-google-arrow { background: #b98536; transform: translateX(.18rem); }
.signin-close { top: 1.2rem; right: 1.2rem; background: rgba(255,255,255,.92); box-shadow: 0 .25rem .7rem rgba(5, 52, 52, .1); }
.signin-close { display:grid; place-items:center; border:0; background-color:#ffffff !important; opacity:1; filter:none; box-shadow:0 .35rem .9rem rgba(5,52,52,.22); }.signin-close:hover,.signin-close:focus-visible { background-color:#f2dca7 !important; outline:2px solid #176c6b; outline-offset:2px; }
.signin-close { background-image:none !important; color:#155a57; font:500 1.75rem/1 Arial,sans-serif; }.signin-close::before { content:'×'; transform:translateY(-.05rem); }.signin-close:focus-visible { color:#0d4543; }
.signin-success-modal .modal-content { overflow:hidden; border-radius:1.7rem; box-shadow:0 1.8rem 4.5rem rgba(4,55,54,.3); }.signin-success-body { position:relative; overflow:hidden; padding:2.75rem 2rem 2.25rem; text-align:center; background:linear-gradient(145deg,#fffdf8,#edf8f5); }.signin-success-body::before { position:absolute; top:-7rem; left:50%; width:20rem; height:14rem; border-radius:50%; background:rgba(35,130,134,.12); content:''; transform:translateX(-50%); }.signin-success-body>* { position:relative; z-index:1; }.signin-success-avatar { display:grid; width:4.5rem; height:4.5rem; margin:0 auto .75rem; place-items:center; border:3px solid #fff; border-radius:50%; object-fit:cover; background:#f3d78f; box-shadow:0 .45rem 1rem rgba(18,91,87,.2); }.signin-success-avatar-fallback { color:#155956; font-weight:700; font-size:1.4rem; }.signin-success-check { display:grid; width:1.55rem; height:1.55rem; margin:-1.1rem auto .9rem 54%; place-items:center; border:2px solid #fff; border-radius:50%; color:#fff; background:#20826f; font-size:.65rem; }.signin-success-body p { margin:0 0 .4rem; color:#b98536; font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }.signin-success-body h2 { margin:0; color:#174e4a; font:600 clamp(2rem,5vw,2.65rem)/.95 'Cormorant Garamond',serif; }.signin-success-body>span:last-of-type { display:block; margin:.75rem 0 1.4rem; color:#71817c; font-size:.84rem; }.signin-success-body button { padding:.72rem 1.25rem; border:0; border-radius:999px; color:#fff; background:linear-gradient(135deg,#207b78,#155b58); box-shadow:0 .55rem 1.1rem rgba(20,91,88,.22); font:700 .75rem 'Inter',sans-serif; }.signin-success-body button i { margin-left:.35rem; }

.quote-overnight-field { margin-top:1rem; }.quote-package-select-label { display:grid; gap:.38rem; color:#53625c; font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }.quote-package-select-label select { width:100%; padding:.8rem .85rem; border:1px solid #ddd5c7; border-radius:.6rem; color:#214d48; background:#fff; font:600 .86rem 'Inter',sans-serif; outline:0; }.quote-package-select-label select:focus { border-color:#b9904d; box-shadow:0 0 0 .18rem rgba(204,164,90,.15); }.quote-package-warning { margin:.7rem 0 0; padding:.7rem .8rem; border:1px solid #e5c17b; border-radius:.6rem; color:#8b5e1a; background:#fff6df; font-size:.76rem; line-height:1.5; }.quote-included-rooms { margin:1rem 0 0; padding:.7rem .8rem; border-left:3px solid #b9904d; color:#5f6e67; background:#fbf5e8; font-size:.75rem; line-height:1.5; }
.quote-inline-total { display:flex; align-items:center; justify-content:space-between; margin-top:1rem; padding:.85rem 1rem; border:1px solid #dcc18d; border-radius:.7rem; color:#7e6332; background:#fff8e9; }.quote-inline-total span { font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }.quote-inline-total strong { color:#174e4a; font:600 1.45rem 'Cormorant Garamond',serif; }
.quote-parking-note { display:flex; gap:.5rem; margin:1rem 0 0; color:#687771; font-size:.72rem; line-height:1.55; }.quote-parking-note i { margin-top:.15rem; color:#b6853c; }.quote-messenger { display:flex; align-items:center; justify-content:center; gap:.55rem; width:100%; margin-top:.7rem; padding:.8rem 1rem; border:1px solid #1c766e; border-radius:999px; color:#17645f; background:#fff; font:700 .75rem 'Inter',sans-serif; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:.2s ease; }.quote-messenger:hover,.quote-messenger:focus-visible { color:#fff; background:#176c67; outline:0; transform:translateY(-.1rem); }.quote-package-select-label select { appearance:none; padding:1rem 3rem 1rem 1rem; border:1px solid #c89a50; border-radius:1rem; color:#174e4a; background:linear-gradient(135deg,#fffdf6,#f4e5c2); box-shadow:0 .45rem 1rem rgba(112,79,27,.1),inset 0 1px rgba(255,255,255,.9); font-weight:700; cursor:pointer; }.quote-overnight-field { position:relative; padding:.9rem; border:1px solid #ead5a6; border-radius:1rem; background:linear-gradient(135deg,rgba(255,250,238,.96),rgba(247,237,214,.78)); box-shadow:0 .6rem 1.3rem rgba(87,63,29,.07); }.quote-overnight-field::after { position:absolute; right:2rem; top:2.9rem; color:#a97931; content:'⌄'; font-size:1.2rem; pointer-events:none; }
.quote-overnight-selection { display:grid; grid-template-columns:1fr; gap:.75rem; }.quote-select-wrap { position:relative; display:block; }.quote-package-select-label select { width:100%; min-height:3.4rem; padding-right:3.5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.quote-select-chevron { position:absolute; top:50%; right:1rem; display:grid; width:2rem; height:2rem; place-items:center; border-radius:50%; color:#fff; background:#a97931; font-size:.72rem; pointer-events:none; transform:translateY(-50%); box-shadow:0 .25rem .6rem rgba(114,76,21,.22); }.quote-overnight-field::after { display:none; }.quote-package-details { margin:0; padding:.8rem .9rem; border:1px solid rgba(188,143,63,.25); border-radius:.8rem; color:#52655e; background:rgba(255,255,255,.62); font-size:.72rem; font-weight:600; line-height:1.45; }.quote-package-details::before { display:block; margin-bottom:.2rem; color:#a27635; content:'Package includes'; font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.quote-choice-heading { margin-bottom:1.1rem; }.quote-package-select-label + .quote-package-select-label { margin-top:1rem; }.quote-package-select-label .quote-select-wrap { margin-top:.22rem; }.quote-package-select-label select:disabled + .quote-select-chevron { opacity:.55; }

/* Align the guest range and exact-guest controls as one fixed row. */
.quote-fields .quote-guest-range,.quote-fields .quote-guest-count { align-content:start; grid-template-rows:auto 3.4rem auto; }
.quote-fields .quote-guest-range .quote-select-wrap { align-self:stretch; margin-top:0; }
.quote-fields .quote-guest-count input { box-sizing:border-box; height:3.4rem; min-height:3.4rem; padding:1rem 3rem 1rem 1rem; border:1px solid #c89a50; border-radius:1rem; background:linear-gradient(135deg,#fffdf6,#f4e5c2); box-shadow:0 .45rem 1rem rgba(112,79,27,.1),inset 0 1px rgba(255,255,255,.9); font-weight:700; }
.quote-fields .quote-guest-range .quote-select-chevron { top:0; bottom:0; margin:auto; transform:none; }
.quote-fields .quote-guest-range,.quote-fields .quote-guest-count { margin:0 !important; padding:0; }
.quote-fields .quote-guest-range .quote-select-wrap { margin:0 !important; }
.quote-fields .quote-guest-range select,.quote-fields .quote-guest-count input { height:3.4rem !important; min-height:3.4rem !important; }
.quote-fields .quote-guest-range .quote-select-chevron { top:50%; bottom:auto; width:auto; height:auto; margin:0; border-radius:0; color:#a97931; background:transparent; box-shadow:none; font-size:.85rem; transform:translateY(-50%); }
.quote-package-select-label + .quote-package-details { margin-top:.8rem; }


/* Sign-in acknowledgement never affects layout and clears itself quickly. */
.auth-toast-wrap { top: 50%; right: auto; left: 50%; z-index: 3000; width: min(23rem, calc(100vw - 2rem)); transform: translate(-50%, -56%); pointer-events: none; }
.auth-toast { align-items: center; gap: .9rem; padding: 1rem 1.15rem; border: 1px solid rgba(221, 197, 142, .72) !important; border-left: 1px solid rgba(221, 197, 142, .72) !important; border-radius: 1.15rem; background: rgba(255,255,255,.98); box-shadow: 0 1.4rem 3.5rem rgba(4, 55, 54, .28); }.auth-toast.fade { transform: translateY(.65rem) scale(.96); transition: opacity .24s ease, transform .24s ease; }.auth-toast.fade.show { transform: translateY(0) scale(1); }.auth-toast-icon { width: 2.4rem; height: 2.4rem; flex-basis: 2.4rem; color: #ffffff !important; background: linear-gradient(135deg, #258d78, #15685e) !important; box-shadow: 0 .35rem .85rem rgba(27, 126, 106, .22); }.auth-toast-copy { gap: .12rem; font-size: .82rem; }.auth-toast-copy strong { font-family: 'Cormorant Garamond', serif; font-size: 1.15rem; line-height: 1; }.auth-toast-error .auth-toast-icon { background: linear-gradient(135deg, #d57361, #a44839) !important; }
@media (max-width: 767px) { .signin-welcome-panel, .signin-access-panel { min-height: auto; } .signin-welcome-panel { min-height: 20rem; } .signin-benefits { margin-top: 1.25rem; } }
@media (max-width: 575px) { .signin-modal-dialog { width: calc(100vw - 1.25rem); } .signin-welcome-panel { min-height: 0; padding: 1.75rem 1.5rem; } .signin-access-panel { padding: 2rem 1.5rem; } .signin-welcome-copy h3 { font-size: 2.45rem; } .signin-benefits { gap: .55rem; } .signin-google-button { min-height: 4.4rem; } }
@media (max-height: 600px) { .signin-welcome-panel { display: none; } }

/* Keep the desktop sign-in experience genuinely horizontal. Bootstrap's 500px
   modal cap is deliberately overridden here so neither panel is squeezed. */
.signin-modal-dialog { width: min(94vw, 62rem); max-width: min(94vw, 62rem); }
.signin-welcome-panel { min-height: 25.5rem; padding: clamp(1.9rem, 3.2vw, 2.75rem); }
.signin-access-panel { min-height: 25.5rem; padding: clamp(2rem, 3.8vw, 3.5rem); }
.signin-welcome-copy h3 { max-width: 19rem; font-size: clamp(2.4rem, 3.45vw, 3.2rem); }
.signin-welcome-copy > p:last-child { max-width: 18rem; font-size: .84rem; line-height: 1.58; }
.signin-benefits { grid-template-columns: 1fr; gap: .55rem; margin-top: 1.25rem; }.signin-benefits li { font-size: .75rem; }
.signin-access-heading { max-width: 25rem; }.signin-access-heading h4 { font-size: clamp(2.35rem, 3.4vw, 3.15rem); }.signin-access-heading > p { max-width: 23rem; font-size: .88rem; line-height: 1.55; }.signin-google-area { margin-top: 1.65rem; }

/* A compact success notification, independent of the document layout. */
.auth-toast-wrap { top: auto; right: auto; bottom: 1.5rem; left: 50%; width: min(22rem, calc(100vw - 2rem)); transform: translateX(-50%); }
.auth-toast { min-height: 4.5rem; padding: .8rem .95rem; border-color: rgba(198, 174, 112, .55) !important; border-radius: .9rem; box-shadow: 0 .9rem 2.4rem rgba(4, 55, 54, .25); }.auth-toast.fade { transform: translateX(1rem) scale(.98); }.auth-toast.fade.show { transform: translateX(0) scale(1); }.auth-toast-icon { width: 2.15rem; height: 2.15rem; flex-basis: 2.15rem; font-size: .9rem; }.auth-toast-copy strong { font-family: 'Inter', sans-serif; font-size: .84rem; font-weight: 700; line-height: 1.2; }.auth-toast-copy { font-size: .76rem; line-height: 1.35; }
@media (max-width: 767px) { .signin-modal-dialog { width: calc(100vw - 1.25rem); max-width: calc(100vw - 1.25rem); } .signin-welcome-panel { min-height: auto; } .signin-access-panel { min-height: auto; } }
@media (max-width: 575px) { .auth-toast-wrap { right: auto; bottom: .9rem; left: 50%; width: calc(100vw - 1.6rem); transform: translateX(-50%); } }

/* Guest contribution flow */
.moment-modal-dialog { width: min(94vw, 43rem); max-width: min(94vw, 43rem); }.moment-modal-content { overflow: hidden; border-radius: 1.7rem; background: #fffdf9; box-shadow: 0 1.8rem 5rem rgba(5, 48, 48, .32); }.moment-modal-close { position: absolute; z-index: 3; top: 1.1rem; right: 1.1rem; width: 2.3rem; height: 2.3rem; border-radius: 50%; background-color: rgba(255,255,255,.75); box-shadow: 0 .3rem .8rem rgba(0,0,0,.1); }.moment-modal-heading { padding: 2.25rem 4.5rem 2rem; color: #fff; text-align: center; background: radial-gradient(circle at 15% 10%, rgba(129, 230, 216, .28), transparent 28%), linear-gradient(135deg, #124e51, #197c78); }.moment-modal-icon { display: grid; width: 3.1rem; height: 3.1rem; margin: 0 auto .8rem; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 1rem; background: rgba(255,255,255,.13); font-size: 1.15rem; }.moment-modal-heading p { margin: 0 0 .45rem; color: #f8d794; font-size: .65rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.moment-modal-heading h2 { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(2.1rem, 5vw, 3rem); font-weight: 600; line-height: .95; }.moment-modal-heading h2 em { color: #a6eee6; font-weight: 500; }.moment-modal-heading > span:last-child { display: block; max-width: 29rem; margin: .8rem auto 0; color: rgba(255,255,255,.8); font-size: .8rem; line-height: 1.55; }.moment-modal-body { padding: 1.5rem clamp(1.25rem, 4vw, 2.4rem) 1.75rem; }.moment-upload-zone { position: relative; display: grid; min-height: 10.5rem; place-content: center; overflow: hidden; border: 1.5px dashed #a9cec7; border-radius: 1.1rem; background: linear-gradient(135deg, #f0faf7, #fffaf0); color: #326b67; text-align: center; cursor: pointer; transition: border-color .2s ease, transform .2s ease, background .2s ease; }.moment-upload-zone:hover, .moment-upload-zone.is-dragging { border-color: #168980; background: #e8f8f4; transform: translateY(-.1rem); }.moment-upload-zone input { position: absolute; opacity: 0; pointer-events: none; }.moment-upload-icon { display: grid; width: 2.65rem; height: 2.65rem; margin: 0 auto .55rem; place-items: center; border-radius: .85rem; background: #177e78; color: #fff; box-shadow: 0 .5rem 1rem rgba(23,126,120,.18); }.moment-upload-zone strong { position: relative; font-size: .82rem; }.moment-upload-zone small { position: relative; margin-top: .25rem; color: #718e89; font-size: .72rem; }.moment-upload-zone img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.moment-upload-zone.has-file::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,53,50,.76), transparent 70%); content: ''; }.moment-upload-zone.has-file .moment-upload-icon, .moment-upload-zone.has-file strong, .moment-upload-zone.has-file small { z-index: 1; color: #fff; }.moment-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; margin-top: 1rem; }.moment-form-grid label, .moment-caption-label { display: grid; gap: .42rem; color: #315d58; font-size: .72rem; font-weight: 700; }.moment-form-grid label span { color: #91a49f; font-weight: 500; }.moment-form-grid input, .moment-caption-label textarea { width: 100%; border: 1px solid #d5e4df; border-radius: .75rem; outline: 0; background: #fff; color: #264b47; font: 400 .82rem 'Inter', sans-serif; transition: border-color .2s ease, box-shadow .2s ease; }.moment-form-grid input { height: 2.75rem; padding: 0 .8rem; }.moment-caption-label { margin-top: .9rem; }.moment-caption-label textarea { min-height: 5.6rem; padding: .7rem .8rem; resize: vertical; }.moment-form-grid input:focus, .moment-caption-label textarea:focus { border-color: #238b83; box-shadow: 0 0 0 .22rem rgba(35,139,131,.12); }.moment-modal-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.15rem; }.moment-modal-footer small { max-width: 16rem; color: #748883; font-size: .68rem; line-height: 1.45; }.moment-modal-footer small i { margin-right: .3rem; color: #b88736; }.moment-submit-button { display: inline-flex; align-items: center; gap: .55rem; padding: .78rem 1.1rem; border: 0; border-radius: 999px; background: linear-gradient(110deg, #167b78, #37a895); color: #fff; box-shadow: 0 .6rem 1.25rem rgba(19,116,110,.22); font: 700 .78rem 'Inter', sans-serif; transition: transform .2s ease, box-shadow .2s ease; }.moment-submit-button:hover, .moment-submit-button:focus-visible { box-shadow: 0 .85rem 1.5rem rgba(19,116,110,.3); outline: 0; transform: translateY(-.12rem); }.moment-uploading { position: fixed; z-index: 3000; inset: 0; display: grid; padding: 1rem; place-items: center; background: rgba(5,48,48,.3); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity .22s ease; }.moment-uploading.is-visible { opacity: 1; pointer-events: auto; }.moment-uploading-card { display: flex; align-items: center; gap: 1rem; width: min(100%, 25rem); padding: 1.25rem; border: 1px solid rgba(255,255,255,.7); border-radius: 1.15rem; background: #fffdf9; box-shadow: 0 1.3rem 3rem rgba(3,44,43,.28); }.moment-uploading-card strong { color: #1d504b; font-family: 'Cormorant Garamond', serif; font-size: 1.35rem; }.moment-uploading-card p { margin: .18rem 0 0; color: #718783; font-size: .76rem; line-height: 1.45; }.moment-upload-spinner { width: 2.4rem; height: 2.4rem; flex: 0 0 auto; border: 3px solid #d6ece5; border-top-color: #177e78; border-radius: 50%; animation: moment-spin .8s linear infinite; }@keyframes moment-spin { to { transform: rotate(360deg); } }@media (max-width: 575px) { .moment-modal-dialog { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); margin: .5rem auto; }.moment-modal-heading { padding: 1.8rem 3.5rem 1.5rem; }.moment-modal-body { padding: 1.1rem; }.moment-upload-zone { min-height: 9.5rem; }.moment-form-grid { grid-template-columns: 1fr; gap: .8rem; }.moment-modal-footer { align-items: stretch; flex-direction: column; }.moment-modal-footer small { max-width: none; }.moment-submit-button { justify-content: center; } }
.section-card { background: white; border-radius: 1.5rem; box-shadow: var(--shadow); }
@media (max-width: 991px) {
    .welcome-hero {
        grid-template-columns: 35% 65%;
        min-height: 530px;
    }
    .welcome-panel {
        min-height: 530px;
        border-radius: 0 0 54% 0;
        padding: 1.3rem 1rem 2rem 1.25rem;
    }
    .welcome-content { max-width: 320px; }
    .welcome-title { font-size: clamp(3rem, 7vw, 4.25rem); }
    .welcome-image-wrap {
        left: 0;
        margin-top: 0;
        margin-left: 0;
        width: calc(100% - 1rem);
        border-radius: 1.25rem;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .welcome-panel::after {
        display: none;
    }
}
@media (max-width: 576px) {
    .welcome-hero-section { padding: 3rem 0 4rem; }
    .welcome-hero { grid-template-columns: 1fr; min-height: 0; }
    .welcome-panel { min-height: 0; border-radius: 0 0 38% 0; padding: 2.25rem 1.4rem 3rem; }
    .welcome-buttons { max-width: 15.5rem; gap: 0.6rem; margin-top: 1.25rem; }
    .btn-location, .btn-inquire { padding: 0.78rem 1.15rem; font-size: 0.78rem; }
    .btn-location i, .btn-inquire i { font-size: 0.88rem; }
    .welcome-image-wrap { left: 0; margin: 1.25rem 1rem 0; width: calc(100% - 2rem); border-radius: 1.35rem; height: 260px; }
    .welcome-floating-card { top: 0.85rem; right: 0.45rem; width: 11rem; max-width: calc(100% - 1rem); padding: 0.5rem 0.6rem; gap: 0.35rem; white-space: normal; }
    .welcome-floating-card > div { min-width: 0; }
    .welcome-floating-card .welcome-card-subtitle { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .welcome-floating-card .welcome-badge { width: 28px; height: 28px; font-size: 0.7rem; }
    .welcome-floating-card .welcome-card-title { font-size: 0.7rem; }
    .welcome-floating-card .welcome-card-subtitle { font-size: 0.6rem; }
    .welcome-watermark { width: 56px; }
}
.space-section { background: #ffffff; }
.location-section, .reviews-section { background: #ffffff; }
.location-heading { margin-bottom: 2.5rem; }
.location-panel { display: grid; grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); overflow: hidden; border: 1px solid #dcefed; border-radius: 1.5rem; background: #f2f9f8; box-shadow: 0 1rem 2.8rem rgba(17, 83, 82, 0.11); }
.location-copy { padding: clamp(2rem, 4.5vw, 4.25rem); }
.location-label { margin: 0 0 0.85rem; color: #168b8d; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; }
.location-label i { margin-right: 0.35rem; }
.location-copy h3 { margin: 0; color: #172235; font-size: clamp(2.15rem, 3vw, 3.1rem); font-weight: 600; line-height: 1; }
.location-address { margin: 1.35rem 0 0; color: #43595a; font-size: 1rem; line-height: 1.7; }
.location-address span { display: block; }
.location-waze { display: inline-flex; align-items: center; gap: 0.55rem; margin-top: 1.25rem; color: #126e74; font-size: 0.94rem; font-weight: 700; text-decoration: none; }
.location-waze:hover { color: #0d4e52; text-decoration: underline; }
.location-nearby { margin-top: 1.75rem; padding-top: 1.25rem; border-top: 1px solid rgba(20, 139, 147, 0.2); }
.location-nearby p { margin: 0 0 0.65rem; color: #168b8d; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.location-nearby ul { display: grid; gap: 0.5rem; margin: 0; padding-left: 1.2rem; color: #43595a; font-size: 0.9rem; line-height: 1.45; }
.location-nearby li::marker { color: #19a8aa; }
.location-map-wrap { min-height: 31rem; background: #d6eeea; }
.location-map-wrap iframe { display: block; width: 100%; height: 100%; min-height: 31rem; border: 0; }
.reviews-panel { position: relative; display: grid; grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr); grid-template-rows: 1fr auto; min-height: 28rem; max-width: 70rem; margin: 0 auto; overflow: hidden; border: 1px solid #d3e8e6; border-radius: 1.75rem; background: #ffffff; box-shadow: 0 1.2rem 3.2rem rgba(17, 83, 82, 0.12); }
.reviews-heading { position: relative; grid-row: 1 / span 2; display: flex; flex-direction: column; justify-content: center; min-height: 28rem; padding: clamp(4.8rem, 7vw, 5.75rem) clamp(2.5rem, 5vw, 4.5rem) clamp(2.5rem, 5vw, 4.5rem); overflow: hidden; background: linear-gradient(145deg, #155f64 0%, #0e3e45 100%); }
.reviews-heading::before { content: '“'; position: absolute; top: -2.75rem; right: 1rem; color: rgba(159, 241, 235, 0.16); font-family: 'Cormorant Garamond', serif; font-size: 16rem; line-height: 1; }
.reviews-heading::after { content: ''; position: absolute; right: -5rem; bottom: -5rem; width: 14rem; height: 14rem; border: 1px solid rgba(159, 241, 235, 0.3); border-radius: 50%; }
.reviews-brand-logo { position: absolute; top: 1.5rem; left: clamp(2.5rem, 5vw, 4.5rem); z-index: 1; width: auto; height: 3.75rem; filter: brightness(0) invert(1); object-fit: contain; opacity: 0.95; }
.reviews-heading .space-eyebrow { position: relative; justify-content: flex-start; color: #a7f1ec; }
.reviews-heading .space-eyebrow::before, .reviews-heading .space-eyebrow::after { background: #a7f1ec; }
.reviews-heading h2 { position: relative; margin: 0; color: #ffffff; font-family: 'Cormorant Garamond', serif; font-size: clamp(3rem, 5.8vw, 4.7rem); font-weight: 600; line-height: 0.95; }
.reviews-heading h2 em { display: block; color: #a7f1ec; font-weight: 500; }
.reviews-notice { position: relative; grid-column: 2; align-self: center; margin: 0; padding: clamp(2rem, 4vw, 3.25rem) clamp(2rem, 5vw, 4rem) 1.25rem; border: 0; border-radius: 0; background: #ffffff; box-shadow: none; }
.reviews-notice-title { display: flex; align-items: center; gap: 1rem; }
.reviews-logo-mark { display: grid; width: 3.25rem; height: 3.25rem; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid #bde1de; border-radius: 50%; background: #eff9f8; }
.reviews-logo-mark img { width: 2.5rem; height: 2.5rem; object-fit: contain; }
.reviews-notice h3 { margin: 0; color: #1d2a34; font-family: 'Inter', sans-serif; font-size: 1rem; font-weight: 700; }
.reviews-notice-title p { margin: 0.2rem 0 0; color: #688080; font-size: 0.83rem; }
.reviews-notice-copy { max-width: 42rem; margin: 1.25rem 0 0; color: #4f5d66; font-family: 'Cormorant Garamond', serif; font-size: 1.1rem; font-style: italic; line-height: 1.65; }
.reviews-action { display: flex; grid-column: 2; justify-content: flex-start; margin: 0; padding: 0 clamp(2rem, 5vw, 4rem) clamp(2rem, 4vw, 3.25rem); }
.reviews-write-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-width: 14rem; padding: 0.85rem 1.45rem; border: 0; border-radius: 999px; background: #167d82; color: #ffffff; box-shadow: 0 0.65rem 1.3rem rgba(22, 125, 130, 0.2); cursor: pointer; font-weight: 700; transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.reviews-write-btn:hover, .reviews-write-btn:focus-visible { background: #0e5f64; box-shadow: 0 0.85rem 1.6rem rgba(14, 95, 100, 0.28); color: #ffffff; transform: translateY(-0.15rem); }
@media (max-width: 991px) { .location-panel, .reviews-panel { grid-template-columns: 1fr; } .reviews-panel { grid-template-rows: auto; } .location-map-wrap, .location-map-wrap iframe { min-height: 25rem; } .reviews-heading { grid-row: auto; min-height: 21rem; } .reviews-notice, .reviews-action { grid-column: auto; } .reviews-notice { padding-bottom: 1.25rem; } }
/* Prevent the review heading from clipping on iPad Safari. */
/* Keep “Experience” fully visible on iPad Safari. */
/* Use the stacked review layout on iPad portrait and landscape. */
@media (min-width:576px) and (max-width:1199px) {
    .reviews-panel {
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }

    .reviews-heading {
        grid-row:auto;
        min-height:17rem;
        padding:4.5rem 1.5rem 2.5rem;
    }

    .reviews-brand-logo {
        top:1.1rem;
        left:1.5rem;
        height:3rem;
    }

    .reviews-heading h2 {
        font-size:3rem;
        line-height:1;
    }

    .reviews-notice,
    .reviews-action {
        grid-column:auto;
    }

    .reviews-notice {
        padding-bottom:1.25rem;
    }
}
.space-heading { padding: 0.7rem 0 0.2rem; }
.space-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin: 0 0 1.15rem;
    color: #19a8aa;
    font-family: 'Inter', sans-serif;
    font-size: 0.73rem;
    font-weight: 700;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}
.space-eyebrow::before,
.space-eyebrow::after { content: ""; width: 1.3rem; height: 1px; background: #19a8aa; }
.space-title {
    margin: 0;
    color: #172235;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.45rem, 4.2vw, 3.15rem);
    font-weight: 600;
    letter-spacing: -0.025em;
    line-height: 1.02;
}
.space-title em { color: #148b93; font-weight: 500; }
.space-description {
    margin: 1.3rem auto 0;
    max-width: 44rem;
    color: #555c6b;
    font-family: 'Inter', sans-serif;
    font-size: 0.94rem;
    font-weight: 400;
    line-height: 1.6;
}
@media (max-width: 575px) {
    .space-heading { padding-top: 0; }
    .space-eyebrow { font-size: 0.66rem; letter-spacing: 0.22em; }
    .space-title { font-size: 2.35rem; }
    .space-description { font-size: 0.88rem; }
}
.space-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.8rem; }
.space-card {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border: 1px solid rgba(190, 151, 79, 0.72);
    border-radius: 0.55rem;
    background: #252522;
    box-shadow: 0 0.8rem 1.8rem rgba(22, 46, 40, 0.12);
    opacity: 0;
    animation: space-card-enter 0.7s cubic-bezier(.2, .7, .2, 1) forwards;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.space-card::before { position: absolute; z-index: 2; inset: 0.42rem; border: 1px solid rgba(255, 239, 195, 0.57); border-radius: 0.24rem; content: ''; pointer-events: none; transition: inset 0.35s ease, border-color 0.35s ease; }
.space-card::after { position: absolute; z-index: 2; top: 0.72rem; right: 0.72rem; width: 1.45rem; height: 1.45rem; border-top: 2px solid #e7c77f; border-right: 2px solid #e7c77f; content: ''; opacity: 0.9; pointer-events: none; transition: width 0.35s ease, height 0.35s ease; }
.space-card:nth-child(2) { animation-delay: 0.08s; }
.space-card:nth-child(3) { animation-delay: 0.16s; }
.space-card:nth-child(4) { animation-delay: 0.24s; }
.space-card:nth-child(5) { animation-delay: 0.32s; }
.space-card:nth-child(6) { animation-delay: 0.4s; }
@media (min-width: 992px) {
    .space-card:nth-child(1) { grid-column: 1; grid-row: 1; }
    .space-card:nth-child(2) { grid-column: 2; grid-row: 1; }
    .space-card:nth-child(3) { grid-column: 3; grid-row: 1; }
    .space-card:nth-child(4) { grid-column: 4; grid-row: 1; }
    .space-card:nth-child(5) { grid-column: 2; grid-row: 2; }
    .space-card:nth-child(6) { grid-column: 3; grid-row: 2; }
}
.space-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(0.94) contrast(1.03); transition: transform 0.7s cubic-bezier(.2, .7, .2, 1), filter 0.45s ease; }
.space-card-overlay {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.2rem;
    color: #ffffff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 35%, rgba(0, 0, 0, 0.76) 100%);
    transition: background 0.45s ease;
}
.space-card h3 { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(1.5rem, 1.9vw, 1.9rem); font-weight: 500; line-height: 1.08; transition: transform 0.4s ease; }
.space-card-divider { width: 3rem; height: 1px; margin: 0.75rem 0 1rem; background: rgba(255, 255, 255, 0.64); transition: width 0.4s ease; }
.space-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.space-card-icons { display: inline-flex; gap: 0.8rem; font-size: 0.9rem; }
.space-card .space-card-details { display: inline-flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.82); border-radius: 999px; background: rgba(18, 58, 57, 0.38); color: #ffffff; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); cursor: pointer; font-family: 'Cormorant Garamond', serif; font-size: 0.84rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; }
.space-card .space-card-details i { color: currentColor; transition: transform 0.3s ease; }
.space-card .space-card-details:hover { border-color: #ffffff; background: #ffffff; color: #167d82; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28); transform: translateY(-0.15rem); }
.space-card:hover, .space-card:focus-within { border-color: #e5bd67; box-shadow: 0 1.15rem 2.3rem rgba(22, 46, 40, 0.2); transform: translateY(-0.28rem); }
.space-card:hover::before, .space-card:focus-within::before { inset: 0.3rem; border-color: rgba(255, 244, 208, 0.9); }
.space-card:hover::after, .space-card:focus-within::after { width: 2rem; height: 2rem; }
.space-card:hover img, .space-card:focus-within img { transform: scale(1.09); filter: brightness(0.9) saturate(1.02); }
.space-card:hover .space-card-overlay, .space-card:focus-within .space-card-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 20%, rgba(0, 0, 0, 0.84) 100%); }
.space-card:hover .space-card-divider, .space-card:focus-within .space-card-divider { width: 100%; }
.space-card:hover h3, .space-card:focus-within h3 { transform: translateY(-0.25rem); }
.space-card:hover .space-card-details i, .space-card:focus-within .space-card-details i { transform: translateX(0.35rem); }
.space-card .space-card-details:focus-visible { outline: 2px solid #ffffff; outline-offset: 0.35rem; }
@keyframes space-card-enter { from { opacity: 0; transform: translateY(1.4rem); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 991px) {
    .space-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .space-card-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .space-card .space-card-details {
        width: 100%;
        justify-content: center;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .space-card-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .space-card .space-card-details {
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .space-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .space-card-overlay {
        padding: 1rem;
    }
}
/* Moment album photo zoom affordances and lightbox. */
.moment-album-photo { position:relative; min-width:0; margin:0; }
.moment-album-photos .moment-album-photo img { display:block; }
.moment-photo-zoom { position:absolute; right:.5rem; bottom:.5rem; display:grid; width:2rem; height:2rem; place-items:center; border:1px solid rgba(255,255,255,.85); border-radius:50%; color:#fff; background:rgba(16,65,64,.78); opacity:0; cursor:pointer; transition:opacity .2s ease,transform .2s ease; }
.moment-album-photo:hover .moment-photo-zoom,.moment-album-photo:focus-within .moment-photo-zoom { opacity:1; transform:scale(1.06); }
.moment-image-zoom-modal { position:fixed; z-index:2700; inset:0; display:none; place-items:center; padding:1rem; background:rgba(5,20,22,.86); backdrop-filter:blur(5px); }
.moment-image-zoom-modal.is-open { display:grid; }
.moment-image-zoom-dialog { position:relative; max-width:min(92vw,70rem); max-height:92vh; }
.moment-image-zoom-dialog img { display:block; max-width:92vw; max-height:88vh; border-radius:.7rem; object-fit:contain; box-shadow:0 1.5rem 4rem rgba(0,0,0,.4); }
.moment-image-zoom-close { position:absolute; z-index:1; top:-.8rem; right:-.8rem; display:grid; width:2.2rem; height:2.2rem; place-items:center; border:1px solid rgba(255,255,255,.75); border-radius:50%; color:#fff; background:#176c67; cursor:pointer; }

@media (max-width: 575px) {
    .space-card-overlay { padding: 0.85rem; }
    .space-card-footer { align-items: flex-start; flex-direction: column; gap: 0.55rem; }
    .space-card-icons { gap: 0.65rem; font-size: 0.82rem; }
    .space-card .space-card-details { width: 100%; justify-content: center; gap: 0.45rem; padding: 0.48rem 0.55rem; font-size: 0.72rem; letter-spacing: 0.1em; }
}
@media (prefers-reduced-motion: reduce) { .space-card { animation: none; opacity: 1; } .space-card img, .space-card-divider, .space-card-details i { transition: none; } }
.space-details-modal { display: flex; flex-direction: row; overflow: hidden; border-radius: 1.5rem; background: #f8fcfb; box-shadow: 0 1.5rem 4rem rgba(17, 48, 48, 0.22); }
.space-room-options { flex: 1.12; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; padding: 3.75rem 1.25rem 1.35rem; background: linear-gradient(135deg, #176c6c, #0e5155); }
.space-modal-image-wrap[hidden],
.space-room-options[hidden] { display: none; }
.space-room-option { position: relative; display: block; min-height: 19rem; overflow: hidden; border: 1px solid rgba(239, 202, 128, 0.9); border-radius: 1rem; color: #ffffff; box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.3); cursor: pointer; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.space-room-option::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 35, 35, 0.04) 35%, rgba(5, 39, 40, 0.7) 100%); content: ""; pointer-events: none; }
.space-room-option img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease, filter 0.25s ease; }
.space-room-option-label { position: absolute; z-index: 1; right: 0.65rem; bottom: 0.65rem; left: 0.65rem; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 0.35rem; padding: 0.62rem 0.65rem 0.62rem 0.75rem; border: 1px solid rgba(244, 213, 150, 0.85); border-radius: 0.6rem; background: rgba(9, 47, 48, 0.84); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }

.space-room-option-title {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    overflow: hidden;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.space-room-option-title small {
    overflow: hidden;
    color: #f3d794;
    font-family: 'Inter', sans-serif;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.space-room-option-label > i {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 auto;
    border-radius: 50%;
    place-items: center;
    background: linear-gradient(135deg, #fff7df, #e5b95e);
    color: #174f50;
    font-size: 0.72rem;
    transition: transform 0.25s ease;
}
.space-room-option:hover, .space-room-option:focus-visible { border-color: #fff2c9; color: #ffffff; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4); outline: none; transform: translateY(-0.3rem); }
.space-room-option:hover img, .space-room-option:focus-visible img { filter: brightness(0.78); transform: scale(1.06); }
.space-room-option:hover .space-room-option-label, .space-room-option:focus-visible .space-room-option-label { border-color: #fff1bd; color: #174f50; background: linear-gradient(135deg, #fff5cc 0%, #e8ba5d 52%, #cf8e35 100%); }
.space-room-option:hover .space-room-option-title small, .space-room-option:focus-visible .space-room-option-title small { color: #5d421d; }
.space-room-option:hover .space-room-option-label > i, .space-room-option:focus-visible .space-room-option-label > i { color: #fff; background: #174f50; }
.space-room-option:hover .space-room-option-label > i, .space-room-option:focus-visible .space-room-option-label > i { transform: translateX(0.18rem); }
@media (max-width: 767px) { .space-room-options { grid-template-columns: 1fr; } .space-room-option { min-height: 11rem; } }
.space-modal-close { position: absolute; top: 0.85rem; right: 0.95rem; z-index: 5; width: 1.9rem; height: 1.9rem; padding: 0; border: 1px solid rgba(244, 213, 150, 0.85); border-radius: 50%; background-color: rgba(9, 47, 48, 0.88); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='m2 2 12 12M14 2 2 14'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: 0.75rem; box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.22); opacity: 1; transition: background-color 0.2s ease, transform 0.2s ease; }
.space-modal-close:hover { background-color: #f3d794; transform: rotate(90deg); }
.space-details-copy { position: relative; display: flex; flex: 0 0 42%; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 32rem; padding: 3rem 2.1rem 3rem 2.75rem; color: #172235; text-align: left; }
.space-details-copy::before { content: ""; position: absolute; bottom: 2.25rem; width: 3.5rem; height: 0.2rem; background: #19a8aa; border-radius: 999px; }
.space-modal-eyebrow { display: flex; align-items: center; gap: 0.6rem; margin: 0 0 1rem; color: #168b8d; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; }
.space-modal-eyebrow::before { content: ""; width: 1.8rem; height: 1px; background: currentColor; }
.space-details-copy h2 { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(2.65rem, 4.5vw, 4.15rem); font-weight: 600; line-height: 0.98; }
#spaceDetailsDescription { max-width: 37rem; margin: 1rem 0 0; color: #4f6667; font-size: 0.92rem; line-height: 1.7; }
.space-details-highlights { width: 100%; margin-top: 1.35rem; padding-top: 1rem; border-top: 1px solid rgba(20, 139, 147, 0.2); }
.space-details-highlights h3 { margin: 0 0 0.65rem; color: #168b8d; font-family: 'Inter', sans-serif; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.space-details-highlights ul { display: flex; flex-wrap: wrap; gap: 0.45rem; margin: 0; padding: 0; list-style: none; }
.space-details-highlights li { padding: 0.32rem 0.55rem; border-radius: 999px; background: #e2f2f0; color: #28595a; font-size: 0.7rem; line-height: 1.25; }
.space-modal-image-wrap { position: relative; display: flex; flex: 1; align-items: center; justify-content: center; min-width: 0; min-height: 32rem; padding: 2rem 4.5rem; background: linear-gradient(135deg, #176c6c, #0e5155); overflow: hidden; }
.space-main-image { position: relative; z-index: 1; display: grid; max-width: 100%; max-height: 24rem; place-items: center; }
.space-main-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 24rem; object-fit: contain; box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.28); transition: transform 0.45s cubic-bezier(.2, .7, .2, 1), filter 0.35s ease; }
.space-modal-preview { position: absolute; top: 3.75rem; width: 5.5rem; height: 17.5rem; object-fit: cover; opacity: 0.3; filter: saturate(0.75); transform: scale(0.92); }
.space-modal-preview-prev { left: -2.4rem; }
.space-modal-preview-next { right: -2.4rem; }
.space-image-zoom { position: absolute; z-index: 2; top: 50%; left: 50%; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.7rem 0.95rem; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.95); color: #176c6c; box-shadow: 0 0.6rem 1.5rem rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.08em; opacity: 0; pointer-events: none; text-transform: uppercase; transform: translate(-50%, -42%); transition: opacity 0.25s ease, transform 0.3s cubic-bezier(.2, .7, .2, 1), background-color 0.2s ease; }
.space-image-zoom:hover, .space-image-zoom:focus-visible { background: #ffffff; color: #0e5155; }
.space-main-image:hover img, .space-main-image:focus-within img { filter: brightness(0.72); transform: scale(1.025); }
.space-main-image:hover .space-image-zoom, .space-main-image:focus-within .space-image-zoom { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%); }
.space-modal-nav { position: absolute; top: 50%; z-index: 2; display: grid; width: 2.65rem; height: 2.65rem; padding: 0; border: 0; border-radius: 50%; place-items: center; background: rgba(231, 234, 233, 0.9); color: #6b7070; box-shadow: 0 0.3rem 0.85rem rgba(0, 0, 0, 0.17); cursor: pointer; font-size: 0.9rem; transform: translateY(-50%); transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }
.space-modal-nav:hover, .space-modal-nav:focus-visible { background: #ffffff; color: #148b93; box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.26); transform: translateY(-50%) scale(1.08); }
.space-modal-prev { left: 0.8rem; }
.space-modal-next { right: 0.8rem; }
.space-modal-count { position: absolute; z-index: 2; left: 50%; bottom: 0.9rem; color: #ffffff; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.15em; transform: translateX(-50%); }
.space-zoom-modal { overflow: hidden; border-radius: 1.25rem; background: #102c2f; box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.4); }
.space-zoom-modal .modal-header { position: absolute; top: 0; right: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 1.1rem 1.25rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.56), transparent); }
.space-zoom-modal .space-modal-eyebrow { color: #ffffff; }
.space-zoom-modal .space-modal-eyebrow::before { background: #8ff3ed; }
.space-zoom-modal .modal-body { display: grid; min-height: min(76vh, 46rem); place-items: center; }
.space-zoom-modal img { display: block; width: 100%; height: min(76vh, 46rem); object-fit: contain; animation: space-zoom-in 0.32s ease both; }
@keyframes space-zoom-in { from { opacity: 0; transform: scale(0.97); } to { opacity: 1; transform: scale(1); } }
@media (min-width: 576px) and (max-width: 991px) {
    .space-details-modal {
        flex-direction: column;
    }

    .space-details-copy {
        flex: none;
        min-height: auto;
        padding: 3rem 2.5rem 2.75rem;
    }

    .space-modal-image-wrap {
        width: 100%;
        min-height: 30rem;
    }

    .space-room-options {
        width: 100%;
        flex: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 3.5rem 1.5rem 1.5rem;
    }

    .space-room-option {
        min-height: 15rem;
    }

    .space-room-option-title {
        white-space: normal;
    }

    .space-room-option-title small {
        white-space: normal;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .space-room-option-label { grid-template-columns: minmax(0, 1fr) 1.7rem; gap: 0.28rem; padding: 0.5rem 0.5rem 0.5rem 0.6rem; }
    .space-room-option-title { font-size: 0.82rem; }
    .space-room-option-title small { font-size: 0.52rem; letter-spacing: 0.1em; }
    .space-room-option-label > i { width: 1.7rem; height: 1.7rem; font-size: 0.64rem; }
}
@media (max-width: 575px) { .space-details-modal { display: block; } .space-details-copy { display: flex; min-height: auto; padding: 3rem 1.5rem 2.6rem; text-align: center; align-items: center; } .space-details-copy::before { bottom: 1.4rem; } .space-details-copy h2 { font-size: 2.5rem; } .space-modal-image-wrap { min-height: 26rem; padding: 1.25rem 1.5rem; align-items: center; } .space-main-image, .space-main-image img { max-height: 24rem; } .space-modal-preview { top: 50%; width: 4.25rem; height: 16rem; transform: translateY(-50%) scale(0.92); } .space-modal-preview-prev { left: -2.4rem; } .space-modal-preview-next { right: -2.4rem; } .space-modal-prev { left: 0.55rem; } .space-modal-next { right: 0.55rem; } .space-image-zoom { font-size: 0; width: 2.8rem; height: 2.8rem; justify-content: center; padding: 0; } .space-image-zoom i { font-size: 0.9rem; } .space-zoom-modal .modal-body, .space-zoom-modal img { min-height: 65vh; height: 65vh; } }
.amenity-card, .package-card, .room-card { border-radius: 1.25rem; box-shadow: var(--shadow); transition: transform .25s ease; }
.amenity-card:hover, .package-card:hover, .room-card:hover { transform: translateY(-4px); }
.brand-badge { width: 48px; height: 48px; border-radius: 50%; background: rgba(201,165,91,.2); color: var(--gold); display: grid; place-items: center; }
.floating-help {
    position: fixed;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 1030;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.48rem 0.82rem 0.48rem 0.52rem;
    border: 2px solid #f5c95c;
    border-radius: 999px;
    background: linear-gradient(135deg, #fffaf0 0%, #f5d37c 100%);
    color: #164f53;
    box-shadow: 0 12px 28px rgba(9, 55, 58, 0.32);
    text-align: left;
    transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.floating-help:hover,
.floating-help:focus-visible {
    background: linear-gradient(135deg, #f5c95c 0%, #e88b32 100%);
    color: #17363a;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(9, 55, 58, 0.42);
}
.floating-help:focus-visible { outline: 3px solid #fffaf0; outline-offset: 3px; }
.floating-help-icon {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #247b82;
    color: #ffffff;
    font-size: 1rem;
}
.floating-help-copy { display: grid; line-height: 1.15; }
.floating-help-copy strong { font-size: 0.76rem; letter-spacing: 0.02em; }
.floating-help-copy small { margin-top: 0.1rem; font-size: 0.64rem; opacity: 0.82; }
@media (max-width: 575px) {
    .floating-help { right: 0.75rem; bottom: 0.75rem; gap: 0.38rem; padding: 0.34rem 0.6rem 0.34rem 0.38rem; border-width: 1px; }
    .floating-help-icon { width: 1.65rem; height: 1.65rem; font-size: 0.82rem; }
    .floating-help-copy strong { font-size: 0.67rem; }
    .floating-help-copy small { margin-top: 0.05rem; font-size: 0.55rem; }
}
.policies-modal-content { overflow: hidden; border-radius: 1.5rem; background: #f8fcfb; box-shadow: 0 1.5rem 4rem rgba(10, 55, 58, 0.25); }
.policies-modal-header { position: relative; display: block; padding: 2rem 8rem 1.85rem 2.25rem; background: linear-gradient(135deg, #176d72 0%, #104b52 100%); color: #ffffff; }
.policies-modal-header .btn-close { position: absolute; top: 1.7rem; right: 1.45rem; width: 1.35rem; height: 1.35rem; margin: 0; border: 0; border-radius: 0; background-color: transparent; filter: brightness(0) invert(1); opacity: 0.95; transition: transform 0.2s ease, opacity 0.2s ease; }
.policies-modal-header .btn-close:hover { background-color: transparent; opacity: 0.7; transform: rotate(90deg); }
.policies-modal-logo { position: absolute; top: 0.65rem; right: 6rem; width: 7.5rem; height: 7.5rem; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.95; }
.policies-modal-eyebrow { display: inline-flex; align-items: center; gap: 0.45rem; margin-bottom: 0.55rem; color: #f5d37c; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; }
.policies-modal-header .modal-title { margin: 0; font-family: 'Cormorant Garamond', serif; font-size: clamp(2.15rem, 4vw, 2.8rem); font-weight: 600; line-height: 0.95; }
.policies-modal-header p { margin: 0.75rem 0 0; color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; }
.policies-modal-body { padding: 1.5rem 2.25rem 2.25rem; }
.policies-deposit-note { display: flex; align-items: flex-start; gap: 0.7rem; margin-bottom: 1.2rem; padding: 0.9rem 1rem; border: 1px solid #f0d284; border-radius: 0.85rem; background: #fff8df; color: #4a4a3b; font-size: 0.87rem; line-height: 1.45; }
.policies-deposit-note i { margin-top: 0.1rem; color: #cf8c2f; }
.policies-accordion { display: grid; gap: 0.7rem; }
.policies-accordion .accordion-item { overflow: hidden; border: 1px solid #d8ebe8; border-radius: 0.85rem; background: #ffffff; }
.policies-accordion .accordion-button { padding: 1rem 1.1rem; background: #ffffff; color: #174e53; font-size: 0.94rem; font-weight: 700; box-shadow: none; }
.policies-accordion .accordion-button:not(.collapsed) { background: #eaf6f4; color: #126b70; }
.policies-accordion .accordion-button:focus { box-shadow: inset 0 0 0 2px rgba(31, 128, 128, 0.2); }
.policies-accordion .accordion-button::after { background-size: 1rem; filter: invert(35%) sepia(22%) saturate(1375%) hue-rotate(128deg) brightness(87%) contrast(91%); }
.policies-accordion .accordion-body { padding: 0.25rem 1.1rem 1.15rem; color: #4c6061; font-size: 0.9rem; line-height: 1.6; }
.policies-accordion .accordion-body h6 { margin: 1rem 0 0.3rem; color: #174e53; font-size: 0.88rem; font-weight: 700; }
.policies-accordion .accordion-body h6:first-child { margin-top: 0.45rem; }
.policies-accordion .accordion-body p { margin: 0; }
.policies-accordion .accordion-body ul { display: grid; gap: 0.35rem; margin: 0.55rem 0 0; padding-left: 1.15rem; }
.policies-accordion .accordion-body li::marker { color: #1b9695; }
.policy-rate { margin-top: 0.85rem; padding: 0.85rem; border-radius: 0.65rem; background: #f3faf9; }
.policy-rate:first-child { margin-top: 0.45rem; }
.policy-rate strong { display: block; color: #174e53; font-size: 0.9rem; }
.policy-rate strong span { color: #6a8180; font-weight: 500; }
.policy-rate b { display: block; margin-top: 0.45rem; color: #bf7b20; font-size: 1rem; }
.policy-rate p { margin-top: 0.08rem !important; font-size: 0.85rem; }
@media (max-width: 575px) { .policies-modal-header { padding: 6.1rem 1.4rem 1.6rem; } .policies-modal-logo { top: 0.65rem; right: auto; left: 50%; width: 4.5rem; height: 4.5rem; transform: translateX(-50%); } .policies-modal-header .btn-close { top: 1.5rem; right: 1rem; width: 1.2rem; height: 1.2rem; } .policies-modal-body { padding: 1.15rem 1.4rem 1.6rem; } .policies-modal-header p { font-size: 0.82rem; } }
.footer-section { padding: 3.75rem 0; background: #247b82; color: #ffffff; }
.footer-content { align-items: flex-start; }
.footer-brand-heading { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 1.35rem; }
.footer-brand-logo { display: block; width: auto; height: 4.2rem; filter: brightness(0) invert(1); }
.footer-brand-name { display: grid; color: #ffffff; font-family: 'Inter', sans-serif; line-height: 1.05; }
.footer-brand-name strong { font-size: 1rem; font-weight: 700; }
.footer-brand-name small { margin-top: 0.25rem; color: #c8ece9; font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; }
.footer-section .footer-brand p { margin: 0 0 0.8rem; color: rgba(255, 255, 255, 0.88) !important; font-size: 0.88rem; }
.footer-brand p i { margin-right: 0.55rem; color: #ffe2a3; }
.footer-section h5 { margin: 0 0 0.85rem; color: #ffe2a3; font-family: 'Inter', sans-serif; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.footer-social-links { display: flex; gap: 0.6rem; margin-bottom: 0.85rem; }
.footer-social-links a { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.13); color: #ffffff; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; }
.footer-social-links a:hover { background: rgba(255, 255, 255, 0.25); color: #ffffff; transform: translateY(-0.12rem); }
.footer-contact-button { display: inline-block; padding: 0.62rem 1.25rem; border-radius: 999px; background: rgba(255, 255, 255, 0.13); color: #ffffff; font-size: 0.84rem; font-weight: 700; text-decoration: none; }
.footer-contact-button:hover { background: #ffffff; color: #176c72; }
.footer-navigation nav { display: grid; gap: 0.45rem; }
.footer-navigation a { color: rgba(255, 255, 255, 0.88); font-size: 0.84rem; text-decoration: none; }
.footer-navigation a:hover { color: #ffe2a3; text-decoration: underline; }
.footer-partner-list { display: grid; gap: 0.65rem; }
.footer-partner-card { display: flex; align-items: center; gap: 0.7rem; min-height: 4rem; padding: 0.5rem; border-radius: 0.8rem; background: rgba(255, 255, 255, 0.11); color: #ffffff; font-size: 0.82rem; font-weight: 600; text-decoration: none; transition: background-color 0.2s ease, transform 0.2s ease; }
.footer-partner-card:hover { background: rgba(255, 255, 255, 0.2); color: #ffffff; transform: translateX(0.15rem); }
.footer-partner-card img { width: 3rem; height: 3rem; flex: 0 0 auto; border-radius: 0.35rem; background: #ffffff; object-fit: cover; }
@media (max-width: 991px) { .footer-section { padding: 3rem 0; } .footer-social, .footer-navigation, .footer-partners { margin-top: 1.4rem; } }
.review-card { border-radius: 1rem; border: 1px solid #e8dece; }
.hero-scroll { animation: bob 1.6s ease-in-out infinite; }
.moments-hero {
    position: relative;
    min-height: 31rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #123f43;
}
.moments-hero-image,
.moments-hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.moments-hero-image { object-fit: cover; object-position: center; }
.moments-hero-overlay {
    background: linear-gradient(180deg, rgba(5, 48, 54, 0.89) 0%, rgba(7, 68, 75, 0.77) 53%, rgba(247, 250, 249, 0.98) 100%);
}
.moments-hero-content { position: relative; z-index: 1; padding-top: 8.25rem; padding-bottom: 4.5rem; }
.moments-eyebrow {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 1.1rem;
    color: #fff0c8;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.24em;
    text-transform: uppercase;
}
.moments-eyebrow::after { width: 1.4rem; height: 1px; background: #67d0d0; content: ''; }
.moments-hero h1,
.moments-albums h2,
.moments-share-panel h2 { margin: 0; color: #ffffff; font-size: clamp(3.6rem, 6vw, 5.6rem); font-weight: 600; line-height: 0.95; }
.moments-hero h1 em,
.moments-albums h2 em,
.moments-share-panel h2 em { color: #26c3d1; font-weight: 500; }
.moments-hero-copy { max-width: 42rem; margin: 1.7rem 0 0; color: #ffffff; font-size: 1rem; font-weight: 500; line-height: 2; }
.moments-hero-actions { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 1.8rem; }
.moments-primary-action,
.moments-secondary-action,
.moments-share-action { display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; padding: 0.78rem 1.55rem; border: 0; border-radius: 999px; font: 700 0.83rem 'Inter', sans-serif; text-decoration: none; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; }
.moments-primary-action { background: #ffffff; color: #14758a; box-shadow: 0 0.65rem 1.35rem rgba(0, 0, 0, 0.18); }
.moments-share-action { background: #238d9b; color: #ffffff; box-shadow: 0 0.65rem 1.35rem rgba(13, 92, 100, 0.28); }
.moments-secondary-action { background: #ffffff; color: #14758a; box-shadow: 0 0.55rem 1.2rem rgba(0, 0, 0, 0.18); }
.moments-primary-action:hover { color: #0d5d6c; background: #f3ffff; transform: translateY(-0.12rem); }
.moments-share-action:hover { color: #ffffff; background: #176f7b; transform: translateY(-0.12rem); }
.moments-secondary-action:hover { color: #0d5d6c; background: #f3ffff; transform: translateY(-0.12rem); }
.moments-albums { min-height: 33rem; padding: 3.5rem 0 4rem; background: #fbfaf7; }
.moments-albums-header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.moments-albums h2 { color: #0e5d68; font-size: clamp(2.5rem, 4vw, 3.3rem); }
.moments-albums h2 em { color: #198e9e; }
.moments-albums-header p { max-width: 29rem; margin: 0.55rem 0 0; color: #48616e; font-size: 0.85rem; line-height: 1.6; }
.moments-empty-state { min-height: 21rem; display: grid; place-content: center; text-align: center; color: #91a9bc; }
.moments-empty-state i { margin-bottom: 1rem; color: #bdcbd0; font-size: 2.7rem; }
.moments-empty-state p { margin: 0; font-size: 1rem; line-height: 1.65; }
.moments-empty-state span { font-size: 0.9rem; }
.moments-gallery { display:grid; grid-template-columns:repeat(auto-fill,minmax(19rem,1fr)); gap:1.35rem; margin-top:2.75rem; }
.moment-card { position:relative; aspect-ratio:1.35 / 1; overflow:hidden; border-radius:1.1rem; background:#183b39; box-shadow:0 .8rem 2rem rgba(16,72,78,.16); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.moment-card:hover,.moment-card:focus { transform:translateY(-.28rem); box-shadow:0 1.1rem 2.25rem rgba(16,72,78,.25); outline:0; }
.moment-card img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }.moment-card:hover img { transform:scale(1.04); }
.moment-card-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:1.15rem; color:#fff; background:linear-gradient(180deg,transparent 32%,rgba(10,27,27,.82)); }.moment-card-author { margin-bottom:.4rem; font-size:.74rem; font-weight:700; }.moment-card-author i { color:#58c2b9; }.moment-card-overlay h3 { margin:0 0 .35rem; color:#fff; font-size:1.08rem; }.moment-card-overlay p { margin:0; color:#e3ecea; font-size:.72rem; }.moment-card-overlay p i { color:#c4d3d0; }
.moment-album-modal { position:fixed; z-index:2500; inset:0; display:none; padding:1rem; background:rgba(11,25,28,.68); backdrop-filter:blur(4px); }.moment-album-modal.is-open { display:grid; place-items:center; }.moment-album-dialog { position:relative; width:min(58rem,100%); max-height:90vh; overflow:auto; padding:1.6rem; border-radius:1rem; background:#fff; }.moment-album-dialog > p { margin:0 0 .25rem; color:#278e87; font-size:.76rem; font-weight:700; }.moment-album-dialog h2 { margin:0; color:#1d3438; }.moment-album-dialog > span { display:block; margin:.5rem 0 1.2rem; color:#61757a; }.moment-album-close { position:absolute; top:.85rem; right:.85rem; display:grid; width:2rem; height:2rem; place-items:center; border:0; border-radius:50%; color:#38535a; background:#eaf1f1; cursor:pointer; }.moment-album-photos { display:grid; grid-template-columns:repeat(auto-fill,minmax(10rem,1fr)); gap:.75rem; }.moment-album-photos img { width:100%; height:9rem; border-radius:.6rem; object-fit:cover; }
.moments-share-section { padding: 4.5rem 0; background: #eef8f7; }
.moments-share-panel { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 2.5rem; padding: clamp(2rem, 5vw, 4rem); border-radius: 1.5rem; background: #135d64; }
.moments-share-panel h2 { font-size: clamp(2.7rem, 4vw, 3.8rem); }
.moments-share-panel > div > p:not(.moments-eyebrow) { margin: 1rem 0 0; color: rgba(255,255,255,.84); line-height: 1.7; }
@media (max-width: 991px) {
    .moments-page .navbar-collapse { margin-top: 0.5rem; padding: 1rem; border-radius: 1rem; background: rgba(10, 58, 63, 0.96); }
    .moments-page .navbar.scrolled .navbar-collapse { background: #ffffff; }
    .moments-page .navbar:not(.scrolled) .navbar-collapse .nav-link { color: #ffffff; }
    .moments-hero { min-height: 35rem; }
    .moments-share-panel { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    .moments-hero { min-height: 37rem; }
    .moments-hero-content { padding-top: 8rem; padding-bottom: 4rem; }
    .moments-hero h1 { font-size: 3.8rem; }
    .moments-albums { padding-top: 2.8rem; }
    .moments-albums-header { align-items: flex-start; flex-direction: column; }
    .moments-share-action { width: 100%; }
}
.text-gold { color: var(--gold); }
.letter-spacing { letter-spacing: .3em; }
@keyframes bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(8px)} }
@media (max-width: 768px) {
    .hero {
        height: 100svh;
    }
}
.hero-audio-btn {
    width: auto;
    min-width: 90px;
    gap: 0.45rem;
    padding: 0 0.85rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

/* Keep the scroll cue clear of the expanded mobile volume control. */
@media (max-width: 575px) {
    /* Phone-only review layout: keep the cards readable without a nested fixed-height pane. */
    .reviews-section { padding-top: 3rem !important; padding-bottom: 3rem !important; }
    .reviews-panel { border-radius: 1.1rem; }
    .reviews-heading { min-height: 17rem; padding: 4.5rem 1.5rem 2.5rem; }
    .reviews-brand-logo { top: 1.1rem; left: 1.5rem; height: 3rem; }
    .reviews-public-list { height: auto; max-height: none; overflow: visible; padding: 1rem !important; }
    .reviews-public-card { min-height: 0; }
    .reviews-action { padding: 0 1rem 1rem !important; }
    .reviews-write-btn { width: 100%; min-width: 0; }

    .hero-volume-wrap { gap: .35rem; padding: .28rem .35rem .28rem .7rem; }
    .hero-volume-toggle { background: transparent; }
    .hero-volume-wrap.is-collapsed { padding-left: .35rem; }
    .hero-volume-wrap.is-collapsed .hero-volume-label { display: none; }

    .home-page .hero .hero-scroll {
        bottom: 0.35rem !important;
        margin-bottom: 0 !important;
    }
    .home-page .hero.hero-audio-active .hero-controls {
        bottom: 4.25rem;
        z-index: 3;
    }
}

/* Rates & packages */
.rates-page-body { background: #f7f5ef; }
.rates-page-body .navbar { position: fixed; top: 0; left: 0; z-index: 1030; width: 100%; background: transparent; box-shadow: none; transition: background-color .25s ease, box-shadow .25s ease, padding .25s ease; }
.rates-page-body .navbar-main-links .nav-link, .rates-page-body .navbar-action-btn.btn-outline-light { color: #fff; }
.rates-page-body .navbar-action-btn.btn-outline-light { border-color: rgba(255,255,255,.8); }
.rates-page-body .navbar-action-btn.btn-outline-light:hover { color: #fff; background: rgba(255,255,255,.14); }
.rates-page-body .navbar.scrolled { background: #fff !important; box-shadow: 0 .5rem 1.5rem rgba(20, 50, 43, .1); padding-top: .2rem; padding-bottom: .2rem; }
.rates-page-body .navbar.scrolled .navbar-brand img { height: 90px !important; }
.rates-page-body .navbar.scrolled .navbar-main-links .nav-link, .rates-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { color: #111; }
.rates-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { border-color: #111; }
.rates-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light:hover { color: #111; background: rgba(17,17,17,.08); }
.rates-hero { position: relative; min-height: 31rem; display: flex; align-items: center; overflow: hidden; background: #123f43; isolation: isolate; }
.rates-hero-image, .rates-hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.rates-hero-image { object-fit: cover; object-position: center 56%; z-index: -2; transform: scale(1.01); }
.rates-hero-overlay { z-index: -1; background: linear-gradient(180deg, rgba(5,48,54,.88) 0%, rgba(7,68,75,.72) 53%, rgba(247,250,249,.98) 100%); }
.rates-hero-content { padding-top: 8.25rem; padding-bottom: 4.5rem; }
.rates-eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; color: #cfb179; font-size: .72rem; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
.rates-eyebrow::before { width: 2.3rem; height: 1px; content: ''; background: currentColor; }
.rates-hero h1 { max-width: 42rem; margin: 0; color: #fffdf8; font-size: clamp(3.6rem, 6vw, 5.6rem); font-weight: 600; line-height: .95; letter-spacing: -.04em; }
.rates-hero h1 em, .rates-intro h2 em { color: #e5c384; font-weight: 500; }
.rates-hero-content > p:not(.rates-eyebrow) { max-width: 35rem; margin: 1.8rem 0 0; color: rgba(255,255,255,.9); font-size: 1rem; line-height: 1.8; }
.rates-hero-notes { display: flex; flex-wrap: wrap; gap: .65rem 1.35rem; margin-top: 1.55rem; color: #fff; font-size: .8rem; font-weight: 600; }
.rates-hero-notes i { margin-right: .35rem; color: #e6c88b; }
.rates-hero-action, .rates-inquire-btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; border: 0; border-radius: 999px; font: 700 .78rem 'Inter', sans-serif; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.rates-hero-action { position: relative; overflow: hidden; margin-top: 2.15rem; padding: .42rem 1.25rem .42rem .5rem; border: 1px solid rgba(255,244,203,.82); color: #183f3c; background: linear-gradient(135deg, #fff3bd 0%, #e9bd62 45%, #c98b35 100%); box-shadow: 0 .8rem 2rem rgba(0,0,0,.28), 0 0 0 .35rem rgba(236,191,101,.17); font-size: .82rem; letter-spacing: .09em; }
.rates-hero-action::before { position: absolute; top: -55%; left: -22%; width: 18%; height: 210%; background: rgba(255,255,255,.6); content: ''; transform: rotate(24deg); transition: left .55s ease; }
.rates-hero-action i { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: 50%; color: #fffaf0; background: #195d58; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); transition: transform .25s ease, background-color .25s ease; }
.rates-hero-action:hover { color: #183f3c; background: linear-gradient(135deg, #fff8d6 0%, #f1c96f 45%, #d9983d 100%); box-shadow: 0 1rem 2.4rem rgba(0,0,0,.36), 0 0 0 .45rem rgba(236,191,101,.22); transform: translateY(-.2rem) scale(1.02); }
.rates-hero-action:hover::before { left: 112%; }
.rates-hero-action:hover i { background: #124944; transform: translateY(.14rem); }
.rates-page { position: relative; padding: 5.5rem 0 6rem; overflow: hidden; }
.rates-page::before { position: absolute; top: 7rem; right: -9rem; width: 28rem; height: 28rem; border: 1px solid rgba(194,159,96,.25); border-radius: 50%; content: ''; }
.rates-intro { position: relative; max-width: 49rem; margin-bottom: 2.8rem; text-align: center; }
.rates-intro .rates-eyebrow { justify-content: center; color: #9a7a45; }
.rates-intro h2, .rates-details-heading h2 { margin: 0; color: #174f4c; font-size: clamp(2.8rem, 5vw, 4.2rem); font-weight: 600; line-height: .95; }
.rates-intro > p:last-child { max-width: 39rem; margin: 1rem auto 0; color: #5e6c67; line-height: 1.75; }
.rates-package-grid { position: relative; display: grid; grid-template-columns: .84fr 1.16fr; gap: 1.5rem; align-items: stretch; }
.rates-package-card { position: relative; overflow: hidden; padding: clamp(1.7rem, 4vw, 2.7rem); border: 1px solid rgba(39,88,79,.1); border-radius: 1.5rem; box-shadow: 0 1.2rem 3rem rgba(30,65,56,.1); }
.rates-day-card { color: #fff; background: linear-gradient(145deg, #1e6e6a, #154b47); }
.rates-day-card::after { position: absolute; right: -4rem; bottom: -5rem; width: 14rem; height: 14rem; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; content: ''; }
.rates-overnight-card { background: #fffdf9; }
.rates-card-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid currentColor; color: rgba(255,255,255,.72); font-size: .73rem; letter-spacing: .08em; }
.rates-overnight-card .rates-card-topline { color: #6e756d; }
.rates-card-topline span { color: #e8cb8e; font-weight: 700; text-transform: uppercase; }
.rates-card-topline i { margin-right: .35rem; }
.rates-card-topline b { font-size: .67rem; font-weight: 600; }
.rates-package-card h3 { margin: 1.55rem 0 .6rem; font-size: clamp(2.3rem, 4vw, 3.1rem); font-weight: 600; line-height: .95; }
.rates-overnight-card h3 { color: #164e4a; }
.rates-card-copy { max-width: 29rem; margin: 0; color: rgba(255,255,255,.8); font-size: .9rem; line-height: 1.65; }
.rates-overnight-card .rates-card-copy { color: #63716b; }
.rates-price { margin-top: 1.8rem; font: 600 clamp(3.1rem, 5vw, 4.35rem)/.85 'Cormorant Garamond', serif; letter-spacing: -.045em; }
.rates-price span { margin-right: .1rem; font-size: .5em; vertical-align: top; }
.rates-capacity { margin: .65rem 0 1.5rem; font-size: .83rem; font-weight: 600; }
.rates-capacity i { margin-right: .35rem; color: #e8cb8e; }
.rates-inclusion { position: relative; z-index: 1; display: flex; gap: .65rem; align-items: flex-start; padding: .85rem; border: 1px solid rgba(255,255,255,.18); border-radius: .8rem; background: rgba(255,255,255,.09); color: rgba(255,255,255,.88); font-size: .8rem; line-height: 1.55; }
.rates-inclusion i { margin-top: .12rem; color: #e8cb8e; }
.rates-inquire-btn { width: 100%; margin-top: 1.65rem; padding: .95rem 1.25rem; color: #174d49; background: #f3d58f; }
.rates-inquire-btn:hover { background: #ffe2a2; transform: translateY(-.12rem); box-shadow: 0 .5rem 1rem rgba(36,74,62,.18); }
.rates-tiers { display: grid; gap: .55rem; margin-top: 1.55rem; }
.rates-tier { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border: 1px solid rgba(217,182,112,.38); border-left: 3px solid #d9b670; border-radius: .7rem; background: linear-gradient(105deg,#fcfaf4,#f2ede1); box-shadow: inset 0 1px rgba(255,255,255,.9),0 .25rem .6rem rgba(31,77,70,.05); }
.rates-tier div { display: grid; gap: .1rem; }
.rates-tier strong { display:flex; align-items:baseline; gap:.45rem; color: #174e4b; font:600 clamp(1.08rem,1.8vw,1.35rem)/1.1 'Cormorant Garamond',serif; letter-spacing:.01em; white-space:nowrap; }
.rates-tier strong::first-letter { color:#b48639; }
.rates-tier span { color: #78827a; font-size: .72rem; }
.rates-tier p { max-width: 20rem; margin: 0; color: #4f625c; font-size: .78rem; text-align: right; }
.rates-details-section { position: relative; margin-top: 5.5rem; }
.rates-details-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.8rem; }
.rates-details-heading .rates-eyebrow { margin-bottom: .55rem; color: #9a7a45; }
.rates-details-grid { display: grid; grid-template-columns: 1.2fr .85fr .95fr; gap: 1.25rem; }
.rates-detail-card { min-height: 100%; padding: 1.65rem; border: 1px solid #e6dfd0; border-radius: 1.1rem; background: #fffdf9; box-shadow: 0 .8rem 2.2rem rgba(33,67,55,.07); }
.rates-detail-icon { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: 50%; color: #fff; background: #1d6d69; box-shadow: 0 .45rem .9rem rgba(29,109,105,.22); }
.rates-detail-card h3 { margin: 1.15rem 0 1rem; color: #1c504b; font-size: 1.8rem; font-weight: 600; }
.rates-detail-block { padding: .8rem 0; border-top: 1px solid #ece5d8; }
.rates-detail-block b { color: #a27d42; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; }
.rates-detail-block p, .rates-detail-note { margin: .35rem 0 0; color: #617069; font-size: .8rem; line-height: 1.65; }
.rates-detail-block strong { color: #1a5852; }
.rates-detail-lead { margin: 0; color: #65736c; font-size: .88rem; }
.rates-detail-price { margin: .5rem 0; color: #1a5852; font: 600 2.6rem/1 'Cormorant Garamond', serif; }
.rates-parking-list { display: grid; gap: .75rem; margin: 0; padding: 0; list-style: none; color: #607068; font-size: .82rem; }
.rates-parking-list li { position: relative; padding-left: 1.1rem; }
.rates-parking-list li::before { position: absolute; left: 0; color: #c39a55; content: '•'; }
.rates-parking-list strong { color: #1a5852; }
.navbar-main-links .nav-link { border-radius: 999px; padding-right: .8rem; padding-left: .8rem; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.navbar-main-links .nav-link:hover, .navbar-main-links .nav-link:focus { background-color: rgba(20, 43, 38, .09); transform: translateY(-1px); }
.home-page .navbar:not(.scrolled) .navbar-main-links .nav-link:hover, .home-page .navbar:not(.scrolled) .navbar-main-links .nav-link:focus, .moments-page .navbar:not(.scrolled) .navbar-main-links .nav-link:hover, .moments-page .navbar:not(.scrolled) .navbar-main-links .nav-link:focus, .rates-page-body .navbar:not(.scrolled) .navbar-main-links .nav-link:hover, .rates-page-body .navbar:not(.scrolled) .navbar-main-links .nav-link:focus, .rooms-page-body .navbar:not(.scrolled) .navbar-main-links .nav-link:hover, .rooms-page-body .navbar:not(.scrolled) .navbar-main-links .nav-link:focus { color: #fff; background-color: rgba(255, 255, 255, .16); }
.home-page .navbar.scrolled .navbar-main-links .nav-link:hover, .home-page .navbar.scrolled .navbar-main-links .nav-link:focus, .moments-page .navbar.scrolled .navbar-main-links .nav-link:hover, .moments-page .navbar.scrolled .navbar-main-links .nav-link:focus, .rates-page-body .navbar.scrolled .navbar-main-links .nav-link:hover, .rates-page-body .navbar.scrolled .navbar-main-links .nav-link:focus { color: #111; background-color: rgba(17, 17, 17, .08); }
@media (max-width: 991px) { .rates-page-body .navbar-collapse { margin-top: .5rem; padding: 1rem; border-radius: 1rem; background: rgba(7,48,45,.96); } .rates-page-body .navbar.scrolled .navbar-collapse { background: #fff; } .rates-page-body .navbar.scrolled .navbar-collapse .nav-link { color: #111; } .rates-package-grid, .rates-details-grid { grid-template-columns: 1fr; } .rates-hero { min-height: 35rem; } }
@media (max-width: 575px) { .rates-page-body .navbar-brand img { height: 82px !important; } .rates-hero { min-height: 37rem; } .rates-hero-content { padding-top: 8rem; padding-bottom: 4rem; } .rates-hero h1 { font-size: 3.8rem; } .rates-hero-notes { display: grid; } .rates-page { padding: 3.75rem 0; } .rates-intro { text-align: left; } .rates-intro .rates-eyebrow { justify-content: start; } .rates-details-heading { display: block; } .rates-tier { align-items: flex-start; flex-direction: column; } .rates-tier p { text-align: left; } }

/* Rooms */
.rooms-page-body { background: #f7f5ef; }
.rooms-page-body .navbar { position: fixed; top: 0; left: 0; z-index: 1030; width: 100%; background: transparent; box-shadow: none; transition: background-color .25s ease, box-shadow .25s ease, padding .25s ease; }
.rooms-page-body .navbar-main-links .nav-link, .rooms-page-body .navbar-action-btn.btn-outline-light { color: #fff; }
.rooms-page-body .navbar-action-btn.btn-outline-light { border-color: rgba(255,255,255,.8); }
.rooms-page-body .navbar.scrolled { padding-top: .2rem; padding-bottom: .2rem; background: #fff !important; box-shadow: 0 .5rem 1.5rem rgba(20,50,43,.1); }
.rooms-page-body .navbar.scrolled .navbar-brand img { height: 90px !important; }
.rooms-page-body .navbar.scrolled .navbar-main-links .nav-link, .rooms-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { color: #111; }
.rooms-page-body .navbar.scrolled .navbar-action-btn.btn-outline-light { border-color: #111; }
.rooms-hero { position: relative; display: flex; min-height: 31rem; align-items: center; overflow: hidden; background: #123f43; isolation: isolate; }
.rooms-hero-image, .rooms-hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.rooms-hero-image { z-index: -2; object-fit: cover; object-position: center 54%; }
.rooms-hero-overlay { z-index: -1; background: linear-gradient(180deg, rgba(5,48,54,.88) 0%, rgba(7,68,75,.72) 53%, rgba(247,250,249,.98) 100%); }
.rooms-hero-content { padding-top: 8.25rem; padding-bottom: 4.5rem; }
.rooms-eyebrow { display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; color: #f4d58f; font-size: .72rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.rooms-eyebrow::before { width: 2rem; height: 1px; background: currentColor; content: ''; }
.rooms-hero h1 { max-width: 42rem; margin: 0; color: #fff; font-size: clamp(3.6rem,6vw,5.6rem); font-weight: 600; line-height: .95; }
.rooms-hero h1 em, .rooms-intro h2 em { color: #f0ce87; font-weight: 500; }
.rooms-hero-content > p:not(.rooms-eyebrow) { max-width: 38rem; margin: 1.5rem 0 0; color: rgba(255,255,255,.9); line-height: 1.85; }
.rooms-hero-action, .rooms-gallery-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 0; border-radius: 999px; font: 700 .76rem 'Inter', sans-serif; letter-spacing: .07em; text-decoration: none; text-transform: uppercase; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.rooms-hero-action { margin-top: 1.7rem; padding: .83rem 1.3rem; color: #155653; background: #fffaf0; box-shadow: 0 .6rem 1.4rem rgba(0,0,0,.2); }
.rooms-hero-action:hover { color: #155653; background: #fff; transform: translateY(-.12rem); }
.rooms-page { padding: 4rem 0 6rem; overflow: hidden; }
.rooms-intro { max-width: 45rem; margin-bottom: 2.7rem; text-align: center; }
.rooms-intro .rooms-eyebrow { justify-content: center; color: #9a7a45; }
.rooms-intro h2 { margin: 0; color: #174f4c; font-size: clamp(2.8rem,5vw,4.1rem); font-weight: 600; line-height: .95; }
.rooms-intro > p:last-child { margin: 1rem auto 0; color: #63716b; line-height: 1.7; }
.rooms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.rooms-card {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 3px solid #d4aa5e;
    border-radius: 1.2rem;
    background: #fffdf9;
    box-shadow: 0 1rem 2.5rem rgba(30, 65, 56, .09);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.rooms-card:hover { border-color: #f0ce82; box-shadow: 0 1.3rem 3rem rgba(30,65,56,.15), 0 0 0 .22rem rgba(222,188,112,.17); transform: translateY(-.3rem); }
.rooms-card-image { position: relative; height: 16.5rem; overflow: hidden; }
.rooms-card-image::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(8,48,45,.68)); content: ''; }
.rooms-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.rooms-card:hover .rooms-card-image img { transform: scale(1.06); }
.rooms-card-copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.35rem 1.35rem 1.5rem;
}
.rooms-card-number { margin: 0; color: #b48c48; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.rooms-card-copy h3 { margin: .55rem 0 .55rem; color: #19534e; font-size: 2rem; font-weight: 600; line-height: 1; }
.rooms-card-copy > p:not(.rooms-card-number) { min-height: 4.25rem; margin: 0; color: #65736c; font-size: .84rem; line-height: 1.65; }
.rooms-gallery-button {
    position: relative;
    z-index: 4;
    overflow: hidden;
    width: 100%;
    margin-top: auto;
    padding: .42rem .55rem .42rem 1.15rem;
    justify-content: space-between;
    border: 1px solid #efd18c;
    color: #244d48;
    background: linear-gradient(135deg, #fff4c9 0%, #e8bd65 52%, #cc9039 100%);
    box-shadow: 0 .5rem 1rem rgba(174, 123, 46, .2);
    cursor: pointer;
}
.rooms-gallery-button::before { position: absolute; top: -45%; left: -18%; width: 14%; height: 190%; background: rgba(255,255,255,.55); content: ''; transform: rotate(25deg); transition: left .5s ease; }
.rooms-gallery-button i { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; color: #fff; background: #1b625d; transition: transform .25s ease, background-color .25s ease; }
.rooms-gallery-button:hover { color: #244d48; background: linear-gradient(135deg, #fff8dc 0%, #f0c972 52%, #d79b42 100%); box-shadow: 0 .65rem 1.3rem rgba(174,123,46,.28); transform: translateY(-.14rem); }
.rooms-gallery-button:hover::before { left: 112%; }
.rooms-gallery-button:hover i { background: #104d48; transform: translateX(.12rem); }
.room-details-modal { border: 2px solid #d8ae61 !important; border-radius: 1.7rem; background: #143f3d; box-shadow: 0 1.7rem 4.5rem rgba(8,32,29,.4), 0 0 0 .35rem rgba(226,188,113,.15); }
.room-details-modal .space-details-copy { background: radial-gradient(circle at 14% 12%, #fff8df 0, #f5ead0 31%, #e9d5a9 100%); }
.room-details-modal .space-details-copy::before { width: 4.4rem; height: .25rem; background: linear-gradient(90deg, #9b6a28, #e5bd6d); }
.room-details-modal .space-details-copy::after { position: absolute; top: 1.8rem; right: 1.6rem; width: 4.5rem; height: 4.5rem; border: 1px solid rgba(157,104,38,.28); border-radius: 50%; box-shadow: 0 0 0 .55rem rgba(157,104,38,.08); content: ''; }
.room-details-modal .space-modal-eyebrow, .room-details-modal .space-details-highlights h3 { color: #986526; }
.room-details-modal .space-details-copy h2 { color: #174a46; }
.room-details-modal #roomDetailsDescription { color: #5e6558; }
.room-details-modal .space-details-highlights { border-top-color: rgba(150,99,35,.22); }
.room-details-modal .space-details-highlights li { background: rgba(188,141,65,.14); color: #5d4729; }
.room-details-modal .space-modal-image-wrap { background: radial-gradient(circle at 50% 48%, #2b706a 0, #164b48 44%, #0c302f 100%); }
.room-details-modal .space-modal-preview { opacity: .4; filter: sepia(.2) saturate(.8); }
.room-details-modal .space-main-image img { border: .45rem solid #f7e6bd; box-shadow: 0 1.25rem 3rem rgba(0,0,0,.35), 0 0 0 1px #b98232; }
.room-details-modal .space-modal-nav { color: #79521e; background: #fff5d9; }
.room-details-modal .space-modal-nav:hover, .room-details-modal .space-modal-nav:focus-visible { color: #fff; background: #b47c2d; }
.room-details-modal .space-modal-count { padding: .38rem .7rem; border: 1px solid rgba(247,224,171,.5); border-radius: 999px; background: rgba(5,32,30,.42); }
.room-details-modal .space-image-zoom { display: grid; width: 2.35rem; height: 2.35rem; padding: 0; place-items: center; border: 1px solid #f0d28d; border-radius: 50%; color: #1b625d; background: #fffaf0; box-shadow: 0 .45rem 1rem rgba(0,0,0,.28); opacity: 0; pointer-events: none; transform: translate(-50%, -42%); }
.room-details-modal .space-main-image:hover .space-image-zoom, .room-details-modal .space-main-image:focus-within .space-image-zoom { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%); }
.room-details-modal .space-image-zoom:hover, .room-details-modal .space-image-zoom:focus-visible { color: #fffaf0; background: #1b625d; transform: translate(-50%, -50%) scale(1.08); }
.room-zoom-modal { position: relative; background: radial-gradient(circle at 12% 12%, rgba(210,163,79,.18), transparent 30%), radial-gradient(circle at 88% 88%, rgba(40,130,120,.2), transparent 34%), linear-gradient(135deg, #102f30, #0b2428); }
.room-zoom-modal::before, .room-zoom-modal::after { position: absolute; width: 13rem; height: 13rem; border: 1px solid rgba(233,193,112,.17); border-radius: 50%; content: ''; pointer-events: none; }
.room-zoom-modal::before { top: -7rem; left: -5rem; }
.room-zoom-modal::after { right: -6rem; bottom: -8rem; }
.room-zoom-modal .modal-header { background: linear-gradient(180deg, rgba(5,25,27,.82), rgba(5,25,27,.2), transparent); }
.room-zoom-modal .space-modal-eyebrow { color: #fff4d6; }
.room-zoom-modal .space-modal-eyebrow::before { background: #e5bd6d; }
@media (max-width: 991px) { .rooms-page-body .navbar-collapse { margin-top: .5rem; padding: 1rem; border-radius: 1rem; background: rgba(7,48,45,.96); } .rooms-page-body .navbar.scrolled .navbar-collapse { background: #fff; } .rooms-page-body .navbar.scrolled .navbar-collapse .nav-link { color: #111; } .rooms-grid { grid-template-columns: 1fr; max-width: 34rem; } .rooms-card-image { height: 18rem; } .rooms-hero { min-height: 35rem; } }
@media (max-width: 575px) { .rooms-page-body .navbar-brand img { height: 82px !important; } .rooms-hero { min-height: 37rem; } .rooms-hero-content { padding-top: 8rem; padding-bottom: 4rem; } .rooms-hero h1 { font-size: 3.8rem; } .rooms-page { padding-top: 3.5rem; } .rooms-intro { text-align: left; } .rooms-intro .rooms-eyebrow { justify-content: start; } .rooms-card-image { height: 15rem; } }

/* Refined call-to-action accents */
.btn-location, .btn-inquire, .reviews-write-btn, .moments-primary-action, .moments-share-action, .rates-inquire-btn, .rooms-hero-action {
    border: 1px solid rgba(230, 194, 117, 0.7);
    box-shadow: 0 0.7rem 1.45rem rgba(30, 74, 66, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

/* Moments photo selection */
.moment-selected-files { margin-top: 1rem; }
.moment-upload-limit-notice { display: flex; align-items: center; gap: .55rem; margin-top: .7rem; padding: .7rem .8rem; border: 1px solid #f0cf8a; border-radius: .7rem; background: #fff8e8; color: #98631d; font: 600 .74rem/1.4 'Inter', sans-serif; animation: moment-limit-message-in .2s ease-out; }
.moment-upload-limit-notice i { color: #d28a27; font-size: .9rem; }
@keyframes moment-limit-message-in { from { opacity: 0; transform: translateY(-.2rem); } to { opacity: 1; transform: translateY(0); } }
.moment-selected-files-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .65rem; color: #386b67; font: 600 .76rem 'Inter', sans-serif; }
.moment-selected-files-heading button { padding: 0; border: 0; background: transparent; color: #d9534f; font: 600 .76rem 'Inter', sans-serif; cursor: pointer; }
.moment-selected-files-heading button:hover, .moment-selected-files-heading button:focus-visible { color: #b93835; outline: 0; text-decoration: underline; }
.moment-preview-grid { position: static; display: flex; flex-wrap: wrap; gap: .65rem; padding: 0; }
.moment-preview-item { position: relative; width: 4.5rem; height: 4.5rem; overflow: hidden; border-radius: .65rem; background: #e5f1ee; box-shadow: 0 .25rem .7rem rgba(24,82,76,.12); }
.moment-preview-grid .moment-preview-item img { position: static; display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover; }
.moment-preview-remove { position: absolute; top: .18rem; right: .18rem; display: grid; width: 1.25rem; height: 1.25rem; padding: 0; place-items: center; border: 0; border-radius: 50%; background: rgba(26,65,62,.9); color: #fff; font-size: .63rem; cursor: pointer; }
.moment-preview-remove:hover, .moment-preview-remove:focus-visible { background: #c94945; outline: 2px solid #fff; outline-offset: 1px; }
@media (max-width: 575px) { .moment-preview-item { width: 4rem; height: 4rem; } }
.reviews-public-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); gap:.8rem; margin-top:1rem; }.reviews-public-card { padding:1rem; border:1px solid #dce9e5; border-radius:.85rem; background:#fff; text-align:left; }.reviews-public-card p { min-height:3.5rem; margin:.5rem 0; color:#60746e; font-size:.78rem; line-height:1.55; }.reviews-public-card b { color:#245c56; font-size:.75rem; }.reviews-public-stars { color:#c38b35; font-size:.8rem; letter-spacing:.08em; }
/* Quote download is kept secondary to the submitted request action. */
.quote-download { display:flex; align-items:center; justify-content:center; gap:.6rem; width:100%; margin-top:.7rem; padding:.8rem 1rem; border:1px solid #d7c6a5; border-radius:999px; color:#174d48; background:#fffdf9; font:700 .75rem 'Inter',sans-serif; letter-spacing:.04em; text-transform:uppercase; transition:.2s ease; }
.quote-download:hover,.quote-download:focus-visible { border-color:#b9904d; background:#fbf4e4; outline:0; transform:translateY(-.1rem); }
.quote-success-actions { display:grid; gap:.7rem; width:100%; margin-top:1.25rem; }
.quote-success-actions .quote-download,.quote-success-actions .quote-messenger { margin-top:0; }
.quote-messenger.quote-messenger-nudge,.quote-messenger.quote-messenger-nudge:hover,.quote-messenger.quote-messenger-nudge:focus-visible { animation:quote-messenger-blink .7s ease-in-out infinite; transition:none; }
@keyframes quote-messenger-blink { 0%,100% { color:#17645f; background:#fff; box-shadow:none; opacity:1; transform:scale(1); } 50% { color:#fff; background:#176c67; box-shadow:0 0 0 .35rem rgba(28,118,110,.17),0 .55rem 1rem rgba(20,93,87,.22); opacity:.35; transform:scale(1.035); } }

.reviews-public-list { display:grid; gap:1rem; }.reviews-public-card { padding:1.2rem; border:1px solid #dceae8; border-radius:1rem; background:linear-gradient(145deg,#fff,#fbfefd); box-shadow:0 .5rem 1.15rem rgba(24,72,76,.08); }.reviews-public-card header { display:flex; align-items:center; gap:.7rem; }.reviews-public-avatar { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,#1b938d,#166673); font-weight:800; }.reviews-public-card header div:nth-child(2) { display:grid; gap:.12rem; }.reviews-public-card header small { color:#809196; font-size:.72rem; }.reviews-public-stars { margin-left:auto; color:#efa51f; letter-spacing:.08rem; }.reviews-public-card > p { min-height:0; margin:1rem 0; padding:.85rem 1rem; border-left:3px solid #42b9ae; border-radius:.15rem .6rem .6rem .15rem; color:#405c62; background:#f5faf9; line-height:1.65; }.review-community-actions { display:flex; gap:.55rem; }.review-community-actions button,.review-signin-comment { border:0; padding:.42rem .65rem; border-radius:.55rem; color:#587177; background:#eff6f5; font-size:.75rem; font-weight:700; cursor:pointer; }.review-community-actions .is-liked { color:#d34f62; background:#fff0f2; }.review-comments { margin-top:.85rem; padding-top:.85rem; border-top:1px solid #e2eceb; }.review-comment-list { display:grid; gap:.55rem; }.review-comment { padding:.65rem .75rem; border-radius:.6rem; background:#f5f9f8; }.review-comment.is-reply { margin-left:1.25rem; border-left:2px solid #8ed8d1; }.review-comment b { color:#285a5d; font-size:.74rem; }.review-comment p { margin:.22rem 0 0; color:#587077; font-size:.78rem; }.review-comment-form { display:flex; gap:.45rem; margin-top:.7rem; }.review-comment-form input { flex:1; min-width:0; padding:.58rem .7rem; border:1px solid #cfe1df; border-radius:.55rem; outline:0; }.review-comment-form button { width:2.45rem; border:0; border-radius:.55rem; color:#fff; background:#24988f; cursor:pointer; }
@media (max-width: 991px) {
    #mainNavbar.scrolled .navbar-toggler { border-color: rgba(22, 79, 83, 0.48); }
    #mainNavbar.scrolled .navbar-toggler-icon { filter: invert(1); }
    #mainNavbar:has(.navbar-collapse.show),#mainNavbar:has(.navbar-collapse.collapsing) { background:#fff !important; box-shadow:0 .75rem 1.5rem rgba(20,50,43,.14); }
    #mainNavbar:has(.navbar-collapse.show) .navbar-toggler,#mainNavbar:has(.navbar-collapse.collapsing) .navbar-toggler { border-color:rgba(22,79,83,.48); }
    #mainNavbar:has(.navbar-collapse.show) .navbar-toggler-icon,#mainNavbar:has(.navbar-collapse.collapsing) .navbar-toggler-icon { filter:invert(1); }
    #mainNavbar .navbar-collapse.show,#mainNavbar .navbar-collapse.collapsing { margin-top:0; padding:.25rem 0 1rem; border-radius:0; background:transparent; box-shadow:none; }
    #mainNavbar .navbar-collapse.show .nav-link { color:#111; }
    #mainNavbar .navbar-collapse.show .navbar-action-btn { border-color:#174e4a; color:#174e4a; }
}
.quote-form.was-validated .quote-fields input[type="date"]:invalid { border-color:#cf3f3a !important; background:#fff7f6 !important; box-shadow:0 0 0 .2rem rgba(207,63,58,.2) !important; }
@media (max-width: 575px) {
    .review-signin-comment { position: relative; z-index: 1; display: block; clear: both; width: 100%; margin-top: 0.8rem; padding: 0.62rem 0.75rem; }
    .review-comments { overflow: visible; }
}

/* An expanded review must show the comment control on desktop as well as mobile. */
@media (min-width:992px) {
    #reviews .reviews-public-list {
        align-items: start;
        grid-auto-rows: min-content;
    }

    #reviews .reviews-public-card {
        height: auto;
        overflow: visible;
    }

    #reviews .reviews-public-card.is-comments-open {
        grid-column: 1 / -1;
    }

    #reviews .reviews-public-card .review-comments {
        overflow: visible !important;
    }

    #reviews .reviews-public-card .review-comment-form,
    #reviews .reviews-public-card .review-signin-comment {
        position: relative;
        z-index: 2;
        display: flex;
        visibility: visible;
    }

    #reviews .reviews-public-card .review-signin-comment {
        display: block;
        width: 100%;
        margin-top: .7rem;
    }
}

/* Comment submission feedback replaces the browser's plain alert dialog. */
.comment-submission-notice { position:fixed; z-index:2200; right:1.2rem; bottom:1.2rem; display:flex; align-items:flex-start; gap:.75rem; width:min(23rem,calc(100vw - 2rem)); padding:1rem; border:1px solid #bde4dc; border-radius:1rem; color:#285753; background:linear-gradient(135deg,#ffffff,#f1fbf8); box-shadow:0 1rem 2.4rem rgba(14,72,68,.2); animation:comment-notice-in .25s ease-out; font-family:'Inter',Arial,sans-serif; }.comment-submission-icon { display:grid; width:2.35rem; height:2.35rem; flex:0 0 2.35rem; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,#1d9e91,#176d68); box-shadow:0 .35rem .75rem rgba(24,133,124,.22); }.comment-submission-notice div { min-width:0; padding-top:.08rem; }.comment-submission-notice b { display:block; color:#174f4c; font-size:.82rem; }.comment-submission-notice p { margin:.25rem 0 0; color:#5d7774; font-size:.73rem; line-height:1.45; }.comment-submission-notice button { display:grid; width:1.75rem; height:1.75rem; margin:-.25rem -.25rem 0 auto; place-items:center; border:0; border-radius:50%; color:#62817d; background:transparent; cursor:pointer; }.comment-submission-notice button:hover,.comment-submission-notice button:focus-visible { color:#176d68; background:#dff3ef; outline:0; }@keyframes comment-notice-in { from { opacity:0; transform:translateY(.7rem); } to { opacity:1; transform:none; } }@media(max-width:575px){.comment-submission-notice{right:1rem;bottom:1rem}}

/* Quote request submission popup */
.quote-submitting-modal .modal-dialog {
    width: min(92vw, 25rem);
    max-width: min(92vw, 25rem);
}

.quote-submitting-modal .modal-content {
    overflow: hidden;
    border-radius: 1.15rem;
    background: linear-gradient(145deg, #ffffff, #f6fcfb);
    box-shadow: 0 1.4rem 3.5rem rgba(8, 48, 47, .3);
}

.quote-submitting-body {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem 1rem;
    align-items: start;
    padding: 1.7rem;
}

.quote-submitting-spinner {
    width: 2.45rem;
    height: 2.45rem;
    border: .24rem solid #d6ece7;
    border-top-color: #168f85;
    border-radius: 50%;
    animation: quote-submitting-spin .8s linear infinite;
}

.quote-submitting-body p {
    margin: 0 0 .2rem;
    color: #178e84;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.quote-submitting-body h2 {
    margin: 0;
    color: #204944;
    font: 600 1.35rem/1.2 'Cormorant Garamond', Georgia, serif;
}

.quote-submitting-body small {
    display: block;
    margin-top: .35rem;
    color: #71847f;
    font-size: .75rem;
    line-height: 1.5;
}

.quote-submitting-progress {
    grid-column: 1 / -1;
    height: .38rem;
    overflow: hidden;
    border-radius: 99px;
    background: #dcebe8;
}

.quote-submitting-progress span {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #168f85, #4bbcac);
    animation: quote-submitting-progress 1.15s ease-in-out infinite;
}

@keyframes quote-submitting-spin {
    to { transform: rotate(360deg); }
}

@keyframes quote-submitting-progress {
    from { transform: translateX(-130%); }
    to { transform: translateX(340%); }
}

/* Remove the Get a Quote decorative circle on every screen size. */
.quote-page::before {
    display:none !important;
    content:none !important;
}

/* Force the stacked review layout on iPad Safari, including landscape. */
@supports (-webkit-touch-callout:none) {
    @media (min-width:768px) and (max-width:1400px) {
        .reviews-panel {
            display:grid !important;
            grid-template-columns:minmax(0, 1fr) !important;    
            grid-template-rows:auto !important;
        }

        .reviews-heading {
            grid-row:auto !important;
            min-height:17rem !important;
            padding:4.5rem 1.5rem 2.5rem !important;
        }

        .reviews-brand-logo {
            top:1.1rem !important;
            left:1.5rem !important;
            height:3rem !important;
        }

        .reviews-heading h2 {
            font-size:3rem !important;
            line-height:1 !important;
        }

        .reviews-notice,
        .reviews-action {
            grid-column:auto !important;
        }

        .reviews-notice {
            padding-bottom:1.25rem !important;
        }
    }
}

/* Keep the review title inside its column on iPad landscape Safari. */
@media screen and (orientation:landscape) and (min-width:768px) and (max-width:1400px) {
    .reviews-heading {
        padding-left:1rem !important;
        padding-right:1rem !important;
    }

    .reviews-heading h2 {
        font-size:4rem !important;
        line-height:1 !important;
    }
    
    .reviews-panel {
    grid-template-columns:minmax(26rem, 1fr) minmax(0, 1fr) !important;
}
}