*{box-sizing:border-box}
:root{--ink:#0b1220;--paper:#fff;--soft:#f3f6fb;--muted:#68758a;--line:rgba(11,18,32,.10);--blue:#2f6df6;--dark:#09111f}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button,select{font:inherit}button{cursor:pointer}
.mrc-header{position:fixed;z-index:100;top:0;left:0;right:0;padding:14px 2.4vw;pointer-events:none}.mrc-glass{width:min(1380px,100%);min-height:72px;margin:auto;padding:0 16px 0 18px;display:flex;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(12,18,30,.22);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 16px 46px rgba(0,0,0,.12);color:#fff;pointer-events:auto;transition:.25s ease}.mrc-header.scrolled .mrc-glass{background:rgba(255,255,255,.84);color:var(--ink);border-color:rgba(11,18,32,.08);box-shadow:0 14px 38px rgba(11,18,32,.08)}
.mrc-brand{display:flex;align-items:center;min-width:270px;gap:12px}.mrc-logo{display:block;width:54px;height:54px;object-fit:cover;border-radius:50%}.mrc-brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1.1}.mrc-brand-copy strong{font-size:.9rem;letter-spacing:.18em}.mrc-brand-copy span{max-width:190px;font-size:.58rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;opacity:.58;font-weight:800}
.mrc-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-left:auto;font-size:.83rem;font-weight:700}.mrc-nav a{opacity:.84}.mrc-nav a:hover{opacity:1}.mrc-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.mrc-lang{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:inherit;font-size:.76rem;font-weight:900;padding:8px 4px}.lang-item{opacity:.38}.lang-item.active{opacity:1}.mrc-lang>span:nth-child(2){opacity:.25}.mrc-signin{font-size:.82rem;font-weight:800;opacity:.8;padding:10px 2px}
.mrc-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#fff;color:var(--ink);font-weight:850;padding:15px 21px;min-height:52px;box-shadow:0 10px 25px rgba(0,0,0,.09);transition:transform .2s ease,box-shadow .2s ease}.mrc-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(0,0,0,.12)}.mrc-header.scrolled .mrc-cta-small{background:var(--ink);color:#fff}.mrc-cta-small{min-height:44px;padding:0 15px;font-size:.8rem}.mrc-menu{display:none;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:inherit}.mrc-menu span{display:block;width:17px;height:1.5px;background:currentColor;margin:4px auto}
.mrc-mobile-nav{position:fixed;z-index:99;top:96px;left:3.5vw;right:3.5vw;padding:18px;border:1px solid rgba(11,18,32,.08);border-radius:22px;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 25px 70px rgba(11,18,32,.16);pointer-events:auto}.mrc-mobile-nav a{display:block;padding:13px 8px;color:var(--ink);font-weight:800;border-bottom:1px solid rgba(11,18,32,.07)}.mrc-mobile-nav a:last-child{border-bottom:0;color:var(--blue)}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#08111f 0%,#101c31 55%,#192640 100%);color:#fff}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.05) brightness(.64)}.hero-video.unavailable{display:none}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,17,.74),rgba(4,9,17,.42) 48%,rgba(4,9,17,.20)),radial-gradient(circle at 72% 30%,rgba(110,164,255,.18),transparent 30%)}.hero-grid{position:absolute;inset:0;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,rgba(0,0,0,.6),transparent 72%)}
.hero-inner{position:relative;z-index:2;width:min(1180px,91vw);margin:auto;padding:118px 0 72px}.hero-eyebrow{display:flex;gap:8px;align-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850;opacity:.78;margin-bottom:38px}.eyebrow-dot{opacity:.35}.hero-stage{position:relative;min-height:330px}.hero-step{position:absolute;top:0;left:0;opacity:0;transform:translateY(25px);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.hero-step.active{opacity:1;transform:translateY(0);pointer-events:auto}.hero-step p{margin:0 0 8px;font-size:clamp(1.1rem,2vw,1.55rem);font-weight:600}.hero-step h1{margin:0;font-size:clamp(5rem,14vw,10.5rem);line-height:.80;letter-spacing:-.075em;font-weight:900}.hero-step>span{display:block;margin-top:18px;font-size:clamp(1.05rem,1.6vw,1.35rem);opacity:.62}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mrc-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-weight:800;background:rgba(255,255,255,.06)}.hero-progress{display:flex;gap:8px;margin-top:26px}.hero-progress button{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.24)}.hero-progress button.active{background:#fff}.hero-scroll{position:absolute;right:4vw;bottom:30px;z-index:3;display:flex;gap:10px;align-items:center;font-size:.78rem;opacity:.68}
.section{padding:112px 4vw}.wrap{width:min(1180px,100%);margin:0 auto}.section-light{background:#fff}.section-soft{background:var(--soft)}.section-dark{background:var(--dark);color:#fff}.section-eym{background:linear-gradient(135deg,#f0f3f8,#f8f4e8)}.intro{max-width:790px}.kicker{margin:0 0 14px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:#7a8798}.intro h2,.closing h2{margin:0 0 22px;font-size:clamp(2.5rem,5.5vw,5rem);line-height:.96;letter-spacing:-.055em}.intro>p:not(.kicker){font-size:1.05rem;line-height:1.7;color:var(--muted)}.section-dark .kicker,.section-dark .intro>p:not(.kicker){color:rgba(255,255,255,.56)}
.finder{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;align-items:end;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finder label{display:flex;flex-direction:column;gap:8px;font-size:.77rem;font-weight:850}.finder select{width:100%;height:54px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:14px;background:#f9fafc;color:var(--ink);outline:none}.finder select:focus{border-color:rgba(47,109,246,.45);box-shadow:0 0 0 4px rgba(47,109,246,.08)}.finder-submit{height:54px;padding:0 20px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-weight:850}.finder-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:.78rem}
.clarity-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.clarity-grid article{background:var(--soft);padding:30px}.clarity-grid article>span,.destination-grid article>span{font-size:.68rem;letter-spacing:.12em;opacity:.48}.clarity-grid h3{margin:62px 0 10px;font-size:1.35rem}.clarity-grid p{margin:0;color:var(--muted);line-height:1.65}
.destination-grid{margin-top:46px;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.14)}.destination-grid article{padding:30px;min-height:280px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.destination-grid article:nth-child(2n){border-right:0}.destination-grid h3{margin:88px 0 10px;font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.055em}.destination-grid p{margin:0;opacity:.55}
.eym-grid,.human-grid{display:grid;grid-template-columns:1fr .92fr;gap:7vw;align-items:center}.emphasis{font-weight:850;color:var(--ink)!important}.eym-panel{overflow:hidden;border-radius:28px;background:#0b1220;color:#fff;box-shadow:0 35px 90px rgba(11,18,32,.20)}.eym-panel-head{display:flex;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:850}.eym-panel-head i{width:9px;height:9px;border-radius:50%;background:#85b5ff}.eym-main{padding:26px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.eym-panel small{display:block;font-size:.72rem;opacity:.5;margin-bottom:8px}.eym-main strong{display:block;font-size:6.5rem;line-height:.9;letter-spacing:-.08em}.eym-pair{display:grid;grid-template-columns:1fr 1fr}.eym-pair>div{padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.eym-pair>div+div{border-left:1px solid rgba(255,255,255,.1)}.eym-pair strong{font-size:1.3rem}.eym-next{padding:22px 24px 26px}.eym-next strong{font-size:.95rem}
.human-card{position:relative;min-height:520px;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 50% 38%,rgba(110,164,255,.65),transparent 18%),linear-gradient(145deg,#0e1b30,#1b3152 55%,#dbc17d);box-shadow:0 30px 80px rgba(11,18,32,.14)}.human-orbit{position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.22);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.human-orbit:before,.human-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:55px}.human-orbit:after{inset:110px;background:rgba(255,255,255,.04)}.human-label{position:absolute;left:28px;right:28px;bottom:28px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.human-label>span{font-size:4.3rem;line-height:.8;font-weight:900;letter-spacing:.08em}.human-label small{max-width:220px;text-align:right;opacity:.65;line-height:1.45}
.closing{background:#08111f;color:#fff;text-align:center;padding-top:132px;padding-bottom:132px}.closing-inner{max-width:950px}.closing-words{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:clamp(2.5rem,6vw,6.2rem);font-weight:900;letter-spacing:-.06em}.closing-words span:not(:last-child)::after{content:" ·";opacity:.22}.closing h2{margin:36px auto 28px}.closing-cta{margin:auto}.closing-inner>p{margin:34px 0 0;opacity:.48}
.footer{padding:28px 4vw;background:#050b14;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.footer-inner{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:20px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:42px;height:42px;border-radius:50%}.footer-brand div{display:flex;flex-direction:column;gap:2px}.footer-brand strong{font-size:.78rem;letter-spacing:.16em}.footer-brand span{font-size:.56rem;opacity:.44;text-transform:uppercase;letter-spacing:.07em}.footer-destinations{text-align:center;font-size:.72rem;opacity:.48}.footer-eym{text-align:right;font-size:.72rem;opacity:.48}
@media(max-width:1080px){.mrc-nav{display:none}.mrc-brand{min-width:0}.mrc-menu{display:block}.mrc-signin,.mrc-cta-small{display:none}.finder{grid-template-columns:1fr 1fr}.finder-submit{grid-column:1/-1}.eym-grid,.human-grid{grid-template-columns:1fr;gap:52px}}
@media(max-width:700px){.mrc-header{padding:10px 3.5vw}.mrc-glass{min-height:62px;border-radius:19px;padding-left:12px;padding-right:10px}.mrc-logo{width:40px;height:40px}.mrc-brand-copy span{display:none}.mrc-brand-copy strong{font-size:.75rem}.hero-inner{padding-top:100px}.hero-stage{min-height:260px}.hero-step h1{font-size:clamp(4.6rem,22vw,7rem)}.hero-step p{font-size:1rem}.hero-actions{display:grid}.mrc-cta,.mrc-ghost{width:100%}.hero-scroll{display:none}.section{padding:82px 5vw}.finder{grid-template-columns:1fr}.finder-submit,.finder-note{grid-column:1}.clarity-grid{grid-template-columns:1fr}.destination-grid{grid-template-columns:1fr}.destination-grid article{border-right:0;min-height:220px}.destination-grid h3{margin-top:54px}.eym-main strong{font-size:5rem}.human-card{min-height:390px}.human-label>span{font-size:3.2rem}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-eym{text-align:center}}
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  .hero-video{
    display:none!important;
  }

  .hero-step{
    transition:none!important;
  }
}

/*
|--------------------------------------------------------------------------
| MRC_VISUAL_POLISH_V1
|--------------------------------------------------------------------------
| Execution refinement only.
| No brand, journey, destination or content architecture changes.
|--------------------------------------------------------------------------
*/


/* ---------------------------------------------------------
   Header surface intelligence
--------------------------------------------------------- */

.mrc-header.scrolled.over-dark .mrc-glass{
    background:rgba(7,15,28,.78);
    color:#fff;
    border-color:rgba(255,255,255,.18);
    box-shadow:
        0 18px 48px rgba(0,0,0,.18);
}

.mrc-header.scrolled.over-dark .mrc-cta-small{
    background:#fff;
    color:#0b1220;
}

.mrc-header.scrolled.over-dark .mrc-menu{
    background:rgba(255,255,255,.12);
}

.mrc-header.scrolled.over-light .mrc-menu{
    background:rgba(11,18,32,.06);
}


/* ---------------------------------------------------------
   Header detail
--------------------------------------------------------- */

.mrc-brand-copy span{
    opacity:.64;
}

.mrc-glass{
    transition:
        background .28s ease,
        color .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}


/* ---------------------------------------------------------
   Desktop hero proportions
--------------------------------------------------------- */

@media(min-width:1081px){

    .hero-inner{
        padding-top:124px;
        padding-bottom:76px;
    }

    .hero-eyebrow{
        margin-bottom:30px;
    }

    .hero-stage{
        min-height:300px;
    }

    .hero-step h1{
        font-size:
            clamp(
                5rem,
                12vw,
                9.3rem
            );
    }

    .hero-actions{
        margin-top:20px;
    }

    .hero-progress{
        margin-top:22px;
    }
}


/* ---------------------------------------------------------
   Pathway finder desktop
--------------------------------------------------------- */

@media(min-width:1081px){

    #pathway{
        padding-top:100px;
        padding-bottom:96px;
    }

    .finder{
        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1.18fr)
            minmax(0,1fr)
            minmax(0,1fr)
            auto;

        gap:14px;
    }

    .finder select{
        font-size:.88rem;
        font-weight:700;
    }

    .finder-submit{
        min-width:184px;
        padding-left:22px;
        padding-right:22px;
    }
}


/* ---------------------------------------------------------
   Section rhythm
--------------------------------------------------------- */

@media(min-width:1081px){

    .section{
        padding-top:104px;
        padding-bottom:104px;
    }

    .section-dark{
        padding-top:102px;
    }

    .section-eym{
        padding-top:108px;
        padding-bottom:108px;
    }
}


/* ---------------------------------------------------------
   iPhone / mobile hero refinement
--------------------------------------------------------- */

@media(max-width:700px){

    .hero-inner{
        width:92vw;
        padding-top:
            calc(
                104px
                + env(safe-area-inset-top)
            );

        padding-bottom:
            calc(
                54px
                + env(safe-area-inset-bottom)
            );
    }

    .hero-eyebrow{
        margin-bottom:22px;
        font-size:.66rem;
        line-height:1.55;
    }

    .hero-stage{
        min-height:200px;
    }

    .hero-step p{
        margin-bottom:6px;
        font-size:1rem;
    }

    .hero-step h1{
        font-size:
            clamp(
                3.9rem,
                15.8vw,
                5.8rem
            );

        line-height:.84;
        letter-spacing:-.065em;
    }

    .hero-step > span{
        margin-top:12px;
        font-size:1rem;
    }

    .hero-actions{
        margin-top:18px;
        gap:10px;
    }

    .hero-actions .mrc-cta,
    .hero-actions .mrc-ghost{
        min-height:58px;
    }

    .hero-progress{
        margin-top:20px;
        gap:7px;
    }

    .hero-progress button{
        width:38px;
    }
}


/* ---------------------------------------------------------
   Mobile pathway polish
--------------------------------------------------------- */

@media(max-width:700px){

    #pathway{
        padding-top:76px;
        padding-bottom:78px;
    }

    #pathway .intro h2{
        font-size:
            clamp(
                2.65rem,
                11vw,
                3.55rem
            );

        line-height:.96;
    }

    .finder{
        margin-top:34px;
        gap:15px;
        padding-top:22px;
        padding-bottom:22px;
    }

    .finder label{
        gap:9px;
        font-size:.82rem;
    }

    .finder select{
        height:58px;
        font-size:.95rem;
        font-weight:700;
    }

    .finder-submit{
        height:58px;
        margin-top:2px;
    }

    .finder-note{
        margin-top:2px;
        line-height:1.5;
    }
}



/*
|--------------------------------------------------------------------------
| MRC_APPROVED_HUMAN_HERO_V2
|--------------------------------------------------------------------------
*/

.hero-visuals{
    position:absolute;
    inset:0;
    z-index:0;
    overflow:hidden;
    background:#07101e;
}

.hero-visual{
    position:absolute;
    inset:0;
    opacity:0;
    transform:scale(1.012);
    transition:opacity .72s ease, transform 4.6s ease;
    pointer-events:none;
}

.hero-visual.active{
    opacity:1;
    transform:scale(1);
}

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

.hero-backdrop{
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(4,9,17,.82) 0%,
            rgba(4,9,17,.61) 31%,
            rgba(4,9,17,.27) 59%,
            rgba(4,9,17,.06) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4,9,17,.12) 0%,
            rgba(4,9,17,.03) 48%,
            rgba(4,9,17,.31) 100%
        );
}

.hero-grid{
    z-index:1;
    opacity:.035;
}

.hero-inner,
.hero-scroll{
    z-index:2;
}

@media(max-width:700px){
    .hero-visual img{
        object-position:center top;
    }

    .hero-backdrop{
        background:
            linear-gradient(
                180deg,
                rgba(4,9,17,.16) 0%,
                rgba(4,9,17,.22) 27%,
                rgba(4,9,17,.49) 58%,
                rgba(4,9,17,.85) 100%
            ),
            linear-gradient(
                90deg,
                rgba(4,9,17,.34) 0%,
                rgba(4,9,17,.13) 73%,
                rgba(4,9,17,.04) 100%
            );
    }
}

@media(prefers-reduced-motion:reduce){
    .hero-visual{
        transition:none!important;
        transform:none!important;
    }
}

/*
|--------------------------------------------------------------------------
| MRC MOBILE HERO IMAGE DEPTH V1
|--------------------------------------------------------------------------
| Keep approved imagery present farther down the mobile hero.
|--------------------------------------------------------------------------
*/

@media(max-width:700px){

    .hero-visual{
        overflow:hidden;
    }

    .hero-visual img{
        width:100%;
        height:112%;
        max-width:none;
        object-fit:cover;
        object-position:center top;
        transform:translateY(-2%);
    }

    /*
     * Much less black in the middle/lower hero.
     * Darkest area is reserved primarily for the CTA landing zone.
     */
    .hero-backdrop{
        background:
            linear-gradient(
                180deg,
                rgba(4,9,17,.12) 0%,
                rgba(4,9,17,.16) 28%,
                rgba(4,9,17,.28) 51%,
                rgba(4,9,17,.48) 70%,
                rgba(4,9,17,.78) 88%,
                rgba(4,9,17,.94) 100%
            ),
            linear-gradient(
                90deg,
                rgba(4,9,17,.28) 0%,
                rgba(4,9,17,.10) 68%,
                rgba(4,9,17,.03) 100%
            );
    }

    /*
     * Let the CTA block sit closer to the imagery instead
     * of floating over a large empty dark field.
     */
    .hero-actions{
        margin-top:14px;
    }

    .hero-progress{
        margin-top:16px;
    }
}



/*
|--------------------------------------------------------------------------
| MRC_HERO_COMPOSITION_FIX_V3
|--------------------------------------------------------------------------
*/

@media(max-width:700px){

    /*
     * V3 mobile files are already compositionally optimized.
     * Supersede the earlier 112% scaling rule.
     */
    .hero-visual img{
        width:100%;
        height:100%;
        max-width:100%;
        object-fit:cover;
        object-position:center center;
        transform:none;
    }

    /*
     * Keep substantially more photography visible behind the CTA zone.
     */
    .hero-backdrop{
        background:
            linear-gradient(
                180deg,
                rgba(4,9,17,.08) 0%,
                rgba(4,9,17,.10) 30%,
                rgba(4,9,17,.17) 52%,
                rgba(4,9,17,.25) 71%,
                rgba(4,9,17,.37) 87%,
                rgba(4,9,17,.50) 100%
            ),
            linear-gradient(
                90deg,
                rgba(4,9,17,.22) 0%,
                rgba(4,9,17,.06) 74%,
                rgba(4,9,17,.02) 100%
            );
    }

    .hero-actions{
        margin-top:12px;
    }

    .hero-progress{
        margin-top:14px;
    }
}



/*
|--------------------------------------------------------------------------
| MRC_APPROVED_SECTIONS_V1
|--------------------------------------------------------------------------
*/

.destination-grid{
    display:none!important;
}

.destination-visual-grid{
    margin-top:46px;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.13);
    border-radius:26px;
    background:rgba(255,255,255,.13);
}

