@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500&family=Montserrat:wght@400;500;600&display=swap');
body {
    margin: 0;
    font-family: var(--font-body);
    background: #111;
    color: #fff;
    overflow-x: hidden;
}

/* =========================================================
   VANTA HOME — CINEMATIC EXPERIENCE
   Scoped to the homepage so the rest of the site is unchanged.
   ========================================================= */
.home-body {
    overflow-x: hidden;
    background: #080808;
}

.home-body.home-intro-active {
    overflow: hidden;
}

.vanta-intro[hidden] {
    display: none;
}

.vanta-intro {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 22px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(5, 5, 5, 0.56) 0%, rgba(5, 5, 5, 0.18) 72%, rgba(5, 5, 5, 0.08) 100%);
    opacity: 0;
    transition: opacity 0.25s ease;
}

.vanta-intro.is-visible {
    opacity: 1;
}

.vanta-intro.is-leaving {
    opacity: 0;
    pointer-events: none;
}

.vanta-intro-light {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 48%, rgba(200, 139, 78, 0.14), transparent 30%);
    transform: scale(0.7);
    animation: vantaIntroGlow 1.8s ease-out forwards;
}

.vanta-intro-logo {
    position: relative;
    width: min(330px, 68vw);
    opacity: 0;
    filter: drop-shadow(0 0 24px rgba(205, 145, 82, 0.18));
    animation: vantaIntroLogo 1.25s 0.2s cubic-bezier(.22, .75, .22, 1) forwards;
}

.vanta-intro p {
    position: relative;
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-family: var(--font-latin);
    font-size: 11px;
    letter-spacing: 0.42em;
    direction: ltr;
    opacity: 0;
    animation: vantaIntroText 0.8s 0.85s ease forwards;
}

.vanta-intro-skip {
    position: absolute;
    bottom: 28px;
    left: 30px;
    border: 0;
    border-bottom: 1px solid rgba(212, 161, 103, 0.55);
    padding: 7px 3px;
    color: rgba(255, 255, 255, 0.62);
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.home-body .main-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 30;
    border-bottom-color: rgba(210, 151, 90, 0.38);
    background: linear-gradient(to bottom, rgba(5, 5, 5, 0.92), rgba(5, 5, 5, 0.3));
}

.home-body .home-hero {
    position: relative;
    display: flex;
    min-height: 100svh;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 150px 8% 90px;
    background: #080808;
    isolation: isolate;
}

.home-body .home-hero-visual {
    position: absolute;
    inset: -3%;
    z-index: -3;
    background: #080808;
    filter: brightness(0.78) saturate(0.88);
    transform: scale(1.13);
    will-change: transform, filter;
    overflow: hidden;
}

.home-hero-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.home-body.home-ready .home-hero-visual {
    animation: homeCarReveal 2.3s cubic-bezier(.16, .72, .23, 1) forwards,
               homeCarDrift 14s 2.3s ease-in-out infinite alternate;
}

.home-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(5, 5, 5, 0.96) 0%, rgba(5, 5, 5, 0.72) 35%, rgba(5, 5, 5, 0.16) 68%, rgba(5, 5, 5, 0.3) 100%),
        linear-gradient(0deg, rgba(5, 5, 5, 0.78) 0%, transparent 36%);
}

.home-body .home-hero-content {
    position: relative;
    z-index: 2;
    width: min(620px, 48%);
    max-width: none;
    opacity: 0;
    transform: translateY(34px);
}

.home-body.home-ready .home-hero-content {
    animation: homeContentReveal 1.1s 0.55s cubic-bezier(.2, .78, .28, 1) forwards;
}

.home-eyebrow,
.home-kicker {
    margin: 0;
    color: #d8a267;
}

.home-eyebrow {
    font-family: var(--font-latin);
    font-size: 12px;
    letter-spacing: 0.38em;
    direction: ltr;
}

.home-kicker {
    margin-top: 20px;
    font-size: 15px;
    letter-spacing: 0.12em;
}

.home-body .home-hero h1 {
    max-width: 590px;
    margin: 18px 0 20px;
    font-size: clamp(48px, 5.5vw, 82px);
    font-weight: 500;
    line-height: 1.15;
    color: #e5b379;
    text-shadow: 0 10px 35px rgba(0, 0, 0, 0.55);
}

.home-hero-copy {
    max-width: 580px;
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 20px;
    line-height: 1.9;
}

.home-body .hero-buttons {
    margin-top: 32px;
}

.home-scroll-cue {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 14px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 12px;
    text-decoration: none;
    transform: translateX(-50%);
}

.home-scroll-cue i {
    display: block;
    width: 1px;
    height: 42px;
    background: linear-gradient(#d7a266, transparent);
    animation: homeScrollPulse 1.8s ease-in-out infinite;
}

.home-signature {
    position: relative;
    padding: 110px 6% 90px;
    background:
        radial-gradient(circle at 50% 0%, rgba(181, 120, 63, 0.09), transparent 32%),
        #090909;
}

.home-section-heading {
    max-width: 720px;
    margin: 0 auto 58px;
    text-align: center;
}

.home-section-heading > p,
.home-final-cta > p {
    margin: 0 0 16px;
    color: #d5a064;
    font-family: var(--font-latin);
    font-size: 12px;
    letter-spacing: 0.32em;
    direction: ltr;
}

.home-section-heading h2,
.home-final-cta h2 {
    margin: 0 0 18px;
    color: #efd0ab;
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 500;
}

.home-section-heading span {
    color: rgba(255, 255, 255, 0.66);
    font-size: 18px;
}

.home-service-showcase {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    max-width: 1400px;
    margin: auto;
}

.home-service-tile {
    position: relative;
    display: flex;
    min-height: 560px;
    align-items: flex-end;
    overflow: hidden;
    border: 1px solid rgba(208, 151, 93, 0.38);
    border-radius: 3px;
    padding: 34px;
    color: #fff;
    background-position: center;
    background-size: cover;
    text-decoration: none;
    isolation: isolate;
    transition: transform 0.55s cubic-bezier(.2, .75, .2, 1), border-color 0.4s ease;
}

.home-service-tile::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(0deg, rgba(4, 4, 4, 0.98) 0%, rgba(4, 4, 4, 0.72) 43%, rgba(4, 4, 4, 0.08) 78%);
    transition: background 0.4s ease;
}

.home-service-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: inherit;
    background-position: center;
    background-size: cover;
    transition: transform 0.7s cubic-bezier(.2, .75, .2, 1);
}

.home-service-tile:hover {
    border-color: rgba(229, 177, 119, 0.85);
    transform: translateY(-8px);
}

.home-service-tile:hover::after {
    transform: scale(1.05);
}

.home-service-tile--ppf { background-image: url("/static/images/services/ppf-hero-vanta.webp"); }
.home-service-tile--ceramic { background-image: url("/static/images/services/nano-ceramic-hero.png"); }
.home-service-tile--wash { background-image: url("/static/images/services/premium-wash-hero.png"); }

.home-service-number {
    position: absolute;
    top: 24px;
    left: 25px;
    color: rgba(255, 255, 255, 0.54);
    font-family: var(--font-latin);
    font-size: 12px;
    letter-spacing: 0.16em;
}

.home-service-tile small {
    color: #d9a266;
    font-family: var(--font-latin);
    font-size: 11px;
    letter-spacing: 0.2em;
}

.home-service-tile h3 {
    margin: 10px 0 12px;
    color: #fff;
    font-size: 29px;
    font-weight: 600;
}

.home-service-tile p {
    min-height: 66px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.75;
}

.home-service-tile b {
    display: inline-block;
    margin-top: 22px;
    border-bottom: 1px solid rgba(220, 163, 101, 0.65);
    padding-bottom: 7px;
    color: #e3b37c;
    font-weight: 500;
}

.home-service-tile b i {
    margin-right: 8px;
    font-style: normal;
}

.home-all-services {
    display: table;
    margin: 44px auto 0;
    border: 1px solid #c99055;
    border-radius: 3px;
    padding: 14px 30px;
    color: #e5b77f;
    text-decoration: none;
    transition: color 0.3s ease, background 0.3s ease;
}

.home-all-services:hover {
    color: #080808;
    background: #d4a164;
}

.home-promise {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 1400px;
    margin: auto;
    border-top: 1px solid rgba(208, 151, 93, 0.28);
    border-bottom: 1px solid rgba(208, 151, 93, 0.28);
    background: #0b0b0b;
}

.home-promise > div {
    min-height: 230px;
    padding: 48px 44px;
}

.home-promise > div + div {
    border-right: 1px solid rgba(208, 151, 93, 0.22);
}

.home-promise strong {
    color: #c99259;
    font-family: var(--font-latin);
    font-size: 12px;
    letter-spacing: 0.18em;
}

.home-promise h3 {
    margin: 24px 0 10px;
    color: #efd2ae;
    font-size: 24px;
}

.home-promise p {
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
}

.home-final-cta {
    padding: 120px 20px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 50%, rgba(197, 134, 72, 0.12), transparent 32%),
        #070707;
}

.home-final-cta .primary-btn {
    display: inline-block;
    margin-top: 16px;
}

[data-reveal] {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity 0.8s ease, transform 0.9s cubic-bezier(.2, .75, .2, 1);
}

[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
}

.home-service-showcase [data-reveal]:nth-child(2) { transition-delay: 0.1s; }
.home-service-showcase [data-reveal]:nth-child(3) { transition-delay: 0.2s; }

@keyframes vantaIntroGlow {
    to { transform: scale(1.15); }
}

@keyframes vantaIntroLogo {
    from { opacity: 0; transform: scale(0.92); filter: blur(7px) drop-shadow(0 0 0 rgba(205, 145, 82, 0)); }
    to { opacity: 1; transform: scale(1); filter: blur(0) drop-shadow(0 0 24px rgba(205, 145, 82, 0.18)); }
}

@keyframes vantaIntroText {
    to { opacity: 1; }
}

@keyframes homeCarReveal {
    from { transform: scale(1.13); filter: brightness(0.48) saturate(0.75) blur(2px); }
    to { transform: scale(1.035); filter: brightness(0.78) saturate(0.88) blur(0); }
}

@keyframes homeCarDrift {
    from { transform: scale(1.035) translate3d(0, 0, 0); }
    to { transform: scale(1.065) translate3d(0, -0.7%, 0); }
}

@keyframes homeContentReveal {
    to { opacity: 1; transform: none; }
}

@keyframes homeScrollPulse {
    0%, 100% { opacity: 0.35; transform: scaleY(0.72); transform-origin: top; }
    50% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}

@media (max-width: 980px) {
    .home-body .home-hero {
        min-height: 100svh;
        align-items: flex-end;
        padding: 150px 7% 100px;
    }

    .home-body .home-hero-visual {
        inset: 0;
        background-position: 53% center;
    }

    .home-hero-shade {
        background: linear-gradient(0deg, rgba(5, 5, 5, 0.97) 0%, rgba(5, 5, 5, 0.58) 48%, rgba(5, 5, 5, 0.15) 78%);
    }

    .home-body .home-hero-content {
        width: 100%;
        max-width: 660px;
        margin: 0 auto;
        text-align: center;
    }

    .home-body .home-hero h1 {
        max-width: none;
        font-size: clamp(44px, 10vw, 68px);
    }

    .home-hero-copy {
        margin-inline: auto;
    }

    .home-body .hero-buttons {
        justify-content: center;
    }

    .home-scroll-cue {
        display: none;
    }

    .home-service-showcase {
        grid-template-columns: 1fr;
        max-width: 720px;
    }

    .home-service-tile {
        min-height: 500px;
    }
}

@media (max-width: 700px) {
    .home-body .main-header {
        position: absolute;
        min-height: 112px;
        background: linear-gradient(to bottom, rgba(5, 5, 5, 0.97), rgba(5, 5, 5, 0.72));
    }

    .home-body .home-hero {
        min-height: 100svh;
        padding: 138px 22px 58px;
    }

    .home-body .home-hero-visual {
        background-position: center 44%;
    }

    .home-body .home-hero h1 {
        margin-top: 14px;
        font-size: clamp(43px, 13vw, 60px);
        line-height: 1.18;
    }

    .home-eyebrow {
        font-size: 10px;
        letter-spacing: 0.27em;
    }

    .home-kicker {
        margin-top: 13px;
        font-size: 13px;
    }

    .home-hero-copy {
        font-size: 17px;
        line-height: 1.75;
    }

    .home-body .hero-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 25px;
    }

    .home-body .hero-buttons a {
        display: flex;
        min-height: 56px;
        align-items: center;
        justify-content: center;
        padding: 12px 10px;
        font-size: 16px;
    }

    .home-signature {
        padding: 78px 18px 64px;
    }

    .home-section-heading {
        margin-bottom: 38px;
    }

    .home-section-heading h2,
    .home-final-cta h2 {
        font-size: 36px;
    }

    .home-section-heading span {
        font-size: 16px;
        line-height: 1.75;
    }

    .home-service-showcase {
        gap: 16px;
    }

    .home-service-tile {
        min-height: 430px;
        padding: 26px;
    }

    .home-service-tile h3 {
        font-size: 27px;
    }

    .home-service-tile p {
        min-height: 0;
    }

    .home-promise {
        grid-template-columns: 1fr;
        margin-inline: 18px;
    }

    .home-promise > div {
        min-height: 0;
        padding: 34px 28px;
    }

    .home-promise > div + div {
        border-top: 1px solid rgba(208, 151, 93, 0.22);
        border-right: 0;
    }

    .home-final-cta {
        padding: 90px 18px;
    }

    .vanta-intro-skip {
        bottom: 20px;
        left: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vanta-intro *,
    .home-body .home-hero-visual,
    .home-body .home-hero-content,
    .home-scroll-cue i,
    [data-reveal] {
        animation: none !important;
        transition: none !important;
    }

    .home-body .home-hero-visual {
        transform: scale(1.035);
    }

    .home-body .home-hero-content,
    [data-reveal] {
        opacity: 1;
        transform: none;
    }
}

.container {
    width: 90%;
    max-width: 700px;
    margin: 40px auto;
    background: #1b1b1b;
    padding: 30px;
    border-radius: 18px;
}

h1 {
    margin-bottom: 5px;
    letter-spacing: 2px;
}

h2 {
    color: #b7b7b7;
    font-weight: normal;
    margin-top: 0;
}

label {
    display: block;
    margin-bottom: 7px;
    font-weight: bold;
}

input,
select,
textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 18px;
    border: 1px solid #444;
    border-radius: 10px;
    background: #262626;
    color: #fff;
}

button {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 10px;
    background: #fff;
    color: #111;
    font-weight: bold;
    cursor: pointer;
}

button:hover {
    opacity: 0.9;
}

.success-message {
    margin-top: 20px;
    padding: 12px;
    border-radius: 10px;
    background: #153a22;
    color: #b8f2c7;
}

a {
    color: #fff;
}
.main-header {
    width: 92%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6f4d2d;
}

.brand h1 {
    margin: 0;
    color: #c79a63;
    letter-spacing: 8px;
    font-size: 30px;
}

.brand span {
    font-size: 10px;
    letter-spacing: 5px;
    color: #aaa;
}

