/*
 * Crown & Compass Global — Home
 * Page-specific stylesheet extracted from the current live global stylesheet.
 * Original cascade order preserved. Shared/global rules remain in style.css.
 */

/* =========================================================
   HOME PAGE HERO
========================================================= */

.home-hero{
    position:relative;
    overflow:hidden;

    min-height:680px;

    background:#101A38;

    color:#F4F1E8;
}


/* =========================================================
   SLIDE STACK
========================================================= */

.home-hero-slides{
    position:absolute;
    inset:0;

    z-index:0;
}


.home-hero-slide{
    position:absolute;
    inset:0;

    opacity:0;

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

    transform:scale(1.03);

    transition:
        opacity 1.1s ease,
        transform 7s ease;

    pointer-events:none;
}


.home-hero-slide.is-active{
    opacity:1;

    transform:scale(1.08);
}


/* =========================================================
   OVERLAY / COLOR GRADE
========================================================= */

.home-hero-overlay{
    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(8,16,38,.97) 0%,
            rgba(16,26,56,.93) 28%,
            rgba(29,41,82,.72) 48%,
            rgba(29,41,82,.34) 68%,
            rgba(29,41,82,.12) 100%
        ),
        linear-gradient(
            180deg,
            rgba(10,18,42,.16) 0%,
            rgba(10,18,42,.06) 55%,
            rgba(10,18,42,.48) 100%
        );
}


/* subtle vignette */

.home-hero::after{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        radial-gradient(
            ellipse at center,
            transparent 42%,
            rgba(7,13,31,.10) 66%,
            rgba(7,13,31,.40) 100%
        );
}


/* =========================================================
   HERO INNER
========================================================= */

.home-hero-inner{
    position:relative;

    z-index:2;

    width:min(1280px,calc(100% - 100px));
    min-height:680px;

    margin:0 auto;

    display:flex;
    align-items:center;

    padding-bottom:120px;
}


/* =========================================================
   HERO COPY
========================================================= */

.home-hero-copy{
    width:min(700px,58%);
}


.home-hero-eyebrow{
    display:block;

    margin-bottom:18px;

    font-family:"Assistant",sans-serif;
    font-size:13px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.23em;

    color:#E0C77F;
}


.home-hero h1{
    margin:0;

    max-width:720px;

    font-family:"Lora",serif;
    font-size:clamp(58px,5vw,82px);
    font-weight:700;

    line-height:1.04;
    letter-spacing:-.035em;

    color:#F4F1E8;
}


.home-hero h1 em{
    display:block;

    margin-top:5px;

    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 44%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


.home-hero-lede{
    max-width:660px;

    margin:28px 0 0;

    font-family:"Assistant",sans-serif;
    font-size:18px;
    line-height:1.72;
    font-weight:400;

    color:rgba(244,241,232,.84);
}


/* =========================================================
   HERO BUTTONS
========================================================= */

.home-hero-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:16px;

    margin-top:34px;
}


.home-hero-btn{
    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:14px;

    min-height:54px;

    padding:0 25px;

    overflow:hidden;

    font-family:"Assistant",sans-serif;
    font-size:13px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.08em;

    text-decoration:none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        color .25s ease,
        border-color .25s ease,
        background .25s ease;
}


/* PRIMARY */

.home-hero-btn-primary{
    color:#101A38;

    border:1px solid #D4A017;

    background:
        linear-gradient(
            110deg,
            #BC8810 0%,
            #D4A017 45%,
            #F0DEAE 100%
        );

    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        0 0 24px rgba(212,160,23,.08);
}


.home-hero-btn-primary:hover{
    transform:translateY(-4px);

    box-shadow:
        0 16px 34px rgba(0,0,0,.28),
        0 0 32px rgba(212,160,23,.20);
}


/* GOLD GLEAM */

.home-hero-btn-primary::before{
    content:"";

    position:absolute;

    top:-50%;
    left:-75%;

    width:45%;
    height:200%;

    opacity:0;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(240,222,174,.08) 20%,
            rgba(240,222,174,.85) 45%,
            rgba(255,244,195,1) 52%,
            rgba(240,222,174,.42) 68%,
            transparent 100%
        );

    transform:skewX(-20deg);

    pointer-events:none;

    z-index:1;
}


.home-hero-btn-primary:hover::before{
    animation:homeHeroButtonGleam .75s ease-out 1;
}


@keyframes homeHeroButtonGleam{

    0%{
        left:-75%;
        opacity:0;
    }

    10%{
        opacity:1;
    }

    90%{
        opacity:1;
    }

    100%{
        left:135%;
        opacity:0;
    }

}


.home-hero-btn > *{
    position:relative;
    z-index:2;
}


/* SECONDARY */

.home-hero-btn-secondary{
    color:#F4F1E8;

    border:1px solid rgba(224,199,127,.60);

    background:rgba(255,255,255,.025);
}


.home-hero-btn-secondary:hover{
    transform:translateY(-4px);

    color:#F0DEAE;

    border-color:#D4A017;

    background:rgba(212,160,23,.07);

    box-shadow:
        0 14px 30px rgba(0,0,0,.20);
}


/* =========================================================
   FIVE-SLIDE NAVIGATION
========================================================= */

.home-hero-navigation{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    z-index:3;

    border-top:
        1px solid
        rgba(244,241,232,.16);

    background:
        linear-gradient(
            180deg,
            rgba(10,18,42,.10),
            rgba(10,18,42,.74)
        );

    backdrop-filter:blur(4px);
}


.home-hero-navigation-inner{
    width:min(1280px,calc(100% - 100px));

    margin:0 auto;

    display:grid;

    grid-template-columns:
        repeat(5,minmax(0,1fr));
}


/* =========================================================
   NAV ITEM
========================================================= */

.home-hero-nav-item{
    position:relative;

    min-width:0;

    padding:
        18px
        18px
        20px;

    border:0;
    border-right:
        1px solid
        rgba(244,241,232,.11);

    background:transparent;

    text-align:left;

    cursor:pointer;

    color:rgba(244,241,232,.62);

    transition:
        background .3s ease,
        color .3s ease;
}


.home-hero-nav-item:first-child{
    border-left:
        1px solid
        rgba(244,241,232,.11);
}


.home-hero-nav-item:hover{
    color:#F4F1E8;

    background:
        rgba(255,255,255,.025);
}


.home-hero-nav-item.is-active{
    color:#F4F1E8;

    background:
        linear-gradient(
            180deg,
            rgba(212,160,23,.05),
            rgba(212,160,23,.015)
        );
}


/* NUMBER */

.home-hero-nav-number{
    display:block;

    margin-bottom:7px;

    font-family:"Assistant",sans-serif;
    font-size:11px;
    font-weight:700;

    letter-spacing:.16em;

    color:#D4A017;
}


/* LABEL */

.home-hero-nav-label{
    display:block;

    overflow:hidden;

    font-family:"Assistant",sans-serif;
    font-size:13px;
    font-weight:600;

    line-height:1.25;

    white-space:nowrap;
    text-overflow:ellipsis;
}


/* =========================================================
   PROGRESS LINE
========================================================= */

.home-hero-nav-progress{
    position:absolute;

    left:18px;
    right:18px;
    bottom:0;

    height:2px;

    overflow:hidden;

    background:
        rgba(244,241,232,.10);
}


.home-hero-nav-progress > span{
    display:block;

    width:100%;
    height:100%;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    transform:scaleX(0);
    transform-origin:left center;
    will-change:transform;
}


/* the JS will restart this each time a slide becomes active */

.home-hero-nav-item.is-active
.home-hero-nav-progress > span{
    animation:
        homeHeroProgress
        6s
        linear
        forwards;
}


@keyframes homeHeroProgress{

    from{
        transform:scaleX(0);
    }

    to{
        transform:scaleX(1);
    }

}


/* =========================================================
   FOCUS ACCESSIBILITY
========================================================= */

.home-hero-nav-item:focus-visible,
.home-hero-btn:focus-visible{
    outline:
        2px solid
        #F0DEAE;

    outline-offset:
        -3px;
}


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

@media (max-width:1000px){


    .home-hero{
        min-height:720px;
    }


    .home-hero-inner{
        width:min(100% - 50px,850px);

        min-height:720px;

        padding-bottom:150px;
    }


    .home-hero-copy{
        width:min(680px,78%);
    }


    .home-hero h1{
        font-size:clamp(52px,7vw,72px);
    }


    .home-hero-navigation-inner{
        width:100%;
    }


    .home-hero-nav-label{
        font-size:12px;
    }


}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){


    .home-hero{
        min-height:auto;
    }


    .home-hero-inner{
        width:calc(100% - 36px);

        min-height:650px;

        padding:
            115px
            0
            155px;

        align-items:flex-start;
    }


    .home-hero-copy{
        width:100%;
    }


    .home-hero h1{
        font-size:clamp(45px,12vw,58px);
    }


    .home-hero-lede{
        max-width:100%;

        font-size:17px;
    }


    .home-hero-actions{
        align-items:stretch;
        flex-direction:column;
    }


    .home-hero-btn{
        width:100%;
    }


    /* horizontal scroll for 5 nav options */

    .home-hero-navigation{
        overflow-x:auto;

        scrollbar-width:none;
    }


    .home-hero-navigation::-webkit-scrollbar{
        display:none;
    }


    .home-hero-navigation-inner{
        width:max-content;

        grid-template-columns:
            repeat(5,180px);
    }


    .home-hero-nav-item{
        min-width:180px;
    }


    .home-hero-slide{
        background-position:center;
    }


}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce){


    .home-hero-slide{
        transform:none !important;

        transition:
            opacity .25s ease !important;
    }


    .home-hero-nav-item.is-active
    .home-hero-nav-progress > span{
        animation:none !important;

        width:100%;
    }


    .home-hero-btn-primary:hover::before{
        animation:none !important;
    }


}

/* =========================================================
   HOME HERO — SIZE REFINEMENT
========================================================= */

.home-hero{
    min-height:610px;
}

.home-hero-inner{
    min-height:610px;
    padding-bottom:108px;
}


/* smaller overall copy block */

.home-hero-copy{
    width:min(620px,52%);
}


/* smaller heading */

.home-hero h1{
    max-width:650px;

    font-size:clamp(48px,4.1vw,68px);

    line-height:1.05;
}


/* slightly smaller eyebrow */

.home-hero-eyebrow{
    font-size:12px;
}


/* slightly smaller paragraph */

.home-hero-lede{
    max-width:610px;

    font-size:16.5px;
    line-height:1.68;

    margin-top:24px;
}


/* slightly tighter buttons */

.home-hero-actions{
    margin-top:29px;
}


/* =========================================================
   BACK THE ARTWORK UP A LITTLE
========================================================= */

.home-hero-slide{
    transform:scale(1);
}

.home-hero-slide.is-active{
    transform:scale(1.025);
}

/* =========================================================
   HOME — IDENTITY STATEMENT
========================================================= */

.home-identity{
    position:relative;
    overflow:hidden;

    padding:96px 40px 104px;

    background:#F4F1E8;

    color:#1D2952;
}


/* INNER LAYOUT */

