/* One viewport-sized painting keeps its pigment visible down the whole page. */
html[data-stay-page][data-theme="night"]{background:#123c32}
[data-stay-page][data-theme="night"] body{isolation:isolate}
[data-stay-page][data-theme="night"] body::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:#123c32 url('/assets/stays/night/forest-pigment-v02.webp') center/cover no-repeat;
}
[data-stay-page][data-theme="night"] .cabin-editorial{
 --editorial-ink:#d8ccae;background:transparent;color:var(--editorial-ink);
}
[data-stay-page][data-theme="night"] .cabin-editorial__location dt{color:#bfb59e}
[data-stay-page][data-theme="night"] .cabin-editorial__crop{background:#f3e6c80d}
[data-stay-page][data-theme="night"] .cabin-editorial .booking-dates input{border-bottom-color:#d8ccae66}
[data-stay-page][data-theme="night"] .cabin-editorial .booking-action:focus-visible{outline-color:#f3e6c8}

/* Same warm cores and halos as the homepage housing section. */
.cabin-night-fireflies{
 position:fixed;inset:0;width:100%;height:100%;z-index:0;overflow:hidden;
 pointer-events:none;opacity:0;visibility:hidden;
 transition:opacity 480ms ease,visibility 480ms;
}
[data-stay-page][data-theme="night"] .cabin-night-fireflies{opacity:1;visibility:visible}
@media(prefers-reduced-motion:reduce){.cabin-night-fireflies{transition:none}}

/* The transparent page shows the lights in its gaps; its artwork paints above them. */
[data-stay-page][data-theme="night"] main{position:relative;z-index:1}