.destination-card{
    position:relative;
    min-height:460px;
    overflow:hidden;
    isolation:isolate;
    background:#0b1220;
    color:#fff;
}

.destination-card-media,
.destination-card-shade,
.destination-card-content{
    position:absolute;
    inset:0;
}

.destination-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    transition:transform .7s cubic-bezier(.2,.7,.2,1), filter .7s ease;
}

.destination-card-shade{
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(4,9,17,.05) 0%,
            rgba(4,9,17,.08) 38%,
            rgba(4,9,17,.70) 76%,
            rgba(4,9,17,.94) 100%
        );
}

.destination-card-content{
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:24px 24px 26px;
}

.destination-no{
    font-size:.67rem;
    letter-spacing:.16em;
    font-weight:800;
    opacity:.62;
}

.destination-card-bottom{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.destination-card-bottom strong{
    display:block;
    max-width:100%;
    font-size:clamp(1.8rem,2.4vw,3rem);
    line-height:.94;
    letter-spacing:-.045em;
    font-style:normal;
}

.destination-card-bottom em{
    margin-top:10px;
    font-size:.88rem;
    line-height:1.35;
    font-weight:650;
    font-style:normal;
    color:rgba(255,255,255,.82);
}

.destination-card-bottom small{
    display:block;
    margin-top:16px;
    font-size:.61rem;
    line-height:1.5;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.53);
}

