/* Neutral Indian palette for the public Red Hills experience.
   It intentionally uses earth, ivory and indigo tones instead of a tricolour treatment. */
:root {
    --rhi-ink: #263a3c;
    --rhi-muted: #66746e;
    --rhi-ivory: #fbf7ee;
    --rhi-sand: #eee2cf;
    --rhi-line: #dfd0bb;
    --rhi-indigo: #344d60;
    --rhi-forest: #516b61;
    --rhi-terracotta: #b86e4b;
    --rhi-terracotta-deep: #92523a;
    --rhi-saffron: #d19a49;
    --rhl-red: var(--rhi-terracotta);
    --rhl-red-deep: var(--rhi-terracotta-deep);
    --rhl-navy: var(--rhi-indigo);
    --rhl-blue: #587168;
    --rhl-cream: var(--rhi-ivory);
    --rhl-gold: var(--rhi-saffron);
    --rhl-ink: var(--rhi-ink);
    --rhl-muted: var(--rhi-muted);
    --rhl-line: var(--rhi-line);
}

body.rh-public-body {
    color: var(--rhi-ink);
    background: var(--rhi-ivory);
}

.rh-public-header {
    background: rgba(255, 253, 248, .97);
    border-bottom-color: rgba(63, 78, 70, .16);
}

.rh-public-header.is-scrolled,
.rh-home-page .rh-public-header.is-scrolled {
    color: var(--rhi-ink);
    background: rgba(255, 253, 248, .97);
    border-bottom-color: rgba(63, 78, 70, .14);
    box-shadow: 0 12px 34px rgba(43, 59, 53, .11);
}

.rh-home-page.rh-neutral-india-page .rh-public-header {
    background: linear-gradient(180deg, rgba(35, 52, 53, .84), rgba(35, 52, 53, .12));
    border-bottom-color: rgba(255, 248, 235, .24);
}

.rh-brand img {
    background: #fffdf8;
    border-radius: 7px;
    box-shadow: 0 4px 13px rgba(18, 36, 33, .15);
}

.rh-public-header.is-scrolled .rh-brand-copy,
body:not(.rh-home-page) .rh-brand-copy { border-left-color: var(--rhi-line); }
.rh-main-nav > ul > li > a::before { background: var(--rhi-terracotta); }
/* Public submenu: use a self-contained light panel so its labels stay legible
   even when the header is transparent over a dark hero image. */