.home-identity-inner{
    width:min(1240px,100%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:110px;

    align-items:start;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.home-identity-heading{
    max-width:620px;
}


.home-identity-kicker{
    display:block;

    margin-bottom:18px;

    font-family:"Assistant",sans-serif;
    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.22em;

    color:#BC8810;
}


.home-identity-heading h2{
    margin:0;

    font-family:"Lora",serif;
    font-size:clamp(42px,4.1vw,58px);
    font-weight:600;

    line-height:1.12;
    letter-spacing:-.025em;

    color:#1D2952;
}


.home-identity-heading h2 em{
    display:block;

    margin-top:8px;

    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 46%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


/* =========================================================
   RIGHT SIDE COPY
========================================================= */

.home-identity-copy{
    max-width:560px;

    padding-top:42px;
}


.home-identity-copy p{
    margin:0;

    font-family:"Assistant",sans-serif;
    font-size:18px;
    line-height:1.72;

    color:#3E4559;
}


.home-identity-copy p + p{
    margin-top:24px;
}


.home-identity-copy .home-identity-lead{
    position: relative;

    margin: 0 0 28px;

    font-family: "Lora", serif;
    font-size: 22px;
    line-height: 1.52;
    font-weight: 600;

    letter-spacing: -0.012em;

    color: #1D2952;
}


.home-identity-copy p:not(.home-identity-lead){
    font-family: "Assistant", sans-serif;
    font-size: 16.5px;
    line-height: 1.75;
    font-weight: 400;

    color: rgba(29, 41, 82, 0.78);
}


/* =========================================================
   GOLD RULE
========================================================= */

.home-identity-rule{
    display:block;

    width:0;
    height:2px;

    margin-top:34px;

    background:
        linear-gradient(
            90deg,
            #BC8810 0%,
            #D4A017 50%,
            #F0DEAE 100%
        );

    transition:
        width 1s cubic-bezier(.2,.7,.3,1);
}


/* reveal the rule when section is in view */
.home-identity.is-visible
.home-identity-rule{
    width:78px;
}


/* =========================================================
   SUBTLE STRUCTURAL DETAIL
========================================================= */

.home-identity::before{
    content:"";

    position:absolute;

    left:50%;
    top:34px;
    bottom:34px;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(212,160,23,.13) 18%,
            rgba(29,41,82,.10) 50%,
            rgba(212,160,23,.13) 82%,
            transparent
        );

    transform:translateX(-50%);

    pointer-events:none;
}


/* =========================================================
   TOP / BOTTOM HAIRLINES
========================================================= */

.home-identity::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:min(1240px,calc(100% - 80px));
    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(29,41,82,.14) 15%,
            rgba(212,160,23,.20) 50%,
            rgba(29,41,82,.14) 85%,
            transparent 100%
        );
}


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

@media (max-width:950px){


    .home-identity-inner{
        grid-template-columns:1fr;

        gap:50px;
    }


    .home-identity-copy{
        max-width:700px;

        padding-top:0;
    }


    .home-identity::before{
        display:none;
    }


}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){


    .home-identity{
        padding:
            72px
            22px
            78px;
    }


    .home-identity-inner{
        gap:38px;
    }


    .home-identity-heading h2{
        font-size:38px;
    }


    .home-identity-copy .home-identity-lead{
        font-size:21px;
    }


    .home-identity-copy p{
        font-size:17px;
    }


}

/* =========================================================
   HOME IDENTITY — COMPASS AXIS REFINEMENT
========================================================= */

.home-identity{
    position:relative;
    overflow:hidden;

    padding:92px 40px 100px;

    background:#F4F1E8;
}


/* slightly tighter overall composition */

.home-identity-inner{
    position:relative;
    z-index:2;

    width:min(1240px,100%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr);

    gap:110px;

    align-items:center;
}


/* =========================================================
   LEFT
========================================================= */

.home-identity-kicker{
    margin-bottom:16px;

    font-family:"Assistant",sans-serif;
    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.24em;

    color:#BC8810;
}


.home-identity-heading h2{
    max-width:600px;

    font-size:clamp(40px,3.8vw,54px);
    line-height:1.12;
}


/* make first line quieter */

.home-identity-heading h2{
    color:#1D2952;
}


/* make italic line the star */

.home-identity-heading h2 em{
    display:block;

    margin-top:10px;

    font-size:1.08em;
    line-height:1.08;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 45%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* =========================================================
   RIGHT
========================================================= */

.home-identity-copy{
    position:relative;

    max-width:540px;

    padding-top:0;
}


.home-identity-copy .home-identity-lead{
    font-family:"Lora",serif;

    font-size:21px;
    line-height:1.55;

    color:#1D2952;
}


.home-identity-copy p{
    font-size:17px;
    line-height:1.72;
}


/* =========================================================
   CENTRAL AXIS
========================================================= */

/* vertical line */
.home-identity::before{
    content:"";

    position:absolute;

    left:50%;
    top:54px;
    bottom:54px;

    width:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(212,160,23,.16) 15%,
            rgba(29,41,82,.12) 50%,
            rgba(212,160,23,.16) 85%,
            transparent 100%
        );

    z-index:1;
}


/* center diamond */
.home-identity-inner::before{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:12px;
    height:12px;

    transform:
        translate(-50%,-50%)
        rotate(45deg);

    background:
        linear-gradient(
            135deg,
            #BC8810,
            #F0DEAE
        );

    box-shadow:
        0 0 0 7px #F4F1E8,
        0 0 0 8px rgba(212,160,23,.22);

    z-index:4;
}


/* horizontal coordinate line extending right */
.home-identity-inner::after{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:130px;
    height:1px;

    transform:translateY(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(212,160,23,.50),
            rgba(212,160,23,.08)
        );

    z-index:1;
}


/* =========================================================
   GHOSTED COMPASS GEOMETRY
========================================================= */

.home-identity-heading::before{
    content:"";

    position:absolute;

    left:-150px;
    top:50%;

    width:430px;
    height:430px;

    transform:translateY(-50%);

    border:
        1px solid
        rgba(212,160,23,.075);

    border-radius:50%;

    box-shadow:
        inset 0 0 0 52px transparent,
        0 0 0 58px rgba(29,41,82,.025),
        0 0 0 118px rgba(212,160,23,.022);

    pointer-events:none;

    z-index:-1;
}


/* small compass cross inside ghost ring */
.home-identity-heading::after{
    content:"";

    position:absolute;

    left:15px;
    top:50%;

    width:90px;
    height:90px;

    transform:
        translateY(-50%)
        rotate(45deg);

    border:
        1px solid
        rgba(29,41,82,.04);

    pointer-events:none;

    z-index:-1;
}


/* =========================================================
   GOLD RULE
========================================================= */

.home-identity-rule{
    width:0;
    height:2px;

    margin-top:32px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    transition:
        width 1s cubic-bezier(.2,.7,.3,1);
}


.home-identity.is-visible
.home-identity-rule{
    width:84px;
}


/* =========================================================
   BOTTOM HAIRLINE
========================================================= */

.home-identity::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:min(1240px,calc(100% - 80px));
    height:1px;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(29,41,82,.12) 18%,
            rgba(212,160,23,.18) 50%,
            rgba(29,41,82,.12) 82%,
            transparent
        );
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width:950px){


    .home-identity-inner{
        grid-template-columns:1fr;
        gap:44px;
    }

    .home-identity::before,
.home-identity-inner::before,
.home-identity-inner::after{
        display:none;
    }

    .home-identity-copy{
        max-width:700px;
    }


}


@media (max-width:700px){


    .home-identity{
        padding:
            72px
            22px
            78px;
    }

    .home-identity-heading h2{
        font-size:38px;
    }

    .home-identity-copy .home-identity-lead{
        font-size:20px;
    }

    .home-identity-copy p{
        font-size:16.5px;
    }

    .home-identity-heading::before,
.home-identity-heading::after{
        display:none;
    }


}

/* =========================================================
   HOME — WHERE DO YOU NEED HELP?
   THREE-DISCIPLINE NAVIGATOR
========================================================= */

.home-disciplines{
    position:relative;
    overflow:hidden;

    padding:102px 40px 112px;

    background:#1D2952;

    color:#F4F1E8;
}


/* =========================================================
   INNER
========================================================= */

.home-disciplines-inner{
    position:relative;
    z-index:2;

    width:min(1320px,100%);
    margin:0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.home-disciplines-intro{
    max-width:900px;
    margin:0 auto 68px;

    text-align:center;
}


.home-disciplines-eyebrow{
    display:block;

    margin-bottom:16px;

    font-family:"Assistant",sans-serif;
    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.24em;

    color:#E0C77F;
}


.home-disciplines-intro h2{
    margin:0;

    font-family:"Lora",serif;
    font-size:clamp(42px,4vw,58px);
    font-weight:600;

    line-height:1.12;
    letter-spacing:-.025em;

    color:#F4F1E8;
}


.home-disciplines-intro h2 em{
    display:block;

    margin-top:7px;

    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 46%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


.home-disciplines-intro > p{
    max-width:700px;

    margin:24px auto 0;

    font-family:"Assistant",sans-serif;
    font-size:17px;
    line-height:1.7;

    color:rgba(244,241,232,.72);
}


/* =========================================================
   CONNECTED DISCIPLINE SYSTEM
========================================================= */

.home-disciplines-list{
    position:relative;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    border-top:
        1px solid
        rgba(224,199,127,.20);

    border-bottom:
        1px solid
        rgba(224,199,127,.20);
}


/* long shared line running through all three */

.home-disciplines-list::before{
    content:"";

    position:absolute;

    left:0;
    right:0;
    top:68px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(212,160,23,.26) 8%,
            rgba(224,199,127,.34) 50%,
            rgba(212,160,23,.26) 92%,
            transparent 100%
        );

    pointer-events:none;
}


/* =========================================================
   EACH DISCIPLINE
========================================================= */

.home-discipline{
    position:relative;

    min-height:410px;

    padding:
        42px
        38px
        46px;

    border-right:
        1px solid
        rgba(244,241,232,.12);

    overflow:hidden;

    transition:
        background .35s ease;
}


.home-discipline:last-child{
    border-right:none;
}


/* =========================================================
   NUMBER
========================================================= */

.home-discipline-number{
    position:relative;
    z-index:2;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    min-width:44px;
    height:44px;

    padding:0 8px;

    margin-bottom:40px;

    background:#1D2952;

    font-family:"Lora",serif;
    font-size:17px;
    font-weight:600;

    color:rgba(244,241,232,.42);

    transition:
        color .35s ease,
        transform .35s ease;
}


/* little gold node on the shared line */

.home-discipline-number::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:-30px;

    width:7px;
    height:7px;

    transform:
        translateX(-50%)
        rotate(45deg);

    background:#D4A017;

    box-shadow:
        0 0 0 5px #1D2952;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


/* =========================================================
   COPY
========================================================= */

.home-discipline-copy{
    position:relative;
    z-index:2;

    padding-top:22px;

    transition:
        transform .35s ease;
}


.home-discipline h3{
    min-height:70px;

    display:flex;
    align-items:flex-start;

    margin:0;

    font-family:"Lora",serif;
    font-size:27px;
    font-weight:600;

    line-height:1.25;

    color:#F4F1E8;
}


/* italic promise */

.home-discipline-promise{
    min-height:78px;

    margin:18px 0 0;

    font-family:"Lora",serif;
    font-size:18px;
    font-weight:500;
    font-style:italic;

    line-height:1.5;

    color:#E0C77F;
}


/* supporting detail */

.home-discipline-detail{
    margin:19px 0 0;

    font-family:"Assistant",sans-serif;
    font-size:15.5px;
    line-height:1.65;

    color:rgba(244,241,232,.66);
}


/* =========================================================
   EXPLORE LINK
========================================================= */

.home-discipline-link{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-top:auto;

    padding-bottom:5px;

    border-bottom:
        1px solid
        rgba(212,160,23,.42);

    font-family:"Assistant",sans-serif;
    font-size:12.5px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.07em;

    text-decoration:none;

    color:#F4F1E8;

    opacity:.62;

    transition:
        opacity .3s ease,
        color .3s ease,
        gap .3s ease,
        border-color .3s ease;
}


.home-discipline-link span{
    transition:
        transform .3s ease;
}

.home-discipline-detail{
    margin-bottom:28px;
}

/* =========================================================
   GOLD HOVER TRACK
========================================================= */

.home-discipline::before{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:0;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    transition:
        width .45s cubic-bezier(.2,.7,.3,1);
}


/* =========================================================
   VERY SUBTLE HOVER GLOW
========================================================= */

.home-discipline::after{
    content:"";

    position:absolute;

    left:50%;
    top:68px;

    width:280px;
    height:280px;

    opacity:0;

    transform:
        translate(-50%,-50%);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(212,160,23,.09) 0%,
            rgba(212,160,23,.035) 38%,
            transparent 72%
        );

    pointer-events:none;

    transition:
        opacity .4s ease;
}


