@font-face {
    font-family: "Neue Haas Grotesk Text Pro";
    src: url("/dist/fonts/NHaasGroteskTXPro-Rg.ttf") format("truetype");
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}

.page-ir {
    --nav-h: 75px;
    background: #f2f2f2;
    color: #000;
    font-family: "Neue Haas Grotesk Text Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-ir #navbar { opacity: 1; transform: none; }

.ir-scale {
    width: 1440px;
    margin: 0 auto;
    zoom: calc(100vw / 1440px);
}

.ir-page {
    width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    background: #f2f2f2;
}

.ir-page > :not(.ir-hero):not(.ir-content) { display: none; }

.ir-hero {
    position: relative;
    height: 600px;
    overflow: hidden;
    background: #021c25;
}

.ir-hero > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center 50%;
}

.ir-hero__shade { position: absolute; inset: 0; background: rgba(2, 28, 37, .18); }

.ir-hero h1 {
    position: absolute;
    left: 61px;
    bottom: 214px;
    margin: 0;
    color: #f2f2f2;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    text-transform: uppercase;
    text-shadow: 4px 4px 10px rgba(0, 0, 0, .25);
}

.ir-hero__swipe {
    position: absolute;
    right: 70px;
    bottom: 31px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: #f2f2f2;
    font: inherit;
    font-size: 18px;
    line-height: 18px;
}

.ir-content {
    padding: 95px 121px 100px;
    background: #f2f2f2;
}

.ir-copy { color: #000; font-size: 24px; font-weight: 400; line-height: 32px; }
.ir-copy p { margin: 0; }
.ir-copy p + p { margin-top: 26px; }

.ir-contact-banner {
    display: block;
    width: 100%;
    margin: 42px 0 0;
}
.ir-contact-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .ir-scale { width: auto; zoom: 1; }
    .ir-page { width: auto; }
    .ir-hero { height: 500px; }
    .ir-hero h1 { right: 20px; left: 20px; bottom: 58px; font-size: 42px; line-height: 44px; }
    .ir-hero__swipe { right: 20px; }
    .ir-content { min-height: 0; padding: 48px 20px 72px; }
    .ir-copy { font-size: 16px; line-height: 24px; }
    .ir-copy p + p { margin-top: 20px; }
    .ir-contact-banner { margin-top: 28px; }
    .ir-contact-banner img { border-radius: 8px; }
}

@media (min-width: 1729px) {
    .ir-page { overflow: visible; }
    .ir-hero { width: var(--bleed-w); margin-left: var(--bleed-left); margin-right: 0; }
    .ir-hero h1 { left: calc(61px + var(--bleed-shift)); }
}