.rh-public-header .rh-main-nav .rh-submenu {
    padding: 8px !important;
    background: linear-gradient(145deg, #fffefa, #f7ecdc);
    border: 1px solid rgba(202, 159, 101, .46);
    border-radius: 10px;
    box-shadow: 0 20px 48px rgba(24, 48, 47, .24);
}
.rh-public-header .rh-main-nav .rh-submenu::before {
    position: absolute;
    top: -6px;
    left: 28px;
    width: 11px;
    height: 11px;
    border-top: 1px solid rgba(202, 159, 101, .46);
    border-left: 1px solid rgba(202, 159, 101, .46);
    background: #fffcf5;
    content: "";
    transform: rotate(45deg);
}
.rh-public-header .rh-main-nav .rh-submenu a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 13px;
    color: #193b42 !important;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.25;
    text-shadow: none !important;
    transition: color .18s ease, background .18s ease, transform .18s ease;
}
.rh-public-header .rh-main-nav .rh-submenu a:hover,
.rh-public-header .rh-main-nav .rh-submenu a:focus {
    color: #fff !important;
    background: linear-gradient(100deg, #315e60, #b86e4b);
    outline: 0;
    transform: translateX(3px);
}
@media (max-width: 860px) {
    .rh-public-header .rh-main-nav .rh-submenu {
        margin: 4px 0 9px;
        padding: 6px !important;
        border-color: #e4d1b4;
        border-radius: 8px;
        box-shadow: none;
    }
    .rh-public-header .rh-main-nav .rh-submenu::before { display: none; }
    .rh-public-header .rh-main-nav .rh-submenu a { min-height: 38px; padding: 9px 12px; }
}

/* Projects navigation is supplied by the active Site Master: City -> Site.
   It is a true second level on desktop and an expanded, touch-friendly list
   in the mobile menu. */
.rh-public-header .rh-main-nav .rh-project-city-menu { min-width: 250px; }
.rh-public-header .rh-main-nav .rh-project-city { position: relative; }
.rh-public-header .rh-main-nav .rh-project-city > a { justify-content: space-between; gap: 18px; }
.rh-project-submenu-arrow { font-size: 18px; line-height: 1; }
.rh-project-site-menu {
    position: absolute;
    top: -8px;
    left: calc(100% - 3px);
    z-index: 12;
    display: flex;
    flex-direction: column;
    min-width: 235px;
    margin: 0;
    padding: 8px;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);
    background: linear-gradient(145deg, #fffefa, #f7ecdc);
    border: 1px solid rgba(202, 159, 101, .46);
    border-radius: 10px;
    box-shadow: 0 20px 48px rgba(24, 48, 47, .24);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}
.rh-project-city:hover > .rh-project-site-menu,
.rh-project-city:focus-within > .rh-project-site-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.rh-project-site-menu a {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 13px;
    color: #193b42 !important;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.25;
    text-decoration: none;
}
.rh-project-site-menu a:hover,
.rh-project-site-menu a:focus { color: #fff !important; background: linear-gradient(100deg, #315e60, #b86e4b); outline: 0; }
@media (max-width: 860px) {
    .rh-public-header .rh-main-nav .rh-project-city-menu { max-height: none; }
    .rh-project-city-menu .rh-project-site-menu {
        position: static;
        display: block;
        min-width: 0;
        margin: 0 0 5px 11px;
        padding: 3px 0 3px 9px;
        opacity: 1;
        visibility: visible;
        transform: none;
        border: 0;
        border-left: 1px solid #dfc8a7;
        border-radius: 0;
        box-shadow: none;
    }
    .rh-project-city-menu .rh-project-site-menu a { min-height: 34px; padding: 7px 10px; font-size: 11px; }
    .rh-project-submenu-arrow { display: none; }
}

.rh-neutral-india-page .rhl-hero { background: #2b4342; }
.rh-neutral-india-page .rhl-hero-shade {
    background:
        linear-gradient(90deg, rgba(31, 49, 50, .93) 0%, rgba(31, 49, 50, .76) 43%, rgba(82, 67, 50, .30) 76%, rgba(31, 49, 50, .56) 100%),
        linear-gradient(180deg, rgba(28, 47, 49, .22), transparent 45%, rgba(28, 47, 49, .62));
}
.rh-neutral-india-page .rhl-hero-lines {
    opacity: .2;
    background-image:
        linear-gradient(90deg, transparent calc(25% - 1px), rgba(255, 239, 211, .28) 25%, transparent calc(25% + 1px)),
        radial-gradient(circle at 82% 22%, rgba(210, 155, 73, .38) 0 1px, transparent 2px);
    background-size: 25% 100%, 17px 17px;
}
.rhi-home-note {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px;
    color: #f4c876;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.rhi-home-note span { color: #fff5dc; font-size: 13px; }
.rh-neutral-india-page .rhl-overline::before { background: #e1b65e; }
.rh-neutral-india-page .rhl-button-primary { background: var(--rhi-terracotta); border-radius: 4px; box-shadow: 0 9px 22px rgba(64, 34, 23, .22); }
.rh-neutral-india-page .rhl-button-primary:hover { background: var(--rhi-terracotta-deep); }
.rh-neutral-india-page .rhl-button-ghost { border-color: rgba(255, 247, 230, .72); border-radius: 4px; }
.rh-neutral-india-page .rhl-button-ghost:hover { color: #304a49 !important; background: #fffaf1; }

.rh-neutral-india-page .rhl-property-finder {
    border-top-color: var(--rhi-saffron);
    border-radius: 11px;
    background: rgba(255, 253, 248, .97);
    box-shadow: 0 27px 70px rgba(18, 34, 31, .28);
}
.rh-neutral-india-page .rhl-finder-heading strong { color: var(--rhi-indigo); }
.rh-neutral-india-page .rhl-select-wrap select { background: #f7efe3; outline-color: #e5d4bd; }
.rh-neutral-india-page .rhl-property-finder button { background: var(--rhi-forest); border-radius: 5px; }
.rh-neutral-india-page .rhl-property-finder button:hover { background: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-scroll-cue { color: rgba(255, 248, 233, .78) !important; }

.rh-neutral-india-page .rhl-trust-bar { background: #f0e2ce; border-bottom: 1px solid #dec4a4; }
.rh-neutral-india-page .rhl-trust-bar p { color: #3e5752; }
.rh-neutral-india-page .rhl-trust-bar span { background: #c28a48; }
.rh-neutral-india-page .rhl-projects,
.rh-neutral-india-page .rhl-insights,
.rh-neutral-india-page .rhl-story { background: #fffdf8; }
.rh-neutral-india-page .rhl-section-head h2,
.rh-neutral-india-page .rhl-story-copy h2,
.rh-neutral-india-page .rhl-centered-head h2 { color: var(--rhi-indigo); }
.rh-neutral-india-page .rhl-section-head h2 em,
.rh-neutral-india-page .rhl-story-copy h2 em,
.rh-neutral-india-page .rhl-centered-head h2 em { color: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-kicker,
.rh-neutral-india-page .rhl-section-intro a,
.rh-neutral-india-page .rhl-text-link,
.rh-neutral-india-page .rhl-insight-copy > p { color: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-project-card { border-radius: 10px; box-shadow: 0 13px 28px rgba(51, 69, 61, .1); }
.rh-neutral-india-page .rhl-project-overlay { background: linear-gradient(180deg, rgba(30, 48, 49, 0) 27%, rgba(30, 48, 49, .91)); }
.rh-neutral-india-page .rhl-project-badge { background: var(--rhi-forest); }
.rh-neutral-india-page .rhl-story-visual::before { background: #eee0c9; }
.rh-neutral-india-page .rhl-story-caption { background: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-story-copy .rhl-story-lead { color: #425753; }
.rh-neutral-india-page .rhl-story-points span { color: var(--rhi-terracotta); }

.rh-neutral-india-page .rhl-numbers { background: linear-gradient(118deg, #334d58, #526b61); }
.rh-neutral-india-page .rhl-experience { background: #f6edde; }
.rh-neutral-india-page .rhl-experience-grid { border-color: #d9c7aa; }
.rh-neutral-india-page .rhl-experience-grid article { background: rgba(255, 253, 248, .54); border-color: #d9c7aa; }
.rh-neutral-india-page .rhl-experience-grid article:hover { background: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-experience-grid svg { stroke: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-journey { background: linear-gradient(122deg, #324e58, #506b61); }
.rh-neutral-india-page .rhl-kicker-light,
.rh-neutral-india-page .rhl-journey-heading h2 em,
.rh-neutral-india-page .rhl-contact h2 em { color: #efc36c; }
.rh-neutral-india-page .rhl-insight-image > span { background: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-contact { background: #314b4d; }
.rh-neutral-india-page .rhl-contact-overlay { background: linear-gradient(90deg, rgba(39, 60, 60, .96), rgba(56, 75, 64, .79)); }
.rh-neutral-india-page .rhl-enquiry-card { background: #fffdf8; border-radius: 10px; box-shadow: 0 21px 55px rgba(19, 36, 33, .19); }
.rh-neutral-india-page .rhl-enquiry-card input,
.rh-neutral-india-page .rhl-enquiry-card select,
.rh-neutral-india-page .rhl-enquiry-card textarea { background: #f8f0e4; border-color: #e2cfb3; }
.rh-neutral-india-page .rhl-enquiry-card input:focus,
.rh-neutral-india-page .rhl-enquiry-card select:focus,
.rh-neutral-india-page .rhl-enquiry-card textarea:focus { border-color: var(--rhi-terracotta); box-shadow: 0 0 0 3px rgba(184, 110, 75, .12); }
.rh-neutral-india-page .rhl-enquiry-card button { border-radius: 5px; background: var(--rhi-terracotta); }
.rh-neutral-india-page .rhl-enquiry-card button:hover { background: var(--rhi-terracotta-deep); }

.rh-public-footer { color: #dce0d7; background: #283e42; }
.rh-public-footer .rh-footer-lead { border-bottom-color: rgba(238, 225, 203, .17); }
.rh-public-footer .rh-footer-lead span,
.rh-public-footer .rh-footer-heading,
.rh-public-footer .rh-footer-contact i { color: #edbf65; }
.rh-public-footer .rh-footer-bottom { border-top-color: rgba(238, 225, 203, .17); }

@media (max-width: 620px) {
    .rhi-home-note { margin-bottom: 11px; font-size: 9px; letter-spacing: .11em; }
    .rh-neutral-india-page .rhl-property-finder,
    .rh-neutral-india-page .rhl-enquiry-card { border-radius: 8px; }
}