/* =========================================================
   HOVER
========================================================= */

.home-discipline:hover{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(212,160,23,.025)
        );
}


.home-discipline:hover::before{
    width:100%;
}


.home-discipline:hover::after{
    opacity:1;
}


.home-discipline:hover
.home-discipline-number{
    color:#F0DEAE;

    transform:translateY(-3px);
}


.home-discipline:hover
.home-discipline-number::after{
    transform:
        translateX(-50%)
        rotate(45deg)
        scale(1.28);

    box-shadow:
        0 0 0 5px #1D2952,
        0 0 18px rgba(212,160,23,.35);
}


.home-discipline:hover
.home-discipline-copy{
    transform:translateY(-4px);
}


.home-discipline:hover
.home-discipline-link{
    gap:14px;

    opacity:1;

    color:#F0DEAE;

    border-color:#D4A017;
}


.home-discipline:hover
.home-discipline-link span{
    transform:translateX(3px);
}


/* =========================================================
   SUBTLE BACKGROUND ARCHITECTURE
========================================================= */

.home-disciplines::before{
    content:"";

    position:absolute;

    left:-220px;
    bottom:-310px;

    width:620px;
    height:620px;

    border:
        1px solid
        rgba(224,199,127,.055);

    border-radius:50%;

    box-shadow:
        0 0 0 70px rgba(224,199,127,.018),
        0 0 0 145px rgba(224,199,127,.012);

    pointer-events:none;
}


.home-disciplines::after{
    content:"";

    position:absolute;

    right:-180px;
    top:-280px;

    width:560px;
    height:560px;

    border:
        1px solid
        rgba(224,199,127,.05);

    border-radius:50%;

    pointer-events:none;
}


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

@media (max-width:1000px){


    .home-disciplines-list{
        grid-template-columns:1fr;
    }


    .home-disciplines-list::before{
        display:none;
    }


    .home-discipline{
        min-height:0;

        padding:
            38px
            30px
            42px;

        border-right:none;

        border-bottom:
            1px solid
            rgba(244,241,232,.12);
    }


    .home-discipline:last-child{
        border-bottom:none;
    }


    .home-discipline-number{
        margin-bottom:20px;
    }


    .home-discipline-number::after{
        display:none;
    }


    .home-discipline-copy{
        padding-top:0;
    }


    .home-discipline h3,
.home-discipline-promise{
        min-height:0;
    }


}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){


    .home-disciplines{
        padding:
            76px
            22px
            82px;
    }


    .home-disciplines-intro{
        margin-bottom:48px;
    }


    .home-disciplines-intro h2{
        font-size:38px;
    }


    .home-disciplines-intro > p{
        font-size:16.5px;
    }


    .home-discipline{
        padding:
            34px
            8px
            38px;
    }


    .home-discipline h3{
        font-size:25px;
    }


    .home-discipline-promise{
        font-size:17px;
    }


    .home-discipline-detail{
        font-size:15.5px;
    }


}

/* =========================================================
   HOME — COMMERCIAL + PUBLIC SECTOR
   SPLIT ENVIRONMENT SECTION
========================================================= */

.home-environments{
    position:relative;
    overflow:hidden;

    background:#F4F1E8;

    color:#1D2952;
}


/* =========================================================
   MAIN SPLIT
========================================================= */

.home-environments-inner{
    position:relative;

    width:min(1380px,100%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        70px
        minmax(0,1fr);

    align-items:stretch;
}


/* =========================================================
   EACH SIDE
========================================================= */

.home-environment{
    position:relative;

    min-height:590px;

    padding:
        92px
        66px
        86px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    overflow:hidden;

    transition:
        background .4s ease;
}


/* =========================================================
   COMMERCIAL SIDE
========================================================= */

.home-environment-commercial{
    background:
        linear-gradient(
            135deg,
            rgba(244,241,232,1) 0%,
            rgba(244,241,232,.96) 72%,
            rgba(224,199,127,.08) 100%
        );
}


/* subtle architecture */

.home-environment-commercial::before{
    content:"";

    position:absolute;

    left:-250px;
    bottom:-290px;

    width:580px;
    height:580px;

    border:
        1px solid
        rgba(29,41,82,.055);

    border-radius:50%;

    box-shadow:
        0 0 0 75px rgba(29,41,82,.018),
        0 0 0 145px rgba(212,160,23,.014);

    pointer-events:none;
}


/* =========================================================
   PUBLIC SIDE
========================================================= */

.home-environment-public{
    background:
        linear-gradient(
            225deg,
            rgba(233,233,238,.72) 0%,
            rgba(244,241,232,.98) 48%,
            rgba(244,241,232,1) 100%
        );
}


/* faint institutional linework */

.home-environment-public::before{
    content:"";

    position:absolute;

    right:-170px;
    top:-210px;

    width:500px;
    height:500px;

    border:
        1px solid
        rgba(212,160,23,.065);

    transform:rotate(45deg);

    pointer-events:none;
}


/* =========================================================
   NUMBERS
========================================================= */

.home-environment-number{
    display:block;

    margin-bottom:30px;

    font-family:"Lora",serif;
    font-size:58px;
    font-weight:500;

    line-height:1;

    color:rgba(29,41,82,.10);

    transition:
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   EYEBROW
========================================================= */

.home-environment-eyebrow{
    display:block;

    margin-bottom:15px;

    font-family:"Assistant",sans-serif;
    font-size:12px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.22em;

    color:#BC8810;
}


/* =========================================================
   HEADING
========================================================= */

.home-environment h2{
    max-width:520px;

    margin:0;

    font-family:"Lora",serif;
    font-size:clamp(38px,3.6vw,52px);
    font-weight:600;

    line-height:1.12;
    letter-spacing:-.025em;

    color:#1D2952;
}


.home-environment h2 em{
    display:block;

    margin-top:6px;

    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 45%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


/* =========================================================
   LEAD
========================================================= */

.home-environment-lead{
    max-width:560px;

    margin:18px 0 0;

    font-family:"Lora",serif;
    font-size:20px;
    line-height:1.55;
    font-weight:500;

    color:#1D2952;
}


/* =========================================================
   BODY
========================================================= */

.home-environment-copy{
    max-width:560px;

    margin:20px 0 0;

    font-family:"Assistant",sans-serif;
    font-size:16px;
    line-height:1.72;

    color:rgba(29,41,82,.76);
}


/* =========================================================
   LINKS
========================================================= */

.home-environment-link{
    display:inline-flex;

    align-items:center;

    gap:9px;

    width:max-content;

    margin-top:30px;

    padding-bottom:5px;

    border-bottom:
        1px solid
        rgba(188,136,16,.45);

    font-family:"Assistant",sans-serif;
    font-size:12.5px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.08em;

    text-decoration:none;

    color:#1D2952;

    transition:
        color .3s ease,
        gap .3s ease,
        border-color .3s ease;
}


.home-environment-link span{
    transition:
        transform .3s ease;
}


.home-environment-link:hover{
    gap:14px;

    color:#BC8810;

    border-color:#D4A017;
}


.home-environment-link:hover span{
    transform:translateX(4px);
}


/* =========================================================
   CENTER AXIS
========================================================= */

.home-environment-axis{
    position:relative;

    display:flex;

    align-items:center;
    justify-content:center;
}


/* vertical line */

.home-environment-axis-line{
    position:absolute;

    top:54px;
    bottom:54px;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(212,160,23,.28) 12%,
            rgba(29,41,82,.16) 50%,
            rgba(212,160,23,.28) 88%,
            transparent 100%
        );
}


/* center diamond housing */

.home-environment-axis-mark{
    position:relative;

    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:#F4F1E8;

    transform:rotate(45deg);

    border:
        1px solid
        rgba(212,160,23,.30);

    z-index:3;
}


/* inner gold diamond */

.home-environment-axis-mark span{
    width:10px;
    height:10px;

    background:
        linear-gradient(
            135deg,
            #BC8810,
            #F0DEAE
        );

    box-shadow:
        0 0 18px
        rgba(212,160,23,.12);
}


/* =========================================================
   CENTER HORIZONTAL CONNECTORS
========================================================= */

.home-environment-axis::before,
.home-environment-axis::after{
    content:"";

    position:absolute;

    top:50%;

    width:58px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(212,160,23,.05),
            rgba(212,160,23,.55)
        );

    pointer-events:none;
}


.home-environment-axis::before{
    right:50%;
}


.home-environment-axis::after{
    left:50%;

    transform:scaleX(-1);
}


/* =========================================================
   SIDE HOVER
========================================================= */

.home-environment:hover
.home-environment-number{
    color:rgba(188,136,16,.68);

    transform:translateY(-4px);
}


.home-environment-commercial:hover{
    background:
        linear-gradient(
            135deg,
            rgba(244,241,232,1) 0%,
            rgba(244,241,232,.96) 58%,
            rgba(212,160,23,.09) 100%
        );
}


.home-environment-public:hover{
    background:
        linear-gradient(
            225deg,
            rgba(224,199,127,.09) 0%,
            rgba(244,241,232,.98) 52%,
            rgba(244,241,232,1) 100%
        );
}


/* =========================================================
   CONNECTING PRINCIPLE
========================================================= */

.home-environments-principle{
    position:relative;

    padding:
        44px
        40px
        50px;

    text-align:center;

    background:#1D2952;

    border-top:
        1px solid
        rgba(224,199,127,.18);
}


.home-environments-principle-label{
    display:block;

    margin-bottom:12px;

    font-family:"Assistant",sans-serif;
    font-size:11.5px;
    font-weight:700;

    text-transform:uppercase;
    letter-spacing:.24em;

    color:#D4A017;
}


.home-environments-principle p{
    margin:0;

    font-family:"Lora",serif;
    font-size:clamp(28px,3vw,40px);
    font-weight:600;

    line-height:1.25;

    color:#F4F1E8;
}


.home-environments-principle p em{
    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


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

@media (max-width:1000px){


    .home-environments-inner{
        grid-template-columns:1fr;
    }


    .home-environment{
        min-height:0;

        padding:
            72px
            42px;
    }


    .home-environment-axis{
        height:68px;
    }


    .home-environment-axis-line{
        top:0;
        bottom:0;
    }


    .home-environment-axis::before,
.home-environment-axis::after{
        width:40%;
    }


}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:700px){


    .home-environment{
        padding:
            62px
            22px;
    }


    .home-environment-number{
        font-size:46px;
    }


    .home-environment h2{
        font-size:38px;
    }


    .home-environment-lead{
        font-size:19px;
    }


    .home-environment-copy{
        font-size:16px;
    }


    .home-environments-principle{
        padding:
            38px
            22px
            42px;
    }


    .home-environments-principle p{
        font-size:29px;
    }


}

/* =========================================================
   HOME ENVIRONMENTS — PREVENT ITALIC HEADING CLIPPING
========================================================= */

.home-environment h2{
    overflow:visible;
    padding-bottom:12px;
}

.home-environment h2 em{
    display:block;

    /* extra room for Lora italic descenders */
    padding-bottom:8px;

    line-height:1.18;
}

/* =========================================================
   HOME DISCIPLINES — ALIGN BOTTOM LINKS
========================================================= */

.home-discipline-detail{
    min-height:76px;
}

.home-discipline-copy{
    height:100%;

    display:flex;
    flex-direction:column;
}

/* =========================================================
   HOME DISCIPLINES — FINAL VERTICAL ALIGNMENT FIX
   Keeps all 3 Explore links on the same baseline
========================================================= */

/* Each entire column becomes a flex column */
.home-discipline{
    display:flex;
    flex-direction:column;
}


/* Copy area fills all remaining vertical space */
.home-discipline-copy{
    flex:1;

    display:flex !important;
    flex-direction:column !important;

    height:auto !important;
}


/* Keep all titles in the same title zone */
.home-discipline h3{
    min-height:70px;

    display:flex;
    align-items:center;
}


/* Keep all gold promises in the same zone */
.home-discipline-promise{
    min-height:78px;
}


/* Keep description area consistent */
.home-discipline-detail{
    min-height:82px;

    margin:
        19px
        0
        28px !important;
}


/* Push Explore link to bottom of every column */
.home-discipline-link{
    margin-top:auto !important;

    display:inline-flex !important;
    align-items:center;

    width:max-content;

    opacity:.62;
}

/* =========================================================
   HOME DISCIPLINES — OPTICAL TITLE ALIGNMENT
========================================================= */

/* Information Operations is only one line,
   so lift ONLY the visible heading without
   disturbing anything underneath it. */

.home-discipline:first-child h3{
    transform:translateY(-17px);
}

/* =========================================================
   HOME ENVIRONMENTS — FINAL COLUMN ALIGNMENT
========================================================= */

.home-environment{
    justify-content:flex-start !important;
}


/* Lock both sides to the same starting point */
.home-environment-commercial,
.home-environment-public{
    padding-top:92px !important;
}


/* Same space reserved for the main heading on both sides */
.home-environment h2{
    min-height:190px;
}


/* Same space reserved for the lead paragraph */
.home-environment-lead{
    min-height:102px;
}


/* Same space reserved for supporting copy */
.home-environment-copy{
    min-height:84px;
}


/* Keep the links aligned at the bottom of the content system */
.home-environment-link{
    margin-top:26px;
}

.home-environments-principle{
    position:relative;

    padding:46px 40px 52px;

    text-align:center;

    background:#1D2952;

    border-top:
        1px solid
        rgba(224,199,127,.18);
}


.home-environments-principle p{
    margin:0;

    font-family:"Lora",serif !important;

    font-size:clamp(30px,3.1vw,42px);
    font-weight:600;

    line-height:1.28;

    color:#F4F1E8;
}


.home-environments-principle p em{
    display:block;

    margin-top:5px;

    font-family:"Lora",serif !important;
    font-size:1.05em;
    font-weight:500;
    font-style:italic;

    background:
        linear-gradient(
            105deg,
            #BC8810 0%,
            #D4A017 45%,
            #F0DEAE 100%
        );

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}

/* =========================================================
   HOME PHILOSOPHY — MOVING GOLD TEXT GLEAM
========================================================= */

.home-environments-principle p em{
    position:relative;
    display:block;

    background:
        linear-gradient(
            90deg,
            #BC8810 0%,
            #D4A017 20%,
            #E0C77F 40%,
            #F0DEAE 50%,
            #E0C77F 60%,
            #D4A017 80%,
            #BC8810 100%
        );

    background-size:200% 100%;
    background-position:center;

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;

    transform:translateZ(0);
    will-change:transform;

    animation:homeGoldFlow 6s ease-in-out infinite alternate;
}

@keyframes homeGoldFlow{
    from{
        transform:translate3d(-1.5px,0,0);
    }

    to{
        transform:translate3d(1.5px,0,0);
    }
}

/* =========================================================
   HOME — THE COMPASS
========================================================= */

.home-compass{
    position:relative;
    overflow:hidden;
    background:#F4F1E8;
    color:#1D2952;
    padding:110px 0 105px;
}

.home-compass-inner{
    width:min(86%, 1500px);
    margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.home-compass-header{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(340px, .75fr);
    gap:90px;
    align-items:end;

    padding-bottom:50px;
    border-bottom:1px solid rgba(29,41,82,.18);
}

.home-compass-heading{
    position:relative;
}

.home-compass-eyebrow{
    display:block;
    margin-bottom:18px;

    font-family:"Assistant", sans-serif;
    font-size:12px;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;

    color:#BC8810;
}

.home-compass-heading h2{
    margin:0;

    font-family:"Lora", serif;
    font-size:clamp(56px, 5.2vw, 88px);
    font-weight:500;
    line-height:.98;
    letter-spacing:-.035em;

    color:#1D2952;
}

.home-compass-heading h2 em{
    display:inline-block;
    margin-left:10px;

    font-style:normal;
    font-size:.48em;

    color:#D4A017;

    transform:translateY(-10px);
}

.home-compass-intro{
    max-width:590px;
    padding-bottom:6px;
}

.home-compass-intro p{
    margin:0;

    font-family:"Assistant", sans-serif;
    font-size:19px;
    line-height:1.75;

    color:rgba(29,41,82,.78);
}


/* =========================================================
   CAROUSEL
========================================================= */

.home-compass-carousel{
    position:relative;
    padding-top:34px;
}


/* =========================================================
   TOP CONTROLS
========================================================= */

.home-compass-controls{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;

    margin-bottom:28px;
}

.home-compass-current{
    display:flex;
    align-items:center;
    gap:18px;
}

.home-compass-current-label{
    font-family:"Assistant", sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;

    color:#BC8810;
}

.home-compass-current-number{
    padding-left:18px;
    border-left:1px solid rgba(29,41,82,.22);

    font-family:"Lora", serif;
    font-size:15px;

    color:rgba(29,41,82,.55);
}


/* =========================================================
   ARROWS
========================================================= */

.home-compass-arrows{
    display:flex;
    gap:8px;
}

.home-compass-arrow{
    position:relative;

    width:52px;
    height:52px;

    display:grid;
    place-items:center;

    padding:0;
    border:1px solid rgba(29,41,82,.22);
    background:transparent;

    color:#1D2952;

    font-size:20px;

    cursor:pointer;
    overflow:hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        color .35s ease;
}

.home-compass-arrow::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            110deg,
            #BC8810 0%,
            #D4A017 42%,
            #F0DEAE 55%,
            #D4A017 68%,
            #BC8810 100%
        );

    transform:translateX(-105%);
    transition:transform .5s ease;
}

