/* DACC Homepage — Kelsey's November 5 standalone New theme stylesheet.
   Cascade path: /_assets/css/main-theme/new/templates/Homepage.css
   Preserve exact filename case. Final source is the latest exported stylesheet.
   Private Spotlight preview URL resolved to the same live StudentWalk.jpg image.
   Existing live-site background images are intentionally retained.
*/

.homepage {
    --home-section-space: clamp(2.75rem, 6vw, 5.5rem);
    --home-content-width: var(--container-lg);
    overflow: clip;
}

    .homepage > :where(section, header, nav, div) {
        min-inline-size: 0;
    }

    .homepage.page-shell {
        gap: 0;
    }

.page-home .site-header {
    position: absolute;
    left: 0;
    right: 0;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    backdrop-filter: blur(6px);
    /*! background: none; */
    /*! background: hsl(212.5, 64.3%, 22%); */
    /*! box-shadow: 2px 2px 12px #00000040; */
    /*! background: #000000b2; */
}

@media (max-width:900px) {
    .page-home .site-header {
        background: none;
    }
}

.site-header.site-header--homepage {
    background: hsla(0, 0%, 0%, 0.36);
    position: absolute;
    right: 0;
    left: 0;
    border-bottom: 0;
    /*! background: none; */
    backdrop-filter: blur(6px);
}

.site-header--homepage .site-header__brand {
    background: white;
    padding: 10px;
}

.site-header--homepage .site-nav__list {
    margin-left: 50px;
}

.page-home .site-header__brand {
    background: #ffffffab;
    width: fit-content;
    margin-right: 50px;
    border-radius: 0 50px 50px 0;
    padding-right: 27px;
}


.page-home .site-header .site-nav__link, .page-home .site-header .site-nav__button {
    /*! color: white; */
}

    .page-home .site-header .site-nav__button::after {
        /*! color: var(--color-gold); */
    }

.site-header--homepage .site-nav__link, .site-header--homepage .site-nav__button {
    color: white;
}

    .site-header--homepage .site-nav__button::after {
        color: var(--color-gold);
    }

.site-nav__link.site-nav__link--white {
    color: white;
}

    .site-nav__link.site-nav__link--white:hover {
        color: var(--color-accent);
    }


.home__eyebrow {
    margin: 0 0 0rem;
    color: var(--spotlight-accent);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--color-accent);
}


    .home__eyebrow.home__eyebrow--inverse-colors {
        color: var(--color-gold);
    }

.page-home .site-header__menu-toggle {
    background: none;
    color: white;
}


/* Hero -------------------------------------------------------------------- */
.home-hero.hero--default .hero__inner {
    padding-block: 0;
    width: fit-content;
    margin-left: 0;
    display: block;
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    min-height: 0px;
    position: absolute;
    height: fit-content;
    /*! padding-inline: 90px; */
    /*! display: grid; */
    gap: 0;
}

.home-hero .hero__content {
    position: relative;
    z-index: 1;
    /*! max-width: 50rem; */
    /*! background: var(--color-primary); */
    /*! padding: 70px; */
    border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
    /*! background: white; */
}

.home-hero .hero__eyebrow {
    margin-bottom: var(--space-md);
    font-size: clamp(0.8rem, 1vw, 0.925rem);
    letter-spacing: 0.14em;
}


