/* The sticky navigation shares the top edge of the homepage photograph. */
.site-header {
    --header-height: 86px;
    height: var(--header-height);
    margin-bottom: calc(-1 * var(--header-height));
    background: transparent;
    border: 0;
    backdrop-filter: none;
}
.site-header::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: calc(100% + 85px);
    background: linear-gradient(to bottom, rgba(6,24,34,.84), rgba(6,24,34,.64) 34%, rgba(6,24,34,.20) 72%, transparent);
    pointer-events: none;
}
.site-header.scrolled { background: rgba(13,39,49,.96); }
.site-header.scrolled::before { opacity: 0; }
.nav-shell { position: relative; }
.site-header .brand { color: white; }
.home-search-hero {
    height: 100vh;
    height: 100svh;
    min-height: 360px;
    display: grid;
    align-items: center;
}
.home-search-hero .hero-art { transform: none; background-position: center; }
.hero-search { position: relative; color: var(--ink); }
.hero-search .filter-panel { margin: 0; }
.stays-section h1 { font-size: clamp(2rem,4vw,3.6rem); line-height: 1.12; margin: 0; }
@media (min-width:761px) {
    .site-header .nav-links > a:not(.button) { color: white; }
    .site-header .nav-links > a.nav-active,
    .site-header .nav-links > a:not(.button):hover { background: rgba(255,255,255,.18); }
}
@media (max-width:760px) {
    .site-header { --header-height: 74px; }
    .site-header .mobile-toggle { background: rgba(8,31,42,.56); }
    .site-header .mobile-toggle span { background: white; }
    .site-header .nav-links { position: fixed; top: var(--header-height); }
    .home-search-hero { min-height: 440px; }
}
.site-header.scrolled{background:transparent;box-shadow:none}
.site-header.scrolled .nav-shell{height:64px;top:10px;width:min(calc(100% - 28px),1440px);padding-inline:clamp(12px,2vw,28px);border:1px solid #ffffffb3;border-radius:18px;background:#edf1f2ed;box-shadow:0 6px 22px #102c3724;backdrop-filter:blur(16px)}
.site-header.scrolled .brand,.site-header.scrolled .nav-links>a:not(.button){color:#19333f}
.site-header.scrolled .nav-links>a.nav-active,.site-header.scrolled .nav-links>a:not(.button):hover{background:#d9e4df}
@media(max-width:760px){.home-search-hero{align-items:end;padding-bottom:max(24px,env(safe-area-inset-bottom));min-height:480px}.site-header.scrolled .nav-shell{height:55px;top:8px}.site-header.scrolled .mobile-toggle{background:#d9e4df}.site-header.scrolled .mobile-toggle span{background:#19333f}.site-header.scrolled .nav-links{position:absolute;top:calc(100% + 5px);border-radius:16px}}
@media(max-width:760px){.home-search-hero .hero-search{align-self:end;margin-block:0}}