.home-compass-arrow span{
    position:relative;
    z-index:2;
}

.home-compass-arrow:hover{
    color:#08132F;
    border-color:#D4A017;
    transform:translateY(-3px);
}

.home-compass-arrow:hover::before{
    transform:translateX(0);
}


/* =========================================================
   VIEWPORT
========================================================= */

.home-compass-viewport{
    position:relative;

    overflow:hidden;

    width:calc(100vw - ((100vw - min(86vw, 1500px)) / 2));
    max-width:none;
}


/* =========================================================
   TRACK
========================================================= */

.home-compass-track{
    display:flex;
    align-items:stretch;
    gap:22px;

    transition:
        transform .72s cubic-bezier(.22,.61,.36,1);

    will-change:transform;
}


/* =========================================================
   INDIVIDUAL ISSUE
========================================================= */

.home-compass-issue{
    position:relative;

    flex:0 0 clamp(330px, 25vw, 405px);

    min-width:0;

    opacity:.58;

    transform:scale(.955);
    transform-origin:center left;

    transition:
        flex-basis .75s cubic-bezier(.22,.61,.36,1),
        opacity .55s ease,
        transform .75s cubic-bezier(.22,.61,.36,1);
}

.home-compass-issue.is-active{
    flex-basis:clamp(650px, 48vw, 780px);

    opacity:1;
    transform:scale(1);
}


/* =========================================================
   ISSUE LINK / LAYOUT
========================================================= */

.home-compass-issue-link{
    display:grid;
    grid-template-columns:1fr;
    height:100%;

    text-decoration:none;
    color:inherit;
}

.home-compass-issue.is-active .home-compass-issue-link{
    grid-template-columns:minmax(270px, .82fr) minmax(300px, 1fr);
}


/* =========================================================
   COVER
========================================================= */

.home-compass-cover{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    min-height:480px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:30px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(212,160,23,.16),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #101C43 0%,
            #1D2952 55%,
            #111C40 100%
        );

    color:#F4F1E8;

    border:1px solid rgba(212,160,23,.25);

    box-shadow:
        0 18px 50px rgba(15,24,55,.10);

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        box-shadow .55s ease;
}


/* large faint compass circle */

.home-compass-cover::before{
    content:"";

    position:absolute;

    width:310px;
    height:310px;

    right:-115px;
    bottom:-90px;

    border:1px solid rgba(224,199,127,.20);
    border-radius:50%;

    box-shadow:
        0 0 0 42px rgba(224,199,127,.035),
        0 0 0 84px rgba(224,199,127,.025);

    z-index:-1;
}


/* diagonal gold architectural line */

.home-compass-cover::after{
    content:"";

    position:absolute;

    width:170%;
    height:1px;

    left:-35%;
    top:55%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(212,160,23,.18),
            rgba(240,222,174,.72),
            rgba(212,160,23,.18),
            transparent
        );

    transform:rotate(-32deg);

    z-index:-1;
}


/* =========================================================
   COVER TOP
========================================================= */

.home-compass-cover-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
}

.home-compass-cover-brand,
.home-compass-cover-edition{
    font-family:"Assistant", sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;

    color:#E0C77F;
}


/* =========================================================
   COVER CENTER
========================================================= */

.home-compass-cover-center{
    display:flex;
    flex-direction:column;
    gap:20px;

    margin:auto 0;
}

.home-compass-cover-name{
    max-width:270px;

    font-family:"Lora", serif;
    font-size:clamp(38px, 3.2vw, 55px);
    font-weight:500;
    line-height:.96;
    letter-spacing:-.025em;

    color:#F4F1E8;
}

.home-compass-cover-mark{
    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border:1px solid rgba(224,199,127,.65);

    transform:rotate(45deg);

    color:#D4A017;
    font-size:15px;
}

.home-compass-cover-mark::first-letter{
    transform:rotate(-45deg);
}


/* =========================================================
   COVER BOTTOM
========================================================= */

.home-compass-cover-bottom{
    padding-top:20px;
    border-top:1px solid rgba(244,241,232,.16);
}

.home-compass-cover-bottom span{
    font-family:"Assistant", sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:.18em;
    text-transform:uppercase;

    color:#E0C77F;
}


/* =========================================================
   ISSUE INFORMATION
========================================================= */

.home-compass-issue-content{
    display:flex;
    flex-direction:column;

    min-height:480px;

    padding:42px 38px;

    border:
        1px solid rgba(29,41,82,.16);

    border-left:0;

    background:
        rgba(255,255,255,.18);
}


/* hide full editorial copy on peek cards */

.home-compass-issue:not(.is-active) .home-compass-issue-content{
    display:none;
}


/* =========================================================
   DATE
========================================================= */

.home-compass-date{
    display:block;

    margin-bottom:28px;

    font-family:"Assistant", sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;

    color:#BC8810;
}