.home-hero .hero__title {
    max-width: 12ch;
    font-size: clamp(5rem, 6vw, 5.35rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
    text-wrap: balance;
    /*! color: var(--color-primary-dark); */
    /*! text-shadow: 3px 3px 15px hsla(0, 0%, 0%, 0.8); */
}

@media (max-width:900px) {
    .home-hero .hero__title {
        text-shadow: 3px 3px 15px hsla(0, 0%, 0%, 0.8);
    }
}

.home-hero .hero__intro {
    max-width: 42rem;
    margin-top: var(--space-md);
    font-size: clamp(1rem, 2vw, 1.2rem);
    /*! color: var(--color-text); */
}

.home-intro__nav {
    margin-top: 40px;
}

    .home-intro__nav li {
        list-style-type: none;
    }

@media (max-width:900px) {
    .home-hero .hero__intro {
        display: none;
    }
}

.home-hero .hero__media-wrap {
    min-inline-size: 0;
}

.home-hero .hero__media {
    overflow: hidden;
}

.home-hero .hero__image,
.home-hero .hero__video {
    inline-size: 100%;
    block-size: 100%;
    min-block-size: clamp(20rem, 38vw, 34rem);
    aspect-ratio: 5 / 4;
    border-radius: 0;
    box-shadow: none;
    object-fit: cover;
    /*! max-height: 100vh; */
    border: none;
}

.home-hero .hero__video-wrap {
    min-block-size: inherit;
}

.home-hero .hero__video-toggle {
    right: var(--space-lg);
    bottom: var(--space-lg);
}

.home-hero.hero--minimal .hero__inner,
.home-hero--disabled .hero__inner {
    width: min(100% - 2rem, var(--container-xl));
}

.home-hero.hero--minimal .hero__title,
.home-hero--disabled .hero__title {
    max-width: 14ch;
}

.home-hero {
    background: url('https://dacc.nmsu.edu/_assets/img/other/Homepage-Cropped-Designed.jpg'), var(--color-black);
    height: 100vh;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 2200px;
    /*! border-bottom: 5px solid var(--color-primary); */
    border-block-end: 0;
    /*! border-bottom: 20px solid var(--color-primary); */
    max-height: 1000px;
    min-height: 700px;
}


@media (max-width:1550px) {
    .home-hero {
        background-size: 1850px;
        background-position: -7%;
    }
}

@media (max-width:1200px) {
    .home-hero {
        background: url('https://dacc.nmsu.edu/_assets/img/other/Homepage-Cropped-Designed.jpg'), var(--color-black);
        background-size: 1200px;
        min-height: 108vh;
        background-position-x: calc(100vw - 31%);
        background-position-y: -30px;
    }
}

.home-hero-actions .button-collection {
    gap: clamp(0.55rem, 1vw, 0.75rem);
    grid-template-columns: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    margin-top: 1rem;
    display: flex;
}

.home-hero-actions .home-primary-actions {
    padding-block: 0;
    margin: 0;
}

.home-primary-actions .icon-action.icon-action--primary {
    display: flex;
    flex-direction: column;
    background: none;
    border: none;
    box-shadow: none;
    justify-content: center;
    gap: 0.6rem;
}

.home-primary-actions .button {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 180px;
}

.home-primary-actions .icon {
    font-size: 40px;
    color: hsl(196.7, 100%, 77.5%);
    text-shadow: 3px 3px 0 var(--color-primary-dark);
}

.home-hero-actions.icon-action__badge {
    inline-size: clamp(2.9rem, 4vw, 3.5rem);
    block-size: clamp(2.9rem, 4vw, 3.5rem);
    background: none;
    color: var(--color-primary-dark);
}

.home-hero-actions .icon-action .icon-action__icon {
    /*! color: var(--color-primary); */
    block-size: auto;
    inline-size: auto;
    font-size: 2rem;
}

.home-primary-actions .icon-action__body {
    text-align: center;
}

.home-primary-actions .icon-action:hover .icon {
    color: var(--color-gold);
}

.home-primary-actions .button + .button {
    border-left: 1px solid #cacaca45;
}


.home-hero-actions .icon-action__title {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    /*! color: var(--color-primary-dark); */
    font-size: clamp(1.2rem, 1.5vw, 1.35rem);
    color: white;
}

.home-hero-actions .content-row__inner {
    width: min(100% - 2rem, var(--home-content-width));
    margin: 0;
    width: 100%;
}

.home-hero-actions .icon-action__badge {
    background: none;
    color: var(--color-gold);
}

.hero-mask {
    background: white;
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    height: 100%;
    /*! background: radial-gradient( circle at 2000px 100px, hsla(0, 0%, 98.8%, 0) 1279px, hsla(212.7, 62.9%, 27.5%, 0) 1280px, hsla(212.7, 62.9%, 27.5%, 0.83) 1350px, var(--color-primary) 1350px, var(--color-primary) 58%, hsl(212.7, 62.9%, 27.5%) 58%); */
    /*! mix-blend-mode: multiply; */
    /*! background: radial-gradient( circle at 2100px 100px, hsla(0, 0%, 98.8%, 0) 1279px, hsla(216, 100%, 1%, 0.4) 1280px, hsla(212.6, 100%, 15.9%, 0.46) 1350px, var(--color-primary) 1351px, var(--color-primary) 58%, hsl(212.5, 70.6%, 26.7%) 58%); */
    background: radial-gradient( circle at 200px 105vh, hsl(212.5, 70.6%, 26.7%) 779px, hsla(212.2, 74.2%, 32%, 0) 780px);
}

.hero-mask-2 {
    background: white;
    position: absolute;
    top: 0;
    border: 0;
    left: 0;
    right: 0;
    height: 100%;
    /*! background: radial-gradient( circle at 2000px 100px, hsla(0, 0%, 98.8%, 0) 1279px, hsla(212.7, 62.9%, 27.5%, 0) 1280px, hsla(212.7, 62.9%, 27.5%, 0.83) 1350px, var(--color-primary) 1350px, var(--color-primary) 58%, hsl(212.7, 62.9%, 27.5%) 58%); */
    /*! mix-blend-mode: multiply; */
    /*! background: radial-gradient( circle at 2000px -100px, hsla(0, 0%, 98.8%, 0) 1279px, hsla(216, 100%, 1%, 0) 1280px, hsla(212.6, 100%, 15.9%, 0) 1350px, var(--color-primary) 1351px, var(--color-primary) 58%, hsl(212.5, 70.6%, 26.7%) 58%); */
    background: radial-gradient( circle at 1650px -100px, hsla(0, 0%, 98.8%, 0) 1279px, #ffffffa3 1280px);
    /*! background: none; */
    /*! display: none; */
}

@media (max-width:1500px) {
    .hero-mask {
        background: radial-gradient( circle at 150px 110%, hsl(212.5, 70.6%, 26.7%) 779px, hsla(212.2, 74.2%, 32%, 0) 780px);
    }

    .hero-mask-2 {
        display: none;
    }
}

@media (max-width: 900px) {
    .hero-mask, .hero-mask-2 {
        display: none;
    }
}

@media (max-width:900px) {
    .hero__media.hero__media--video {
        display: none;
    }
}

.dacc-intro-border {
    height: 30px;
    background: linear-gradient( 300deg, var(--color-primary-light) 479px, var(--color-primary) 480px, var(--color-primary) 750px, var(--color-primary-light) 750px, var(--color-primary-light) 851px, var(--color-primary) 852px, var(--color-primary) 902px, var(--color-primary-light) 902px);
    border-top: 15px solid var(--color-primary);
}


/* Primary actions --------------------------------------------------------- */
.home-primary-actions {
    color: var(--color-border);
    /*! background: var(--color-primary-light); */
    /*! border-bottom: 15px solid var(--color-primary-dark); */
    background: var(--color-surface);
    /*! border-top: 10px solid white; */
}

    .home-primary-actions .content-row__inner {
        width: min(100% - 2rem, var(--home-content-width));
        margin: 0;
        width: 100%;
    }

    .home-primary-actions .button-collection {
        /*! gap: clamp(0.55rem, 1vw, 0.75rem); */
        display: flex;
        justify-content: center;
        gap: 0;
        margin: 0;
        padding: 0;
    }

.home-hero-actions .icon-action {
    gap: 0.7rem;
    width: 350px;
    min-block-size: 0;
    padding: 0.5rem;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
}

.home-primary-actions .icon-action__badge {
    inline-size: clamp(2.9rem, 4vw, 3.5rem);
    block-size: clamp(2.9rem, 4vw, 3.5rem);
    background: none;
}

.home-primary-actions .icon-action__title {
    font-size: clamp(1rem, 1.5vw, 1.15rem);
    color: var(--color-primary-dark);
    text-shadow: none;
}

.icon-action__icon.icon-action__font-awesome {
    inline-size: 3rem;
    block-size: 3rem;
}

.home-primary-action .icon-action__icon {
    font-size: 7rem;
}

.home-primary-actions .icon-action__icon {
    block-size: auto;
    inline-size: auto;
    font-size: 2rem;
}

.home-primary-actions .icon-action {
    /*! gap: 1rem; */
    /*! width: 350px; */
    /*! background: none; */
    /*! border: none; */
    /*! box-shadow: none; */
}

    .home-primary-actions .icon-action:hover .icon-action__icon {
        color: var(--color-accent);
    }

    .home-primary-actions .icon-action .icon-action__icon {
        color: var(--color-primary);
    }

    .home-primary-actions .icon-action:hover {
        scale: 102%;
        transform-origin: bottom;
        box-shadow: none;
        /*! background: white; */
        /*! color: var(--color-gold); */
    }

.icon-action.icon-action--primary:hover {
    scale: 104%;
    box-shadow: none;
    /*! scale: 1.05; */
    translate: 0px 3px;
}


/* Intro ------------------------------------------------------------------- */
.home-intro {
    padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

    .home-intro .content-row__inner {
        font-size: clamp(1.1rem, 2vw, 1.35rem);
        line-height: 1.75;
        min-height: 98vh;
        width: 100%;
        border-radius: 0 5px 5px 0;
        padding: 10px 0px;
        max-height: 900px;
    }

        .home-intro .content-row__inner > :first-child {
            margin-top: 0;
        }

        .home-intro .content-row__inner > :last-child {
            margin-bottom: 0;
        }


.home-intro__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 0.5rem;
}

    .home-intro__grid div {
        /*! border-radius: var(--radius-md); */
    }


@media(max-width:1000px) {
    .home-intro__grid {
        display: none;
    }
}

.div1 {
    grid-column: span 3 / span 3;
}

.div3 {
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 2;
}

.div4 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 4;
}

.div5 {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 2;
    scale: 1.2;
    border: white solid 4px;
    transform: translateY(10px);
    border-radius: var(--radius-md);
}

@media (max-width:1500px) {
    .div5 {
        /*! transform: translate(-35px) */
        scale: 1;
        transform: translateY(0px);
    }
}


.div6 {
    grid-row: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 4;
}

.div7 {
    grid-row: span 2 / span 2;
    grid-column-start: 4;
    grid-row-start: 1;
}

.div8 {
    grid-row: span 3 / span 3;
    grid-column-start: 4;
    grid-row-start: 3;
}

.home-intro__nav .icon-action__badge {
    background: none;
    color: white;
    font-size: 3rem;
}



.home-intro.content-row {
    display: grid;
    grid-template-columns: 0.96fr 750px;
    /*! background: linear-gradient( 240deg, hsl(211.8, 39.8%, 48.2%) 50%, hsl(212.7, 62.9%, 27.5%) 50%, hsl(212.7, 62.9%, 27.5%) 55%, var(--color-primary) 55%, var(--color-primary) 58%, hsl(212.7, 62.9%, 27.5%) 58%); */
    margin: auto;
    /*! gap: clamp(10px, 3vw,2rem); */
    padding-block: 0px;
    /*! background: radial-gradient( circle at 2300px 400px, hsl(0, 0%, 98.8%) 1279px, hsl(212.7, 62.9%, 27.5%) 1280px, hsl(212.7, 62.9%, 27.5%) 1350px, var(--color-primary) 1350px, var(--color-primary) 58%, hsl(212.7, 62.9%, 27.5%) 58%); */
    min-height: 800px;
}

@media(max-width:1800px) {
    .home-intro.content-row {
        /*! background: radial-gradient( circle at 2000px, hsl(0, 0%, 98.8%) 1279px, hsl(212.7, 62.9%, 27.5%) 1280px, hsl(212.7, 62.9%, 27.5%) 1350px, var(--color-primary) 1350px, var(--color-primary) 58%, hsl(212.7, 62.9%, 27.5%) 58%); */
    }
}


@media(max-width:1500px) {
    .home-intro.content-row {
        grid-template-columns: 1fr 1fr;
        padding-left: 0;
        background: white;
    }

    .home-intro__grid {
        grid-template-columns: repeat(3, 1fr);
        margin-left: 0;
    }

    .div7 {
        display: none;
    }

    .div8 {
        display: none;
    }
}

@media(max-width:1000px) {
    .home-intro.content-row {
        grid-template-columns: 1fr;
        padding: 5vw;
    }
}


.home-intro__grid .div {
    background: red;
}

.home-intro__grid > div {
    background: black;
}

.home-intro__desc b {
    color: var(--color-accent);
}

.home-intro__desc > h2 {
    /*! color: white; */
    /*! font-weight: 100; */
    /*! background: var(--color-surface); */
    padding: 0 0;
    /*! color: var(--color-white); */
    /*! border-radius: 3px 50px 50px 3px; */
    position: relative;
    /*! left: -26px; */
    /*! box-shadow: 10px 10px 0px var(--color-border); */
    font-size: clamp(3rem, 4vw, 3.5rem);
    /*! text-shadow: 5px 5px 0 var(--color-primary-dark); */
    /*! color: var(--color-text); */
    line-height: 1em;
}

.home-intro__desc {
    /*! background: #fff; */
    border-radius: var(--radius-sm);
    /*! margin-right: clamp(10px, 15vw, 70px); */
    padding: clamp(10px, 4vw, 10rem) clamp(10px, 4vw, 10rem);
    min-width: clamp(0px,90vw,600px);
}

@media (max-width:900px) {
    .home-intro__desc {
        margin-right: 0px;
        padding: 20px;
    }
}

.home-intro__desc > ul > li + li {
    margin-top: 3rem;
}

.home-intro__list li {
    list-style-type: none;
    line-height: 2.2rem;
    /*! color: white; */
    font-size: clamp(1.05rem, 2vw,1.2rem);
    /*! letter-spacing: 0.03rem; */
}

.home-intro__desc ul {
    margin: 0;
    padding: 0;
    /*! font-size: 1.3rem; */
    /*! letter-spacing: 0.2; */
}

.arrow-bullets {
    font-size: 0.5em;
    color: var(--color-accent);
    margin-right: 0.8rem;
    vertical-align: center;
    color: var(--color-accent);
}



/* Announcements ----------------------------------------------------------- */
.home-announcements {
    padding-block: clamp(2.5rem, 5vw, 4rem);
    min-height: 900px;
}

    .home-announcements .content-row__header::after {
        background: none;
        margin: 0;
    }


    .home-announcements .content-row__inner {
        width: min(100% - 2rem, var(--home-content-width));
        margin-inline: 0;
        height: 100%;
        background: url('https://dacc.nmsu.edu/_assets/images/banners/_generic/East-Mesa2.jpg');
        width: 100%;
        background-size: 2200px;
        background-position-y: -300px;
        /*! margin: auto; */
        position: relative;
        /*! left: 60px; */
        /*! border-bottom: 20px solid hsl(212.7, 32.7%, 39.6%); */
        border-top: 10px solid white;
        /*! background-attachment: fixed; */
        /*! outline: 20px solid var(--color-primary-light); */
        background-position-x: right;
        /*! border-bottom: 20px solid var(--color-primary-dark); */
    }

    .home-announcements .content-row__header {
        max-width: none;
        margin-inline: 0;
        position: absolute;
        z-index: 1;
        top: 60px;
        /*! text-shadow: 4px 4px 0px var(--color-primary-dark); */
        /*! left: 12.5%; */
        /*! background: var(--color-accent); */
        line-height: 4rem;
        /*! padding: 0px 200px 0px 0px; */
        /*! background: var(--color-primary-dark); */
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        /*! padding: 30px 30px 0 30px; */
        height: fit-content;
        border-radius: var(--radius-md);
    }

    .home-announcements .content-row__title {
        text-align: left;
        line-height: 2rem;
        border-radius: var(--radius-sm);
        margin: 0;
        width: 700px;
    }

    .home-announcements .cards {
        grid-template-rows: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
        /*! width: 700px; */
        padding: 120px 0 60px 0;
        position: relative;
        /*! left: 20%; */
        grid-template-columns: 1fr;
        gap: 20px;
        margin: auto;
        width: clamp(500px, 90vw, 1500px);
    }

@media (max-width:1000px) {
    .home-announcements .cards {
        left: 0;
        margin-inline: 2vw;
        width: 95vw;
    }
}

.home-announcement .card__content {
    padding: clamp(1rem, 4vw, 1.8rem);
}

.home-announcements.content-row {
    /*! background: url('https://dacc.nmsu.edu/_assets/img/campuses/Workforce_Hero-no-vin.jpg'); */
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: cover;
    /*! background-position: 0px -200px; */
    /*! width: calc(100vw - 2rem); */
    margin: auto;
    /*! margin-top: 20px; */
    padding: 0;
    /*! background-color: white; */
    /*! margin: 20px; */
    /*! margin-block: 50px; */
    /*! padding-right: 14rem; */
    /*! border-bottom: 20px solid var(--color-border); */
}

.home-announcement.card {
    border-radius: var(--radius-sm);
    background: #fff;
    /*! border: 1px solid var(--color-border); */
    box-shadow: 5px 5px 16px hsla(214.3, 9.6%, 14.3%, 0.37);
    border: 0;
    width: clamp( 100px, 95vw, 700px);
}

.background-overlay.background-overlay--primary {
    background: var(--color-border);
    width: clamp(600px, 60vw, 850px);
    position: absolute;
    height: 100%;
    top: 0;
    /*! mix-blend-mode: soft-light; */
    /*! left: 12%; */
    /*! background: var(--color-border); */
    /*! width: 100%; */
    /*! box-shadow: 0px 3px 12px inset #00000073; */
    /*! clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%); */
    /*! background: white; */
    /*! background: var(--color-primary-dark); */
    background: #ffffffde;
}


/* Student spotlight ------------------------------------------------------- */
.home-student-spotlight {
    margin-block: 0;
    padding-block: var(--home-section-space);
    background: white;
    background: url('https://dacc.nmsu.edu/_files/images/banners/StudentWalk.jpg');
    background-size: cover;
    background-position: center;
    /*! background-position-y: -300px; */
    background-attachment: fixed;
    /*! min-height: 1200px; */
}

    .home-student-spotlight .spotlight__container {
        border-radius: var(--radius-sm);
        width: clamp(10px, 95vw, 1300px);
        overflow: hidden;
        box-shadow: 3px 3px 15px hsla(0, 0%, 0%, 0.23);
    }

    .home-student-spotlight .spotlight__header {
        max-width: 100rem;
        /*! display: none; */
        /*! background: hsla(212.5, 64.3%, 22%, 0.89); */
        padding-bottom: 2rem;
        margin-bottom: 0;
        border-radius: var(--radius-sm) var(--radius-sm) 0 0;
        /*! width: 1300px; */
        /*! clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100%, 0% 100%); */
        /*! backdrop-filter: blur(5px); */
        /*! background: hsl(212.2, 74.2%, 32%); */
    }

    .home-student-spotlight .spotlight__heading {
        font-size: clamp(2rem, 4.5vw, 3.25rem);
        /*! color: white; */
        color: var(--color-primary-dark);
    }

    .home-student-spotlight .spotlight__items {
        background: #fff;
        border-radius: 0 0 var(--radius-sm) var(--radius-sm);
        overflow: hidden;
        display: block;
    }

    /* Functional override: the Homepage must not inherit legacy fixed card heights. */
    .home-student-spotlight .spotlight-card {
        border: 0;
        background: none;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        flex-direction: row;
    }

@media (max-width:900px) {
    .home-student-spotlight .spotlight-card {
        flex-direction: column;
        height: fit-content;
    }
}

.home-student-spotlight .spotlight-card__media {
    min-height: 800px;
    aspect-ratio: 2 / 3;
    /*! border: 14px solid white; */
    /*! border-radius: var(--radius-sm); */
    flex: 1 1 33%;
}

.home-student-spotlight .spotlight-card__image {
    min-height: 400px;
    max-height: none;
    aspect-ratio: 4 / 3;
    /*! border: 30px solid var(--color-primary); */
}

.home-student-spotlight .spotlight-card__content {
    backdrop-filter: blur(6px);
    flex: 2 2 400px;
    border-block: 30px solid var(--color-primary);
}

.home-student-spotlight .spotlight-card__summary {
    flex: 0 1 auto;
    margin-top: var(--space-md);
    -webkit-mask-image: none;
    mask-image: none;
    font-size: 1.2rem;
}

.home-student-spotlight .spotlight-card--no-image .spotlight-card__content {
    min-block-size: 15rem;
}

.home-student-spotlight .spotlight-card__meta span {
    color: var(--color-primary);
    font-weight: 900;
}

.home-student-spotlight .spotlight__eyebrow {
    color: var(--color-accent);
    /*! display: none; */
}

.student-spotlight-border {
    height: 25px;
    background: linear-gradient( 270deg, var(--color-border) 579px, var(--color-shadow) 580px, var(--color-shadow) 750px, var(--color-border) 750px, var(--color-border) 851px, var(--color-shadow) 852px, var(--color-shadow) 902px, var(--color-border) 902px);
    border-top: 13px solid var(--color-shadow);
}

.student-spotlight-border-2 {
    height: 25px;
    background: linear-gradient( 270deg, var(--color-border) 579px, var(--color-shadow) 580px, var(--color-shadow) 750px, var(--color-border) 750px, var(--color-border) 851px, var(--color-shadow) 852px, var(--color-shadow) 902px, var(--color-border) 902px);
    border-bottom: 13px solid var(--color-shadow);
}


/* Feed placements --------------------------------------------------------- */
.home-feed--news {
    position: relative;
    padding-block: clamp(10px, 8vw,65px);
    /*! background: hsl(212.8, 43.8%, 28.6%); */
    /*! border-top: 20px solid var(--color-primary-light); */
    border-bottom: 0;
    /*! background: var(--color-border); */
    /*! margin: 40px; */
    /*! background: var(--color-surface); */
    background: url('https://dacc.nmsu.edu/_assets/img/banners/OrganMountains.jpg'), var(--color-primary);
    /*! border-top: 20px solid var(--color-border); */
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 2300px;
    min-height: 1100px;
}

@media (max-width:900px) {
    .home-feed--news {
        min-height: 840px;
    }
}

.home-feed > :first-child {
    margin-top: 0;
}

.home-feed > :last-child {
    margin-bottom: 0;
}

#home-news-heading {
    /*! color: var(--color-gold); */
    margin-bottom: 0px;
    color: var(--color-white);
}

