/* =============================================================
   brand-weave  —  the intro-loader brand motif as a section layer
   -------------------------------------------------------------
   The shapes, staggered positions and the infinite drift
   animation are defined once in luxury-loader.css (.loader-motif)
   and are reused verbatim. This file only sizes the pattern box
   to cover its host section and tints the shapes per context.
   ============================================================= */

.brand-weave {
    position: absolute;
    z-index: 0;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}
.brand-weave__pattern {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    aspect-ratio: 2158 / 1262;
    height: max(128%, 330vw);
}
@media (min-width: 768px) {
    .brand-weave__pattern {
        height: auto;
        width: max(115%, 212vh);
    }
}

/* Host sections must clip and stack above the weave */
.rimal-dining,
.guest-reviews,
.home-editorial__info,
.moments-banner,
.site-footer--weave {
    position: relative;
    overflow: hidden;
}
.rimal-dining > .rimal-dining__layout,
.guest-reviews > .home-editorial__wrap,
.home-editorial__info > .home-editorial__wrap,
.moments-banner__inner,
.site-footer--weave .site-footer__inner {
    position: relative;
    z-index: 1;
}

/* Terracotta contexts adopt the exact loader palette */
.moments-banner,
.site-footer--weave,
.home-editorial__info.home-editorial__info--weave {
    background: #8c341e;
}

/* Light sections keep the weave whisper-quiet */
.rimal-dining .brand-weave .loader-motif { background: rgba(140, 52, 30, .05); }
.guest-reviews .brand-weave .loader-motif { background: rgba(140, 52, 30, .055); }

/* -----------------------------------------------
   06 · Essential camp information on the loader palette
   ----------------------------------------------- */
.home-editorial__info.home-editorial__info--weave {
    color: #f6e7d4;
    padding-block: clamp(72px, 7.5vw, 104px);
}
.home-editorial__info--weave .home-editorial__kicker { color: #ebc6ab; }
.home-editorial__info--weave h2 { color: #f6e7d4; }
.home-editorial__info--weave .home-editorial__info-grid article { border-top-color: rgba(246, 231, 212, .3); }
.home-editorial__info--weave .home-editorial__info-grid svg { color: #ebc6ab; }
.home-editorial__info--weave .home-editorial__info-grid p { color: rgba(246, 231, 212, .82); }
.home-editorial__info--weave .home-editorial__info-link { color: #f6e7d4 !important; }
.home-editorial__info--weave .home-editorial__info-link:hover { color: #fff !important; }
.home-editorial__info--weave .home-editorial__link { color: #f6e7d4 !important; }
.home-editorial__info--weave .home-editorial__link > span { border-color: rgba(246, 231, 212, .45); }
.home-editorial__info--weave .home-editorial__link:hover > span { background: #f6e7d4; color: #8c341e; }
.home-editorial__info--weave a:focus-visible { outline-color: #f6e7d4; }

@media (max-width: 767px) {
    .rimal-dining .brand-weave .loader-motif,
    .guest-reviews .brand-weave .loader-motif { background: rgba(140, 52, 30, .045); }
}