/* =========================================================
   ISSUE TITLE
========================================================= */

.home-compass-issue-content h3{
    margin:0 0 25px;

    font-family:"Lora", serif;
    font-size:clamp(30px, 2.5vw, 42px);
    font-weight:500;
    line-height:1.13;
    letter-spacing:-.025em;

    color:#1D2952;
}


/* =========================================================
   ISSUE EXCERPT
========================================================= */

.home-compass-issue-content p{
    margin:0;

    max-width:470px;

    font-family:"Assistant", sans-serif;
    font-size:16px;
    line-height:1.72;

    color:rgba(29,41,82,.72);
}


/* =========================================================
   READ EDITION
========================================================= */

.home-compass-read{
    position:relative;

    align-self:flex-start;

    display:inline-flex;
    align-items:center;
    gap:13px;

    margin-top:auto;
    padding:18px 0 8px;

    font-family:"Assistant", sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;

    color:#1D2952;
}

.home-compass-read::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    transform-origin:left center;
    transition:transform .35s ease;
}

.home-compass-read span{
    transition:transform .35s ease;
}

.home-compass-issue-link:hover .home-compass-read span{
    transform:translateX(6px);
}

.home-compass-issue-link:hover .home-compass-read::after{
    transform:scaleX(.72);
}


/* =========================================================
   COVER HOVER
========================================================= */

.home-compass-issue-link:hover .home-compass-cover{
    transform:translateY(-7px);

    box-shadow:
        0 25px 60px rgba(15,24,55,.17);
}


/* =========================================================
   DIFFERENT EDITION GEOMETRY
========================================================= */

.home-compass-issue:nth-child(2) .home-compass-cover::before{
    width:240px;
    height:240px;

    right:auto;
    left:-90px;
    bottom:40px;
}

.home-compass-issue:nth-child(2) .home-compass-cover::after{
    top:35%;
    transform:rotate(27deg);
}


.home-compass-issue:nth-child(3) .home-compass-cover::before{
    width:360px;
    height:360px;

    right:-180px;
    bottom:70px;
}

.home-compass-issue:nth-child(3) .home-compass-cover::after{
    top:70%;
    transform:rotate(-18deg);
}


.home-compass-issue:nth-child(4) .home-compass-cover::before{
    width:260px;
    height:260px;

    right:40px;
    bottom:-150px;
}

.home-compass-issue:nth-child(4) .home-compass-cover::after{
    top:28%;
    transform:rotate(42deg);
}


.home-compass-issue:nth-child(5) .home-compass-cover::before{
    width:320px;
    height:320px;

    right:-30px;
    bottom:-180px;
}

.home-compass-issue:nth-child(5) .home-compass-cover::after{
    top:62%;
    transform:rotate(18deg);
}


/* =========================================================
   PAGINATION
========================================================= */

.home-compass-pagination{
    display:flex;
    align-items:center;

    margin-top:34px;

    border-top:1px solid rgba(29,41,82,.16);
}

.home-compass-dot{
    position:relative;

    flex:1;

    padding:18px 0 14px;

    border:0;
    background:transparent;

    text-align:left;

    cursor:pointer;

    font-family:"Assistant", sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;

    color:rgba(29,41,82,.35);

    transition:color .35s ease;
}

.home-compass-dot::before{
    content:"";

    position:absolute;
    top:-1px;
    left:0;

    width:100%;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );

    transform:scaleX(0);
    transform-origin:left center;

    transition:transform .45s ease;
}

.home-compass-dot:hover{
    color:#BC8810;
}

.home-compass-dot.is-active{
    color:#1D2952;
}

.home-compass-dot.is-active::before{
    transform:scaleX(1);
}


/* =========================================================
   VIEW ALL EDITIONS
========================================================= */

.home-compass-footer{
    display:flex;
    justify-content:flex-end;

    margin-top:42px;
}

.home-compass-view-all{
    position:relative;

    display:inline-flex;
    align-items:center;
    gap:14px;

    padding-bottom:8px;

    text-decoration:none;

    font-family:"Assistant", sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;

    color:#1D2952;
}

.home-compass-view-all::after{
    content:"";

    position:absolute;
    left:0;
    bottom:0;

    width:100%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );
}

.home-compass-view-all span{
    transition:transform .35s ease;
}

.home-compass-view-all:hover span{
    transform:translateX(7px);
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width:1050px){


    .home-compass{
        padding:90px 0;
    }

    .home-compass-header{
        grid-template-columns:1fr;
        gap:28px;
    }

    .home-compass-intro{
        max-width:680px;
    }

    .home-compass-issue{
        flex-basis:310px;
    }

    .home-compass-issue.is-active{
        flex-basis:680px;
    }

    .home-compass-issue.is-active .home-compass-issue-link{
        grid-template-columns:300px 1fr;
    }


}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width:720px){


    .home-compass{
        padding:72px 0;
    }

    .home-compass-inner{
        width:88%;
    }

    .home-compass-heading h2{
        font-size:52px;
    }

    .home-compass-intro p{
        font-size:17px;
    }

    .home-compass-controls{
        margin-bottom:22px;
    }

    .home-compass-current-label{
        display:none;
    }

    .home-compass-arrow{
        width:46px;
        height:46px;
    }

    .home-compass-viewport{
        width:100%;
        overflow:hidden;
    }

    .home-compass-track{
        gap:14px;
    }

    .home-compass-issue,
.home-compass-issue.is-active{
        flex:0 0 88%;
    }

    .home-compass-issue.is-active .home-compass-issue-link{
        grid-template-columns:1fr;
    }

    .home-compass-cover{
        min-height:390px;
    }

    .home-compass-issue-content{
        min-height:auto;

        padding:30px 26px 34px;

        border-left:1px solid rgba(29,41,82,.16);
        border-top:0;
    }

    .home-compass-issue-content h3{
        font-size:30px;
    }

    .home-compass-read{
        margin-top:30px;
    }

    .home-compass-pagination{
        margin-top:25px;
    }

    .home-compass-footer{
        justify-content:flex-start;
    }


}

/* =========================================================
   HOME — THE COMPASS TITLE SEAL
========================================================= */

.home-compass-title h2{
    display:flex;
    align-items:center;
    gap:18px;
}

.home-compass-title-seal{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:54px;
    height:54px;

    flex:0 0 54px;

    transform:translateY(2px);
}

.home-compass-title-seal img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
}

/* =========================================================
   THE COMPASS — JS MEASUREMENT MODE
   Prevents hidden layout measurements from animating
========================================================= */

.home-compass-carousel.is-measuring .home-compass-issue,
.home-compass-carousel.is-measuring .home-compass-track{
    transition:none !important;
}

/* =========================================================
   THE COMPASS — AUGUST COVER / COMPASS ROSE STYLE
========================================================= */

.compass-cover-style-rose{
    position:relative;
    overflow:hidden;

    min-height:480px;

    padding:28px 30px 30px;

    display:flex;
    flex-direction:column;

    background:
        radial-gradient(
            circle at 18% 80%,
            rgba(212,160,23,.08),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #101C43 0%,
            #1D2952 58%,
            #111C40 100%
        );

    border:1px solid rgba(212,160,23,.30);

    color:#F4F1E8;
}


/* =========================================================
   DOUBLE FRAME
========================================================= */

.compass-cover-style-rose .compass-cover-frame{
    position:absolute;
    inset:12px;

    border:1px solid rgba(212,160,23,.72);

    pointer-events:none;
}

.compass-cover-style-rose .compass-cover-frame::before{
    content:"";

    position:absolute;
    inset:5px;

    border:1px solid rgba(240,222,174,.18);
}


/* =========================================================
   TOP META
========================================================= */

.compass-cover-style-rose .home-compass-cover-top{
    position:relative;
    z-index:3;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:20px;
}

.compass-cover-style-rose .home-compass-cover-brand,
.compass-cover-style-rose .home-compass-cover-edition{
    font-family:"Assistant", sans-serif;
    font-size:9px;
    font-weight:700;

    letter-spacing:.16em;
    text-transform:uppercase;

    color:#E0C77F;
}


/* =========================================================
   MASTHEAD
========================================================= */

.compass-cover-style-rose .compass-cover-masthead{
    position:relative;
    z-index:3;

    margin-top:38px;

    text-align:center;
}

.compass-cover-style-rose .compass-cover-ornament{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    margin-bottom:16px;
}

.compass-cover-style-rose .compass-cover-ornament span{
    width:34px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D4A017
        );
}

.compass-cover-style-rose .compass-cover-ornament span:last-child{
    transform:scaleX(-1);
}

.compass-cover-style-rose .compass-cover-ornament i{
    width:7px;
    height:7px;

    display:block;

    background:#D4A017;

    transform:rotate(45deg);

    box-shadow:
        0 0 10px rgba(212,160,23,.18);
}

.compass-cover-style-rose .home-compass-cover-name{
    display:block;

    font-family:"Lora", serif;
    font-size:46px;
    font-weight:500;

    line-height:.98;
    letter-spacing:-.025em;

    text-transform:uppercase;

    color:#F4F1E8;
}

.compass-cover-style-rose .compass-cover-type{
    display:block;

    margin-top:11px;

    font-family:"Assistant", sans-serif;
    font-size:10px;
    font-weight:700;

    letter-spacing:.25em;
    text-transform:uppercase;

    color:#D4A017;
}


/* =========================================================
   FEATURE STORY
========================================================= */

.compass-cover-style-rose .compass-cover-feature{
    position:relative;
    z-index:3;

    margin-top:44px;

    max-width:82%;
}

.compass-cover-style-rose .compass-cover-feature-label{
    display:block;

    margin-bottom:13px;

    font-family:"Assistant", sans-serif;
    font-size:9px;
    font-weight:700;

    letter-spacing:.20em;
    text-transform:uppercase;

    color:#E0C77F;
}

.compass-cover-style-rose .compass-cover-feature h4{
    margin:0;

    font-family:"Lora", serif !important;
    font-size:29px;
    font-weight:500;

    line-height:1.14;
    letter-spacing:-.02em;

    color:#F4F1E8;
}


/* =========================================================
   COMPASS ROSE ART
========================================================= */

.compass-cover-style-rose .compass-cover-art{
    display:none !important;
}


/* second ring */

.compass-cover-style-rose .compass-cover-art::before{
    content:"";

    position:absolute;

    inset:32px;

    border:1px solid rgba(212,160,23,.22);
    border-radius:50%;
}


/* compass needle / cross */

.compass-cover-style-rose .compass-cover-art::after{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:125px;
    height:125px;

    transform:
        translate(-50%,-50%)
        rotate(45deg);

    border:
        1px solid
        rgba(240,222,174,.10);

    box-shadow:
        inset 0 0 0 26px transparent;

    background:
        linear-gradient(
            90deg,
            transparent 49.4%,
            rgba(212,160,23,.25) 50%,
            transparent 50.6%
        ),
        linear-gradient(
            0deg,
            transparent 49.4%,
            rgba(212,160,23,.25) 50%,
            transparent 50.6%
        );
}


/* =========================================================
   DATE
========================================================= */

.compass-cover-style-rose .home-compass-cover-bottom{
    position:relative;
    z-index:3;

    margin-top:auto;

    padding-top:20px;

    border-top:
        1px solid
        rgba(240,222,174,.16);
}

.compass-cover-style-rose .home-compass-cover-bottom span{
    font-family:"Assistant", sans-serif;
    font-size:10px;
    font-weight:700;

    letter-spacing:.20em;
    text-transform:uppercase;

    color:#E0C77F;
}

/* =========================================================
   THE COMPASS — AUGUST COVER FINAL EDITORIAL LAYOUT
========================================================= */

