@font-face {
    font-family: "Costaline";
    src: url("../fonts/Costaline-Thin.woff2") format("woff2"),
         url("../fonts/Costaline-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Costaline";
    src: url("../fonts/Costaline-ThinItalic.woff2") format("woff2"),
         url("../fonts/Costaline-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

:root {
    --page-black: #030405;
    --text-white: #f4f3f0;
    --line-white: rgba(255, 255, 255, 0.25);
    --gold: #ca9c5e;
    --page-gutter: clamp(1.75rem, 5.65vw, 7.15rem);
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text-white);
    background: var(--page-black);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
}

img {
    max-width: 100%;
    height: auto;
}

.hero {
    height: 781px;
    background: var(--page-black);
    isolation: isolate;
}

.hero-video {
    z-index: -3;
    object-fit: cover;
    object-position: center center;
}

.hero-shade {
    z-index: -2;
    background:
        linear-gradient(180deg, rgba(1, 3, 6, 0.28) 0%, rgba(1, 3, 6, 0.02) 36%, rgba(0, 0, 0, 0.08) 57%, rgba(0, 0, 0, 0.82) 100%),
        linear-gradient(90deg, rgba(0, 0, 0, 0.14), transparent 35%, transparent 70%, rgba(0, 0, 0, 0.08));
}

.hero-layout {
    padding-right: var(--page-gutter);
    padding-bottom: 5.625rem;
    padding-left: var(--page-gutter);
}

.hero-content {
    padding-bottom: clamp(0.5rem, 1vh, 1rem);
}

.hero-kicker {
    margin: 0 0 1rem;
    font-family: "Geist", "Inter", sans-serif;
    font-size: clamp(1.35rem, 1.85vw, 2.35rem);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.045em;
}

.hero-kicker p,
.hero-description p {
    margin: 0;
}

.hero-kicker p{
    font-size: clamp(24px, 4vw, 40px);
}

.hero-description p{
    font-size: clamp(16px, 4vw, 18px); 
}

.hero-title {
    display: flex;
    align-items: baseline;
    margin: 0;
    font-family: "Costaline", Georgia, serif;
    font-size: 80px;
    font-weight: 100;
    line-height: normal;  
    text-transform: uppercase;
    white-space: nowrap;
    font-style: italic;
}

.hero-title > span + span {
    margin-left: 0.28em;
}

.hero-title > span:last-child {
    
}

.hero-description {
    max-width: calc(100% - 4.5rem);
    
    padding-top: clamp(1.2rem, 2vh, 1.85rem);
    border-top: 1px solid var(--line-white);
    font-family: "Inter", sans-serif;
    font-size: clamp(1rem, 1.32vw, 1.65rem);
    font-weight: 300;
    line-height: 1.18;
    letter-spacing: -0.02em;
}

.scroll-cue {
    right: 4.5rem;
    bottom: 8.9rem;
    z-index: 2;
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    transition: transform 250ms ease;
}

.scroll-cue:hover,
.scroll-cue:focus-visible {
    transform: translateY(0.3rem);
}

.section-container {
    max-width: 1440px;
    padding-right: clamp(32px, 5.5556vw, 80px);
    padding-left: clamp(32px, 5.5556vw, 80px);
}

.underlined-link {
    display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid currentColor;
    color: inherit;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.story-section {
    color: #101010;
    background: #fff;
}

.story-texture {
    top: 262px;
    left: -8.65%;
    width: 113.67%;
    max-width: none;
    height: auto;
    opacity: 0.18;
}

.story-section::after {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(90deg, #fff, transparent 49%, transparent 51%, #fff);
}

.story-section .section-container {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

.story-copy {
    max-width: 1133px;
    font-family: "Geist", sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 52px;
    text-transform: uppercase;
}

.story-copy p {
    margin: 0;
}

.story-copy p + p {
    margin-top: 52px;
}

.story-copy em {
    font-family: "Costaline", Georgia, serif;
    font-size: 31px;
    font-weight: 100;
    line-height: 0;
}

.story-link {
    margin-top: 44px;
}

.stats-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 250fr 343fr 313fr 370fr;
    margin-top: 94px;
}

.stat-item {
    display: flex;
    min-height: 49px;
    align-items: center;
    gap: 22px;
    padding: 0 20px;
    border-right: 1px solid #a1a1a1;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
}

.stat-item:first-child {
    padding-left: 4px;
}

.stat-item:not(:first-child) {
    justify-content: center;
}

.stat-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.stat-item img {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    object-fit: contain;
    transition: transform 650ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.stat-item:nth-child(2) img {
    width: 55px;
    height: 49px;
}

.stat-item:nth-child(3) img {
    width: 44px;
    height: 45px;
}

.stat-item:nth-child(4) img {
    width: 59px;
    height: 44px;
}

.stat-item:hover img {
    transform: scale(1.08);
}

.stat-item p {
    margin: 0;
}

.founder-section {
    padding: 100px 0 102px;
    color: #101010;
    background: #fff;
}

.founder-heading {
    position: relative;
    height: 240px;
    text-transform: uppercase;
}

.founder-heading p {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: "Instrument Sans", "Inter", sans-serif;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 4px;
}

.founder-heading h2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background: linear-gradient(to top, #000, rgba(123, 123, 123, 0.06));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0.18;
    font-family: "Costaline", Georgia, serif;
    font-size: clamp(100px, 15.2778vw, 220px);
    font-weight: 100;
    line-height: 278px;
}

.founder-layout {
    --bs-gutter-x: 0;
    margin: 0 0 0 8.515625%;
    align-items: flex-start !important;
}

.founder-portrait-wrap {
    display: flex;
    width: 44.3211%;
    height: 825px;
    overflow: hidden;
}

.founder-portrait {
    width: 100%;
    height: 843.5px;
    object-fit: cover;
    object-position: 25% center;
    transform: translateY(-17px);
}

.founder-quote {
    position: relative;
    width: 55.6789%;
    padding-top: 120px;
    padding-left: 10.9308%;
}

.founder-quote > span {
    display: block;
    height: 185px;
    margin-left: -10px;
    color: var(--gold);
    font-family: "Abhaya Libre", Georgia, serif;
    font-size: 330px;
    font-weight: 400;
    line-height: 1.18;
}

.founder-quote blockquote {
    max-width: 474px;
    margin: 0 0 74px;
    font-family: "Geist", sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 52px;
    text-indent: 90px;
    text-transform: uppercase;
}

.founder-signature p {
    margin: 0;
    color: var(--gold);
    font-family: "Geist", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
}

.founder-signature small {
    display: block;
    color: #1e1e1e;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
}

.companies-section {
    padding: 100px 0 102px;
    color: #fff;
    background: #101010;
}

.companies-intro {
    --bs-gutter-x: 0;
    padding-bottom: 113px;
    align-items: flex-start !important;
}

.companies-intro h2,
.investment-copy h2,
.news-heading h2,
.contact-copy h2 {
    margin: 0;
    font-family: "Geist", sans-serif;
    font-size: 56px;
    font-weight: 100;
    line-height: 64px;
    text-transform: uppercase;
}

.companies-intro h2 {
    max-width: 375px;
    color: var(--gold);
}

.companies-intro h2 em,
.investment-copy h2 em,
.news-heading h2 em,
.contact-copy h2 em {
    display: block;
    margin-top: 5px;
    color: var(--gold);
    font-family: "Costaline", Georgia, serif;
    font-size: 46px;
    font-weight: 100;
    line-height: 54px;
}

.companies-intro h2 em {
    color: #fff;
}

.companies-intro p {
    max-width: 579px;
    margin: 76px 0 0 auto;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.company-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    padding: 0 3px;
}

.company-card {
    position: relative;
    height: 575px;
    overflow: hidden;
    background: #181818;
}

.company-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 900ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.company-card:nth-child(1) > img {
    object-position: 50% center;
}

.company-card:nth-child(2) > img {
    position: absolute;
    top: -14.93%;
    left: -161.18%;
    width: 379.64%;
    max-width: none;
    height: 156.89%;
}

.company-card:nth-child(3) > img {
    object-position: 61% center;
}

.company-card:nth-child(4) > img {
    position: absolute;
    top: -0.44%;
    left: -88.91%;
    width: 251.27%;
    max-width: none;
    height: 107.55%;
}

.company-card:hover > img {
    transform: scale(1.045);
}

.company-card-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.24), transparent 35%, transparent 57%, rgba(0, 0, 0, 0.64));
}

.company-card:first-child .company-card-shade {
    background: linear-gradient(120deg, transparent 57.24%, rgba(0, 0, 0, 0.64));
}

.company-card-copy {
    position: absolute;
    inset: 42px 12px 37px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    text-align: center;
}

.company-card-copy p {
    margin: 0;
    color: #f7e3b4;
    font-family: "Geist", sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1.8px;
    line-height: 23px;
    text-transform: uppercase;
}

.company-card-copy h3 {
    max-width: 100%;
    margin: 10px 0 0;
    font-family: "Geist", sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 28px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .company-card:first-child h3 {
        max-width: 268px;
    }
}

.company-card-copy .underlined-link {
    margin-top: auto;
    border-bottom-color: rgba(255, 255, 255, 0.31);
}

.investment-section {
    padding-top: 100px;
    color: #101010;
    background: #fff;
}

.investment-layout {
    --bs-gutter-x: 0;
}

.investment-image-wrap {
    display: flex;
    justify-content: center;
}

.investment-image-wrap img {
    width: min(100%, 465px);
    height: 660px;
    object-fit: cover;
    object-position: 32% center;
}

.investment-copy {
    padding-left: 12px;
}

.investment-copy h2 {
    max-width: 587px;
}

.investment-copy h2 em {
    max-width: 500px;
    min-height: 110px;
}

.investment-copy p {
    max-width: 410px;
    margin: 32px 0 16px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.investment-copy .underlined-link {
    margin-top: 24px;
}

.news-section {
    padding: 95px 0 100px;
    color: #101010;
    background: #fff;
}

.news-heading {
    margin-bottom: 40px;
}

.news-heading h2 {
    display: flex;
    align-items: baseline;
    gap: 18px;
}

.news-heading h2 em {
    display: inline;
    margin: 0;
}

.news-slider {
    overflow: visible;
    touch-action: pan-y;
}

.news-slider:focus-visible {
    outline: 1px solid var(--gold);
    outline-offset: 8px;
}

.news-track {
    display: flex;
    gap: 71px;
    will-change: transform;
}

.news-card {
    width: 364px;
    min-width: 0;
    flex: 0 0 364px;
    overflow: hidden;
}

.news-card > img {
    width: 100%;
    height: 249px;
    object-fit: cover;
    transition: transform 900ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.news-card:hover > img {
    transform: scale(1.045);
}

.news-card > div {
    position: relative;
    z-index: 1;
    min-height: 138px;
    padding-top: 35px;
    color: #464646;
    font-family: "Geist", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    background: #fff;
}

.news-card > div p,
.news-card footer p {
    margin: 0;
}

.news-card footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    background: #fff;
}

.news-card footer p {
    flex-shrink: 0;
}

.news-card footer::after {
    height: 1px;
    flex: 1;
    content: "";
    background: #101010;
}

.slider-controls {
    position: relative;
    display: flex;
    width: 46px;
    height: 21px;
    justify-content: space-between;
    margin: 43px auto 0;
    background: url("../images/figma-assets/slider-arrows.svg") center / 46px 21px no-repeat;
}

.slider-controls button {
    position: relative;
    width: 23px;
    height: 44px;
    margin-top: -11px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.slider-controls button:disabled {
    cursor: default;
}

.slider-controls button:focus-visible {
    outline: 1px solid var(--gold);
    outline-offset: 3px;
}

.mobile-news-link {
    margin-top: 30px;
}



@media (max-width: 991.98px) {


    .hero-title {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-layout {
        padding-bottom: 7rem;
        padding-left:20px;
        padding-right:20px;
    }

    .hero-content {
        text-align: center;
    }

    .hero-title {
        display: block;
        
        white-space: normal;
    }

    .hero-title > span {
        display: block;
    }

    .hero-title > span + span {
        margin: 0.04em 0 0;
    }

    .hero-description {
        max-width: none;
        line-height: 1.25;
    }

    .scroll-cue {
        right: 50%;
        bottom: 3.25rem;
        transform: translateX(50%);
    }

    .scroll-cue:hover,
    .scroll-cue:focus-visible {
        transform: translate(50%, 0.3rem);
    }
}

@media (max-width: 575.98px) {
    :root {
        --page-gutter: 1.45rem;
    }

    .hero {
        height: 844px;
    }

    .hero-video {
        object-position: 60% center;
    }

    .hero-shade {
        background:
            linear-gradient(180deg, rgba(1, 3, 6, 0.28) 0%, rgba(1, 3, 6, 0.04) 36%, rgba(0, 0, 0, 0.12) 57%, rgba(0, 0, 0, 0.94) 80%, #000 100%);
    }

    .hero-layout {
        padding-bottom: clamp(8.2rem, 14.4vh, 10.5rem);
    }

    .hero-kicker {
        margin-bottom: 1rem;
        font-size: clamp(1.2rem, 6.15vw, 1.65rem);
        line-height: 1.08;
    }

  

    .hero-description {
        margin-top: 10px;
        padding: 1.05rem 0.2rem 0;
        font-size: clamp(0.95rem, 4.25vw, 1.2rem);
        line-height: 1.2;
    }

    .scroll-cue {
        bottom: 66px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .scroll-cue {
        transition: none;
    }
}


@media (min-width: 768px) and (max-width: 1199.98px) {
    .story-copy { font-size: 34px; line-height: 44px; }
    .story-copy em { font-size: 27px; }
    .stat-item { gap: 12px; padding: 0 12px; font-size: 13px; }
    .founder-layout { margin-left: 0; }
    .founder-quote { padding-left: 6%; }
    .founder-quote blockquote { font-size: 32px; line-height: 42px; text-indent: 50px; }
    .companies-intro h2, .investment-copy h2, .news-heading h2, .contact-copy h2 { font-size: 46px; line-height: 56px; }
    .companies-intro h2 em, .investment-copy h2 em, .news-heading h2 em, .contact-copy h2 em { font-size: 38px; line-height: 48px; }
    .companies-intro p { margin-top: 55px; font-size: 16px; }
    .company-card-copy h3 { font-size: 22px; }
    .company-card-copy p { font-size: 15px; letter-spacing: 1px; }
    .investment-copy p { font-size: 16px; }
    .investment-copy .underlined-link { font-size: 14px; letter-spacing: 1px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .stats-grid { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
    .stat-item:nth-child(2) { border-right: 0; }
    .stat-item:first-child { justify-content: center; }
    .story-section .section-container { padding-top: 90px; }
    .story-link { margin-top: 32px; }
    .stats-grid { margin-top: 60px; }
    .founder-section { padding: 80px 0; }
    .founder-heading { height: 200px; }
    .founder-heading h2 { font-size: 120px; line-height: 220px; }
    .founder-portrait-wrap { height: 600px; }
    .founder-portrait { height: 614px; transform: translateY(-12px); }
    .founder-quote { padding-top: 30px; }
    .founder-quote > span { height: 145px; font-size: 250px; }
    .founder-quote blockquote { font-size: 28px; line-height: 36px; }
    .companies-section { padding: 80px 0; }
    .companies-intro { padding-bottom: 60px; }
    .companies-intro p { max-width: none; margin: 32px 0 0; }
    .company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .investment-section { padding: 80px 0; }
    .investment-layout { gap: 40px; }
    .investment-copy { padding-left: 0; }
    .investment-copy p { max-width: 580px; }
    .investment-copy h2 em { min-height: auto; }
    .investment-image-wrap img { width: 100%; height: 520px; }
}

@media (max-width: 767.98px) {
    .section-container { padding-right: 20px; padding-left: 20px; }
    .story-section .section-container { padding-top: 80px; padding-bottom: 80px; }
    .story-texture { top: 335px; left: -193.85%; width: 473.51%; }
    .story-copy { width: 100%; max-width: 450px; font-size: 26px; line-height: 34px; }
    .story-copy p + p { margin-top: 50px; }
    .story-copy em { margin-top: 3px; font-size: 20px; line-height: 32px; }
    .story-link { margin-top: 28px; font-size: 14px; letter-spacing: 0.7px; }
    .stats-grid { max-width: 450px; grid-template-columns: repeat(2, 1fr); grid-template-rows: 98px 125px; row-gap: 40px; margin-top: 60px; }
    .stat-item, .stat-item:first-child, .stat-item:not(:first-child) {
        min-height: 0; flex-direction: column; justify-content: flex-start;
        gap: 14px; padding: 0 10px; text-align: center; font-size: 16px; line-height: 22px;
    }
    .stat-item:nth-child(2) { border-right: 0; }
    .stat-item:nth-child(3), .stat-item:nth-child(4) { min-height: 0; }
    .stat-item img { flex-basis: 49px; }
    .stat-item:last-child p { max-width: 145px; }
    .founder-section { padding: 80px 0; }
    .founder-heading { height: 92px; }
    .founder-heading p { font-size: 18px; line-height: 23px; letter-spacing: 3.6px; }
    .founder-heading h2 { top: 20px; font-size: clamp(54px, 17.9487vw, 70px); line-height: 72px; }
    .founder-layout { margin: 0; }
    .founder-portrait-wrap { width: 244px; height: 360px; margin: 0 auto; justify-content: center; }
    .founder-portrait { width: 244px; height: 368px; object-position: 18.2% center; transform: translateY(-7.5px); }
    .founder-quote { width: 100%; padding: 30px 0 0; text-align: center; }
    .founder-quote > span { width: 60px; height: 43px; margin: 0 auto; font-size: 220px; line-height: 170px; }
    .founder-quote blockquote { max-width: 450px; margin: 30px auto 50px; font-size: 26px; line-height: 34px; text-indent: 0; }
    .founder-signature p { font-size: 18px; line-height: 23px; letter-spacing: 3.6px; }
    .founder-signature small { font-size: 16px; line-height: 21px; letter-spacing: 1.6px; }
    .companies-section { padding: 80px 0; }
    .companies-intro { padding-bottom: 40px; text-align: left; }
    .companies-intro h2, .investment-copy h2, .news-heading h2, .contact-copy h2 { font-size: 45px; line-height: 58.5px; }
    .companies-intro h2 em, .investment-copy h2 em, .news-heading h2 em, .contact-copy h2 em { font-size: 35px; line-height: 45px; }
    .companies-intro h2 em { margin-top: 3px; line-height: 55px; }
    .companies-intro p { max-width: none; margin: 30px 0 0; font-size: 16px; line-height: 19.85px; }
    .company-grid { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 0 20px; }
    .company-card { height: auto; aspect-ratio: 350 / 566.272; }
    .company-card-copy { inset: 42px 12px 28px; }
    .company-card-copy p { font-size: 16px; line-height: 21px; letter-spacing: 1.6px; }
    .company-card-copy h3 { margin-top: 11px; font-size: 22px; line-height: 28px; }
    .company-card:nth-child(n+3) h3 { font-size: 26px; }
    .company-card:nth-child(3) h3 { max-width: 307px; }
    .company-card:nth-child(4) h3 { max-width: 314px; }
    .investment-section { padding: 80px 0; }
    .investment-layout { flex-direction: column-reverse; gap: 40px; }
    .investment-copy { padding: 0; }
    .investment-copy h2 { max-width: 450px; }
    .investment-copy h2 em { min-height: 92px; margin-top: 3px; font-size: clamp(28px, 8.9744vw, 35px); }
    .investment-copy p { max-width: 450px; margin: 30px 0; font-size: 16px; line-height: 19px; }
    .investment-copy .underlined-link {
        max-width: 100%; margin-top: 0; border-bottom: 0; padding-bottom: 0;
        font-size: 16px; line-height: 30px; text-decoration: underline; text-underline-offset: 7px;
        text-decoration-thickness: 1px;
    }
    .investment-image-wrap { padding: 0; }
    .investment-image-wrap img { width: 100%; height: auto; aspect-ratio: 350 / 494.742; }
    .news-section { padding: 0 0 80px;  }
    .news-heading { margin-bottom: 30px; }
    .news-heading h2 { gap: 10px; white-space: nowrap; font-size: clamp(36px, 11.5385vw, 45px); }
    .news-heading h2 em { font-size: clamp(28px, 8.9744vw, 35px); }
    .news-card { width: min(330px, calc(100vw - 60px)); flex-basis: min(330px, calc(100vw - 60px)); }
    .news-card > img { height: auto; aspect-ratio: 330 / 225.742; }
    .news-card > div { min-height: 124px; padding-top: 30px; font-size: 18px; line-height: 23px; }
    .news-track { gap: 20px; }
    .slider-controls { margin-top: 30px; }
    .mobile-news-link { display: table; margin: 30px auto 0; }
    .contact-section { height: 430px; }
    .contact-copy { padding: 80px 20px 0; }
    .contact-copy h2 { max-width: 350px; }
    .contact-copy h2 span, .contact-copy h2 em { display: block; margin: 0; }
    .contact-copy h2 em { line-height: 55px; }
    .contact-copy p { max-width: 350px; margin: 30px 0; font-size: 16px; line-height: 20px; text-transform: uppercase; }
    .contact-copy .underlined-link { font-size: 14px; letter-spacing: 1.2px; }
}

@media (prefers-reduced-motion: reduce) {
    .stat-item img, .company-card > img, .news-card > img { transition: none; }
}