.destination-card:hover .destination-card-media img{
    transform:scale(1.035);
    filter:saturate(1.04);
}

.destination-card:focus-visible{
    outline:3px solid #fff;
    outline-offset:-5px;
}


/* EYM continuity */
.eym-panel{
    position:relative;
    isolation:isolate;
}

.eym-panel::before,
.eym-panel::after{
    content:"";
    position:absolute;
    z-index:-1;
    border-radius:50%;
    pointer-events:none;
}

.eym-panel::before{
    width:360px;
    height:360px;
    right:-120px;
    top:-100px;
    border:1px solid rgba(102,159,255,.16);
    box-shadow:
        0 0 0 62px rgba(102,159,255,.055),
        0 0 0 124px rgba(102,159,255,.035);
}

.eym-panel::after{
    width:12px;
    height:12px;
    right:72px;
    top:118px;
    background:#79afff;
    box-shadow:0 0 28px rgba(121,175,255,.75);
}


/* Human guidance */
.human-grid-photo{
    align-items:stretch;
}

.human-photo-card{
    position:relative;
    min-height:590px;
    overflow:hidden;
    isolation:isolate;
    border-radius:30px;
    background:#0d1727;
    box-shadow:0 30px 80px rgba(11,18,32,.14);
}

.human-photo-media,
.human-photo-shade{
    position:absolute;
    inset:0;
}