.compass-cover-style-rose{
    padding:
        30px
        32px
        32px;
}


/* TOP META */
.compass-cover-style-rose .home-compass-cover-top{
    margin-bottom:34px;
}


/* MASTHEAD */
.compass-cover-style-rose .compass-cover-masthead{
    margin-top:0;
    text-align:center;
}


/* ornament above title */
.compass-cover-style-rose .compass-cover-ornament{
    margin-bottom:14px;
}


/* THE COMPASS */
.compass-cover-style-rose .home-compass-cover-name{
    font-size:44px;
    line-height:.95;
    letter-spacing:-.03em;
}


/* MONTHLY BRIEFING */
.compass-cover-style-rose .compass-cover-type{
    margin-top:11px;

    font-size:9px;
    letter-spacing:.28em;
}


/* =========================================================
   FEATURE AREA
========================================================= */

.compass-cover-style-rose .compass-cover-feature{
    margin-top:48px;

    max-width:88%;

    text-align:left;
}


/* 01 / FEATURE */
.compass-cover-style-rose .compass-cover-feature-label{
    position:relative;

    display:inline-block;

    margin-bottom:15px;
    padding-bottom:8px;

    font-size:8.5px;
    letter-spacing:.20em;
}


/* tiny gold underline */
.compass-cover-style-rose .compass-cover-feature-label::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:54px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );
}


/* FEATURE HEADLINE */
.compass-cover-style-rose .compass-cover-feature h4{
    max-width:290px;

    font-size:26px;
    line-height:1.14;
    font-weight:500;

    letter-spacing:-.02em;
}


/* =========================================================
   DATE AT BOTTOM
========================================================= */

.compass-cover-style-rose .home-compass-cover-bottom{
    margin-top:auto;

    padding-top:22px;

    border-top:none;
}


/* little ornament above date */
.compass-cover-style-rose .home-compass-cover-bottom::before{
    content:"";

    display:block;

    width:86px;
    height:1px;

    margin-bottom:13px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            transparent
        );
}


.compass-cover-style-rose .home-compass-cover-bottom span{
    font-size:9.5px;
    letter-spacing:.22em;
}


/* =========================================================
   KEEP THE NEW COVER CLEAN
========================================================= */

.compass-cover-style-rose::before,
.compass-cover-style-rose::after{
    opacity:.35;
}

/* =========================================================
   THE COMPASS — SHARED COVER SYSTEM
   JULY / JUNE / MAY / APRIL
========================================================= */

.compass-cover-style-information,
.compass-cover-style-intersection,
.compass-cover-style-orbital,
.compass-cover-style-concentric{
    position:relative;
    overflow:hidden;

    min-height:480px;

    padding:
        30px
        32px
        32px;

    display:flex;
    flex-direction:column;

    background:
        linear-gradient(
            145deg,
            #101C43 0%,
            #1D2952 58%,
            #111C40 100%
        );

    border:1px solid rgba(212,160,23,.30);

    color:#F4F1E8;
}


/* =========================================================
   DOUBLE FRAME
========================================================= */

.compass-cover-style-information .compass-cover-frame,
.compass-cover-style-intersection .compass-cover-frame,
.compass-cover-style-orbital .compass-cover-frame,
.compass-cover-style-concentric .compass-cover-frame{
    position:absolute;
    inset:12px;

    border:1px solid rgba(212,160,23,.72);

    pointer-events:none;

    z-index:4;
}

.compass-cover-style-information .compass-cover-frame::before,
.compass-cover-style-intersection .compass-cover-frame::before,
.compass-cover-style-orbital .compass-cover-frame::before,
.compass-cover-style-concentric .compass-cover-frame::before{
    content:"";

    position:absolute;
    inset:5px;

    border:1px solid rgba(240,222,174,.18);
}


/* =========================================================
   TOP META
========================================================= */

.compass-cover-style-information .home-compass-cover-top,
.compass-cover-style-intersection .home-compass-cover-top,
.compass-cover-style-orbital .home-compass-cover-top,
.compass-cover-style-concentric .home-compass-cover-top{
    position:relative;
    z-index:5;

    display:flex;
    justify-content:space-between;
    align-items:flex-start;

    gap:20px;

    margin-bottom:34px;
}

.compass-cover-style-information .home-compass-cover-brand,
.compass-cover-style-information .home-compass-cover-edition,
.compass-cover-style-intersection .home-compass-cover-brand,
.compass-cover-style-intersection .home-compass-cover-edition,
.compass-cover-style-orbital .home-compass-cover-brand,
.compass-cover-style-orbital .home-compass-cover-edition,
.compass-cover-style-concentric .home-compass-cover-brand,
.compass-cover-style-concentric .home-compass-cover-edition{
    font-family:"Assistant", sans-serif;
    font-size:9px;
    font-weight:700;

    letter-spacing:.16em;
    text-transform:uppercase;

    color:#E0C77F;
}


/* =========================================================
   MASTHEAD
========================================================= */

.compass-cover-style-information .compass-cover-masthead,
.compass-cover-style-intersection .compass-cover-masthead,
.compass-cover-style-orbital .compass-cover-masthead,
.compass-cover-style-concentric .compass-cover-masthead{
    position:relative;
    z-index:5;

    margin-top:0;

    text-align:center;
}

.compass-cover-style-information .compass-cover-ornament,
.compass-cover-style-intersection .compass-cover-ornament,
.compass-cover-style-orbital .compass-cover-ornament,
.compass-cover-style-concentric .compass-cover-ornament{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    margin-bottom:14px;
}

.compass-cover-style-information .compass-cover-ornament span,
.compass-cover-style-intersection .compass-cover-ornament span,
.compass-cover-style-orbital .compass-cover-ornament span,
.compass-cover-style-concentric .compass-cover-ornament span{
    width:34px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D4A017
        );
}

.compass-cover-style-information .compass-cover-ornament span:last-child,
.compass-cover-style-intersection .compass-cover-ornament span:last-child,
.compass-cover-style-orbital .compass-cover-ornament span:last-child,
.compass-cover-style-concentric .compass-cover-ornament span:last-child{
    transform:scaleX(-1);
}

.compass-cover-style-information .compass-cover-ornament i,
.compass-cover-style-intersection .compass-cover-ornament i,
.compass-cover-style-orbital .compass-cover-ornament i,
.compass-cover-style-concentric .compass-cover-ornament i{
    width:7px;
    height:7px;

    display:block;

    background:#D4A017;

    transform:rotate(45deg);

    box-shadow:
        0 0 10px rgba(212,160,23,.18);
}

.compass-cover-style-information .home-compass-cover-name,
.compass-cover-style-intersection .home-compass-cover-name,
.compass-cover-style-orbital .home-compass-cover-name,
.compass-cover-style-concentric .home-compass-cover-name{
    display:block;

    font-family:"Lora", serif;
    font-size:44px;
    font-weight:500;

    line-height:.95;
    letter-spacing:-.03em;

    text-transform:uppercase;

    color:#F4F1E8;
}

.compass-cover-style-information .compass-cover-type,
.compass-cover-style-intersection .compass-cover-type,
.compass-cover-style-orbital .compass-cover-type,
.compass-cover-style-concentric .compass-cover-type{
    display:block;

    margin-top:11px;

    font-family:"Assistant", sans-serif;
    font-size:9px;
    font-weight:700;

    letter-spacing:.28em;
    text-transform:uppercase;

    color:#D4A017;
}


/* =========================================================
   FEATURE AREA
========================================================= */

.compass-cover-style-information .compass-cover-feature,
.compass-cover-style-intersection .compass-cover-feature,
.compass-cover-style-orbital .compass-cover-feature,
.compass-cover-style-concentric .compass-cover-feature{
    position:relative;
    z-index:5;

    margin-top:48px;

    max-width:88%;

    text-align:left;
}

.compass-cover-style-information .compass-cover-feature-label,
.compass-cover-style-intersection .compass-cover-feature-label,
.compass-cover-style-orbital .compass-cover-feature-label,
.compass-cover-style-concentric .compass-cover-feature-label{
    position:relative;

    display:inline-block;

    margin-bottom:15px;
    padding-bottom:8px;

    font-family:"Assistant", sans-serif;
    font-size:8.5px;
    font-weight:700;

    letter-spacing:.20em;
    text-transform:uppercase;

    color:#E0C77F;
}

.compass-cover-style-information .compass-cover-feature-label::after,
.compass-cover-style-intersection .compass-cover-feature-label::after,
.compass-cover-style-orbital .compass-cover-feature-label::after,
.compass-cover-style-concentric .compass-cover-feature-label::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:54px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            #F0DEAE
        );
}

.compass-cover-style-information .compass-cover-feature h4,
.compass-cover-style-intersection .compass-cover-feature h4,
.compass-cover-style-orbital .compass-cover-feature h4,
.compass-cover-style-concentric .compass-cover-feature h4{
    max-width:290px;

    margin:0;

    font-family:"Lora", serif !important;
    font-size:26px;
    font-weight:500;

    line-height:1.14;
    letter-spacing:-.02em;

    color:#F4F1E8;
}


/* =========================================================
   DATE
========================================================= */

.compass-cover-style-information .home-compass-cover-bottom,
.compass-cover-style-intersection .home-compass-cover-bottom,
.compass-cover-style-orbital .home-compass-cover-bottom,
.compass-cover-style-concentric .home-compass-cover-bottom{
    position:relative;
    z-index:5;

    margin-top:auto;

    padding-top:22px;

    border-top:none;
}

.compass-cover-style-information .home-compass-cover-bottom::before,
.compass-cover-style-intersection .home-compass-cover-bottom::before,
.compass-cover-style-orbital .home-compass-cover-bottom::before,
.compass-cover-style-concentric .home-compass-cover-bottom::before{
    content:"";

    display:block;

    width:86px;
    height:1px;

    margin-bottom:13px;

    background:
        linear-gradient(
            90deg,
            #BC8810,
            #D4A017,
            transparent
        );
}

.compass-cover-style-information .home-compass-cover-bottom span,
.compass-cover-style-intersection .home-compass-cover-bottom span,
.compass-cover-style-orbital .home-compass-cover-bottom span,
.compass-cover-style-concentric .home-compass-cover-bottom span{
    font-family:"Assistant", sans-serif;
    font-size:9.5px;
    font-weight:700;

    letter-spacing:.22em;
    text-transform:uppercase;

    color:#E0C77F;
}


/* =========================================================
   JULY — INFORMATION FIELD
========================================================= */

.compass-cover-style-information{
    background:
        radial-gradient(
            circle at 84% 56%,
            rgba(212,160,23,.06),
            transparent 26%
        ),
        linear-gradient(
            145deg,
            #101C43 0%,
            #1D2952 58%,
            #111C40 100%
        );
}

.compass-cover-style-information .compass-cover-art{
    position:absolute;

    right:-20px;
    top:210px;

    width:180px;
    height:180px;

    z-index:2;

    opacity:.42;

    pointer-events:none;

    background-image:
        radial-gradient(
            circle,
            rgba(212,160,23,.70) 0 1.5px,
            transparent 1.6px
        );

    background-size:14px 14px;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            black 35%,
            black 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            black 35%,
            black 100%
        );
}


/* =========================================================
   JUNE — INTERSECTION
========================================================= */