nav {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

nav a {
    color: #ddd;
    text-decoration: none;
    font-size: 14px;
}

nav a:hover {
    color: #c79a63;
}

nav a[href="/suppliers"],
nav a[href="/careers"] {
    color: #d6b086;
}

.hero {
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 20px;
}

.hero-content {
    max-width: 850px;
}

.gold-text {
    color: #c79a63;
    letter-spacing: 5px;
}

.hero h2 {
    font-family: var(--font-body);
    font-weight: 400;
    letter-spacing: 0;
}

.hero p {
    color: #ccc;
    font-size: 18px;
    line-height: 1.9;
}

.hero-buttons {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.primary-btn,
.secondary-btn {
    display: inline-block;
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
}

.primary-btn {
    background: #c79a63;
    color: #111;
}

.secondary-btn {
    border: 1px solid #c79a63;
    color: #c79a63;
}
.brand-logo {
    display: block;
    width: 225px;
    height: 122px;
    flex-shrink: 0;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (max-width: 600px) {
    .main-header {
        width: 90%;
        padding: 12px 0 15px;
        flex-direction: column;
        gap: 8px;
    }

    .brand-logo {
        width: 180px;
        height: 108px;
    }

    nav {
        justify-content: center;
        gap: 9px 15px;
    }

    nav a {
        font-size: 13px;
    }

    nav a[href="/suppliers"],
    nav a[href="/careers"] {
        padding: 5px 9px;
        border: 1px solid rgba(214, 165, 111, .28);
        border-radius: 999px;
        background: rgba(214, 165, 111, .06);
    }
}

/* Homepage cascade lock: keeps the cinematic layout above legacy hero rules. */
.home-body .hero.home-hero {
    position: relative;
    display: flex;
    min-height: 100svh;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 150px 8% 90px;
    background: #080808;
    isolation: isolate;
}

.home-body .hero.home-hero .home-hero-content {
    position: relative;
    z-index: 2;
    width: min(620px, 48%);
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
    text-align: right;
    backdrop-filter: none;
}

.home-body .hero.home-hero h1 {
    max-width: 590px;
    margin: 18px 0 20px;
    color: #e5b379;
    font-size: clamp(48px, 5.5vw, 82px);
    font-weight: 500;
    line-height: 1.15;
}

@media (max-width: 980px) {
    .home-body .hero.home-hero {
        align-items: flex-end;
        justify-content: center;
        padding: 150px 7% 100px;
    }

    .home-body .hero.home-hero .home-hero-content {
        width: 100%;
        max-width: 660px;
        margin: 0 auto;
        text-align: center;
    }

    .home-body .hero.home-hero h1 {
        max-width: none;
        font-size: clamp(44px, 10vw, 68px);
    }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero {
        min-height: 100svh;
        padding: 138px 22px 58px;
    }

    .home-body .hero.home-hero h1 {
        margin: 14px 0 18px;
        font-size: clamp(43px, 13vw, 60px);
        line-height: 1.18;
    }
}

/* ===== VANTA MOBILE NAVIGATION ===== */
.mobile-nav-toggle {
    display: none;
}

@media (max-width: 700px) {
    .main-header {
        width: 100%;
        min-height: 78px;
        box-sizing: border-box;
        padding: 8px 18px;
        flex-direction: row;
        gap: 0;
        position: relative;
        z-index: 100;
        background: rgba(10, 10, 10, .98);
    }

    .brand-logo {
        width: 132px;
        height: 70px;
    }

    .mobile-nav-toggle {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        padding: 0;
        border: 1px solid rgba(214, 165, 111, .55);
        border-radius: 50%;
        background: rgba(214, 165, 111, .06);
        color: #d6a56f;
        font-size: 0;
    }

    .mobile-nav-toggle::before {
        content: "☰";
        font-size: 23px;
        line-height: 1;
    }

    .main-header.nav-open .mobile-nav-toggle::before {
        content: "×";
        font-size: 31px;
    }

    .main-header nav {
        position: absolute;
        top: calc(100% + 1px);
        right: 12px;
        left: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 12px;
        border: 1px solid rgba(214, 165, 111, .38);
        border-radius: 0 0 18px 18px;
        background: rgba(10, 10, 10, .98);
        box-shadow: 0 22px 55px rgba(0, 0, 0, .65);
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: .22s ease;
    }

    .main-header.nav-open nav {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .main-header nav a,
    .main-header nav a[href="/suppliers"],
    .main-header nav a[href="/careers"] {
        display: grid;
        place-items: center;
        min-height: 46px;
        padding: 5px 8px;
        border: 0;
        border-bottom: 1px solid rgba(214, 165, 111, .13);
        border-radius: 0;
        background: transparent;
        color: #e7ded4;
        font-size: 14px;
        text-align: center;
    }

    .main-header nav a:nth-last-child(-n+2) {
        border-bottom: 0;
    }
}

/* ===== VANTA RECEPTION DASHBOARD ===== */

.reception-page {
    width: 94%;
    max-width: 1450px;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 58px 0 100px;
}

.reception-heading {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 36px;
}

.reception-heading h1 {
    margin: 10px 0;
    color: #d6a56f;
    font-size: 40px;
    font-weight: 400;
}

.reception-heading div > p:last-child {
    margin: 0;
    color: #aaa;
}

.new-booking-btn {
    display: inline-block;
    padding: 13px 22px;
    border-radius: 10px;
    background: #d6a56f;
    color: #111;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.reception-stats {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 26px;
}

.stat-card {
    min-width: 0;
    box-sizing: border-box;
    padding: 23px 24px;
    border: 1px solid #403326;
    border-radius: 16px;
    background: linear-gradient(145deg, #171717, #0d0d0d);
}

.stat-card span {
    display: block;
    color: #aaa;
    font-size: 14px;
}

.stat-card strong {
    display: block;
    margin-top: 8px;
    color: #fff;
    font-size: 31px;
    font-weight: 500;
}

.stat-new { border-color: rgba(214, 165, 111, 0.62); }
.stat-active { border-color: rgba(116, 152, 185, 0.5); }
.stat-complete { border-color: rgba(82, 147, 103, 0.55); }
.stat-cancelled { border-color: rgba(163, 75, 75, 0.58); }
.status-overview{margin-bottom:26px;padding:24px 25px;border:1px solid #403326;border-radius:18px;background:linear-gradient(145deg,#111,#0a0a0a)}
.status-overview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.status-overview-heading h2{margin:5px 0 0;color:#fff;font-size:21px}.completion-rate{text-align:left}.completion-rate strong{display:block;color:#d6a56f;font-size:27px}.completion-rate span{color:#999;font-size:13px}
.status-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.status-flow-item{min-width:0;padding:14px;border:1px solid #30271f;border-radius:12px;background:#131313}.status-flow-item>span{color:#aaa;font-size:13px}.status-flow-item>strong{display:block;margin:5px 0 10px;color:#fff;font-size:22px}.status-flow-track{height:3px;overflow:hidden;border-radius:99px;background:#28231f}.status-flow-track i{display:block;height:100%;border-radius:inherit;background:#d6a56f}.status-flow-item.is-complete{border-color:rgba(82,147,103,.45)}.status-flow-item.is-complete .status-flow-track i{background:#57996c}.status-flow-item.is-cancelled{border-color:rgba(163,75,75,.45)}.status-flow-item.is-cancelled .status-flow-track i{background:#a34b4b}.status-overview-note{margin:17px 0 0;color:#83796f;font-size:13px}.requests-table tr.booking-cancelled{background:rgba(122,31,31,.09)}.requests-table tr.booking-complete{background:rgba(46,98,61,.07)}

.requests-panel {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #403326;
    border-radius: 18px;
    background: #0d0d0d;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
}

.requests-panel-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 25px;
    border-bottom: 1px solid #30271f;
}

.requests-panel-title h2 {
    margin: 0;
    color: #fff;
    font-size: 21px;
}

.requests-panel-title span {
    color: #d6a56f;
}

.requests-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.requests-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.requests-table th,
.requests-table td {
    padding: 18px 20px;
    text-align: right;
    vertical-align: middle;
    border-bottom: 1px solid #28221c;
}

.requests-table th {
    color: #b9b9b9;
    background: #121212;
    font-size: 13px;
    font-weight: 500;
}

.requests-table tbody tr:hover {
    background: rgba(214, 165, 111, 0.035);
}

.requests-table td strong,
.requests-table td span,
.requests-table td small,
.requests-table td > a {
    display: block;
}

.requests-table td > a {
    margin-top: 5px;
    color: #d6a56f;
    text-decoration: none;
}

.requests-table td small,
.requests-table td span {
    margin-top: 4px;
    color: #969696;
}

.service-pill {
    display: inline-block !important;
    width: fit-content;
    margin: 0 !important;
    padding: 7px 10px;
    border: 1px solid #4d3928;
    border-radius: 999px;
    color: #d6a56f !important;
    background: rgba(214, 165, 111, 0.07);
    white-space: nowrap;
}

.notes-text {
    max-width: 260px;
    line-height: 1.7;
}

.status-form {
    display: flex;
    align-items: center;
    gap: 9px;
}

.status-form select {
    min-width: 145px;
    margin: 0;
    padding: 10px 11px;
    border-color: #4d3928;
    background: #171717;
}

.status-form button {
    width: auto;
    padding: 10px 13px;
    border-radius: 8px;
    background: #d6a56f;
    color: #111;
}

.delete-booking-form {
    margin-top: 9px;
}

.delete-booking-form button {
    width: auto;
    padding: 9px 15px;
    border: 1px solid rgba(211, 92, 92, 0.65);
    border-radius: 8px;
    background: rgba(122, 31, 31, 0.2);
    color: #f1b0b0;
    cursor: pointer;
}

.delete-booking-form button:hover {
    background: rgba(154, 39, 39, 0.42);
    border-color: #d35c5c;
}

.empty-requests {
    padding: 70px 25px;
    text-align: center;
}

.empty-requests h3 {
    margin: 0 0 10px;
    color: #d6a56f;
    font-size: 24px;
}

.empty-requests p {
    color: #999;
}

.empty-requests a {
    display: inline-block;
    margin-top: 12px;
    color: #d6a56f;
}

@media (max-width: 900px) {
    .reception-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .status-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 600px) {
    .reception-page {
        width: 90%;
        padding: 42px 0 75px;
    }

    .reception-heading {
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 28px;
    }

    .reception-heading h1 {
        font-size: 31px;
    }

    .new-booking-btn {
        text-align: center;
    }

    .reception-stats {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .stat-card {
        padding: 18px 16px;
    }

    .stat-card strong {
        font-size: 26px;
    }
    .status-overview{padding:20px 17px}.status-overview-heading{align-items:flex-start;flex-direction:column}.completion-rate{text-align:right}

    .requests-table {
        min-width: 0;
    }

    .requests-table thead {
        display: none;
    }

    .requests-table,
    .requests-table tbody,
    .requests-table tr,
    .requests-table td {
        display: block;
        width: auto;
    }

    .requests-table tr {
        padding: 14px 18px;
        border-bottom: 1px solid #34291f;
    }

    .requests-table td {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 12px;
        padding: 10px 0;
        border: 0;
    }

    .requests-table td::before {
        content: attr(data-label);
        color: #d6a56f;
        font-size: 13px;
    }

    .status-form {
        align-items: stretch;
        flex-direction: column;
    }

    .status-form select,
    .status-form button {
        width: 100%;
    }

    .delete-booking-form button {
        width: 100%;
    }
}

/* ===== VANTA BOOKING PAGE ===== */

.booking-page {
    width: 92%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 65px 0 100px;
}

.booking-intro {
    max-width: 720px;
    margin: 0 auto 38px;
    text-align: center;
}

.booking-intro h1 {
    color: #d6a56f;
    font-size: 40px;
    font-weight: 400;
    margin: 12px 0;
}

.booking-intro > p:last-child {
    color: #bdbdbd;
    line-height: 1.9;
}

.booking-card {
    padding: 46px;
    border: 1px solid rgba(214, 165, 111, 0.58);
    border-radius: 22px;
    background:
        radial-gradient(circle at 85% 0%, rgba(214, 165, 111, 0.08), transparent 34%),
        linear-gradient(145deg, #111111, #080808);
    box-shadow:
        0 28px 80px rgba(0, 0, 0, 0.52),
        inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.booking-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 24px;
}

.form-field label {
    margin-bottom: 11px;
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 600;
}

.form-field input,
.form-field select,
.form-field textarea {
    margin: 0;
    min-height: 56px;
    padding: 16px 17px;
    border: 1px solid #5a432e;
    border-radius: 12px;
    background: #181818;
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field textarea {
    min-height: 125px;
    resize: vertical;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
    color: #9c9c9c;
    opacity: 1;
}

.form-field select {
    cursor: pointer;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    outline: none;
    border-color: #d6a56f;
    box-shadow: 0 0 0 3px rgba(214, 165, 111, 0.12);
}

.form-field-wide,
.booking-submit {
    grid-column: 1 / -1;
}

.booking-submit {
    min-height: 56px;
    margin-top: 7px;
    padding: 16px;
    background: #d6a56f;
    color: #111;
    font-family: var(--font-body);
    font-size: 17px;
    font-weight: 600;
    box-shadow: 0 10px 30px rgba(214, 165, 111, 0.16);
}

.success-message {
    margin: 0 0 24px;
}

.back-to-services {
    display: table;
    margin: 24px auto 0;
    color: #d6a56f;
    text-decoration: none;
}

@media (max-width: 600px) {
    .booking-page {
        padding: 45px 0 75px;
    }

    .booking-intro h1 {
        font-size: 31px;
    }

    .booking-card {
        padding: 28px 22px;
    }

    .booking-form {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .form-field-wide,
    .booking-submit {
        grid-column: auto;
    }
}
.hero h2 {
    color: #d6a56f;
    font-size: 46px;
    font-weight: 400;
    line-height: 1.4;
}

.hero p {
    font-weight: 300;
}

.gold-text {
    color: #d6a56f;
    font-weight: 500;
    letter-spacing: 5px;
}
/* ===== VANTA SERVICES PAGE ===== */

.services-page {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 70px 0 100px;
}

.section-heading {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.section-heading h1 {
    color: #d6a56f;
    font-size: 42px;
    font-weight: 400;
    margin: 12px 0;
}

.section-heading p {
    color: #bdbdbd;
    line-height: 1.9;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.service-card {
    background: linear-gradient(145deg, #181818, #101010);
    border: 1px solid #4d3928;
    border-radius: 14px;
    padding: 30px;
    min-height: 250px;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);
    border-color: #d6a56f;
}

.service-card h2 {
    color: #d6a56f;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 0 0 8px;
}

.service-card h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 15px;
}

.service-card p {
    color: #aaa;
    line-height: 1.8;
}

.service-card a {
    display: inline-block;
    margin-top: 18px;
    color: #d6a56f;
    text-decoration: none;
    border-bottom: 1px solid #d6a56f;
    padding-bottom: 3px;
}

@media (max-width: 900px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .services-grid {
        grid-template-columns: 1fr;
    }

    .section-heading h1 {
        font-size: 32px;
    }
}
/* ===== VANTA OPENING GIFTS ===== */

.gifts-page {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 70px 0 100px;
}

.gifts-hero {
    max-width: 800px;
    margin: 0 auto 70px;
    text-align: center;
}

.gifts-hero h1 {
    color: #d6a56f;
    font-size: 46px;
    font-weight: 400;
    margin: 15px 0 20px;
}

.gifts-intro {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 2;
    max-width: 650px;
    margin: 0 auto 30px;
}

.gift-main-btn {
    display: inline-block;
    background: #d6a56f;
    color: #111;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.gift-main-btn:hover {
    transform: translateY(-3px);
}

.gifts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.gift-card {
    position: relative;
    background: linear-gradient(145deg, #181818, #0e0e0e);
    border: 1px solid #4d3928;
    border-radius: 14px;
    padding: 35px 30px;
    min-height: 210px;
}

.gift-number {
    color: #d6a56f;
    font-size: 14px;
    letter-spacing: 3px;
}

.gift-card h2 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    margin: 20px 0 12px;
}

.gift-card p {
    color: #aaa;
    line-height: 1.9;
}

.gift-note {
    margin-top: 60px;
    padding: 35px;
    text-align: center;
    border-top: 1px solid #4d3928;
}

.gift-note h2 {
    color: #d6a56f;
    font-weight: 400;
}

.gift-note p {
    color: #999;
}

@media (max-width: 800px) {

    .gifts-grid {
        grid-template-columns: 1fr;
    }

    .gifts-hero h1 {
        font-size: 34px;
    }
}
/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT ORDER FLOW ===== */
.product-order-page{width:92%;max-width:1050px;margin:0 auto;padding:55px 0 100px}.product-order-summary{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:flex-end;overflow:hidden;padding:38px;border:1px solid rgba(214,165,111,.45);border-radius:20px;background-image:var(--order-image);background-size:cover;background-position:center top}.product-order-summary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(5,5,5,.98),rgba(5,5,5,.55),rgba(5,5,5,.1))}.product-order-summary h1{margin:8px 0 2px;color:#d6a56f;font-family:var(--font-latin);font-size:34px;direction:ltr;text-align:right}.product-order-summary h2{margin:0 0 9px;color:#fff}.product-order-summary div>p:last-child{max-width:650px;color:#ccc}.product-order-card{margin-top:24px;padding:42px;border:1px solid #403326;border-radius:20px;background:linear-gradient(145deg,#141414,#090909)}.product-order-heading h2{margin:0;color:#d6a56f;font-size:28px;font-weight:400}.product-order-heading p{color:#999}.product-order-form{display:grid;grid-template-columns:1fr 1fr 160px;gap:21px;margin-top:28px}.product-order-form label{color:#eee}.product-order-form input,.product-order-form textarea{min-height:54px;margin:8px 0 0;padding:15px;background:#181818;border-color:#59422e;font-size:16px}.product-order-form textarea{min-height:115px}.product-order-form .order-wide{grid-column:1/-1}.product-order-form button{min-height:54px;background:#d6a56f;color:#111;font-family:"Tajawal",sans-serif;font-size:16px}.product-order-back{display:table;margin:22px auto 0;color:#999;text-decoration:none}.product-orders-panel{margin-top:26px}
@media(max-width:700px){.product-order-page{width:90%;padding:42px 0 75px}.product-order-summary{min-height:390px;padding:27px 22px}.product-order-card{padding:30px 22px}.product-order-form{grid-template-columns:1fr}.product-order-form .order-wide{grid-column:auto}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT DETAIL PAGE ===== */
.product-detail-page{width:92%;max-width:1200px;margin:0 auto;padding:48px 0 100px}.product-back{display:inline-block;margin-bottom:24px;color:#a98a67;text-decoration:none}.product-detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:610px;overflow:hidden;border:1px solid rgba(214,165,111,.45);border-radius:22px;background:#0b0b0b}.product-detail-image{min-height:610px;background-size:cover;background-position:center top}.product-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:52px}.product-detail-copy h1{margin:11px 0 3px;color:#d6a56f;font-family:var(--font-latin);font-size:39px;font-weight:400;direction:ltr;text-align:right}.product-detail-copy h2{margin:0 0 20px;color:#fff;font-size:27px}.product-lead{color:#bbb;font-size:17px;line-height:1.9}.product-proof{margin-top:19px;padding:20px;border-right:3px solid #d6a56f;background:rgba(214,165,111,.07)}.product-proof strong{color:#d6a56f}.product-proof p{margin:7px 0 0;color:#aaa;line-height:1.8}.product-detail-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.product-detail-actions a{padding:13px 23px;border:1px solid #d6a56f;border-radius:9px;color:#d6a56f;text-decoration:none}.product-detail-actions a:first-child{background:#d6a56f;color:#111}.product-benefits{margin-top:65px}.product-benefits-heading{text-align:center}.product-benefits-heading h2{margin:8px 0 28px;color:#d6a56f;font-size:31px;font-weight:400}.product-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-benefits-grid article{padding:28px 25px;border:1px solid #403326;border-radius:16px;background:linear-gradient(145deg,#171717,#0b0b0b)}.product-benefits-grid span{color:#d6a56f;letter-spacing:3px}.product-benefits-grid p{margin:16px 0 0;color:#ddd;font-size:17px;line-height:1.8}.product-quality-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:38px 42px;border:1px solid rgba(214,165,111,.4);border-radius:18px;background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%)}.product-quality-note h2{margin:8px 0;color:#d6a56f;font-weight:400}.product-quality-note div>p:last-child{max-width:750px;margin:0;color:#999;line-height:1.8}.product-quality-note>a{padding:13px 22px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none;white-space:nowrap}
@media(max-width:800px){.product-detail-hero{grid-template-columns:1fr}.product-detail-image{min-height:520px}.product-benefits-grid{grid-template-columns:1fr}.product-quality-note{align-items:stretch;flex-direction:column;text-align:center}.product-quality-note>a{text-align:center}}
@media(max-width:600px){.product-detail-page{width:90%;padding:35px 0 75px}.product-detail-image{min-height:460px}.product-detail-copy{padding:32px 23px}.product-detail-copy h1{font-size:31px}.product-detail-copy h2{font-size:23px}.product-quality-note{padding:30px 22px}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== PRODUCT AD CARDS ===== */
.catalog-product-card{position:relative!important;isolation:isolate;min-height:470px;display:flex;align-items:flex-end;background-image:var(--product-image)!important;background-size:cover!important;background-position:center top!important}
.catalog-product-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(4,4,4,.99) 0%,rgba(4,4,4,.94) 34%,rgba(4,4,4,.48) 66%,rgba(4,4,4,.08) 100%)}
.catalog-product-image{display:none!important}.catalog-product-content{width:100%;padding:27px 23px 25px!important;box-sizing:border-box}.catalog-product-content>span{color:#c3a27c!important}.catalog-product-content h3{font-size:18px!important}.catalog-product-content p{color:#fff!important;font-size:18px!important;font-weight:500}.catalog-product-content small{display:block;min-height:66px;margin-top:10px;color:#b8b8b8;font-size:14px;line-height:1.65}.catalog-product-content a{display:inline-block;margin-top:15px;color:#d6a56f;text-decoration:none;border-bottom:1px solid #d6a56f;padding-bottom:3px}
@media(max-width:520px){.catalog-product-card{min-height:500px}.catalog-product-content small{min-height:0}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA PRODUCT CATALOG ===== */
.products-catalog-section{scroll-margin-top:25px}.catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.catalog-heading h2{margin:8px 0 0;color:#d6a56f;font-size:32px;font-weight:400}.catalog-heading>p{max-width:480px;margin:0;color:#999;line-height:1.8}.products-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalog-product-card{overflow:hidden;border:1px solid rgba(214,165,111,.38);border-radius:18px;background:linear-gradient(145deg,#171717,#0a0a0a);transition:.3s ease}.catalog-product-card:hover{transform:translateY(-5px);border-color:#d6a56f}.catalog-product-image{height:245px;overflow:hidden;background:#f2f2f2}.catalog-product-image img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .35s ease}.catalog-product-card:hover img{transform:scale(1.035)}.catalog-product-content{padding:21px 20px 23px}.catalog-product-content>span{color:#a98a67;font-size:12px}.catalog-product-content h3{margin:10px 0 7px;color:#d6a56f;font-size:17px;font-weight:500;letter-spacing:.5px;direction:ltr;text-align:right}.catalog-product-content p{margin:0;color:#e5e5e5;font-size:17px}.products-catalog-section+.products-note{margin-top:45px}
@media(max-width:1050px){.products-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.products-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.products-catalog{grid-template-columns:1fr}.catalog-product-image{height:290px}.catalog-heading h2{font-size:27px}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA ADMIN LOGIN ===== */
.admin-login-body{min-height:100vh;background:radial-gradient(circle at 50% 0%,#211a14,#0b0b0b 48%,#060606)}
.admin-login-page{width:90%;max-width:920px;min-height:100vh;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:55px 0;box-sizing:border-box}.admin-login-brand{text-align:center}.admin-login-brand img{width:270px;max-width:100%;height:auto}.admin-login-brand h1{margin:10px 0;color:#d6a56f;font-size:34px;font-weight:400}.admin-login-brand>p:last-child{color:#999;line-height:1.8}.admin-login-card{padding:38px;border:1px solid rgba(214,165,111,.48);border-radius:20px;background:linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px rgba(0,0,0,.45)}.admin-login-form label{margin:0 0 9px;color:#eee;font-weight:500}.admin-login-form input{min-height:54px;margin:0 0 21px;padding:15px 16px;border-color:#59422e;background:#181818;font-size:16px}.admin-login-form button{min-height:54px;background:#d6a56f;color:#111;font-family:"Tajawal",sans-serif;font-size:16px}.login-error{margin-bottom:20px;padding:13px 15px;border:1px solid #75453f;border-radius:10px;background:#2d1715;color:#f0b8b2}.admin-back-link{display:table;margin:22px auto 0;color:#aaa;text-decoration:none}.reception-actions{display:flex;align-items:center;gap:10px}.reception-actions form{margin:0}.logout-btn{width:auto;padding:13px 18px;border:1px solid #6f4d2d;background:transparent;color:#d6a56f;white-space:nowrap}
@media(max-width:700px){.admin-login-page{grid-template-columns:1fr;gap:20px;padding:40px 0 65px}.admin-login-brand img{width:200px}.admin-login-card{padding:30px 22px}.reception-actions{align-items:stretch;flex-direction:column}.logout-btn{width:100%}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA ABOUT PAGE ===== */
.about-page,.contact-page{width:92%;max-width:1250px;margin:0 auto;padding:65px 0 105px}
.about-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px;min-height:460px;padding:45px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.1),transparent 42%),#0c0c0c}
.about-copy h1{max-width:690px;margin:14px 0 18px;color:#d6a56f;font-size:44px;font-weight:400;line-height:1.5}.about-copy>p:last-of-type{color:#aaa;font-size:17px;line-height:2}.about-actions{display:flex;gap:13px;margin-top:28px;flex-wrap:wrap}.about-actions a{padding:13px 23px;border:1px solid #d6a56f;border-radius:9px;color:#d6a56f;text-decoration:none}.about-actions a:first-child{background:#d6a56f;color:#111}.about-mark{text-align:center}.about-mark img{width:min(100%,380px);height:auto;object-fit:contain}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}.about-values article{padding:28px 24px;border:1px solid #403326;border-radius:16px;background:linear-gradient(145deg,#171717,#0c0c0c)}.about-values span{color:#d6a56f;letter-spacing:3px;font-size:13px}.about-values h2{margin:18px 0 10px;color:#fff;font-size:23px}.about-values p{margin:0;color:#999;line-height:1.8}.about-statement{max-width:850px;margin:75px auto 0;text-align:center}.about-statement h2{margin:12px 0;color:#d6a56f;font-size:34px;font-weight:400}.about-statement>p:last-child{color:#aaa;line-height:1.9}
/* ===== VANTA CONTACT PAGE ===== */
.contact-heading{max-width:760px;margin:0 auto 48px;text-align:center}.contact-heading h1{margin:13px 0;color:#d6a56f;font-size:42px;font-weight:400}.contact-heading>p:last-child{color:#aaa;line-height:1.9}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-info{display:grid;gap:16px}.contact-method{padding:24px 26px;border:1px solid #403326;border-radius:16px;background:#0d0d0d}.contact-method span{float:left;color:#71583e;letter-spacing:2px}.contact-method p{margin:0 0 8px;color:#999}.contact-method a{color:#d6a56f;font-size:18px;text-decoration:none;word-break:break-word}.contact-card{display:flex;flex-direction:column;justify-content:center;padding:42px;border:1px solid rgba(214,165,111,.48);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 42%),linear-gradient(145deg,#171717,#090909)}.contact-card h2{margin:9px 0 12px;color:#fff;font-size:30px}.contact-card>p:not(.gold-text){color:#aaa;line-height:1.8}.contact-email-btn{display:inline-block;width:fit-content;margin-top:18px;padding:14px 24px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none}.contact-card small{margin-top:14px;color:#777}.contact-note{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:38px;padding:36px 40px;border:1px solid #403326;border-radius:18px;background:#0d0d0d}.contact-note h2{margin:8px 0;color:#d6a56f;font-weight:400}.contact-note div>p:last-child{margin:0;color:#999}.contact-note>a{padding:13px 25px;border-radius:9px;background:#d6a56f;color:#111;text-decoration:none;white-space:nowrap}
@media(max-width:900px){.about-hero{grid-template-columns:1fr}.about-mark{order:-1}.about-mark img{width:280px}.about-values{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}}
@media(max-width:600px){.about-page,.contact-page{width:90%;padding:48px 0 75px}.about-hero{padding:30px 22px}.about-copy h1{font-size:32px}.about-values{grid-template-columns:1fr}.about-statement h2{font-size:27px}.contact-heading h1{font-size:33px}.contact-card{padding:30px 22px}.contact-note{align-items:stretch;flex-direction:column;padding:30px 22px;text-align:center}.contact-note>a{text-align:center}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA PRODUCTS PAGE ===== */
.products-page { width:92%; max-width:1250px; margin:0 auto; padding:65px 0 105px; }
.products-hero { max-width:820px; margin:0 auto 58px; text-align:center; }
.products-hero h1 { margin:14px 0 18px; color:#d6a56f; font-size:44px; font-weight:400; }
.products-hero > p:last-of-type { max-width:680px; margin:0 auto; color:#bdbdbd; font-size:17px; line-height:1.9; }
.products-actions { display:flex; justify-content:center; gap:14px; margin-top:30px; flex-wrap:wrap; }
.product-primary-btn,.product-secondary-btn { display:inline-block; padding:13px 25px; border-radius:9px; text-decoration:none; }
.product-primary-btn { background:#d6a56f; color:#111; }
.product-secondary-btn { border:1px solid #d6a56f; color:#d6a56f; }
.product-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.product-category { position:relative; overflow:hidden; min-height:300px; padding:31px 28px; box-sizing:border-box; border:1px solid rgba(214,165,111,.4); border-radius:18px; background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 38%),linear-gradient(145deg,#181818,#0b0b0b); transition:.3s ease; }
.product-category:hover { transform:translateY(-5px); border-color:#d6a56f; }
.category-number { color:#d6a56f; font-size:13px; letter-spacing:3px; }
.category-icon { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:22px 0; border:1px solid #6f4d2d; border-radius:50%; color:#d6a56f; font-family:var(--font-latin); font-size:20px; }
.product-category h2 { margin:0 0 12px; color:#fff; font-size:24px; font-weight:400; }
.product-category p { margin:0; color:#aaa; line-height:1.85; }
.category-status { display:inline-block; margin-top:22px; color:#8e806f; font-size:13px; }
.products-note { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:42px; padding:38px 42px; border:1px solid rgba(214,165,111,.45); border-radius:18px; background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%); }
.products-note h2 { margin:8px 0 10px; color:#d6a56f; font-size:28px; font-weight:400; }
.products-note div > p:last-child { margin:0; color:#999; line-height:1.8; }
.products-note > a { padding:13px 24px; border-radius:9px; background:#d6a56f; color:#111; text-decoration:none; white-space:nowrap; }
@media(max-width:900px){.product-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.products-page{width:90%;padding:48px 0 75px}.products-hero h1{font-size:33px}.product-categories{grid-template-columns:1fr}.product-category{min-height:275px}.products-note{align-items:stretch;flex-direction:column;padding:30px 22px;text-align:center}.products-note>a{text-align:center}}

/* ===== VANTA HOME HERO BACKGROUND ===== */
/* ===== VANTA OPENING GIFTS ENHANCED ===== */
.gift-card { overflow:hidden; display:flex; flex-direction:column; min-height:275px; padding:34px 30px 30px; box-sizing:border-box; border-radius:18px; border-color:rgba(214,165,111,.42); background:radial-gradient(circle at 100% 0%,rgba(214,165,111,.12),transparent 38%),linear-gradient(145deg,#181818,#0b0b0b); transition:.3s ease; }
.gift-card:hover { transform:translateY(-5px); border-color:#d6a56f; }
.gift-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.gift-badge { padding:6px 10px; border:1px solid rgba(214,165,111,.35); border-radius:999px; color:#cfc0ae; background:rgba(214,165,111,.06); font-size:12px; }
.gift-card > p { margin:0; }
.gift-card > a { align-self:flex-start; margin-top:auto; padding-top:24px; color:#d6a56f; text-decoration:none; border-bottom:1px solid #d6a56f; }
.gift-steps { margin-top:75px; padding:48px 42px; border:1px solid #403326; border-radius:20px; background:#0d0d0d; }
.gift-steps-heading { margin-bottom:34px; text-align:center; }
.gift-steps-heading h2 { margin:10px 0 0; color:#fff; font-size:30px; font-weight:400; }
.gift-steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gift-steps-grid article { padding:24px; border-right:1px solid #3b2e23; }
.gift-steps-grid article:last-child { border-right:0; }
.gift-steps-grid span { color:#d6a56f; font-size:13px; letter-spacing:3px; }
.gift-steps-grid h3 { margin:14px 0 10px; color:#fff; font-size:20px; font-weight:500; }
.gift-steps-grid p { margin:0; color:#999; line-height:1.8; }
.gift-note { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:38px; padding:38px 42px; text-align:right; border:1px solid rgba(214,165,111,.45); border-radius:18px; background:linear-gradient(125deg,rgba(214,165,111,.09),#0d0d0d 55%); }
.gift-note h2 { margin:8px 0 10px; }
.gift-note p { max-width:700px; margin:0; line-height:1.8; }
@media (max-width:800px) { .gift-steps-grid{grid-template-columns:1fr}.gift-steps-grid article,.gift-steps-grid article:last-child{border-right:0;border-bottom:1px solid #3b2e23}.gift-steps-grid article:last-child{border-bottom:0}.gift-note{align-items:stretch;flex-direction:column;text-align:center} }
@media (max-width:600px) { .gifts-page{width:90%;padding:48px 0 75px}.gift-card{min-height:250px}.gift-steps,.gift-note{padding:30px 22px}.gift-steps-heading h2{font-size:25px} }

/* Opening draw */
.draw-page{width:min(1080px,90%);margin:auto;padding:62px 0 90px}.draw-hero{text-align:center}.draw-hero h1,.draw-success h1{margin:12px 0 14px;color:#d6a56f;font-size:clamp(34px,5vw,56px);font-weight:400}.draw-hero>p:last-of-type{max-width:680px;margin:0 auto;color:#aaa;font-size:18px;line-height:1.9}.draw-progress{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:42px auto 32px;border:1px solid #3b3026;border-radius:16px;overflow:hidden;background:#0b0b0b}.draw-progress span{padding:18px;color:#777;border-left:1px solid #30271f}.draw-progress span:last-child{border-left:0}.draw-progress span.active{color:#f0d3b2;background:rgba(214,165,111,.1)}.draw-progress b{display:block;margin-bottom:5px;color:#d6a56f;font-size:12px;letter-spacing:2px}.draw-form{max-width:930px;margin:auto}.draw-step{display:none;padding:42px;border:1px solid rgba(214,165,111,.42);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(214,165,111,.09),transparent 34%),linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px rgba(0,0,0,.38)}.draw-step.active{display:block}.draw-step-heading{display:flex;align-items:center;gap:18px;margin-bottom:32px}.draw-step-heading>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid #9c6e44;border-radius:50%;color:#d6a56f}.draw-step-heading p{margin:0 0 4px;color:#a47a53;font-size:11px;letter-spacing:4px}.draw-step-heading h2{margin:0;color:#fff;font-size:30px;font-weight:400}.draw-fields{display:grid;gap:22px}.draw-fields.two-cols{grid-template-columns:repeat(2,1fr)}.draw-fields label{display:grid;gap:9px;color:#e8e1d8}.draw-fields input{width:100%;min-height:58px;padding:16px 17px;box-sizing:border-box;border:1px solid #57412e;border-radius:11px;background:#191919;color:#fff;font:16px Tajawal,sans-serif}.draw-fields input::placeholder{color:#777}.draw-choice-group{margin:30px 0 0;padding:0;border:0}.draw-choice-group legend{margin-bottom:14px;color:#eee;font-size:18px}.draw-choice-grid{display:grid;gap:12px}.draw-choice-grid.two{grid-template-columns:repeat(2,1fr)}.draw-choice-grid.services{grid-template-columns:repeat(3,1fr)}.draw-choice-grid.prizes{grid-template-columns:repeat(4,1fr)}.draw-choice-grid label{cursor:pointer}.draw-choice-grid input{position:absolute;opacity:0;pointer-events:none}.draw-choice-grid span{display:grid;place-items:center;min-height:56px;padding:10px;border:1px solid #493a2e;border-radius:12px;background:#141414;color:#bbb;text-align:center;transition:.2s}.draw-choice-grid input:checked+span{border-color:#d6a56f;background:rgba(214,165,111,.14);color:#f0d3b2;box-shadow:0 0 0 1px rgba(214,165,111,.2)}.draw-primary-btn,.draw-secondary-btn{display:inline-grid;place-items:center;min-height:55px;margin-top:32px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;text-decoration:none;cursor:pointer}.draw-primary-btn{border:1px solid #d6a56f;background:#d6a56f;color:#111}.draw-secondary-btn{border:1px solid #725234;background:transparent;color:#d6a56f}.draw-actions{display:flex;justify-content:space-between;gap:14px}.draw-consent{display:flex;align-items:flex-start;gap:12px;margin-top:30px;padding:16px;border:1px solid #3d332a;border-radius:12px;background:#101010;color:#aaa;line-height:1.7;cursor:pointer}.draw-consent input{width:18px;height:18px;margin-top:4px;accent-color:#d6a56f}.draw-error{max-width:900px;margin:0 auto 22px;padding:14px 18px;border:1px solid #7b463d;border-radius:12px;background:#2a1715;color:#efb5ac}.draw-privacy{max-width:850px;margin:18px auto 0;color:#777;font-size:13px;text-align:center}.draw-success{max-width:800px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #9a6b42;border-radius:24px;background:radial-gradient(circle at center,rgba(214,165,111,.13),transparent 58%),#0b0b0b}.draw-success-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.draw-success>p{color:#aaa;line-height:1.8}.registration-code{display:block;width:max-content;margin:26px auto;padding:15px 25px;border:1px dashed #d6a56f;border-radius:10px;color:#fff;font-size:26px;letter-spacing:3px;direction:ltr}.draw-entries-panel{margin-top:28px}.draw-entries-table{min-width:1050px}
@media(max-width:700px){.draw-page{width:92%;padding:44px 0 72px}.draw-progress span{padding:13px 5px;font-size:12px}.draw-step{padding:28px 20px}.draw-step-heading h2{font-size:25px}.draw-fields.two-cols,.draw-choice-grid.two,.draw-choice-grid.services,.draw-choice-grid.prizes{grid-template-columns:1fr}.draw-actions{align-items:stretch;flex-direction:column-reverse}.draw-actions button,.draw-step>.draw-primary-btn{width:100%}.draw-success{padding:42px 22px}.registration-code{font-size:22px}}
.field-hint{margin-top:-5px;color:#806d5b;font-size:12px;font-weight:400}.draw-fields input[list]{padding-left:42px;background-color:#191919;background-image:linear-gradient(45deg,transparent 50%,#d6a56f 50%),linear-gradient(135deg,#d6a56f 50%,transparent 50%);background-position:20px calc(50% - 3px),14px calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.supplier-page{width:min(1120px,90%);margin:auto;padding:60px 0 95px}.supplier-hero{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:50px;padding:45px 50px;border:1px solid #463528;border-radius:24px;background:radial-gradient(circle at 90% 20%,rgba(214,165,111,.15),transparent 32%),linear-gradient(135deg,#141414,#080808)}.supplier-hero h1{margin:12px 0;color:#d6a56f;font-size:clamp(38px,5vw,64px);font-weight:400}.supplier-hero>div>p:last-child{max-width:710px;color:#aaa;font-size:18px;line-height:1.9}.supplier-hero aside{display:grid;place-items:center;min-height:170px;border:1px solid rgba(214,165,111,.45);border-radius:50%;color:#aaa}.supplier-hero aside strong{color:#d6a56f;font-size:55px;font-weight:300}.supplier-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border:1px solid #362b22;border-radius:15px;overflow:hidden;background:#0b0b0b}.supplier-progress span{padding:16px;text-align:center;color:#666;border-left:1px solid #30261e}.supplier-progress span:last-child{border:0}.supplier-progress b{display:block;color:#9b704c;font-size:11px;letter-spacing:3px}.supplier-progress .active{color:#efd2b0;background:rgba(214,165,111,.1)}.supplier-step{display:none;padding:44px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:linear-gradient(145deg,#151515,#090909);box-shadow:0 28px 80px #0008}.supplier-step.active{display:block}.supplier-step>header{display:flex;align-items:center;gap:18px;margin-bottom:32px}.supplier-step>header>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #a57348;border-radius:50%;color:#d6a56f}.supplier-step header p{margin:0;color:#9e7552;font-size:11px;letter-spacing:4px}.supplier-step h2{margin:4px 0 0;color:#fff;font-size:30px;font-weight:400}.supplier-fields{display:grid;gap:21px}.supplier-fields.two{grid-template-columns:repeat(2,1fr)}.supplier-fields label,.wide-label,.supplier-value label{display:grid;gap:9px;color:#eee}.supplier-fields .full{grid-column:1/-1}.supplier-fields input,.supplier-fields select,.supplier-fields textarea,.wide-label textarea,.supplier-value textarea{width:100%;min-height:57px;padding:15px 16px;box-sizing:border-box;border:1px solid #55412f;border-radius:11px;background:#181818;color:#fff;font:16px Tajawal,sans-serif}.supplier-fields textarea,.wide-label textarea,.supplier-value textarea{min-height:115px;resize:vertical}.supplier-step fieldset{margin:0 0 28px;padding:0;border:0}.supplier-step legend{margin-bottom:13px;color:#eee;font-size:18px}.supplier-options{display:grid;gap:11px}.supplier-options.types{grid-template-columns:repeat(4,1fr)}.supplier-options.categories{grid-template-columns:repeat(3,1fr)}.supplier-options input{position:absolute;opacity:0}.supplier-options span{display:grid;place-items:center;min-height:55px;padding:9px;border:1px solid #47382c;border-radius:11px;background:#131313;color:#aaa;text-align:center;cursor:pointer}.supplier-options input:checked+span{border-color:#d6a56f;background:#2b2118;color:#f3d3af}.supplier-actions{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.supplier-primary,.supplier-back{display:inline-grid;place-items:center;min-height:55px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;text-decoration:none;cursor:pointer}.supplier-primary{border:1px solid #d6a56f;background:#d6a56f;color:#111}.supplier-back{border:1px solid #735233;background:transparent;color:#d6a56f}.supplier-step>.supplier-primary{margin-top:30px}.supplier-value{display:grid;gap:22px}.supplier-value textarea{min-height:145px}.supplier-consent{display:flex;gap:12px;margin-top:25px;padding:17px;border:1px solid #3f3328;border-radius:12px;color:#aaa;line-height:1.8;cursor:pointer}.supplier-consent input{width:19px;height:19px;accent-color:#d6a56f}.supplier-note{text-align:center;color:#777;font-size:13px}.supplier-success{max-width:780px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #a2734b;border-radius:25px;background:radial-gradient(circle,rgba(214,165,111,.13),transparent 60%),#0b0b0b}.supplier-success>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.supplier-success h1{color:#d6a56f;font-size:43px;font-weight:400}.supplier-success p,.supplier-success small{display:block;color:#aaa;line-height:1.8}.supplier-success strong{display:block;width:max-content;margin:25px auto;padding:14px 23px;border:1px dashed #d6a56f;border-radius:9px;color:#fff;font-size:25px;direction:ltr}.supplier-success .supplier-primary{margin-top:25px}.supplier-admin-panel{margin-top:28px}.supplier-table{min-width:1200px}
@media(max-width:750px){.supplier-page{width:92%;padding:42px 0 75px}.supplier-hero{grid-template-columns:1fr;padding:32px 23px;text-align:center}.supplier-hero aside{display:none}.supplier-progress span{padding:12px 3px;font-size:11px}.supplier-step{padding:29px 20px}.supplier-fields.two,.supplier-options.types,.supplier-options.categories{grid-template-columns:1fr}.supplier-fields .full{grid-column:auto}.supplier-actions{flex-direction:column-reverse}.supplier-actions button,.supplier-step>.supplier-primary{width:100%}.supplier-success{padding:42px 22px}.supplier-success h1{font-size:34px}}
.career-page{width:min(1120px,90%);margin:auto;padding:60px 0 95px}.career-hero{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:50px;padding:48px 52px;border:1px solid #49372a;border-radius:25px;background:radial-gradient(circle at 88% 28%,rgba(214,165,111,.18),transparent 28%),linear-gradient(135deg,#141414,#070707)}.career-hero h1{margin:10px 0;color:#d6a56f;font-size:clamp(42px,6vw,70px);font-weight:350}.career-hero>div>p:last-of-type{max-width:700px;color:#aaa;font-size:19px;line-height:1.9}.career-hero aside{display:grid;place-items:center;height:190px;border:1px solid #715035;border-radius:50%}.career-hero aside b{color:#d6a56f;font:80px Georgia}.career-hero aside span{color:#997251;letter-spacing:6px}.career-values{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.career-values span{padding:7px 14px;border:1px solid #49382c;border-radius:999px;color:#c5ad94}.career-progress{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0;border:1px solid #382b22;border-radius:15px;overflow:hidden}.career-progress span{padding:15px;text-align:center;color:#666;border-left:1px solid #30261e}.career-progress b{display:block;color:#9d724e;font-size:11px}.career-progress .active{color:#efd1ae;background:#21170f}.career-step{display:none;padding:44px;border:1px solid rgba(214,165,111,.4);border-radius:22px;background:linear-gradient(145deg,#151515,#080808)}.career-step.active{display:block}.career-step>header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.career-step>header>span{display:grid;place-items:center;width:55px;height:55px;border:1px solid #a4744a;border-radius:50%;color:#d6a56f}.career-step header p{margin:0;color:#9e7552;font-size:11px;letter-spacing:4px}.career-step h2{margin:4px 0 0;color:#fff;font-size:30px;font-weight:400}.career-fields{display:grid;gap:21px}.career-fields.two{grid-template-columns:repeat(2,1fr)}.career-fields label{display:grid;gap:9px;color:#eee}.career-fields .full{grid-column:1/-1}.career-fields input,.career-fields select,.career-fields textarea{width:100%;min-height:57px;padding:15px 16px;box-sizing:border-box;border:1px solid #55412f;border-radius:11px;background:#181818;color:#fff;font:16px Tajawal,sans-serif}.career-fields textarea{min-height:125px;resize:vertical}.career-step fieldset{margin:28px 0;padding:0;border:0}.career-step legend{margin-bottom:14px;color:#eee;font-size:18px}.career-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.career-options input{position:absolute;opacity:0}.career-options span{display:grid;place-items:center;min-height:55px;padding:9px;border:1px solid #46372b;border-radius:11px;background:#131313;color:#aaa;text-align:center;cursor:pointer}.career-options input:checked+span{border-color:#d6a56f;background:#2b2118;color:#f3d3af}.career-primary,.career-back{display:inline-grid;place-items:center;min-height:55px;padding:0 28px;border-radius:11px;font:16px Tajawal,sans-serif;cursor:pointer;text-decoration:none}.career-primary{border:1px solid #d6a56f;background:#d6a56f;color:#111}.career-back{border:1px solid #735233;background:transparent;color:#d6a56f}.career-step>.career-primary{margin-top:30px}.career-actions{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.career-consent{display:flex;gap:12px;margin-top:25px;padding:17px;border:1px solid #403329;border-radius:12px;color:#aaa;line-height:1.8}.career-consent input{width:19px;height:19px;accent-color:#d6a56f}.career-note{text-align:center;color:#777}.career-success{max-width:780px;margin:45px auto;padding:60px 45px;text-align:center;border:1px solid #a2734b;border-radius:25px;background:#0b0b0b}.career-success>span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border:1px solid #d6a56f;border-radius:50%;color:#d6a56f;font-size:34px}.career-success h1{color:#d6a56f;font-size:43px;font-weight:400}.career-success p,.career-success small{display:block;color:#aaa;line-height:1.8}.career-success strong{display:block;width:max-content;margin:24px auto;padding:14px 22px;border:1px dashed #d6a56f;border-radius:9px;color:#fff;font-size:24px;direction:ltr}.career-success .career-primary{margin-top:25px}.career-admin-panel{margin-top:28px}.career-table{min-width:1200px}
@media(max-width:750px){.career-page{width:92%;padding:42px 0 75px}.career-hero{grid-template-columns:1fr;padding:33px 23px;text-align:center}.career-hero aside{display:none}.career-values{justify-content:center}.career-progress span{padding:12px 3px;font-size:11px}.career-step{padding:29px 20px}.career-fields.two,.career-options{grid-template-columns:1fr}.career-fields .full{grid-column:auto}.career-actions{flex-direction:column-reverse}.career-actions button,.career-step>.career-primary{width:100%}.career-success{padding:42px 22px}}
.optional-field{margin-inline-start:5px;color:#816c59;font-size:12px;font-weight:400}.supplier-validation{min-height:20px;margin:18px 0 -10px;color:#e8a89e;font-size:13px}

/* ===== VANTA HOME HERO BACKGROUND ===== */

.hero {
    min-height: calc(100vh - 100px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 80px 8%;

    background-image:
        linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.92) 0%,
            rgba(0, 0, 0, 0.72) 35%,
            rgba(0, 0, 0, 0.20) 65%,
            rgba(0, 0, 0, 0.05) 100%
        );

    background-size: 90% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.hero-content {
    position: relative;
    z-index: 2;
    width: 46%;
    max-width: 620px;
}

/* الجوال */
@media (max-width: 900px) {
    .hero {
        min-height: calc(100svh - 79px);
        box-sizing: border-box;
        padding: 28px 18px;
        align-items: center;
        justify-content: center;

        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
    }

    .hero-content {
        width: 100%;
        max-width: 640px;
        box-sizing: border-box;
        padding: 24px 18px;
        background: rgba(0, 0, 0, 0.64);
        backdrop-filter: blur(4px);
        border-radius: 18px;
    }

    .hero .gold-text { margin-top: 0; font-size: 12px; letter-spacing: 4px; }
    .hero h2 { margin: 10px 0; font-size: clamp(30px, 9vw, 44px); line-height: 1.3; }
    .hero p { margin: 0; font-size: 16px; line-height: 1.8; }
    .hero-buttons { margin-top: 20px; gap: 10px; }
    .primary-btn, .secondary-btn { padding: 12px 18px; }
    }
.service-image {
    width: 100%;
    height: 300px;
    margin-bottom: 28px;

    border-radius: 18px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ppf-image {
    background-image: url("/static/images/services/ppf-hero.jfif");
}
.detailing-image { display:block; width:100%; height:300px; min-height:300px; margin-bottom:28px; border-radius:18px; background-image:url("/static/images/services/detailing-hero.jfif") !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }
.service-card .ppf-image {
    display: block;
    width: 100%;
    height: 300px;
    min-height: 300px;
    margin-bottom: 28px;
    border-radius: 18px;

    background-image: url("/static/images/services/ppf-hero.jfif") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
/* ===== PPF FEATURE CARD ===== */

.ppf-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background-image:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.72) 45%,
            rgba(0, 0, 0, 0.18) 100%
        ),
        url("/static/images/services/ppf-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ppf-card h2,
.ppf-card h3,
.ppf-card p,
.ppf-card a {
    position: relative;
    z-index: 2;
}
.service-card.ppf-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.70) 45%,
            rgba(0, 0, 0, 0.15) 100%
        ),
        url("/static/images/services/ppf-hero.jfif") center/cover no-repeat !important;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.tint-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/window-tint-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.polishing-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/polishing-hero.jfif");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.nano-card {
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95),
            rgba(0, 0, 0, 0.65),
            rgba(0, 0, 0, 0.15)
        ),
        url("/static/images/services/nano-ceramic-hero.png");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.premium-wash-card {
    position: relative;
    overflow: hidden;
    min-height: 420px;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.95) 0%,
            rgba(0, 0, 0, 0.68) 48%,
            rgba(0, 0, 0, 0.12) 100%
        ),
        url("/static/images/services/premium-wash-hero.png") center/cover no-repeat;

    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.premium-wash-card > * {
    position: relative;
    z-index: 1;
}


.service-card:has(.detailing-image) {
    position: relative;
    overflow: hidden;
}

.service-card .detailing-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    border-radius: 18px;
    background-image: url("/static/images/services/detailing-hero.jfif") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: 0;
}

.service-card:has(.detailing-image)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.20),
        rgba(0,0,0,0.72)
    );
    z-index: 1;
    pointer-events: none;
}

.service-card:has(.detailing-image) > *:not(.detailing-image) {
    position: relative;
    z-index: 2;
}

/* ===== UNIFIED SERVICE CARDS ===== */

.services-grid .service-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 440px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(214, 165, 111, 0.48);
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.services-grid .service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to top,
        rgba(5, 5, 5, 0.98) 0%,
        rgba(5, 5, 5, 0.86) 32%,
        rgba(5, 5, 5, 0.48) 64%,
        rgba(5, 5, 5, 0.16) 100%
    );
    pointer-events: none;
}

.services-grid .ppf-card {
    background-image: url("/static/images/services/ppf-hero.jfif") !important;
}

.services-grid .tint-card {
    background-image: url("/static/images/services/window-tint-hero.jfif") !important;
}

.services-grid .nano-card {
    background-image: url("/static/images/services/nano-ceramic-hero.png") !important;
}

.services-grid .polishing-card {
    background-image: url("/static/images/services/polishing-hero.jfif") !important;
}

.services-grid .detailing-card {
    background-image: url("/static/images/services/detailing-hero.jfif") !important;
}

.services-grid .premium-wash-card {
    background-image: url("/static/images/services/premium-wash-hero.png") !important;
}

.services-grid .service-card > *:not(.service-image) {
    position: relative;
    z-index: 2;
}

.services-grid .service-card h2 {
    min-height: 25px;
    margin: 0 0 8px;
}

.services-grid .service-card h3 {
    min-height: 34px;
    margin: 0 0 12px;
}

.services-grid .service-card p {
    min-height: 78px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
}

.services-grid .service-card a {
    align-self: flex-start;
    margin-top: 18px;
}

.detailing-card .detailing-image {
    display: none;
}

.services-grid .service-card.detailing-card::after {
    display: none;
}

@media (max-width: 600px) {
    .services-grid .service-card {
        min-height: 360px;
        padding: 24px;
        background-position: center;
    }

    .services-grid .service-card::before {
        background: linear-gradient(
            to top,
            rgba(5, 5, 5, 0.98) 0%,
            rgba(5, 5, 5, 0.82) 42%,
            rgba(5, 5, 5, 0.22) 100%
        );
    }

    .services-grid .service-card h2,
    .services-grid .service-card h3,
    .services-grid .service-card p {
        min-height: 0;
    }
}

/* Final homepage cascade lock. */
.home-body .hero.home-hero {
    position: relative;
    display: flex;
    min-height: 100svh;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 150px 8% 90px;
    background: #080808;
    isolation: isolate;
}

.home-body .hero.home-hero .home-hero-content {
    position: relative;
    z-index: 2;
    width: min(620px, 48%);
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
    text-align: right;
    backdrop-filter: none;
}

.home-body .hero.home-hero h1 {
    max-width: 590px;
    margin: 18px 0 20px;
    color: #e5b379;
    font-size: clamp(48px, 5.5vw, 82px);
    font-weight: 500;
    line-height: 1.15;
}

@media (max-width: 980px) {
    .home-body .hero.home-hero {
        align-items: flex-end;
        justify-content: center;
        padding: 150px 7% 100px;
    }

    .home-body .hero.home-hero .home-hero-content {
        width: 100%;
        max-width: 660px;
        margin: 0 auto;
        text-align: center;
    }

    .home-body .hero.home-hero h1 {
        max-width: none;
        font-size: clamp(44px, 10vw, 68px);
    }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero {
        min-height: 100svh;
        padding: 138px 22px 58px;
    }

    .home-body .hero.home-hero h1 {
        margin: 14px 0 18px;
        font-size: clamp(43px, 13vw, 60px);
        line-height: 1.18;
    }
}

/* ===== DD2027 VANTA CINEMATIC TUNING ===== */
.home-body .home-hero-visual {
    inset: 0;
    background-color: #050505;
    filter: none;
    transform: none;
}

.home-body.home-ready .home-hero-visual {
    animation: none;
}

.home-hero-video {
    width: 88%;
    height: 100%;
    margin-inline: auto;
    object-fit: contain;
    object-position: center center;
    filter: brightness(0.62) contrast(1.12) saturate(0.72) sepia(0.10);
    transform: scale(0.94);
}

.home-hero-shade {
    background:
        radial-gradient(circle at 68% 45%, rgba(196, 132, 68, 0.10), transparent 38%),
        linear-gradient(90deg, rgba(4, 4, 4, 0.96) 0%, rgba(4, 4, 4, 0.74) 38%, rgba(4, 4, 4, 0.30) 70%, rgba(4, 4, 4, 0.58) 100%),
        linear-gradient(0deg, rgba(3, 3, 3, 0.82) 0%, transparent 42%);
}

@media (max-width: 980px) {
    .home-hero-video {
        width: 94%;
        transform: scale(0.92);
    }

    .home-hero-shade {
        background:
            linear-gradient(0deg, rgba(4, 4, 4, 0.96) 0%, rgba(4, 4, 4, 0.62) 48%, rgba(4, 4, 4, 0.24) 78%),
            radial-gradient(circle at 50% 36%, rgba(196, 132, 68, 0.09), transparent 44%);
    }
}

@media (max-width: 700px) {
    .home-hero-video {
        width: 100%;
        object-fit: cover;
        object-position: center center;
        transform: scale(0.91);
        filter: brightness(0.58) contrast(1.10) saturate(0.70) sepia(0.10);
    }
}

/* ===== DD2027 REFERENCE FULLSCREEN SIZE ===== */
.home-body .home-hero-visual {
    inset: 0;
    width: 100%;
    height: 100%;
    transform: none;
}

.home-body.home-ready .home-hero-visual {
    animation: none;
}

.home-hero-video {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center center;
    transform: none;
    filter: brightness(0.66) contrast(1.10) saturate(0.76) sepia(0.08);
}

@media (max-width: 980px) {
    .home-hero-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        transform: none;
    }
}

@media (max-width: 700px) {
    .home-hero-video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% center;
        transform: none;
    }
}

/* ===== VANTA SEAMLESS HERO TRANSITION ===== */
.home-body .hero.home-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: 1;
    height: clamp(150px, 22vh, 260px);
    pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(9, 9, 9, 0) 0%,
        rgba(9, 9, 9, 0.28) 30%,
        rgba(9, 9, 9, 0.72) 68%,
        #090909 100%
    );
}

.home-signature {
    border-top: 0;
    box-shadow: none;
}

.home-signature::before {
    content: "";
    position: absolute;
    right: 0;
    top: -2px;
    left: 0;
    height: 90px;
    pointer-events: none;
    background: linear-gradient(to bottom, #090909 0%, rgba(9, 9, 9, 0) 100%);
}

@media (max-width: 700px) {
    .home-body .hero.home-hero::after {
        height: 190px;
    }
}

/* ===== VANTA HOME TYPOGRAPHY ===== */
.home-body,
.home-body button,
.home-body .primary-btn,
.home-body .secondary-btn {
    font-family: var(--font-display);
}

.home-body .main-header nav a,
.home-body .home-kicker,
.home-body .home-hero-copy,
.home-body .home-section-heading span,
.home-body .home-service-tile p {
    font-family: var(--font-display);
}

.home-body .home-hero h1 {
    font-family: var(--font-display);
    font-weight: 300;
    letter-spacing: -0.035em;
    line-height: 1.30;
}

.home-body .home-section-heading h2,
.home-body .home-service-tile h3,
.home-body .home-promise h3,
.home-body .home-final-cta h2 {
    font-family: var(--font-display);
    font-weight: 400;
    letter-spacing: -0.025em;
}

.home-body .home-eyebrow,
.home-body .home-section-heading > p,
.home-body .home-service-tile small,
.home-body .home-service-number {
    font-family: var(--font-latin);
    font-weight: 500;
}

@media (max-width: 700px) {
    .home-body .home-hero h1 {
        letter-spacing: -0.045em;
        line-height: 1.32;
    }
}
/* ===== VANTA ENGINEERING STAGE 1 ===== */
.home-body .hero.home-hero {
    --vanta-gold: var(--gold-muted);
    --vanta-gold-soft: rgba(211, 160, 100, 0.42);
}

.vanta-engineering-layer {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    background-image:
        linear-gradient(rgba(213, 166, 108, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(213, 166, 108, 0.035) 1px, transparent 1px);
    background-size: clamp(54px, 6vw, 92px) clamp(54px, 6vw, 92px);
    mask-image: linear-gradient(to bottom, transparent 3%, #000 20%, #000 76%, transparent 97%);
}

.home-body.home-ready .vanta-engineering-layer {
    animation: vantaGridReveal 1.5s 0.35s ease forwards;
}

.vanta-axis {
    position: absolute;
    display: block;
    background: linear-gradient(90deg, transparent, var(--vanta-gold-soft), transparent);
    transform-origin: center;
}

.vanta-axis--horizontal {
    top: 50%;
    right: 4%;
    left: 4%;
    height: 1px;
    transform: scaleX(0);
}

.vanta-axis--vertical {
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 1px;
    background: linear-gradient(transparent, var(--vanta-gold-soft), transparent);
    transform: scaleY(0);
}

.home-body.home-ready .vanta-axis--horizontal { animation: vantaAxisX 1.35s 0.75s ease forwards; }
.home-body.home-ready .vanta-axis--vertical { animation: vantaAxisY 1.35s 0.75s ease forwards; }

.vanta-vmark {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 1px;
    height: min(31vw, 410px);
    background: linear-gradient(to bottom, transparent, rgba(214, 164, 105, 0.32), transparent);
    transform-origin: top center;
}

.vanta-vmark--left { transform: rotate(-24deg) scaleY(0); }
.vanta-vmark--right { transform: rotate(24deg) scaleY(0); }
.home-body.home-ready .vanta-vmark--left { animation: vantaVLeft 1.45s 0.9s ease forwards; }
.home-body.home-ready .vanta-vmark--right { animation: vantaVRight 1.45s 0.9s ease forwards; }

.vanta-coordinate {
    position: absolute;
    color: rgba(255, 255, 255, 0.42);
    font: 500 9px/1 "Montserrat", var(--font-latin);
    letter-spacing: 0.28em;
    direction: ltr;
}

.vanta-coordinate--top { top: 20%; left: 4%; }
.vanta-coordinate--bottom { right: 4%; bottom: 13%; }

.vanta-progress {
    position: absolute;
    top: 50%;
    right: 2.2%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.45);
    font: 500 9px/1 "Montserrat", var(--font-latin);
    letter-spacing: 0.16em;
    transform: translateY(-50%);
}

.vanta-progress-track {
    position: relative;
    width: 1px;
    height: 112px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.16);
}

.vanta-progress-track i {
    position: absolute;
    inset: 0 0 auto;
    height: var(--vanta-progress, 25%);
    background: linear-gradient(to bottom, #f0c58f, #ae7440);
    box-shadow: 0 0 12px rgba(211, 160, 100, 0.4);
    transition: height 0.25s ease;
}

.home-body.home-ready .home-hero-content > * {
    opacity: 0;
    transform: translateY(18px);
    animation: vantaLineReveal 0.75s cubic-bezier(.2, .75, .25, 1) forwards;
}

.home-body.home-ready .home-hero-content > :nth-child(1) { animation-delay: 0.62s; }
.home-body.home-ready .home-hero-content > :nth-child(2) { animation-delay: 0.73s; }
.home-body.home-ready .home-hero-content > :nth-child(3) { animation-delay: 0.84s; }
.home-body.home-ready .home-hero-content > :nth-child(4) { animation-delay: 0.97s; }
.home-body.home-ready .home-hero-content > :nth-child(5) { animation-delay: 1.10s; }

@keyframes vantaGridReveal { to { opacity: 0.72; } }
@keyframes vantaAxisX { to { transform: scaleX(1); } }
@keyframes vantaAxisY { to { transform: scaleY(1); } }
@keyframes vantaVLeft { to { transform: rotate(-24deg) scaleY(1); } }
@keyframes vantaVRight { to { transform: rotate(24deg) scaleY(1); } }
@keyframes vantaLineReveal { to { opacity: 1; transform: none; } }

@media (max-width: 980px) {
    .vanta-engineering-layer { opacity: 0; background-size: 62px 62px; }
    .vanta-coordinate--top { top: 19%; left: 22px; }
    .vanta-coordinate--bottom { right: 22px; bottom: 9%; }
    .vanta-progress { display: none; }
}

@media (max-width: 700px) {
    .vanta-engineering-layer { mask-image: linear-gradient(to bottom, transparent 7%, #000 22%, #000 75%, transparent 98%); }
    .vanta-vmark { top: 18%; height: 52vw; }
    .vanta-coordinate { font-size: 7px; letter-spacing: 0.2em; }
    .vanta-coordinate--top { top: 18%; }
    .vanta-coordinate--bottom { bottom: 7%; }
}

@media (prefers-reduced-motion: reduce) {
    .vanta-engineering-layer { opacity: 0.55; animation: none !important; }
    .vanta-axis--horizontal { transform: scaleX(1); animation: none !important; }
    .vanta-axis--vertical { transform: scaleY(1); animation: none !important; }
    .vanta-vmark--left { transform: rotate(-24deg) scaleY(1); animation: none !important; }
    .vanta-vmark--right { transform: rotate(24deg) scaleY(1); animation: none !important; }
    .home-body.home-ready .home-hero-content > * { opacity: 1; transform: none; animation: none !important; }
}
/* ===== VANTA CINEMATIC INTERACTIVE HERO V2 ===== */
.home-body .hero.home-hero {
    --pointer-x: 0;
    --pointer-y: 0;
    --hero-progress: 0;
    --hero-ease: 0;
    min-height: 108svh;
    perspective: 1200px;
    transform-style: preserve-3d;
}

/* Disable the discarded technical-grid concept even if an old cache remains. */
.vanta-engineering-layer,
.vanta-progress { display: none !important; }

.home-body .home-hero-visual {
    transform:
        translate3d(
            calc(var(--pointer-x) * -7px),
            calc((var(--pointer-y) * -5px) + (var(--hero-progress) * 26px)),
            0
        )
        scale(calc(1.035 + (var(--hero-progress) * 0.035)));
    transform-origin: 55% 48%;
    transition: filter 0.5s ease;
    will-change: transform, filter;
}

.home-body.home-ready .home-hero-visual { animation: none; }

.home-hero-video {
    transform: scale(1.018);
    transition: filter 0.7s ease;
    will-change: transform, filter;
}

.home-body .hero.home-hero:hover .home-hero-video {
    filter: brightness(0.70) contrast(1.13) saturate(0.80) sepia(0.07);
}

.vanta-cinematic-fx {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}

.vanta-cinematic-light {
    position: absolute;
    top: calc((50% + (var(--pointer-y) * 23%)) - 34vw);
    left: calc((50% + (var(--pointer-x) * 25%)) - 34vw);
    width: min(68vw, 900px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(225, 173, 111, 0.13) 0%,
        rgba(189, 124, 64, 0.055) 28%,
        transparent 67%
    );
    mix-blend-mode: screen;
    opacity: calc(0.36 + ((1 - var(--hero-progress)) * 0.34));
    filter: blur(12px);
    transition: opacity 0.4s ease;
}

.vanta-cinematic-frame {
    position: absolute;
    inset: clamp(108px, 11vh, 142px) clamp(22px, 3.3vw, 54px) clamp(36px, 6vh, 74px);
    border: 1px solid rgba(231, 187, 132, 0.11);
    clip-path: polygon(0 0, 72px 0, 72px 1px, 1px 1px, 1px 72px, 0 72px, 0 0, 100% 0, 100% 72px, calc(100% - 1px) 72px, calc(100% - 1px) 1px, calc(100% - 72px) 1px, calc(100% - 72px) 0, 100% 0, 100% 100%, calc(100% - 72px) 100%, calc(100% - 72px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 72px), 100% calc(100% - 72px), 100% 100%, 0 100%, 0 calc(100% - 72px), 1px calc(100% - 72px), 1px calc(100% - 1px), 72px calc(100% - 1px), 72px 100%, 0 100%);
    opacity: calc(0.7 - (var(--hero-progress) * 0.45));
}

.vanta-cinematic-grain {
    position: absolute;
    inset: -50%;
    opacity: 0.028;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
    animation: vantaGrain 0.24s steps(2) infinite;
}

.home-body .hero.home-hero .home-hero-content {
    transform:
        translate3d(
            calc(var(--pointer-x) * 5px),
            calc((var(--pointer-y) * 3px) + (var(--hero-progress) * -34px)),
            38px
        );
    opacity: calc(1 - (var(--hero-progress) * 1.25));
    will-change: transform, opacity;
}

.home-body.home-ready .home-hero-content { animation: none; opacity: 1; }

.home-body.home-ready .home-hero-content > * {
    opacity: 0;
    transform: translateY(28px);
    clip-path: inset(0 0 100% 0);
    animation: vantaCinematicReveal 0.95s cubic-bezier(.16,.8,.2,1) forwards;
}

.home-body.home-ready .home-hero-content > :nth-child(1) { animation-delay: 0.30s; }
.home-body.home-ready .home-hero-content > :nth-child(2) { animation-delay: 0.42s; }
.home-body.home-ready .home-hero-content > :nth-child(3) { animation-delay: 0.54s; }
.home-body.home-ready .home-hero-content > :nth-child(4) { animation-delay: 0.68s; }
.home-body.home-ready .home-hero-content > :nth-child(5) { animation-delay: 0.82s; }

.home-body .hero.home-hero h1 {
    font-size: clamp(46px, 4.75vw, 72px);
    font-weight: 300;
    line-height: 1.24;
    text-wrap: balance;
}

.home-body .hero-buttons a {
    --magnet-x: 0px;
    --magnet-y: 0px;
    transform: translate3d(var(--magnet-x), var(--magnet-y), 0);
    transition: transform 0.22s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    will-change: transform;
}

.home-body .hero-buttons .primary-btn:hover {
    box-shadow: 0 18px 42px rgba(197, 137, 73, 0.22), inset 0 0 0 1px rgba(255,255,255,0.18);
}

.home-scroll-cue {
    opacity: calc(1 - (var(--hero-progress) * 2));
    transform: translate3d(-50%, calc(var(--hero-progress) * -18px), 0);
}

@keyframes vantaCinematicReveal {
    0% { opacity: 0; transform: translateY(28px); clip-path: inset(0 0 100% 0); }
    100% { opacity: 1; transform: none; clip-path: inset(0 0 0 0); }
}

@keyframes vantaGrain {
    0% { transform: translate3d(-2%, 1%, 0); }
    25% { transform: translate3d(1%, -2%, 0); }
    50% { transform: translate3d(2%, 2%, 0); }
    75% { transform: translate3d(-1%, -1%, 0); }
    100% { transform: translate3d(0, 2%, 0); }
}

@media (max-width: 980px) {
    .home-body .hero.home-hero { min-height: 104svh; }
    .vanta-cinematic-light {
        top: 8%;
        left: -28%;
        width: 112vw;
        opacity: 0.32;
    }
    .home-body .hero.home-hero .home-hero-content {
        transform: translate3d(0, calc(var(--hero-progress) * -22px), 24px);
    }
    .home-body .hero.home-hero h1 { font-size: clamp(42px, 8.7vw, 62px); }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero { min-height: 100svh; }
    .vanta-cinematic-frame { inset: 122px 14px 18px; opacity: 0.42; }
    .vanta-cinematic-grain { opacity: 0.018; animation-duration: 0.38s; }
    .home-body .hero.home-hero h1 {
        max-width: 350px;
        margin-inline: auto;
        font-size: clamp(40px, 11.5vw, 50px);
        line-height: 1.28;
    }
    .home-body .hero-buttons a { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .vanta-cinematic-grain { animation: none; }
    .home-body .home-hero-visual,
    .home-body .hero.home-hero .home-hero-content { transform: none; }
    .home-body.home-ready .home-hero-content > * {
        opacity: 1;
        transform: none;
        clip-path: none;
        animation: none;
    }
}
/* ===== VANTA SCROLL STORY REBUILD V3 ===== */
.home-body .hero.home-hero.vanta-scroll-story {
    --story-progress: 0;
    --intro-opacity: 1;
    --protect-opacity: 0;
    --enhance-opacity: 0;
    --refine-opacity: 0;
    position: relative;
    display: block;
    width: 100%;
    min-height: 340svh;
    padding: 0;
    overflow: visible;
    background: #050505;
    perspective: none;
}

.vanta-scroll-story .vanta-story-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
    isolation: isolate;
    background: #050505;
}

.vanta-scroll-story .home-hero-visual {
    position: absolute;
    inset: 0;
    z-index: -4;
    width: 100%;
    height: 100%;
    transform:
        translate3d(calc(var(--pointer-x, 0) * -5px), calc(var(--story-progress) * 3.5vh), 0)
        scale(calc(1.025 + (var(--story-progress) * 0.12)));
    transform-origin: 54% 50%;
    filter: brightness(calc(0.66 - (var(--story-progress) * 0.08))) contrast(1.12) saturate(0.76) sepia(0.07);
    will-change: transform, filter;
}

.vanta-scroll-story .home-hero-video {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center;
    transform: none;
    filter: none;
}

.vanta-scroll-story .home-hero-shade {
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(90deg, rgba(4,4,4,.91), rgba(4,4,4,.45) 43%, rgba(4,4,4,.15) 70%, rgba(4,4,4,.48)),
        linear-gradient(0deg, #050505 0%, transparent 27%, rgba(4,4,4,.18) 76%, rgba(4,4,4,.72) 100%);
}

.vanta-cinematic-fx,
.vanta-engineering-layer,
.vanta-progress { display: none !important; }

.vanta-story-ambient {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
}

.vanta-story-light {
    position: absolute;
    top: calc(42% + (var(--pointer-y, 0) * 16%));
    left: calc(58% + (var(--pointer-x, 0) * 14%));
    width: min(72vw, 940px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(220,160,96,.13), rgba(175,105,49,.045) 32%, transparent 67%);
    mix-blend-mode: screen;
    filter: blur(18px);
    transform: translate(-50%, -50%);
}

.vanta-story-vignette {
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 14vw rgba(0,0,0,.68);
}

.vanta-story-grain {
    position: absolute;
    inset: -45%;
    opacity: .024;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    animation: vantaStoryGrain .3s steps(2) infinite;
}

.vanta-scroll-story .vanta-story-intro,
.vanta-scroll-story .home-hero-content {
    position: absolute;
    top: 50%;
    right: 8%;
    z-index: 4;
    width: min(600px, 48%);
    padding: 0;
    margin: 0;
    opacity: var(--intro-opacity);
    transform: translate3d(0, calc(-50% - ((1 - var(--intro-opacity)) * 46px)), 0);
    text-align: right;
    pointer-events: auto;
    will-change: opacity, transform;
}

.vanta-scroll-story .home-hero-content > * {
    opacity: 1;
    clip-path: none;
    animation: none;
}

.vanta-scroll-story .home-hero h1,
.vanta-scroll-story h1 {
    max-width: 570px;
    margin: 16px 0 18px;
    color: #e7b77e;
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 300;
    line-height: 1.22;
    letter-spacing: -.04em;
    text-wrap: balance;
}

.vanta-story-scenes {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
}

.vanta-story-scene {
    position: absolute;
    top: 50%;
    left: 8%;
    width: min(470px, 38%);
    padding-left: 28px;
    border-left: 1px solid rgba(221,169,108,.48);
    text-align: left;
    direction: rtl;
    transform: translate3d(0, calc(-50% + 48px), 0);
    opacity: 0;
    filter: blur(9px);
    will-change: opacity, transform, filter;
}

.vanta-story-scene--protect { opacity: var(--protect-opacity); transform: translate3d(0, calc(-50% + ((1 - var(--protect-opacity)) * 48px)), 0); filter: blur(calc((1 - var(--protect-opacity)) * 9px)); }
.vanta-story-scene--enhance { opacity: var(--enhance-opacity); transform: translate3d(0, calc(-50% + ((1 - var(--enhance-opacity)) * 48px)), 0); filter: blur(calc((1 - var(--enhance-opacity)) * 9px)); }
.vanta-story-scene--refine { opacity: var(--refine-opacity); transform: translate3d(0, calc(-50% + ((1 - var(--refine-opacity)) * 48px)), 0); filter: blur(calc((1 - var(--refine-opacity)) * 9px)); }

.vanta-story-scene span {
    display: block;
    margin-bottom: 14px;
    color: #d5a064;
    font: 500 11px/1 "Montserrat", var(--font-latin);
    letter-spacing: .28em;
    direction: ltr;
}

.vanta-story-scene h2 {
    margin: 0;
    color: #efd0ab;
    font-family: var(--font-display);
    font-size: clamp(54px, 7vw, 108px);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.055em;
}

.vanta-story-scene p {
    max-width: 430px;
    margin: 22px 0 0;
    color: rgba(255,255,255,.72);
    font-family: var(--font-display);
    font-size: clamp(16px, 1.45vw, 20px);
    line-height: 1.85;
}

.vanta-story-meter {
    position: absolute;
    top: 50%;
    right: 2.6%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: rgba(255,255,255,.46);
    font: 500 9px/1 "Montserrat", var(--font-latin);
    transform: translateY(-50%);
}

.vanta-story-meter b { color: var(--gold-muted); font-size: 12px; font-weight: 500; }
.vanta-story-meter em { font-style: normal; }
.vanta-story-meter span { position: relative; width: 1px; height: 150px; background: rgba(255,255,255,.16); overflow: hidden; }
.vanta-story-meter i { position: absolute; inset: 0 0 auto; height: calc(var(--story-progress) * 100%); background: linear-gradient(#efc28b,#9e6331); box-shadow: 0 0 12px rgba(211,160,100,.35); }

.vanta-scroll-story .home-scroll-cue {
    bottom: 24px;
    opacity: calc(1 - (var(--story-progress) * 4));
}

.vanta-scroll-story::after {
    height: 34vh;
    background: linear-gradient(to bottom, transparent, #090909 94%);
}

.home-signature { margin-top: -2px; }

@keyframes vantaStoryGrain {
    0% { transform: translate(-2%,1%); }
    50% { transform: translate(2%,-1%); }
    100% { transform: translate(0,2%); }
}

@media (max-width: 980px) {
    .home-body .hero.home-hero.vanta-scroll-story { min-height: 285svh; }
    .vanta-scroll-story .vanta-story-sticky { min-height: 580px; }
    .vanta-scroll-story .home-hero-shade {
        background: linear-gradient(0deg, #050505 0%, rgba(5,5,5,.76) 35%, rgba(5,5,5,.24) 72%, rgba(5,5,5,.58) 100%);
    }
    .vanta-scroll-story .vanta-story-intro,
    .vanta-scroll-story .home-hero-content {
        top: auto;
        right: 22px;
        bottom: 8%;
        left: 22px;
        width: auto;
        max-width: 660px;
        margin: 0 auto;
        text-align: center;
        transform: translate3d(0, calc((1 - var(--intro-opacity)) * -34px), 0);
    }
    .vanta-scroll-story .home-hero h1,
    .vanta-scroll-story h1 { max-width: 620px; margin-inline: auto; font-size: clamp(43px, 9vw, 66px); }
    .vanta-story-scene {
        top: auto;
        right: 24px;
        bottom: 11%;
        left: 24px;
        width: auto;
        max-width: 620px;
        padding: 0;
        border: 0;
        margin: 0 auto;
        text-align: center;
        transform: translate3d(0, calc((1 - var(--protect-opacity)) * 40px), 0);
    }
    .vanta-story-scene--enhance { transform: translate3d(0, calc((1 - var(--enhance-opacity)) * 40px), 0); }
    .vanta-story-scene--refine { transform: translate3d(0, calc((1 - var(--refine-opacity)) * 40px), 0); }
    .vanta-story-scene p { margin-inline: auto; }
    .vanta-story-meter { right: 12px; }
    .vanta-story-meter span { height: 108px; }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero.vanta-scroll-story { min-height: 255svh; }
    .vanta-scroll-story .vanta-story-sticky { height: 100svh; min-height: 0; }
    .vanta-scroll-story .home-hero-visual { transform: scale(calc(1.02 + (var(--story-progress) * .07))); transform-origin: 52% 45%; }
    .vanta-scroll-story .home-hero-video { object-position: center 46%; }
    .vanta-scroll-story .vanta-story-intro,
    .vanta-scroll-story .home-hero-content { right: 18px; bottom: 7%; left: 18px; }
    .vanta-scroll-story .home-hero h1,
    .vanta-scroll-story h1 { max-width: 350px; font-size: clamp(39px, 11.5vw, 50px); line-height: 1.27; }
    .vanta-scroll-story .home-hero-copy { font-size: 15px; line-height: 1.72; }
    .vanta-story-scene { right: 22px; bottom: 12%; left: 22px; }
    .vanta-story-scene h2 { font-size: clamp(58px, 20vw, 84px); }
    .vanta-story-scene p { font-size: 15px; line-height: 1.75; }
    .vanta-story-meter { display: none; }
    .vanta-scroll-story .home-scroll-cue { display: none; }
    .vanta-story-grain { opacity: .015; animation-duration: .45s; }
}

@media (prefers-reduced-motion: reduce) {
    .home-body .hero.home-hero.vanta-scroll-story { min-height: 100svh; }
    .vanta-scroll-story .vanta-story-sticky { position: relative; }
    .vanta-scroll-story .home-hero-visual { transform: none; }
    .vanta-story-scenes, .vanta-story-meter { display: none; }
    .vanta-story-grain { animation: none; }
}
/* ===== VANTA SCROLL STORY LAYOUT FIX V4 ===== */
.home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky {
    position: sticky !important;
    top: 0 !important;
}

.home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky > .vanta-story-intro {
    position: absolute !important;
    top: 50% !important;
    right: 7% !important;
    bottom: auto !important;
    left: auto !important;
    display: block !important;
    width: min(580px, 44vw) !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: var(--intro-opacity) !important;
    transform: translate3d(0, calc(-50% - ((1 - var(--intro-opacity)) * 38px)), 0) !important;
    text-align: right !important;
}

.home-body .vanta-scroll-story .vanta-story-intro h1 {
    width: 100% !important;
    max-width: 560px !important;
    margin: 14px 0 16px !important;
    font-size: clamp(48px, 4.7vw, 70px) !important;
    line-height: 1.18 !important;
}

.home-body .vanta-scroll-story .vanta-story-intro .hero-buttons {
    width: auto !important;
    max-width: 470px !important;
    margin: 26px 0 0 auto !important;
}

.home-body .vanta-scroll-story .vanta-story-scenes > .vanta-story-scene {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 7% !important;
    width: min(470px, 38vw) !important;
    margin: 0 !important;
}

@media (max-width: 980px) {
    .home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky > .vanta-story-intro {
        top: 52% !important;
        right: 28px !important;
        bottom: auto !important;
        left: 28px !important;
        width: auto !important;
        max-width: 650px !important;
        margin: 0 auto !important;
        transform: translate3d(0, calc(-50% - ((1 - var(--intro-opacity)) * 30px)), 0) !important;
        text-align: center !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .hero-buttons {
        margin-inline: auto !important;
    }
    .home-body .vanta-scroll-story .vanta-story-scenes > .vanta-story-scene {
        top: auto !important;
        right: 24px !important;
        bottom: 12% !important;
        left: 24px !important;
        width: auto !important;
        max-width: 620px !important;
        margin-inline: auto !important;
    }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky > .vanta-story-intro {
        top: clamp(108px, 17svh, 132px) !important;
        right: 18px !important;
        bottom: auto !important;
        left: 18px !important;
        width: auto !important;
        transform: translate3d(0, calc((1 - var(--intro-opacity)) * -24px), 0) !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .home-eyebrow {
        margin-bottom: 7px !important;
        font-size: 12px !important;
        letter-spacing: .24em !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .home-kicker {
        margin-bottom: 8px !important;
        font-size: 13px !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro h1 {
        max-width: 360px !important;
        margin: 8px auto 12px !important;
        font-size: clamp(39px, 10.8vw, 48px) !important;
        line-height: 1.18 !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .home-hero-copy {
        max-width: 380px !important;
        margin: 0 auto !important;
        font-size: 14px !important;
        line-height: 1.62 !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .hero-buttons {
        width: 100% !important;
        max-width: 390px !important;
        margin: 20px auto 0 !important;
        gap: 10px !important;
    }
    .home-body .vanta-scroll-story .vanta-story-intro .hero-buttons a {
        min-height: 54px !important;
        padding: 12px 15px !important;
        font-size: 15px !important;
    }
    .home-body .vanta-scroll-story .vanta-story-scenes > .vanta-story-scene {
        right: 24px !important;
        bottom: 14% !important;
        left: 24px !important;
    }
    .home-body .vanta-scroll-story .vanta-story-scene h2 {
        font-size: clamp(48px, 16vw, 68px) !important;
        line-height: 1.05 !important;
    }
}
/* ===== VANTA SCROLL STORY FLOW OPTIMIZATION V5 ===== */
.home-body .hero.home-hero.vanta-scroll-story {
    min-height: 245svh;
}

.home-body .vanta-scroll-story .home-scroll-cue {
    display: flex;
    bottom: 18px;
    gap: 7px;
    color: rgba(255,255,255,.78);
    font-size: 11px;
    letter-spacing: .12em;
    pointer-events: none;
}

.home-body .vanta-scroll-story .home-scroll-cue i {
    height: 27px;
    animation-duration: 1.35s;
}

@media (max-width: 980px) {
    .home-body .hero.home-hero.vanta-scroll-story {
        min-height: 220svh;
    }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero.vanta-scroll-story {
        min-height: 202svh;
    }

    .home-body .vanta-scroll-story .home-scroll-cue {
        display: flex !important;
        bottom: 12px;
        font-size: 10px;
        opacity: calc(1 - (var(--story-progress) * 7));
    }

    .home-body .vanta-scroll-story .home-scroll-cue i {
        height: 20px;
    }

    .home-body .vanta-scroll-story .vanta-story-grain {
        opacity: .008;
        animation: none;
    }

    .home-body .vanta-scroll-story .home-hero-visual {
        transform: scale(calc(1.015 + (var(--story-progress) * .04)));
    }
}
/* ===== VANTA AUTOPLAY CINEMATIC STORY V6 ===== */
.home-body .hero.home-hero.vanta-scroll-story {
    min-height: 100svh !important;
    height: 100svh;
}

.home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky {
    position: relative !important;
    top: auto !important;
    height: 100svh;
    min-height: 620px;
}

.home-body .vanta-scroll-story .home-scroll-cue,
.home-body .vanta-scroll-story .vanta-story-meter {
    display: none !important;
}

.home-body .vanta-scroll-story .home-hero-video {
    will-change: auto;
}

.home-body .vanta-scroll-story .vanta-story-scene,
.home-body .vanta-scroll-story .vanta-story-intro {
    transition: opacity .35s linear, transform .55s cubic-bezier(.2,.75,.25,1);
}

@media (max-width: 700px) {
    .home-body .hero.home-hero.vanta-scroll-story,
    .home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky {
        height: 100svh;
        min-height: 640px !important;
    }

    .home-body .vanta-scroll-story .home-hero-visual {
        transform: scale(1.025);
    }
}
/* ===== VANTA FIXED SIGNATURE HEADLINE V7 ===== */
.home-body .vanta-scroll-story .vanta-story-intro {
    opacity: 1 !important;
    width: min(600px, 46vw) !important;
    padding: 34px 38px 36px !important;
    border-right: 1px solid rgba(215,162,102,.62);
    background: linear-gradient(270deg, rgba(5,5,5,.62), rgba(5,5,5,.22) 66%, transparent);
    backdrop-filter: blur(2px);
}

.home-body .vanta-scroll-story .vanta-story-intro h1 {
    max-width: 540px !important;
    margin: 15px 0 17px !important;
    color: #e4b37b !important;
    font-family: var(--font-display) !important;
    font-size: clamp(44px, 4.1vw, 64px) !important;
    font-weight: 300 !important;
    line-height: 1.28 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
    text-shadow: 0 12px 36px rgba(0,0,0,.72);
}

.home-body .vanta-scroll-story .vanta-story-intro .home-kicker {
    font-family: var(--font-display);
    font-weight: 300;
    letter-spacing: .02em;
}

.home-body .vanta-scroll-story .vanta-story-intro .home-hero-copy {
    max-width: 520px;
    color: rgba(255,255,255,.76);
    font-family: var(--font-display);
    font-weight: 300;
    line-height: 1.9;
}

@media (min-width: 901px) {
    .home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky > .vanta-story-intro {
        right: 5.5% !important;
    }
}

@media (max-width: 900px) {
    .home-body .vanta-scroll-story .vanta-story-intro {
        width: auto !important;
        padding: 24px 25px 28px !important;
        border-right: 0;
        border-top: 1px solid rgba(215,162,102,.38);
        background: linear-gradient(0deg, rgba(4,4,4,.68), rgba(4,4,4,.24) 72%, transparent);
    }
}

@media (max-width: 700px) {
    .home-body .hero.home-hero.vanta-scroll-story > .vanta-story-sticky > .vanta-story-intro {
        top: 106px !important;
        right: 16px !important;
        left: 16px !important;
        padding: 19px 16px 21px !important;
    }

    .home-body .vanta-scroll-story .vanta-story-intro h1 {
        max-width: 390px !important;
        margin: 8px auto 10px !important;
        font-size: clamp(36px, 10.2vw, 46px) !important;
        line-height: 1.25 !important;
        letter-spacing: -.055em !important;
    }

    .home-body .vanta-scroll-story.is-story-detail-hidden .vanta-story-intro .home-eyebrow,
    .home-body .vanta-scroll-story.is-story-detail-hidden .vanta-story-intro .home-kicker,
    .home-body .vanta-scroll-story.is-story-detail-hidden .vanta-story-intro .home-hero-copy,
    .home-body .vanta-scroll-story.is-story-detail-hidden .vanta-story-intro .hero-buttons {
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .6s ease, visibility .6s ease;
    }

    .home-body .vanta-scroll-story.is-story-detail-hidden .vanta-story-intro {
        padding-top: 13px !important;
        padding-bottom: 14px !important;
        background: linear-gradient(90deg, transparent, rgba(4,4,4,.55), transparent);
        border-top-color: rgba(215,162,102,.24);
    }
}
/* ===== VANTA HEADLINE TYPOGRAPHY FIX V8 ===== */
.home-body .vanta-scroll-story .vanta-story-intro,
.home-body .vanta-scroll-story .vanta-story-intro h1 {
    overflow: visible !important;
    clip-path: none !important;
}

.home-body .vanta-scroll-story .vanta-story-intro h1 {
    padding: .04em 0 .20em !important;
    font-family: var(--font-body) !important;
    font-weight: 300 !important;
    line-height: 1.42 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

@media (max-width: 700px) {
    .home-body .vanta-scroll-story .vanta-story-intro h1 {
        padding-bottom: .22em !important;
        font-size: clamp(35px, 9.8vw, 44px) !important;
        line-height: 1.38 !important;
        letter-spacing: -.025em !important;
    }
}
/* ===== VANTA DESKTOP SCENE POLISH V9 ===== */
@media (min-width: 901px) {
    .home-body .vanta-scroll-story .vanta-story-scene {
        left: 4.5%;
        width: min(360px, 29vw);
        padding-left: 18px;
        border-left-color: rgba(221,169,108,.28);
        filter: none !important;
        transition: opacity .6s ease, transform .75s cubic-bezier(.2,.75,.25,1);
    }

    .home-body .vanta-scroll-story .vanta-story-scene--protect {
        opacity: calc(var(--protect-opacity) * .76);
    }

    .home-body .vanta-scroll-story .vanta-story-scene--enhance {
        opacity: calc(var(--enhance-opacity) * .76);
    }

    .home-body .vanta-scroll-story .vanta-story-scene--refine {
        opacity: calc(var(--refine-opacity) * .76);
    }

    .home-body .vanta-scroll-story .vanta-story-scene h2 {
        font-size: clamp(48px, 4.7vw, 72px);
        line-height: 1.12;
        letter-spacing: -.035em;
        text-shadow: 0 12px 30px rgba(0,0,0,.72);
    }

    .home-body .vanta-scroll-story .vanta-story-scene p {
        max-width: 340px;
        margin-top: 15px;
        font-size: clamp(14px, 1.08vw, 17px);
        line-height: 1.75;
        color: rgba(255,255,255,.64);
    }
}
/* ===== VANTA SIGNATURE SERVICES PHASE 2 V10 ===== */
.home-body .home-signature {
    position: relative;
    z-index: 2;
    margin-top: -1px;
    padding: 92px 5.5% 76px;
    overflow: clip;
    background:
        radial-gradient(ellipse at 50% -12%, rgba(183,120,63,.11), transparent 37%),
        linear-gradient(180deg, #070707 0%, #090909 26%, #080808 100%);
}

.home-body .home-signature::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 170px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(7,7,7,.46) 42%, #070707 100%);
}

.home-body .home-signature::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(720px, 72vw);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(216,162,99,.58), transparent);
    opacity: .58;
}

.home-body .home-section-heading {
    max-width: 680px;
    margin-bottom: 42px;
}

.home-body .home-section-heading > p {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: .28em;
}

.home-body .home-section-heading h2 {
    margin-bottom: 13px;
    font-family: var(--font-body);
    font-size: clamp(34px, 3.45vw, 49px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.025em;
}

.home-body .home-section-heading span {
    font-size: clamp(15px, 1.25vw, 17px);
    line-height: 1.8;
}

.home-body .home-service-showcase {
    max-width: 1240px;
    gap: 16px;
}

.home-body .home-service-tile {
    min-height: clamp(400px, 31vw, 460px);
    padding: 27px;
    border-color: rgba(208,151,93,.3);
    border-radius: 8px;
    box-shadow: 0 22px 58px rgba(0,0,0,.2);
    transition: transform .55s cubic-bezier(.2,.75,.2,1), border-color .4s ease, box-shadow .4s ease;
}

.home-body .home-service-tile::before {
    background: linear-gradient(0deg, rgba(3,3,3,.97) 0%, rgba(3,3,3,.7) 38%, rgba(3,3,3,.12) 74%);
}

.home-body .home-service-tile:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 68px rgba(0,0,0,.34);
}

.home-body .home-service-number {
    top: 19px;
    left: 20px;
    font-size: 11px;
    color: rgba(255,255,255,.48);
}

.home-body .home-service-tile small {
    font-size: 10px;
    letter-spacing: .19em;
}

.home-body .home-service-tile h3 {
    margin: 8px 0 9px;
    font-family: var(--font-body);
    font-size: clamp(24px, 2vw, 28px);
    font-weight: 500;
    line-height: 1.4;
}

.home-body .home-service-tile p {
    min-height: 58px;
    font-size: 15px;
    line-height: 1.7;
}

.home-body .home-service-tile b {
    margin-top: 16px;
    padding-bottom: 5px;
    font-size: 14px;
}

.home-body .home-all-services {
    margin-top: 34px;
    padding: 12px 27px;
    border-radius: 999px;
    font-size: 14px;
}

@media (max-width: 900px) {
    .home-body .home-signature {
        padding-top: 76px;
    }

    .home-body .home-service-showcase {
        max-width: 650px;
    }

    .home-body .home-service-tile {
        min-height: 420px;
    }
}

@media (max-width: 700px) {
    .home-body .home-signature {
        padding: 66px 18px 58px;
        overflow: hidden;
    }

    .home-body .home-signature::before {
        height: 125px;
    }

    .home-body .home-section-heading {
        margin-bottom: 29px;
    }

    .home-body .home-section-heading > p {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: .24em;
    }

    .home-body .home-section-heading h2 {
        margin-bottom: 9px;
        font-size: clamp(29px, 8.6vw, 36px);
        line-height: 1.42;
    }

    .home-body .home-section-heading span {
        display: block;
        max-width: 330px;
        margin-inline: auto;
        font-size: 14px;
        line-height: 1.7;
    }

    .home-body .home-service-showcase {
        display: flex;
        max-width: none;
        margin-inline: -18px;
        padding: 0 18px 12px;
        gap: 12px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .home-body .home-service-showcase::-webkit-scrollbar {
        display: none;
    }

    .home-body .home-service-tile {
        flex: 0 0 min(82vw, 330px);
        min-height: 388px;
        padding: 23px;
        scroll-snap-align: center;
        box-shadow: 0 17px 42px rgba(0,0,0,.22);
    }

    .home-body .home-service-tile h3 {
        font-size: 25px;
    }

    .home-body .home-service-tile p {
        min-height: 0;
        font-size: 14px;
        line-height: 1.65;
    }

    .home-body .home-all-services {
        margin-top: 22px;
        min-height: 46px;
        padding: 11px 24px;
    }
}

@media (hover: none) {
    .home-body .home-service-tile:hover {
        transform: none;
    }
}
/* ===== VANTA SIGNATURE SERVICES FINAL FIT V11 ===== */
.home-body .home-section-heading {
    position: relative;
    z-index: 3;
    isolation: isolate;
}

.home-body .home-section-heading h2 {
    position: relative;
    z-index: 2;
    overflow: visible;
    padding: .06em 0 .16em;
    clip-path: none;
}

.home-body .home-service-tile {
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .home-body .home-section-heading h2 {
        padding-bottom: .18em;
    }

    .home-body .home-service-tile {
        flex-basis: min(82vw, 320px);
    }
}
/* =========================================================
   VANTA TYPOGRAPHY SYSTEM — PHASE 1 FOUNDATION
   Direction A: Alexandria (Arabic) + Montserrat (Latin/Numbers)
   Scope: shared header/navigation, About, Contact only.
   ========================================================= */
:root {
  /* Families */
  --font-display: "Alexandria", system-ui, sans-serif;
  --font-body: "Alexandria", system-ui, sans-serif;
  --font-latin: "Montserrat", sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --gold-muted: #d3a064;

  /* Type scale */
  --text-display: clamp(3rem, 5.6vw, 6rem);
  --text-h1: clamp(2.25rem, 4vw, 4.25rem);
  --text-h2: clamp(1.75rem, 3vw, 2.75rem);
  --text-h3: clamp(1.25rem, 1.65vw, 1.5rem);
  --text-lead: clamp(1.0625rem, 1.45vw, 1.25rem);
  --text-body: 1rem;
  --text-support: .875rem;
  --text-label: .875rem;
  --text-cta: .9375rem;
  --text-nav: .8125rem;
  --text-eyebrow: .6875rem;
  --text-step: .75rem;

  /* Leading and tracking */
  --leading-display: 1.12;
  --leading-heading: 1.24;
  --leading-body: 1.8;
  --leading-support: 1.65;
  --tracking-none: 0;
  --tracking-eyebrow: .16em;
  --tracking-number: .08em;

  /* VANTA color and surface primitives */
  --vanta-bg: #0b0b0b;
  --vanta-surface: #121211;
  --vanta-surface-raised: #171614;
  --vanta-text: #f4eee7;
  --vanta-text-muted: #a99f95;
  --vanta-gold: #d6a56f;
  --vanta-gold-soft: rgb(214 165 111 / 12%);
  --vanta-line: rgb(255 255 255 / 9.5%);
  --vanta-line-gold: rgb(214 165 111 / 24%);

  /* Shared spacing and components */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-section: clamp(4.5rem, 9vw, 9rem);
  --control-height: 3.25rem;
  --radius-control: 2px;
  --radius-card: 0;
  --radius-pill: 999px;
  --ease-quiet: 180ms cubic-bezier(.2, .7, .2, 1);
}

/* Shared header / navigation typography only. Layout remains unchanged. */
.main-header nav a,
.main-header.nav-open nav a {
  font-family: var(--font-body);
  font-size: var(--text-nav);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: var(--tracking-none);
}

/* About: Direction A type roles, with no layout, content, image, or link changes. */
.about-page {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: var(--leading-body);
}
.about-page .gold-text {
  font-family: var(--font-latin);
  font-size: var(--text-eyebrow);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: var(--tracking-eyebrow);
}
.about-page h1 {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
.about-page h2 {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
.about-page .about-values h2,
.about-page .about-actions a {
  font-family: var(--font-body);
  font-weight: 500;
}
.about-page p {
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-none);
}
.about-page .about-values p,
.about-page .about-actions a {
  font-size: var(--text-support);
  line-height: var(--leading-support);
}

/* Contact: Direction A type roles, with no form or action behavior changes. */
.contact-page {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: var(--leading-body);
}
.contact-page .gold-text {
  font-family: var(--font-latin);
  font-size: var(--text-eyebrow);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: var(--tracking-eyebrow);
}
.contact-page h1 {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
.contact-page h2 {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
.contact-page p,
.contact-page .contact-method,
.contact-page .contact-card a {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-none);
}
.contact-page .contact-email-btn,
.contact-page .contact-note a,
.contact-page .contact-card a {
  font-family: var(--font-body);
  font-size: var(--text-cta);
  font-weight: 500;
  line-height: 1.2;
}

@media (max-width: 600px) {
  .main-header nav a,
  .main-header.nav-open nav a {
    font-size: .875rem;
  }
  .about-page h1,
  .contact-page h1 {
    font-size: clamp(2.125rem, 9vw, 2.5rem);
  }
  .about-page h2 {
    font-size: clamp(1.625rem, 7.4vw, 2rem);
  }
  .contact-page h2 {
    font-size: 1.25rem;
  }
  .about-page p,
  .contact-page p {
    font-size: 1rem;
  }
}



/* =========================================================
   VANTA TYPOGRAPHY SYSTEM — PHASE 2 HOME
   Direction A only. Typography and text-adjacent wrapping controls;
   no video, image, layout, scroll, or interaction changes.
   ========================================================= */
.home-body,
.home-body button,
.home-body .primary-btn,
.home-body .secondary-btn {
  font-family: var(--font-body);
}

/* Cinematic hero: Alexandria 300 is reserved for this large display role. */
.home-body .home-hero h1 {
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-weight: 300;
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-none);
  max-width: min(620px, 100%);
}
.home-body .home-kicker,
.home-body .home-eyebrow,
.home-body .home-scroll-cue,
.home-body .home-service-tile small,
.home-body .home-service-number {
  font-family: var(--font-latin);
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
}
.home-body .home-hero-copy,
.home-body .home-section-heading > p,
.home-body .home-service-tile p,
.home-body .home-promise p,
.home-body .home-final-cta p {
  font-family: var(--font-body);
  font-size: var(--text-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-none);
}
.home-body .home-section-heading h2,
.home-body .home-final-cta h2 {
  font-family: var(--font-display);
  font-size: var(--text-h2);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
.home-body .home-service-tile h3,
.home-body .home-promise h3 {
  font-family: var(--font-body);
  font-size: var(--text-h3);
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: var(--tracking-none);
}
.home-body .primary-btn,
.home-body .secondary-btn,
.home-body .home-all-services {
  font-family: var(--font-body);
  font-size: var(--text-cta);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: var(--tracking-none);
}

/* Home header remains aligned with Phase 1 while keeping its original layout. */
.home-body .main-header nav a {
  font-family: var(--font-body);
  font-size: var(--text-nav);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: var(--tracking-none);
}

@media (max-width: 700px) {
  .home-body .home-hero h1 {
    font-size: clamp(2.5rem, 11vw, 3rem);
    line-height: 1.18;
  }
  .home-body .home-section-heading h2,
  .home-body .home-final-cta h2 {
    font-size: clamp(1.75rem, 8vw, 2.125rem);
  }
  .home-body .home-service-tile h3,
  .home-body .home-promise h3 {
    font-size: 1.25rem;
  }
  .home-body .home-hero-copy,
  .home-body .home-section-heading > p,
  .home-body .home-service-tile p,
  .home-body .home-promise p,
  .home-body .home-final-cta p {
    font-size: .9375rem;
  }
}


/* =========================================================
   VANTA TYPOGRAPHY SYSTEM — PHASE 3 JOURNEYS
   Direction A. Typography-only layer for the approved journeys.
   No layout, content, media, form flow, or behavior changes.
   ========================================================= */
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) {
  font-family: var(--font-body);
}
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(h1, h2) {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--leading-heading);
  letter-spacing: var(--tracking-none);
}
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(h3, h4, label, button, .primary-btn, .secondary-btn, [class*="cta"], [class*="submit"], [class*="next"], [class*="back"]) {
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: var(--tracking-none);
}
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(p, li, input, select, textarea, option, [class*="copy"], [class*="description"], [class*="helper"], [class*="hint"], [class*="error"], [class*="validation"], [class*="summary"]) {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-none);
}
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(input, select, textarea) {
  font-size: var(--text-body);
  line-height: 1.4;
}
/* Montserrat is intentionally reserved for English branding, stage numerals and micro labels. */
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is([class*="eyebrow"], [class*="kicker"], [class*="progress"] [class*="number"], [class*="step"] [class*="number"], [class*="stage"] [class*="number"], [class*="principle-number"], [class*="service-number"], [class*="english"], [class*="microcopy"]) {
  font-family: var(--font-latin);
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
}
/* Codes and references remain deliberately functional rather than decorative. */
:where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(code, [class*="code"], [class*="reference"], [class*="registration-number"], [class*="request-number"]) {
  font-family: var(--font-code);
  font-weight: 500;
  letter-spacing: .035em;
}
/* Concrete existing elements with older local font stacks. */
.booking-page .concierge-progress__number,
.booking-page .concierge-service-card__content em,
.booking-page .concierge-back,
.career-page .career-principle-number,
.career-page .career-progress__number {
  font-family: var(--font-latin);
}
.booking-page .concierge-back,
.booking-page .concierge-service-card__content em {
  font-weight: 500;
}
@media (max-width: 700px) {
  :where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(h1, h2) {
    line-height: 1.22;
  }
  :where(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(input, select, textarea) {
    font-size: max(1rem, var(--text-body));
  }
}


/* Direction A enforcement for legacy inline template styles: typography only. */
:is(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(h1, h2) {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: var(--tracking-none) !important;
}
:is(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(h3, h4, label, button, .primary-btn, .secondary-btn, [class*="cta"], [class*="submit"], [class*="next"], [class*="back"]) {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: var(--tracking-none) !important;
}
:is(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(p, li, input, select, textarea, option, [class*="copy"], [class*="description"], [class*="helper"], [class*="hint"], [class*="error"], [class*="validation"], [class*="summary"]) {
  font-family: var(--font-body) !important;
  font-weight: 400;
  letter-spacing: var(--tracking-none) !important;
}
:is(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is([class*="eyebrow"], [class*="kicker"], [class*="progress"] [class*="number"], [class*="step"] [class*="number"], [class*="stage"] [class*="number"], [class*="principle-number"], [class*="service-number"], [class*="english"], [class*="microcopy"]) {
  font-family: var(--font-latin) !important;
  font-weight: 600 !important;
}
:is(.booking-page, .celebration-page, .profile-page, .product-request-page, .partnership-page, .career-page) :is(code, [class*="code"], [class*="reference"], [class*="registration-number"], [class*="request-number"]) {
  font-family: var(--font-code) !important;
}


/* VANTA CAREERS HERO — Typography-only correction */
.career-page .career-hero #careerTitle {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  font-size: clamp(3rem, 3.55vw, 4.2rem);
  max-width: 680px;
  line-height: 1.16;
  margin-inline: auto;
  letter-spacing: var(--tracking-none) !important;
}
@media (max-width: 700px) {
  .career-page .career-hero #careerTitle {
    font-size: clamp(2.5rem, 10.25vw, 3.15rem);
    max-width: 100%;
    line-height: 1.18;
  }
}


/* Careers Hero desktop refinement: preserve a strong but naturally grouped title. */
@media (min-width: 701px) {
  .career-page .career-hero #careerTitle {
    font-size: clamp(2.65rem, 2.95vw, 3.6rem);
    max-width: 600px;
    line-height: 1.2;
    margin-bottom: .1em;
  }
}


/* VANTA AR/EN Phase 1 Foundation: scoped to localized shell pages only. */
.locale-foundation,
.locale-foundation input,
.locale-foundation textarea,
.locale-foundation select,
.locale-foundation button {
  font-family: var(--font-body);
}

html[lang="en"] .locale-foundation,
html[lang="en"] .locale-foundation input,
html[lang="en"] .locale-foundation textarea,
html[lang="en"] .locale-foundation select,
html[lang="en"] .locale-foundation button {
  font-family: var(--font-latin);
}

.locale-foundation .main-header[data-locale-foundation="true"] {
  gap: 1.1rem;
}

.language-switcher {
  font-family: var(--font-latin);
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  flex: 0 0 auto;
  padding: .42rem .58rem;
  border: 1px solid rgba(214, 165, 111, .34);
  color: rgba(247, 241, 230, .62);
  font-size: .68rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .08em;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

.language-switcher:hover,
.language-switcher:focus-visible {
  border-color: var(--vanta-gold);
  color: var(--vanta-gold);
  background: rgba(214, 165, 111, .07);
}

.language-switcher span.is-active {
  color: var(--vanta-gold);
}

.language-switcher i {
  color: rgba(247, 241, 230, .3);
  font-style: normal;
}

html[lang="en"] .locale-foundation .main-header nav a {
  font-family: var(--font-latin);
  font-weight: 500;
  letter-spacing: .015em;
}

html[lang="en"] .locale-foundation :is(h1, h2, h3) {
  font-family: var(--font-latin);
}

html[lang="en"] .locale-foundation .about-copy h1,
html[lang="en"] .locale-foundation .contact-heading h1 {
  font-weight: 500;
  letter-spacing: -.02em;
}

html[lang="en"] .locale-foundation .gold-text,
html[lang="en"] .locale-foundation :is(.about-values span, .contact-method span) {
  font-family: var(--font-latin);
}

@media (max-width: 760px) {
  .locale-foundation .main-header[data-locale-foundation="true"] {
    gap: .7rem;
  }

  .locale-foundation .language-switcher {
    margin-inline-start: auto;
    padding: .38rem .48rem;
    font-size: .62rem;
  }

  html[lang="en"] .locale-foundation .main-header nav {
    text-align: start;
  }
}






/* VANTA AR/EN Phase 2: scoped LTR refinements for public browse pages. */
html[lang="en"] .locale-foundation .services-page,
html[lang="en"] .locale-foundation .products-page,
html[lang="en"] .locale-foundation .product-detail-page {
  font-family: var(--font-latin);
}

html[lang="en"] .locale-foundation .section-heading h1,
html[lang="en"] .locale-foundation .products-hero h1,
html[lang="en"] .locale-foundation .product-detail-copy h1 {
  font-family: var(--font-latin);
  font-weight: 500;
  letter-spacing: -.02em;
}

html[lang="en"] .locale-foundation .service-card h3,
html[lang="en"] .locale-foundation .catalog-product-content h3,
html[lang="en"] .locale-foundation .product-detail-copy h2 {
  font-family: var(--font-latin);
  font-weight: 500;
  text-align: start;
}

html[lang="en"] .locale-foundation .catalog-product-content,
html[lang="en"] .locale-foundation .catalog-product-content h3,
html[lang="en"] .locale-foundation .catalog-product-content p,
html[lang="en"] .locale-foundation .catalog-product-content small {
  direction: ltr;
  text-align: start;
}

html[lang="en"] .locale-foundation .catalog-product-content h3 {
  max-inline-size: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

html[lang="en"] .locale-foundation .product-detail-copy h1 {
  max-inline-size: 20ch;
  overflow-wrap: break-word;
  word-break: normal;
}

html[lang="en"] .locale-foundation :is(.products-hero, .section-heading, .product-detail-copy, .product-proof, .product-quality-note, .product-benefits) {
  text-align: start;
}

@media (max-width: 760px) {
  html[lang="en"] .locale-foundation .catalog-product-content h3 {
    font-size: 1.05rem;
    line-height: 1.35;
  }

  html[lang="en"] .locale-foundation .product-detail-copy h1 {
    font-size: clamp(1.8rem, 9vw, 2.35rem);
    line-height: 1.16;
  }
}


/* VANTA AR/EN Phase 3: scoped English tuning for the existing cinematic Home. */
html[lang="en"] .home-body .home-hero,
html[lang="en"] .home-body .home-signature,
html[lang="en"] .home-body .home-promise,
html[lang="en"] .home-body .home-final-cta {
  font-family: var(--font-latin);
}

html[lang="en"] .home-body .home-hero-content,
html[lang="en"] .home-body .vanta-story-scene {
  direction: ltr;
  text-align: start;
}

html[lang="en"] .vanta-scroll-story .home-hero-content {
  right: auto;
  left: 8%;
  width: min(620px, 48%);
}

html[lang="en"] .vanta-scroll-story .home-hero h1 {
  font-family: var(--font-latin);
  font-weight: 500;
  font-size: clamp(3.15rem, 5.15vw, 4.55rem);
  line-height: 1.06;
  letter-spacing: -.045em;
  max-inline-size: 16ch;
}

html[lang="en"] .vanta-scroll-story .home-kicker,
html[lang="en"] .vanta-scroll-story .home-hero-copy,
html[lang="en"] .vanta-scroll-story .home-eyebrow,
html[lang="en"] .vanta-story-scene span,
html[lang="en"] .vanta-story-scene h2,
html[lang="en"] .vanta-story-scene p,
html[lang="en"] .home-service-tile,
html[lang="en"] .home-signature,
html[lang="en"] .home-promise,
html[lang="en"] .home-final-cta {
  font-family: var(--font-latin);
}

html[lang="en"] .vanta-story-meter {
  right: auto;
  left: 2.6%;
}

html[lang="en"] .home-scroll-cue {
  right: auto;
  left: 5%;
}

html[lang="en"] .home-service-tile {
  direction: ltr;
  text-align: start;
}

html[lang="en"] .home-service-tile b i {
  display: inline-block;
  margin-inline-start: .35em;
}

html[lang="en"] .home-signature,
html[lang="en"] .home-promise > div,
html[lang="en"] .home-final-cta {
  text-align: start;
}

html[lang="en"] .home-section-heading,
html[lang="en"] .home-final-cta {
  text-align: center;
}

@media (max-width: 980px) {
  html[lang="en"] .vanta-scroll-story .home-hero-content {
    right: 24px;
    left: 24px;
    width: auto;
    text-align: center;
  }

  html[lang="en"] .vanta-scroll-story .home-hero h1 {
    font-size: clamp(2.55rem, 11.2vw, 3.85rem);
    line-height: 1.08;
    max-inline-size: 13ch;
    margin-inline: auto;
  }

  html[lang="en"] .vanta-story-meter {
    right: auto;
    left: 24px;
  }

  html[lang="en"] .home-scroll-cue {
    right: auto;
    left: 24px;
  }
}


/* VANTA AR/EN Phase 4 — scoped LTR tuning for customer journeys only. */
html[lang="en"] .booking-body,
html[lang="en"] .celebration-body,
html[lang="en"] .profile-body,
html[lang="en"] .product-request-body { font-family:var(--font-latin); }
html[lang="en"] .concierge-booking-page,
html[lang="en"] .celebration-page,
html[lang="en"] .profile-page,
html[lang="en"] .product-request-page { direction:ltr; text-align:start; }
html[lang="en"] .concierge-intro,
html[lang="en"] .celebration-hero,
html[lang="en"] .profile-intro,
html[lang="en"] .product-request-hero,
html[lang="en"] .product-request-step__heading,
html[lang="en"] .concierge-success,
html[lang="en"] .celebration-success,
html[lang="en"] .profile-complete,
html[lang="en"] .product-request-success { text-align:center; }
html[lang="en"] .concierge-progress__line span { transform-origin:left center; }
html[lang="en"] .concierge-service-card__index { right:auto; left:17px; }
html[lang="en"] .concierge-service-card__check { left:auto; right:14px; }
html[lang="en"] .concierge-note { border-right:0; border-left:1px solid rgba(214,165,111,.36); }
html[lang="en"] .concierge-summary { background:linear-gradient(270deg,rgba(214,165,111,.07),transparent 68%); }
html[lang="en"] .concierge-summary::before { content:"VANTA PERSONAL CONFIRMATION"; letter-spacing:.1em; }
html[lang="en"] .concierge-summary dl > div { padding-left:16px; padding-right:0; border-left:0; border-right:1px solid rgba(214,165,111,.14); }
html[lang="en"] .concierge-summary dl > div:first-child { padding-left:0; }
html[lang="en"] .concierge-summary dl > div:last-child { border-right:0; }
html[lang="en"] .concierge-step__actions { flex-direction:row-reverse; }
html[lang="en"] .concierge-step__actions--end { flex-direction:row; }
html[lang="en"] .celebration-field input[name="phone"],
html[lang="en"] .profile-field.phone input,
html[lang="en"] .product-request-field input[name="phone"] { text-align:left; direction:ltr; unicode-bidi:plaintext; }
html[lang="en"] .celebration-inline-error, html[lang="en"] .celebration-error,
html[lang="en"] .profile-error, html[lang="en"] .product-request-inline-error { border-right:0; border-left:2px solid #d6a56f; }
html[lang="en"] .product-request-assurance li { padding-inline-start:17px; }
html[lang="en"] .product-request-review__trust { border-right:0; border-left:2px solid rgba(214,165,111,.7); }
html[lang="en"] .product-request-actions { flex-direction:row-reverse; }
html[lang="en"] .celebration-code, html[lang="en"] .profile-code { font-family:ui-monospace,monospace; direction:ltr; unicode-bidi:isolate; }
@media (max-width:700px) {
  html[lang="en"] .concierge-step__actions,
  html[lang="en"] .product-request-actions { flex-direction:column-reverse; }
  html[lang="en"] .concierge-step__actions--end { flex-direction:column; }
  html[lang="en"] .concierge-summary dl > div { padding:0 0 10px; border-right:0; }
}


/* VANTA AR/EN Phase 5 */

/* VANTA AR/EN Phase 5 — Suppliers and Careers only */
html[lang="en"] .partnership-body,
html[lang="en"] .partnership-page,
html[lang="en"] .career-page { font-family: var(--font-latin); direction: ltr; }
html[lang="en"] .partnership-page { max-width: 1140px; }
html[lang="en"] .partnership-eyebrow,
html[lang="en"] .partnership-qualify__grid b,
html[lang="en"] .partnership-progress i,
html[lang="en"] .partnership-step__head p,
html[lang="en"] .career-kicker,
html[lang="en"] .career-stage-label,
html[lang="en"] .career-principle-number { font-family: var(--font-latin); letter-spacing: .12em; }
html[lang="en"] .partnership-hero h1 { max-width: 12ch; font-family: var(--font-latin); font-size: clamp(2.7rem,4.35vw,4.25rem); line-height:1.12; letter-spacing:-.045em; }
html[lang="en"] .partnership-hero__brief,
html[lang="en"] .partnership-why div,
html[lang="en"] .partnership-field input[name="phone"] { text-align:left; direction:ltr; }
html[lang="en"] .partnership-actions { flex-direction: row-reverse; }
html[lang="en"] .partnership-back span { order: -1; }
html[lang="en"] .partnership-success code,
html[lang="en"] .career-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
html[lang="en"] .career-page .career-workspace { direction:ltr; grid-template-columns:12.75rem minmax(0,1fr); }
html[lang="en"] .career-page .career-aside { grid-column:1; direction:ltr; }
html[lang="en"] .career-page .career-form-wrap { grid-column:2; direction:ltr; }
html[lang="en"] .career-page #careerTitle { font-family:var(--font-latin); font-weight:400; font-size:clamp(2.5rem,4.1vw,3.9rem); max-width:14ch; margin-inline:auto; line-height:1.13; letter-spacing:-.045em; }
html[lang="en"] .career-page .career-back::before { content:''; }
@media (max-width:820px){
  html[lang="en"] .career-page .career-workspace { display:block; }
  html[lang="en"] .career-page .career-aside,
  html[lang="en"] .career-page .career-form-wrap { direction:ltr; }
}
@media (max-width:760px){
  html[lang="en"] .partnership-actions { flex-direction:column-reverse; }
  html[lang="en"] .partnership-hero h1 { max-width:14ch; font-size:2.35rem; }
}
@media (max-width:420px){
  html[lang="en"] .career-page #careerTitle { font-size:2.25rem; max-width:12ch; line-height:1.15; }
}

/* VANTA AR/EN Phase 5 Careers EN type polish */

/* Phase 5: Careers EN hero — component-specific type fit only */
html[lang="en"] .career-page #careerTitle {
  font-size: clamp(2.4rem, 3.55vw, 3.45rem);
  max-width: 18ch;
  line-height: 1.13;
}
@media (max-width:420px){
  html[lang="en"] .career-page #careerTitle { font-size:2.2rem; max-width:13ch; line-height:1.15; }
}

/* VANTA Contact social channels — additive, versioned successor to style-v1.css. */
.contact-social { margin-top: 1.35rem; padding: clamp(1.35rem, 3vw, 2.25rem); border: 1px solid rgba(207, 168, 92, .34); border-radius: 20px; background: linear-gradient(135deg, rgba(207, 168, 92, .10), rgba(10, 10, 10, .92) 48%); }
.contact-social__intro { max-width: 690px; margin-bottom: 1.35rem; }
.contact-social__intro h2 { margin: .35rem 0 .5rem; color: #f2e8d5; }
.contact-social__intro p { margin: 0; color: #bcb3a3; }
.contact-social__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.contact-social__link { position: relative; display: grid; grid-template-columns: 2.6rem 1fr auto; gap: .75rem; align-items: center; min-height: 5.25rem; padding: 1rem; border: 1px solid rgba(207, 168, 92, .25); border-radius: 14px; background: rgba(10, 10, 10, .66); color: #f4ede1; text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.contact-social__link:hover, .contact-social__link:focus-visible { transform: translateY(-3px); border-color: #d8b46c; background: rgba(207, 168, 92, .12); outline: none; }
.contact-social__link--whatsapp { border-color: rgba(216, 180, 108, .72); background: linear-gradient(135deg, rgba(207, 168, 92, .20), rgba(10, 10, 10, .82)); }
.contact-social__icon { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border: 1px solid rgba(216, 180, 108, .7); border-radius: 50%; color: #e1c17d; }
.contact-social__icon svg { width: 1.25rem; height: 1.25rem; fill: currentColor; }
.contact-social__copy { min-width: 0; }
.contact-social__copy small { display: block; margin-bottom: .18rem; color: #d8b46c; font-family: var(--font-latin); font-size: .63rem; font-weight: 700; letter-spacing: .13em; }
.contact-social__copy strong { display: block; color: #f4ede1; font-size: 1rem; }
.contact-social__copy span { display: block; margin-top: .18rem; color: #bcb3a3; font-size: .8rem; line-height: 1.55; }
.contact-social__arrow { color: #d8b46c; font-size: 1.15rem; }
@media (max-width: 900px) { .contact-social__grid { grid-template-columns: 1fr; } }
@media (max-width: 390px) { .contact-social { margin-top: 1rem; padding: 1.1rem; border-radius: 15px; } .contact-social__link { grid-template-columns: 2.35rem 1fr auto; min-height: 0; padding: .9rem; } .contact-social__copy span { font-size: .76rem; } }

/* Final public polish: branded public 404 only; Operations errors remain isolated. */
.public-error-page { min-height: 100vh; background: radial-gradient(ellipse 45% 34% at 50% 42%, rgba(196, 146, 86, .11), transparent 72%), #080808; }
.public-error { display: grid; min-height: calc(100vh - 92px); place-items: center; padding: clamp(3.5rem, 9vw, 8rem) clamp(1.25rem, 5vw, 5rem); text-align: center; }
.public-error__panel { width: min(100%, 650px); text-align: center; }
.public-error__code { margin: 0 0 .75rem; color: rgba(214, 165, 111, .5); font-family: var(--font-latin, Montserrat, sans-serif); font-size: .72rem; font-weight: 600; letter-spacing: .18em; direction: ltr; }
.public-error__eyebrow { margin: 0; color: #d6a56f; font-family: var(--font-latin, Montserrat, sans-serif); font-size: .66rem; font-weight: 600; letter-spacing: .18em; }
.public-error h1 { margin: 1rem 0 .9rem; color: #f4eee7; font-family: var(--font-display, Alexandria, sans-serif); font-size: clamp(2.35rem, 5.4vw, 4.8rem); font-weight: 400; line-height: 1.18; letter-spacing: 0; }
.public-error__copy { max-width: 38rem; margin: 0 auto; color: #c7bdb2; font-family: var(--font-body, Alexandria, sans-serif); font-size: clamp(.98rem, 1.45vw, 1.12rem); line-height: 1.9; }
.public-error__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 2rem; }
.public-error__actions .primary-btn, .public-error__actions .secondary-btn { min-height: 48px; padding-inline: 1.35rem; }
@media (max-width: 600px) { .public-error { min-height: calc(100svh - 68px); padding-inline: 1.15rem; } .public-error h1 { font-size: clamp(2rem, 10.5vw, 2.6rem); } .public-error__actions { width: 100%; } .public-error__actions .primary-btn, .public-error__actions .secondary-btn { flex: 1 1 100%; } }

/* Unified mobile navigation contract: MENU left · LANGUAGE center · VANTA right. */
@media (max-width:700px){
  body.public-nav-locked{overflow:hidden;overscroll-behavior:none}
  .locale-foundation .main-header[data-locale-foundation="true"]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;direction:ltr}
  .locale-foundation .main-header[data-locale-foundation="true"] .brand-logo{grid-column:3;grid-row:1;justify-self:end}
  .locale-foundation .main-header[data-locale-foundation="true"] .language-switcher{grid-column:2;grid-row:1;justify-self:center;margin:0!important}
  .locale-foundation .main-header[data-locale-foundation="true"] .mobile-nav-toggle{grid-column:1;grid-row:1;justify-self:start;display:grid;place-items:center;gap:4px;min-width:48px;min-height:48px}
  .locale-foundation .main-header[data-locale-foundation="true"] nav{grid-column:1/-1;grid-template-columns:1fr;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;direction:rtl}
  html[lang=en] .locale-foundation .main-header[data-locale-foundation="true"] nav{direction:ltr}
  .locale-foundation .mobile-nav-toggle__icon{display:grid;width:18px;gap:4px}
  .locale-foundation .mobile-nav-toggle__icon i{display:block;height:1px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .locale-foundation .mobile-nav-toggle__label{font:500 9px/1 var(--font-body,Alexandria,sans-serif);white-space:nowrap}
  .locale-foundation .main-header.nav-open .mobile-nav-toggle__icon i:nth-child(1){transform:translateY(5px) rotate(45deg)}
  .locale-foundation .main-header.nav-open .mobile-nav-toggle__icon i:nth-child(2){opacity:0}
  .locale-foundation .main-header.nav-open .mobile-nav-toggle__icon i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
}