.human-photo-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.human-photo-shade{
    z-index:1;
    background:
        linear-gradient(
            180deg,
            rgba(4,9,17,.04) 0%,
            rgba(4,9,17,.08) 42%,
            rgba(4,9,17,.72) 83%,
            rgba(4,9,17,.94) 100%
        );
}

.human-photo-copy{
    position:absolute;
    z-index:2;
    left:30px;
    right:30px;
    bottom:30px;
    color:#fff;
}

.human-photo-copy .kicker{
    color:rgba(255,255,255,.62);
}

.human-photo-copy h3{
    margin:0 0 14px;
    max-width:520px;
    font-size:clamp(2.7rem,5vw,5.4rem);
    line-height:.92;
    letter-spacing:-.055em;
}

.human-photo-copy > p:not(.kicker){
    margin:0;
    max-width:500px;
    color:rgba(255,255,255,.72);
    font-size:.96rem;
    line-height:1.55;
}

.human-copy-panel{
    align-self:center;
}

.human-values{
    margin-top:30px;
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.human-values span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 15px;
    border:1px solid rgba(11,18,32,.12);
    border-radius:999px;
    font-size:.72rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:850;
    color:#42506a;
    background:rgba(255,255,255,.70);
}

@media(max-width:1080px){
    .destination-visual-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .destination-card{
        min-height:520px;
    }
}