.compass-cover-style-intersection .compass-cover-art{
    position:absolute;

    right:-35px;
    bottom:35px;

    width:210px;
    height:210px;

    z-index:2;

    pointer-events:none;

    opacity:.52;

    background:
        linear-gradient(
            45deg,
            transparent 48.8%,
            rgba(212,160,23,.55) 49.4%,
            rgba(212,160,23,.55) 50.6%,
            transparent 51.2%
        ),
        linear-gradient(
            -45deg,
            transparent 48.8%,
            rgba(240,222,174,.28) 49.4%,
            rgba(240,222,174,.28) 50.6%,
            transparent 51.2%
        );
}

.compass-cover-style-intersection .compass-cover-art::before,
.compass-cover-style-intersection .compass-cover-art::after{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:72px;
    height:72px;

    border:1px solid rgba(212,160,23,.48);

    transform:
        translate(-50%,-50%)
        rotate(45deg);
}

.compass-cover-style-intersection .compass-cover-art::after{
    width:112px;
    height:112px;

    border-color:rgba(224,199,127,.16);
}


/* =========================================================
   MAY — ORBITAL
========================================================= */

.compass-cover-style-orbital .compass-cover-art{
    position:absolute;

    right:-115px;
    bottom:-90px;

    width:320px;
    height:320px;

    border:
        1px solid
        rgba(212,160,23,.42);

    border-radius:50%;

    z-index:2;

    pointer-events:none;
}

.compass-cover-style-orbital .compass-cover-art::before{
    content:"";

    position:absolute;

    inset:34px;

    border:
        1px solid
        rgba(240,222,174,.18);

    border-radius:50%;
}

.compass-cover-style-orbital .compass-cover-art::after{
    content:"";

    position:absolute;

    inset:72px;

    border:
        1px solid
        rgba(212,160,23,.12);

    border-radius:50%;
}


/* =========================================================
   APRIL — CONCENTRIC / MINIMAL
========================================================= */

.compass-cover-style-concentric .compass-cover-art{
    position:absolute;

    left:-105px;
    bottom:-115px;

    width:315px;
    height:315px;

    border:
        1px solid
        rgba(212,160,23,.28);

    border-radius:50%;

    z-index:2;

    pointer-events:none;
}

.compass-cover-style-concentric .compass-cover-art::before{
    content:"";

    position:absolute;

    inset:38px;

    border:
        1px solid
        rgba(224,199,127,.15);

    border-radius:50%;
}

.compass-cover-style-concentric .compass-cover-art::after{
    content:"";

    position:absolute;

    inset:76px;

    border:
        1px solid
        rgba(240,222,174,.09);

    border-radius:50%;
}


/* =========================================================
   KEEP ALL ART BEHIND THE WRITING
========================================================= */

.compass-cover-style-information .compass-cover-art,
.compass-cover-style-intersection .compass-cover-art,
.compass-cover-style-orbital .compass-cover-art,
.compass-cover-style-concentric .compass-cover-art{
    mix-blend-mode:screen;
}


/* =========================================================
   QUIET OLD GENERIC DECORATION
========================================================= */

.compass-cover-style-information::before,
.compass-cover-style-information::after,
.compass-cover-style-intersection::before,
.compass-cover-style-intersection::after,
.compass-cover-style-orbital::before,
.compass-cover-style-orbital::after,
.compass-cover-style-concentric::before,
.compass-cover-style-concentric::after{
    opacity:.18;
}

/* =========================================================
   THE COMPASS — PNG COVER ARTWORK MASTER OVERRIDE
   Illustrator artwork underneath live WordPress typography
   ========================================================= */


/* =========================================================
   COVER SHELL
   ========================================================= */

.home-compass-cover{
    position:relative !important;
    overflow:hidden !important;

    background:#1D2952 !important;

    isolation:isolate;
}


/* =========================================================
   PNG ARTWORK LAYER
   ========================================================= */

.home-compass-cover .compass-cover-art{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    opacity:1 !important;

    border:0 !important;
    border-radius:0 !important;

    background:none !important;
    background-image:none !important;

    -webkit-mask-image:none !important;
    mask-image:none !important;

    mix-blend-mode:normal !important;

    transform:none !important;

    z-index:1 !important;

    pointer-events:none !important;
}


/* Actual Illustrator PNG */

.home-compass-cover .compass-cover-art img{
    position:absolute !important;

    inset:0 !important;

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 !important;
    padding:0 !important;

    opacity:1 !important;

    transform:none !important;

    pointer-events:none !important;
}


/* =========================================================
   KILL OLD CSS-GENERATED COVER ART
   ========================================================= */

.home-compass-cover .compass-cover-art::before,
.home-compass-cover .compass-cover-art::after{
    content:none !important;

    display:none !important;

    background:none !important;

    border:0 !important;

    box-shadow:none !important;
}


/* Remove old style-specific decorative backgrounds */

.compass-cover-style-rose,
.compass-cover-style-information,
.compass-cover-style-intersection,
.compass-cover-style-orbital,
.compass-cover-style-concentric{
    background:#1D2952 !important;
}


/* Quiet old cover pseudo-art */

.compass-cover-style-rose::before,
.compass-cover-style-rose::after,
.compass-cover-style-information::before,
.compass-cover-style-information::after,
.compass-cover-style-intersection::before,
.compass-cover-style-intersection::after,
.compass-cover-style-orbital::before,
.compass-cover-style-orbital::after,
.compass-cover-style-concentric::before,
.compass-cover-style-concentric::after{
    content:none !important;

    display:none !important;
}


/* =========================================================
   GOLD FRAME — ABOVE ARTWORK
   ========================================================= */

.home-compass-cover .compass-cover-frame{
    position:absolute !important;

    inset:12px !important;

    z-index:6 !important;

    pointer-events:none !important;
}


/* =========================================================
   ALL LIVE WORDPRESS CONTENT ABOVE PNG
   ========================================================= */

.home-compass-cover .home-compass-cover-top,
.home-compass-cover .compass-cover-masthead,
.home-compass-cover .compass-cover-feature,
.home-compass-cover .home-compass-cover-bottom{
    position:relative !important;

    z-index:5 !important;
}


/* Individual live elements */

.home-compass-cover .home-compass-cover-brand,
.home-compass-cover .home-compass-cover-edition,
.home-compass-cover .compass-cover-ornament,
.home-compass-cover .home-compass-cover-name,
.home-compass-cover .compass-cover-type,
.home-compass-cover .compass-cover-feature-label,
.home-compass-cover .compass-cover-feature h4,
.home-compass-cover .home-compass-cover-bottom span{
    position:relative;

    z-index:5;
}


/* =========================================================
   ENSURE ALL FIVE NEW ARTWORKS USE FULL COVER
   ========================================================= */

.compass-cover-art-01,
.compass-cover-art-02,
.compass-cover-art-03,
.compass-cover-art-04,
.compass-cover-art-05{
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    opacity:1 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:720px){


    .home-compass-cover .compass-cover-art img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center center !important;
    }


}

/* =========================================================
   THE COMPASS — FEATURE TYPOGRAPHY REFINEMENT
   ========================================================= */

.home-compass-cover .compass-cover-feature{
    position:absolute !important;

    left:9% !important;
    bottom:14% !important;

    width:66% !important;
    max-width:235px !important;

    z-index:5 !important;
}


/* 01 / FEATURE */

.home-compass-cover .compass-cover-feature-label{
    display:block;

    margin-bottom:16px !important;

    font-size:8px !important;
    line-height:1 !important;

    letter-spacing:.16em !important;
}


/* Small gold divider beneath FEATURE */

.home-compass-cover .compass-cover-feature-label::after{
    content:"";

    display:block;

    width:54px;
    height:1px;

    margin-top:10px;

    background:#D4A017;
}


/* FEATURE HEADLINE */

.home-compass-cover .compass-cover-feature h4{
    margin:0 !important;

    max-width:100% !important;

    font-size:27px !important;
    line-height:1.08 !important;

    letter-spacing:-.02em !important;
}


/* Remove old extra divider if one exists below headline */

.home-compass-cover .compass-cover-feature h4::after{
    display:none !important;
}

/* =========================================================
   THE COMPASS — BESPOKE COVER TYPESETTING
   Typography fitted around each Illustrator artwork
   ========================================================= */


/* =========================================================
   SHARED TYPOGRAPHY FOUNDATION
   ========================================================= */

.home-compass-cover .compass-cover-feature{
    position:absolute !important;

    margin:0 !important;

    text-align:left !important;

    z-index:5 !important;
}


.home-compass-cover .compass-cover-feature-label{
    position:relative !important;

    display:inline-block !important;

    margin:0 0 15px !important;
    padding:0 0 9px !important;

    color:#F0DEAE !important;

    font-family:"Assistant", sans-serif !important;

    font-size:8px !important;
    font-weight:700 !important;

    line-height:1 !important;

    letter-spacing:.18em !important;

    text-transform:uppercase !important;
}


/* tiny gold line under 01 / FEATURE */

.home-compass-cover .compass-cover-feature-label::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    bottom:0 !important;

    display:block !important;

    width:52px !important;
    height:1px !important;

    background:linear-gradient(
        90deg,
        #D4A017,
        #F0DEAE,
        transparent
    ) !important;
}


.home-compass-cover .compass-cover-feature h4{
    margin:0 !important;

    color:#F4F1E8 !important;

    font-family:"Lora", serif !important;

    font-weight:500 !important;

    letter-spacing:-.025em !important;

    text-shadow:
        0 2px 8px rgba(19,27,53,.18);
}


/* =========================================================
   01 — AUGUST
   HORIZONTAL ROLLED PARCHMENT
   Text stays ABOVE the scroll as much as possible
   ========================================================= */

.compass-cover-style-rose .compass-cover-feature{
    left:8.5% !important;

    top:46% !important;

    width:49% !important;
    max-width:49% !important;
}


.compass-cover-style-rose .compass-cover-feature h4{
    max-width:100% !important;

    font-size:23px !important;
    line-height:1.08 !important;
}


/* Give August date its own lower-left home */

.compass-cover-style-rose .home-compass-cover-bottom{
    position:absolute !important;

    left:8.5% !important;
    bottom:7.5% !important;

    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    z-index:5 !important;
}


.compass-cover-style-rose .home-compass-cover-bottom::before{
    display:none !important;
}


/* =========================================================
   02 — JULY
   LARGE UNROLLED PARCHMENT ON RIGHT
   Narrow left editorial column
   ========================================================= */

.compass-cover-style-information .compass-cover-feature{
    left:8.5% !important;

    top:51% !important;

    width:47% !important;
    max-width:47% !important;
}


.compass-cover-style-information .compass-cover-feature h4{
    max-width:100% !important;

    font-size:21px !important;
    line-height:1.10 !important;
}


.compass-cover-style-information .home-compass-cover-bottom{
    position:absolute !important;

    left:8.5% !important;
    bottom:7.5% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    z-index:5 !important;
}


/* =========================================================
   03 — JUNE
   ARCHIVAL LETTER + FOUNTAIN PEN
   Keep feature title entirely in navy territory
   ========================================================= */

.compass-cover-style-intersection .compass-cover-feature{
    left:8.5% !important;

    top:52% !important;

    width:42% !important;
    max-width:42% !important;
}


.compass-cover-style-intersection .compass-cover-feature h4{
    max-width:100% !important;

    font-size:20px !important;
    line-height:1.10 !important;
}


.compass-cover-style-intersection .home-compass-cover-bottom{
    position:absolute !important;

    left:8.5% !important;
    bottom:7.5% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    z-index:5 !important;
}


/* =========================================================
   04 — MAY
   SLENDER DIAGONAL ROLLED DOCUMENT
   Tightest left-side column
   ========================================================= */

.compass-cover-style-orbital .compass-cover-feature{
    left:8.5% !important;

    top:50% !important;

    width:39% !important;
    max-width:39% !important;
}