.home-feed .structured-block--news feed {
    background: red;
}

.home-feed--news .structured-block {
    width: clamp(5px,95vw,1300px);
    margin: auto;
    display: flex;
    flex-direction: column;
    /*! background: var(--color-primary); */
    /*! padding: 50px; */
    border-radius: var(--radius-md);
    /*! background: hsl(0, 0%, 98.4%); */
}

.home-feed--news .card-link:hover .card--content {
    color: gold;
}

.home-feed--news .card-link:hover .card__content {
    color: white;
}

.home-feed--news .card-link:hover .card {
    outline: 4px solid white;
    box-shadow: 5px 5px 6px var(--color-primary-dark);
}

.home-feed--news .card-link:hover .card__content {
    background: white;
}

.home-feed--news .card-link:hover {
    scale: 1.01;
    transition: 0.3s scale;
}

.card-link.card-link--news {
    border-radius: var(--radius-sm);
}


.card.card--news {
    border-radius: var(--radius-sm);
    /*! border: 10px solid var(--color-primary-light); */
    border: none;
    height: 600px;
    position: relative;
    box-shadow: none;
}

.card--news .card__title {
    font-size: clamp(1rem, 1.3vw, 1.25rem);
}

@media (max-width:1200px) {
    .card-link--news:nth-of-type(n+2) {
        display: none;
    }

    .card--news .card__title {
        font-size: 1.25rem;
    }
}