@media(max-width:700px){
    .destination-visual-grid{
        margin-top:34px;
        grid-template-columns:1fr;
        gap:12px;
        overflow:visible;
        border:0;
        border-radius:0;
        background:transparent;
    }

    .destination-card{
        min-height:510px;
        border:1px solid rgba(255,255,255,.12);
        border-radius:24px;
    }

    .destination-card-content{
        padding:22px;
    }

    .destination-card-bottom strong{
        font-size:clamp(2.7rem,12vw,4.4rem);
    }

    .destination-card-bottom em{
        margin-top:8px;
        font-size:1rem;
    }

    .destination-card-bottom small{
        margin-top:14px;
        max-width:92%;
        font-size:.64rem;
    }

    .human-photo-card{
        min-height:565px;
        border-radius:26px;
    }

    .human-photo-copy{
        left:22px;
        right:22px;
        bottom:24px;
    }

    .human-photo-copy h3{
        font-size:clamp(3rem,13vw,4.4rem);
    }

    .human-grid-photo{
        gap:46px;
    }

    .human-values{
        margin-top:24px;
    }

    .eym-panel::before{
        right:-190px;
    }
}



/*
|--------------------------------------------------------------------------
| MRC_LAYOUT_POLISH_V2
|--------------------------------------------------------------------------
| Composition refinement only.
| No image, journey, destination, EYM handoff or carousel changes.
|--------------------------------------------------------------------------
*/