.compass-cover-style-orbital .compass-cover-feature h4{
    max-width:100% !important;

    font-size:19px !important;
    line-height:1.09 !important;
}


.compass-cover-style-orbital .home-compass-cover-bottom{
    position:absolute !important;

    left:8.5% !important;
    bottom:7.5% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    z-index:5 !important;
}


/* =========================================================
   05 — APRIL
   WORLD MAP + NAVIGATOR'S COMPASS
   Text sits ABOVE map in the open navy field
   ========================================================= */

.compass-cover-style-concentric .compass-cover-feature{
    left:8.5% !important;

    top:45% !important;

    width:48% !important;
    max-width:48% !important;
}


.compass-cover-style-concentric .compass-cover-feature h4{
    max-width:100% !important;

    font-size:22px !important;
    line-height:1.09 !important;
}


.compass-cover-style-concentric .home-compass-cover-bottom{
    position:absolute !important;

    left:8.5% !important;
    bottom:7.5% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    z-index:5 !important;
}


/* =========================================================
   DATE — CONSISTENT ACROSS ALL FIVE
   ========================================================= */

.home-compass-cover .home-compass-cover-bottom span{
    color:#F0DEAE !important;

    font-family:"Assistant", sans-serif !important;

    font-size:9px !important;
    font-weight:700 !important;

    line-height:1 !important;

    letter-spacing:.20em !important;

    text-transform:uppercase !important;
}


/* =========================================================
   KEEP MASTHEAD ABOVE EVERYTHING
   ========================================================= */

.home-compass-cover .compass-cover-masthead{
    position:relative !important;

    z-index:5 !important;
}


/* =========================================================
   SMALLER SCREENS
   ========================================================= */

@media (max-width:720px){


    .home-compass-cover .compass-cover-feature h4{
        font-size:18px !important;
    }


}

/* =========================================================
   THE COMPASS — TYPOGRAPHY FLOW FIX
   Restore masthead + feature structure
   ========================================================= */

/* Keep cover as the original vertical layout */
.home-compass-cover{
    display:flex !important;
    flex-direction:column !important;
}


/* TOP BRAND */
.home-compass-cover .home-compass-cover-top{
    position:relative !important;
    z-index:5 !important;

    flex:0 0 auto !important;
}


/* MASTHEAD — restore normal flow */
.home-compass-cover .compass-cover-masthead{
    position:relative !important;
    z-index:5 !important;

    flex:0 0 auto !important;

    transform:none !important;
}


/* FEATURE — IMPORTANT:
   NO ABSOLUTE POSITIONING */
.home-compass-cover .compass-cover-feature{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    z-index:5 !important;
}


/* DATE — restore bottom anchoring through flex */
.home-compass-cover .home-compass-cover-bottom{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    margin-top:auto !important;

    z-index:5 !important;
}


/* =========================================================
   AUGUST
   ========================================================= */

.compass-cover-style-rose .compass-cover-feature{
    margin-top:48px !important;

    width:49% !important;
    max-width:49% !important;
}

.compass-cover-style-rose .compass-cover-feature h4{
    font-size:23px !important;
    line-height:1.08 !important;
}


/* =========================================================
   JULY
   ========================================================= */

.compass-cover-style-information .compass-cover-feature{
    margin-top:48px !important;

    width:47% !important;
    max-width:47% !important;
}

.compass-cover-style-information .compass-cover-feature h4{
    font-size:21px !important;
    line-height:1.10 !important;
}


/* =========================================================
   JUNE
   ========================================================= */

.compass-cover-style-intersection .compass-cover-feature{
    margin-top:48px !important;

    width:42% !important;
    max-width:42% !important;
}

.compass-cover-style-intersection .compass-cover-feature h4{
    font-size:20px !important;
    line-height:1.10 !important;
}


/* =========================================================
   MAY
   ========================================================= */

.compass-cover-style-orbital .compass-cover-feature{
    margin-top:48px !important;

    width:39% !important;
    max-width:39% !important;
}

.compass-cover-style-orbital .compass-cover-feature h4{
    font-size:19px !important;
    line-height:1.09 !important;
}


/* =========================================================
   APRIL
   ========================================================= */

.compass-cover-style-concentric .compass-cover-feature{
    margin-top:48px !important;

    width:48% !important;
    max-width:48% !important;
}

.compass-cover-style-concentric .compass-cover-feature h4{
    font-size:22px !important;
    line-height:1.09 !important;
}

/* =========================================================
   THE COMPASS — FINAL TUNING
   AUGUST + APRIL ONLY
   ========================================================= */

/* AUGUST — lift and tighten */
.compass-cover-style-rose .compass-cover-feature{
    margin-top:34px !important;

    width:44% !important;
    max-width:44% !important;

    transform:translateY(-12px) !important;
}

.compass-cover-style-rose .compass-cover-feature h4{
    font-size:22px !important;
    line-height:1.07 !important;
}


/* APRIL — move title into clean navy */
.compass-cover-style-concentric .compass-cover-feature{
    margin-top:26px !important;

    width:43% !important;
    max-width:43% !important;

    transform:translateY(-34px) !important;
}

.compass-cover-style-concentric .compass-cover-feature h4{
    font-size:21px !important;
    line-height:1.08 !important;
}

/* =========================================================
   THE COMPASS — SMOOTH MOTION
   CSS ONLY / SAFE
   ========================================================= */

.home-compass-track{
    transition:
        transform .9s cubic-bezier(.25,.1,.25,1) !important;

    will-change:transform;
}

.home-compass-issue{
    transition:
        flex-basis .9s cubic-bezier(.25,.1,.25,1),
        opacity .7s ease,
        transform .9s cubic-bezier(.25,.1,.25,1) !important;

    will-change:transform, opacity;
}

.home-compass-issue.is-active{
    transform:scale(1) !important;
}

.home-compass-issue:not(.is-active){
    transform:scale(.96) !important;
}

/* JS uses this class while calculating positions.
   Those calculations should NEVER animate. */
.home-compass-carousel.is-measuring .home-compass-track,
.home-compass-carousel.is-measuring .home-compass-issue{
    transition:none !important;
}

/* =========================================================
   THE COMPASS — FINAL CAROUSEL MOTION
   Fast width handoff + smooth track glide
   ========================================================= */

.home-compass-track{
    transition:
        transform .58s cubic-bezier(.22,.61,.36,1) !important;

    will-change:transform;
}


/* DEFAULT / OUTGOING CARD */

.home-compass-issue{
    opacity:.62 !important;
    transform:none !important;

    /*
     * Width changes FAST.
     * This prevents the outgoing card from lingering large.
     */
    transition:
        flex-basis .18s ease-out,
        opacity .28s ease !important;

    will-change:flex-basis, opacity;
}


/* ACTIVE CARD */

.home-compass-issue.is-active{
    opacity:1 !important;
    transform:none !important;

    /*
     * Incoming card can open a little more gently.
     */
    transition:
        flex-basis .38s cubic-bezier(.22,.61,.36,1),
        opacity .32s ease !important;
}


/* Hidden measurement pass must never animate */

.home-compass-carousel.is-measuring .home-compass-track,
.home-compass-carousel.is-measuring .home-compass-issue{
    transition:none !important;
}

/* =========================================================
   FIX ITALIC LORA DESCENDER CLIPPING
   ========================================================= */

.home-hero h1 em,
.home-disciplines-intro h2 em{
    line-height:1.18 !important;

    /* gives letters like italic f / g / y room below baseline */
    padding-bottom:.12em;

    /* preserve the gradient text */
    -webkit-background-clip:text;
    background-clip:text;

    overflow:visible !important;
}

/* =========================================================
   HOME HERO — ITALIC LINE POSITION FIX
   Give the Lora "f" a little more breathing room
   ========================================================= */

.home-hero h1 em{
    position:relative;
    left:10px;
    padding-left:8px;
    margin-left:-8px;
}
/* =========================================================
   HOME HERO — LOWER CONTENT TO CLEAR HEADER LOGO
   ========================================================= */

.home-hero-inner{
    transform:translateY(55px);
}
/* =========================================================
   HOME HERO — HALF-SCREEN / MID-WIDTH FIX
   ========================================================= */

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


    .home-hero-inner{
        transform:translateY(95px) !important;
    }

    .home-hero-copy{
        width:78% !important;
        max-width:720px !important;
    }

    .home-hero-actions{
        display:flex !important;
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        align-items:center !important;

        gap:16px !important;
    }

    .home-hero-btn{
        width:auto !important;
        flex:0 0 auto !important;

        padding-left:22px !important;
        padding-right:22px !important;
    }


}

/* =========================================================
   HOME HERO — MOBILE FINAL SPACING + NAV FIX
   ========================================================= */

@media (max-width:700px){


    /* Keep enough room for both buttons above the nav */
    .home-hero-inner{
        min-height:760px !important;

        padding:
            135px
            0
            185px !important;
    }

    .home-hero-copy{
        width:100% !important;
    }

    /* Slightly tighter mobile headline */
    .home-hero h1{
        font-size:clamp(40px,11vw,52px) !important;
        line-height:1.04 !important;
    }

    .home-hero-lede{
        font-size:16px !important;
        line-height:1.55 !important;

        margin-top:22px !important;
    }

    .home-hero-actions{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;

        gap:12px !important;

        margin-top:24px !important;
    }

    .home-hero-btn{
        width:100% !important;

        min-height:54px !important;

        padding:
            12px
            18px !important;
    }


    /* =====================================================
       MOBILE HERO NAVIGATION
       ===================================================== */

    .home-hero-navigation{
        width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

        /* make sure its full height is visible */
        padding-bottom:0 !important;
    }

    .home-hero-navigation::-webkit-scrollbar{
        display:none;
    }

    .home-hero-navigation-inner{
        width:max-content !important;

        grid-template-columns:
            repeat(5,150px) !important;
    }

    .home-hero-nav-item{
        min-width:150px !important;

        padding-left:14px !important;
        padding-right:14px !important;
    }

    .home-hero-nav-progress{
        left:14px !important;
        right:14px !important;

        bottom:0 !important;
    }


}

/* =========================================================
   HOME HERO — MOBILE NAV FIT ALL 5 ITEMS
   ========================================================= */

@media (max-width:700px){


    .home-hero-navigation{
        width:100% !important;

        overflow:hidden !important;
    }

    .home-hero-navigation-inner{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
    }

    .home-hero-nav-item{
        min-width:0 !important;
        width:auto !important;

        padding:
            13px
            7px
            12px !important;
    }

    .home-hero-nav-number{
        font-size:9px !important;
    }

    .home-hero-nav-title{
        font-size:9px !important;
        line-height:1.2 !important;

        white-space:normal !important;
    }

    .home-hero-nav-progress{
        left:7px !important;
        right:7px !important;
        bottom:0 !important;
    }


}

/* =========================================================
   HOME HERO — MOBILE SHOW FULL ARTWORK
   ========================================================= */

@media (max-width:700px){


    .home-hero-slide{
        background-size:contain !important;
        background-repeat:no-repeat !important;

        background-position:
            center
            center !important;

        transform:none !important;
    }

    .home-hero-slides{
        background:#08122B !important;
    }


}
/* =========================================================
   HOME IDENTITY — SHOW FULL ITALIC DESCENDERS
   ========================================================= */

.home-identity-heading h2 em{
    line-height:1.18 !important;
    padding-bottom:.10em !important;
    overflow:visible !important;
}

/* =========================================================
   HOME — COMMERCIAL HEADING
   Keep "growth." on the same italic line
   ========================================================= */

.home-environment-commercial h2{
    max-width:none !important;
    width:110% !important;
}