.structured-block--news-feed .cards {
    gap: 1rem;
    grid-template-columns: 2fr repeat(2, minmax(0, 1fr));
}

@media(max-width:1200px) {
    .structured-block--news-feed .cards {
        grid-template-columns: 1fr;
    }
}

.card--news .card__description {
    display: none;
}


.card--news .card__content {
    position: absolute;
    bottom: 0;
    background: #fffc;
    right: 0;
    left: 0;
    top: 500px;
    border-radius: var(--radius-lg) 0 0 0;
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    padding: 10px 20px;
}

.button--more-news {
    /*! color: white; */
    text-decoration: none;
    font-size: 1.25rem;
    margin-top: 25px;
    padding: 15px 50px;
    background: hsl(48, 100%, 51%);
    width: fit-content;
    align-self: flex-end;
    border-radius: var(--radius-pill);
    font-weight: 900;
    color: var(--color-accent);
}

    .button--more-news:hover {
        background: white;
    }

        .button--more-news:hover .icon {
            padding-left: 10px;
            transition: 0.3s;
        }


.home-feed.home-feed--events {
    background: var(--color-surface);
    /*! border-bottom: 20px solid var(--color-primary-light); */
    /*! min-height: 820px; */
    /*! border-bottom: 20px solid var(--color-border); */
    padding-block: clamp(10px, 5vw, 55px);
}