/* ==========================================================
   FIXED HEADER / ANCHOR RELATIONSHIP
========================================================== */

.section,
#pathway,
#eym{
    scroll-margin-top:104px;
}


/* ==========================================================
   DESTINATIONS — DESKTOP REFINEMENT
========================================================== */

@media(min-width:1081px){

    .destination-visual-grid{
        margin-top:50px;
    }

    .destination-card{
        min-height:480px;
    }

    .destination-card-content{
        padding:
            26px
            26px
            29px;
    }

    .destination-card-bottom strong{
        font-size:
            clamp(
                1.9rem,
                2.2vw,
                2.85rem
            );
    }

    .destination-card-bottom em{
        margin-top:9px;
    }

    .destination-card-bottom small{
        margin-top:14px;
    }

    .eym-grid{
        gap:6vw;
    }

    .human-grid-photo{
        gap:6vw;
    }

    .human-photo-card{
        min-height:550px;
    }
}


/* ==========================================================
   MOBILE — COMPACT SCROLLED HEADER
========================================================== */

@media(max-width:700px){

    /*
     * Initial hero header remains unchanged.
     * Only compact it once the existing JS marks it scrolled.
     */

    .mrc-header.scrolled{
        padding:
            7px
            3.5vw
            0;
    }

    .mrc-header.scrolled .mrc-glass{
        min-height:56px;
        border-radius:18px;
        padding-left:10px;
        padding-right:8px;
    }

    .mrc-header.scrolled .mrc-logo{
        width:36px;
        height:36px;
    }

    .mrc-header.scrolled .mrc-menu{
        width:38px;
        height:38px;
    }

    .mrc-header.scrolled .mrc-brand-copy strong{
        font-size:.70rem;
    }

    .section,
    #pathway,
    #eym{
        scroll-margin-top:84px;
    }
}