@media (max-width:1400px) {
    .card-link--event:nth-of-type(n+4) {
        display: none;
    }
}


.card.card--event {
    flex-direction: row;
    height: 300px;
    position: relative;
    border: none;
    /*! box-shadow: 2px 2px 6px var(--color-shadow); */
    box-shadow: none;
    /*! width: clamp(500px, 80vw ,600px); */
    /*! width: 420px; */
    /*! flex: 1 1 470px; */
    /*! max-width: 570px; */
    justify-content: center;
    /*! border: 1px solid var(--color-primary); */
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.card-link.card-link--event {
    color: black;
    flex: 1 1 470px;
    max-width: 450px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    box-shadow: 5px 5px 15px #0000000a;
}

@media (max-width:1600px) {
    .card-link.card-link--event {
        max-width: 570px;
    }
}


.card.card--event b {
    letter-spacing: 0.2px;
    line-height: 1rem;
    font-size: 1rem;
    font-weight: 500;
}


.structured-block.structured-block--events-feed {
    width: clamp(500px, 90vw, 1500px);
    margin: auto;
    padding: clamp(2.5%, 1vw, 50px);
    /*! margin-top: 5rem; */
    display: flex;
    flex-direction: column;
}

.card--event .card__content {
    position: absolute;
    background: #ffffffe8;
    bottom: 0;
    right: 0;
    top: 200px;
    border-radius: 5px 0 0 0;
    left: 0;
    padding: 15px 20px;
    backdrop-filter: blur(5px);
    transition: 0.3s ease-in-out;
    background: hsla(212.2, 74.2%, 32%, 0.91);
    /*! background: #f5f5dcf2; */
    background: #ffffffe0;
    /*! color: #e8e8e8; */
}


.card--event .card__meta {
    margin-bottom: 3px;
}

.card--event:hover .card__content {
    /*! top: 0; */
    top: 0;
    transition: 0.3s ease-in-out;
}


.card--event .card__meta {
    color: var(--color-accent);
}

@media (max-width: 1000px) {
    .home-feed--events .cards {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

.home-feed--events .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    max-width: 95vw;
}

.button--more-events {
    text-decoration: none;
    font-size: 1.25rem;
    margin-top: 20px;
    padding: 0.75rem 1.5rem;
    width: fit-content;
    align-self: flex-end;
    border-radius: var(--radius-pill);
    font-weight: 100;
}

    .button--more-events:hover {
        /*! background: var(--color-primary-light); */
        /*! color: white; */
    }

        .button--more-events:hover .icon {
            padding-left: 10px;
            transition: 0.3s;
        }

/* Stats --------------------------------------------------------------------*/
.content-row.home-stats {
    width: clamp(100px, 95vw, 1300px);
    margin: auto;
}

.home-stats .stats-impact__value {
    color: var(--color-text);
}


/* OIE --------------------------------------------------------------------*/
.oie {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 1400px;
}

@media (max-width:1400px) {
    .oie {
        background-position-x: calc(20vh - 120px);
    }
}

.content-row.oie {
    width: clamp(100px, 95vw, 1300px);
    margin: auto;
    padding-block: 0px;
    padding: 0px 0px 70px 0;
}

.structured-block.structured-block--oie {
    width: clamp(100px, 95vw, 1300px);
    margin: auto;
    background: url('https://dacc.nmsu.edu/_assets/images/banners/_generic/StudyHard.png'), linear-gradient(90deg, var(--color-primary-dark), var(--color-primary));
    margin: auto;
    height: 700px;
    /*! background: url('https://dacc.nmsu.edu/_files/images/banners/StudyHard.png'); */
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 900px, 100%;
    border-radius: var(--radius-lg);
    /*! box-shadow: 5px 5px 0px var(--color-shadow); */
}

@media (max-width:1000px) {
    .structured-block.structured-block--oie {
        height: 800px;
        background-position-x: right -30px, center;
        background-size: clamp(0px, 120vw, 900px), 100%;
    }
}

@media (max-width:700px) {
    .structured-block.structured-block--oie {
        height: 800px;
        background-position-x: right -70px, center;
    }
}

.oie-foreground {
    position: absolute;
}

.structure-block--oie-inner {
    width: 40vw;
    border-radius: var(--radius-lg);
    padding: 70px;
}



.oie .content-prose {
    color: white;
}

.oie h2 {
    color: white;
}

.oie .home__eyebrow {
    color: var(--color-gold);
}

.oie .content-prose {
    color: white;
}

.oie h2 {
    color: white;
    font-size: clamp(2rem, 4vw, 3rem);
}

.oie .home__eyebrow {
    color: var(--color-gold);
}

@media(max-width:1500px) {
    .structure-block--oie-inner {
        width: 65vw;
        padding: clamp(30px,15vw,50px);
    }
}

@media(max-width:1000px) {
    .structure-block--oie-inner {
        width: 95vw;
    }
}

/* Featured content -------------------------------------------------------- */
.home-featured-content {
    padding-block: var(--home-section-space);
}

    .home-featured-content .content-row__inner {
        width: min(100% - 2rem, var(--home-content-width));
    }

    .home-featured-content .content-row__title {
        font-size: clamp(2rem, 4.5vw, 3.25rem);
    }

    .home-featured-content .cards {
        gap: clamp(1rem, 2vw, 1.75rem);
    }

.home-featured-card .card__media {
    overflow: hidden;
}

.home-featured-card .card__image {
    aspect-ratio: 3 / 2;
}

.home-featured-card .card__action {
    margin-bottom: 0;
}

/* Additional reusable blocks -------------------------------------------- */
.home-additional-content,
.home-additional-content__row {
    min-inline-size: 0;
}

/* Responsive -------------------------------------------------------------- */
@media (min-width: 900px) {
    .home-hero.hero--default .hero__inner {
        grid-template-rows: 0.85fr 1fr;
        grid-template-columns: 1fr;
        place-items: flex-start;
        gap: var(--space-2xl);
        bottom: 10%;
        padding-left: 85px;
        padding-bottom: 50px;
    }
}

@media (max-width: 1000px) {
    .home-primary-actions {
        margin-top: -1.5rem;
    }
}

@media (max-width: 900px) {
    .homepage {
        --home-section-space: clamp(2.5rem, 10vw, 4rem);
    }

    .home-hero.hero--default .hero__inner {
        /*! min-height: 0; */
        /*! padding-block: clamp(3rem, 12vw, 4.5rem); */
        /*! margin-top: -470px; */
        width: 100%;
        background: linear-gradient(hsla(212.2, 74.2%, 32%, 0.06) 0%, hsla(212.8, 72.6%, 14.3%, 0.81)50%);
        padding: 20px;
        border-radius: 0;
        bottom: 0px;
        padding-bottom: 20px;
    }

    .home-hero .hero__title {
        font-size: clamp(2.65rem, 14vw, 4.25rem);
    }

    .home-hero .hero__image,
    .home-hero .hero__video {
        min-block-size: 0;
        aspect-ratio: 16 / 10;
    }

    .home-primary-actions {
        margin-top: 0;
        padding-top: var(--space-lg);
    }

        .home-primary-actions .icon-action {
            min-block-size: 4.5rem;
        }

    .home-intro .content-row__inner {
        text-align: left;
    }

    .home-announcements .content-row__header,
    .home-featured-content .content-row__header {
        margin-bottom: 0;
        left: 0;
        /*! margin: 2vw; */
        /*! top: 20px; */
    }

    .home-featured-content .content-row__title {
        text-align: left;
    }
}

@media print {
    .home-hero .hero__video-toggle {
        display: none;
    }

    .home-primary-actions {
        margin-top: 0;
    }

        .home-primary-actions .icon-action,
        .home-featured-card,
        .home-student-spotlight .spotlight-card {
            break-inside: avoid;
            box-shadow: none;
        }
}

/*Home-intro--------------------------------------------------------------*/

.icon {
    transition: 0.3s;
}

@media (max-width:1000px) {
    .spotlight-card__content {
        height: fit-content;
    }
}

/* Root-readiness guard: preserve the OIE composition while allowing text reflow. */
.homepage .structured-block--oie {
    height: auto;
    min-height: 700px;
}
.homepage .structure-block--oie-inner {
    box-sizing: border-box;
    max-width: 100%;
}
@media (max-width: 1000px) {
    .homepage .structured-block--oie { min-height: 800px; }
}
/* Fit narrow viewports and preserve readable, keyboard-accessible card states. */
.homepage .structured-block.structured-block--events-feed {
    width: min(90vw, 1500px);
}
.homepage .home-feed--news .card-link:hover .card__content,
.homepage .home-feed--news .card-link:focus-visible .card__content {
    color: var(--color-text);
    background: white;
}
.homepage .card-link--event:focus-visible .card__content {
    top: 0;
}

/* Homepage follow-up: tracked News images and Social-style Pulse branding. */
.homepage .home-feed--news .card--news {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.homepage .home-feed--news .home-news-card__image {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    max-inline-size: none;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}
.homepage .home-feed--news .card__content { z-index: 1; }
.homepage .home-student-pulse,
.homepage .home-student-pulse > .content-row__inner,
.homepage .home-student-pulse .student-pulse-feed {
    background: #fff;
    text-align: left;
}
.homepage .home-student-pulse__logo {
    display: block;
    inline-size: min(100%, 25rem);
    max-inline-size: 100%;
    margin: 0 0 var(--space-lg, 1.5rem);
    padding: 0;
    justify-self: start;
    align-self: start;
    text-align: left;
    background: #fff;
}
.homepage .home-student-pulse__logo img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 100%;
    max-block-size: 10rem;
    margin: 0;
    object-fit: contain;
    object-position: left top;
}

/* Homepage: events without a selected image show their information in full. */
.homepage .home-feed--events .card-link--event-no-image {
    align-self: flex-start;
}
.homepage .home-feed--events .card--event-no-image {
    display: block;
    height: auto;
    min-height: 0;
    overflow: visible;
}
.homepage .home-feed--events .card--event-no-image > .card__content {
    position: static;
    inset: auto;
    width: 100%;
    min-width: 0;
    background: var(--color-white);
    border-radius: inherit;
    backdrop-filter: none;
    transition: none;
}
.homepage .home-feed--events a.card-link.card-link--event,
.homepage .home-feed--events a.card-link.card-link--event:is(:hover, :focus, :focus-visible, :active, :visited) {
    text-decoration: none;
}