/* ==========================================================
   DESTINATIONS — MOBILE EDITORIAL PROPORTIONS
========================================================== */

@media(max-width:700px){

    .destination-visual-grid{
        margin-top:30px;
        gap:16px;
    }

    /*
     * 510px was visually too dominant.
     * Still immersive, but no longer one card = almost one screen.
     */
    .destination-card{
        min-height:
            clamp(
                400px,
                64svh,
                455px
            );

        border-radius:22px;
    }

    .destination-card-content{
        padding:
            20px
            20px
            22px;
    }

    /*
     * Preserve more photography before the copy lands.
     */
    .destination-card-shade{
        background:
            linear-gradient(
                180deg,
                rgba(4,9,17,.02) 0%,
                rgba(4,9,17,.04) 42%,
                rgba(4,9,17,.40) 68%,
                rgba(4,9,17,.88) 100%
            );
    }

    .destination-card-bottom strong{
        font-size:
            clamp(
                2.3rem,
                10.7vw,
                3.45rem
            );

        line-height:.92;
    }

    .destination-card-bottom em{
        margin-top:8px;
        font-size:.95rem;
        line-height:1.32;
    }

    .destination-card-bottom small{
        margin-top:12px;
        max-width:96%;
        font-size:.59rem;
        line-height:1.45;
        letter-spacing:.075em;
    }
}


/* ==========================================================
   EYM — MOBILE INFORMATION HIERARCHY
========================================================== */

@media(max-width:700px){

    #eym{
        padding-top:94px;
        padding-bottom:82px;
    }

    .section-eym .eym-grid{
        gap:34px;
    }

    .section-eym .intro h2{
        max-width:11ch;
        font-size:
            clamp(
                2.55rem,
                11.5vw,
                3.65rem
            );

        line-height:.94;
    }

    .section-eym .intro > p:not(.kicker){
        font-size:1rem;
        line-height:1.62;
    }

    .section-eym .emphasis{
        margin-top:22px;
        font-size:1rem!important;
        line-height:1.5!important;
    }

    .eym-panel{
        border-radius:24px;
    }

    .eym-panel-head{
        padding:
            19px
            20px;
    }

    .eym-main{
        padding:
            23px
            20px;
    }

    .eym-main strong{
        font-size:4.7rem;
    }

    .eym-pair > div{
        padding:
            19px
            20px;
    }

    .eym-next{
        padding:
            19px
            20px
            23px;
    }

    .eym-next strong{
        display:block;
        font-size:1rem;
        line-height:1.3;
    }

    /*
     * Retain orbital intelligence,
     * but stop it overpowering the information.
     */

    .eym-panel::before{
        width:290px;
        height:290px;
        right:-120px;
        top:-70px;

        box-shadow:
            0 0 0 52px rgba(102,159,255,.045),
            0 0 0 104px rgba(102,159,255,.025);
    }

    .eym-panel::after{
        width:10px;
        height:10px;
        right:55px;
        top:96px;
    }
}


/* ==========================================================
   HUMAN GUIDANCE — MOBILE
========================================================== */

@media(max-width:700px){

    .human-section{
        padding-top:84px;
        padding-bottom:88px;
    }

    .human-grid-photo{
        gap:34px;
    }

    .human-photo-card{
        min-height:460px;
        border-radius:24px;
    }

    .human-photo-copy{
        left:20px;
        right:20px;
        bottom:22px;
    }

    .human-photo-copy h3{
        margin-bottom:11px;

        font-size:
            clamp(
                2.65rem,
                11.8vw,
                3.6rem
            );
    }

    .human-photo-copy > p:not(.kicker){
        font-size:.92rem;
        line-height:1.5;
    }

    .human-copy-panel h2{
        font-size:
            clamp(
                2.55rem,
                11.5vw,
                3.65rem
            );

        line-height:.94;
    }

    .human-copy-panel > p:not(.kicker){
        font-size:1rem;
        line-height:1.62;
    }

    .human-values{
        margin-top:20px;
        gap:8px;
    }

    .human-values span{
        min-height:36px;
        padding:
            0
            13px;

        font-size:.66rem;
    }
}


/* ==========================================================
   TABLET BALANCE
========================================================== */

@media(min-width:701px) and (max-width:1080px){

    .destination-visual-grid{
        gap:12px;
        border:0;
        background:transparent;
    }

    .destination-card{
        min-height:470px;
        border-radius:22px;
    }

    .eym-grid,
    .human-grid{
        gap:46px;
    }

    .human-photo-card{
        min-height:520px;
    }
}



/* MRC_WORLDCLASS_LAYOUT_FINISH_V11 */
html,body{height:auto!important;min-height:0!important}
main,.footer,.footer-inner{height:auto!important;min-height:0!important}

.clarity-grid{margin-top:34px!important}
.clarity-grid article{min-height:0!important;padding:26px!important}
.clarity-grid article>span{display:block;margin:0 0 26px!important}
.clarity-grid h3{margin:0 0 10px!important}
.clarity-grid p{margin:0!important}

.footer{
    min-height:0!important;
    height:auto!important;
    padding-top:24px!important;
    padding-bottom:24px!important;
}

@media(max-width:700px){
    .clarity-grid{margin-top:26px!important;gap:1px!important}
    .clarity-grid article{
        min-height:0!important;
        padding:24px 20px!important;
    }
    .clarity-grid article>span{margin-bottom:18px!important}
    .clarity-grid h3{
        margin:0 0 8px!important;
        font-size:1.28rem!important;
    }
    .clarity-grid p{
        font-size:1rem!important;
        line-height:1.52!important;
    }
    .footer{
        min-height:0!important;
        height:auto!important;
        padding:22px 5vw 24px!important;
    }
    .footer-inner{min-height:0!important;height:auto!important}
}