@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

 @font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-Bold.eot');
    src: url('./assets/fonts/GTSuperDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-Bold.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-Bold.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-Bold.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-Bold.svg#GTSuperDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-BoldItalic.eot');
    src: url('./assets/fonts/GTSuperDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-BoldItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-BoldItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-BoldItalic.svg#GTSuperDisplay-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-Light.eot');
    src: url('./assets/fonts/GTSuperDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-Light.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-Light.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-Light.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-Light.svg#GTSuperDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-Medium.eot');
    src: url('./assets/fonts/GTSuperDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-Medium.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-Medium.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-Medium.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-Medium.svg#GTSuperDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-Regular.eot');
    src: url('./assets/fonts/GTSuperDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-Regular.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-Regular.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-Regular.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-Regular.svg#GTSuperDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-BlackItalic.eot');
    src: url('./assets/fonts/GTSuperText-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-BlackItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-BlackItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperText-BlackItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-BlackItalic.svg#GTSuperText-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-RegularItalic.eot');
    src: url('./assets/fonts/GTSuperDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-RegularItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-RegularItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-RegularItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-RegularItalic.svg#GTSuperDisplay-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display Super';
    src: url('./assets/fonts/GTSuperDisplay-SuperItalic.eot');
    src: url('./assets/fonts/GTSuperDisplay-SuperItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-SuperItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-SuperItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-SuperItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-SuperItalic.svg#GTSuperDisplay-SuperItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-MediumItalic.eot');
    src: url('./assets/fonts/GTSuperDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-MediumItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-MediumItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-MediumItalic.svg#GTSuperDisplay-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display Super';
    src: url('./assets/fonts/GTSuperDisplay-Super.eot');
    src: url('./assets/fonts/GTSuperDisplay-Super.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-Super.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-Super.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-Super.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-Super.svg#GTSuperDisplay-Super') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Display';
    src: url('./assets/fonts/GTSuperDisplay-LightItalic.eot');
    src: url('./assets/fonts/GTSuperDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperDisplay-LightItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperDisplay-LightItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperDisplay-LightItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperDisplay-LightItalic.svg#GTSuperDisplay-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-Black.eot');
    src: url('./assets/fonts/GTSuperText-Black.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-Black.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-Black.woff') format('woff'),
        url('./assets/fonts/GTSuperText-Black.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-Black.svg#GTSuperText-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-BookItalic.eot');
    src: url('./assets/fonts/GTSuperText-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-BookItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-BookItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperText-BookItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-BookItalic.svg#GTSuperText-BookItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-Bold.eot');
    src: url('./assets/fonts/GTSuperText-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-Bold.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-Bold.woff') format('woff'),
        url('./assets/fonts/GTSuperText-Bold.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-Bold.svg#GTSuperText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-Book.eot');
    src: url('./assets/fonts/GTSuperText-Book.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-Book.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-Book.woff') format('woff'),
        url('./assets/fonts/GTSuperText-Book.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-Book.svg#GTSuperText-Book') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-RegularItalic.eot');
    src: url('./assets/fonts/GTSuperText-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-RegularItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-RegularItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperText-RegularItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-RegularItalic.svg#GTSuperText-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-Medium.eot');
    src: url('./assets/fonts/GTSuperText-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-Medium.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-Medium.woff') format('woff'),
        url('./assets/fonts/GTSuperText-Medium.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-Medium.svg#GTSuperText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-BoldItalic.eot');
    src: url('./assets/fonts/GTSuperText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-BoldItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-BoldItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperText-BoldItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-BoldItalic.svg#GTSuperText-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-Regular.eot');
    src: url('./assets/fonts/GTSuperText-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-Regular.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-Regular.woff') format('woff'),
        url('./assets/fonts/GTSuperText-Regular.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-Regular.svg#GTSuperText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Super Text';
    src: url('./assets/fonts/GTSuperText-MediumItalic.eot');
    src: url('./assets/fonts/GTSuperText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/GTSuperText-MediumItalic.woff2') format('woff2'),
        url('./assets/fonts/GTSuperText-MediumItalic.woff') format('woff'),
        url('./assets/fonts/GTSuperText-MediumItalic.ttf') format('truetype'),
        url('./assets/fonts/GTSuperText-MediumItalic.svg#GTSuperText-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



body {
    margin: 0px;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.archway-hero {
    background: #fff;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    padding: 24px 24px 24px 24px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
;
}

.archway-hero-container {
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    /* height: 100%; */
    flex: 1;
}

.archway-hero-h1 h1 {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 88px;
    font-style: normal;
    font-weight: 300;
    line-height: 94%;
    letter-spacing: -3.52px;
    margin: 0;
    margin-top: 40px;
}

.archway-hero-h1 h1 strong {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 88px;
    font-style: normal;
    font-weight: 500;
    line-height: 94%;
    letter-spacing: -3.52px;
}

.archway-hero-content {
    color: #565353;
    font-family: Geist;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.22px;
    min-width: 335px;
    margin: 35px 0px 0px;
    width: 31%;
}

.archway-hero-footer {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: flex-end;
    justify-content: space-between;
}

.archway-scroll-button a {
    border-radius: 24px;
    border: 1px solid #565353;
    display: inline-flex
;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #565353;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
    background: #ffffff;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.archway-scroll-button a:hover {
    border: 1px solid #565353;
    color: #ffffff;
    background: #565353;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.archway-hero-footer-content img {
    max-width: 100%;
}

.archway-hero-footer-content {
    height: 50vh;
    position: relative;
    width: 40%;
}

.archway-hero-footer-content p {
    color: #F03;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    position: absolute;
    left: 90%;
    top: 50%;
    width: 40vw;
}

footer#colophon {
    background: #000;
    padding: 42px 24px 48px;
    width: 100%;
    box-sizing: border-box;
}

.footer_top {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer_top_left {
    margin-top: 23px;
}

.footer_top_right {
    width: 350px;
    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.footer_top_right p {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.footer_top_right p a {
    color: inherit;
    text-decoration: none;
}

p.address {
    margin-top: 0px;
    margin-bottom: 37px;
}

p.social_links {
    display: flex
;
    flex-direction: column;
    margin-bottom: 128px;
}

.footer_bottom {
    width: 100%;
}

.footer_bottom svg {
    width: 100%;
    height: auto;
}

.footer_top_right p:first-child {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

section.archway-about {
    width: 100%;
    min-height: 100vh;
    padding: 0vw 100px 100px 0vw;
    box-sizing: border-box;
    background: #BA0C2F;
    position: relative;
}

.archway-about-mark {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 125px;
    height: 125px;
}

.archway-about-mark svg {
    width: 100%;
    height: 100%;
}

.archway-about-container {
    width: 100%;
    min-height: calc(100vh - 100px);
    background: #F03;
    /* height: calc(100vh - 100px); */
    z-index: 5;
    position: relative;
    padding: 76px 24px 76px;
    box-sizing: border-box;
    overflow: hidden;
}


.archway-section-title {
    display: flex;
    align-items: center;
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    gap: 9px;
}

.archway-section-title h2 {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin: 0px;
}

section.archway-team {
    width: 100%;
    background: #000000;
    padding: 76px 24px 24px;
    box-sizing: border-box;
    /* min-height: 100vh; */
}

section.archway-contact {
    width: 100%;
    background: #ffffff;
    padding: 76px 24px 76px;
    box-sizing: border-box;
    /* min-height: 100vh; */
}

.archway-contact-content {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 88px;
    font-style: normal;
    font-weight: 300;
    line-height: 94%;
    letter-spacing: -3.52px;
}

.archway-contact-content p {
    margin-top: 83px;
    margin-bottom: 76px;
}

.archway-contact-content strong {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 88px;
    font-style: normal;
    font-weight: 500;
    line-height: 94%;
    letter-spacing: -3.52px;
}

.archway-contact-button a {
    border-radius: 48px;
    border: 2px solid #FF0033;
    display: inline-flex
;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    color: #FF0033;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    text-decoration: none;
    background: #ffffff;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.archway-contact-button a:hover {
    background: #FF0033;
    border: 2px solid #FF0033;
    color: #ffffff;
    transition: all 500ms;
    -webkit-transition: all 500ms;
}

.archway-contact-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: calc(100vh - 152px); */
    align-items: flex-start;
}

.archway-team-grid-item-content h3 {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin: auto;
}

.archway-team-grid-item-content p {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    margin: auto;
}

.archway-team-grid-item-image {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
    display: flex
;
    justify-content: center;
    align-items: flex-end;
}

.bio_title {
    color: #FF0033;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.bio_content {
    color: #FFF;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.32px;
}

.archway-team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.archway-team-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /* margin-top: 83px; */
}

.archway-team-grid {
    margin-top: 83px;
    margin-bottom: 59px;
}

.archway-team-grid-item-image-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
}

span.read-full-bio {
    color: #FFF;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.48px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: 40%;
    text-underline-position: from-font;
    cursor: pointer;
}

.modal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    display: none;
}

.modal-content {
    width: 100%;
    height: 100%;
    display: flex
;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    gap: 70px;
}

.modal-content-close {
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
}

.modal-content-body-content {
    width: 35vw;
    padding: 30vh 0px;
    box-sizing: border-box;
}

.modal-content-body {
    height: 100%;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    /* padding: 30vh 0px; */
    /* box-sizing: border-box; */
    overflow: scroll;
}

.modal-content-body-content p {
    color: #FFF;
    font-family: Geist;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.modal-content-body-content p strong {
    font-family: Geist;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.72px;
}


.archway-team-grid-item-image img {
    /* width: 100%; */
    opacity: 1;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.archway-team-grid-item-image:hover .archway-team-grid-item-image-overlay {
    opacity: 1;
}

/* .archway-team-grid-item-image:hover img {
    opacity: 1;
} */

.archway-about-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 90px;
    margin-top: 83px;
}

.why_item_number {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}

.why_item_title {
    color: #FFF;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 80px;
    font-style: normal;
    font-weight: 300;
    line-height: 79%;
    letter-spacing: -3.2px;
    padding-left: 30px;
    width: calc(100% - 500px);
}

.why_item_content {
    color: #FFF;
    font-family: Geist;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.4px;
    width: 440px;
}

.why-item {
    width: 100%;
}

.why_item_holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 1);
    transform: translateY(0); 
    opacity: 1;
}

.why-item:nth-child(1) .why_item_holder {
    transform: translateY(0);
}





@media all and (max-width: 1280px) {
    .archway-hero-h1 h1 {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    line-height: 94%;
    letter-spacing: -3.52px;
    margin: 0;
    margin-top: 40px;
}

.archway-hero-h1 h1 strong {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: 94%;
    letter-spacing: -3.52px;
}
}






@media all and (max-width: 1100px) {
    .archway-scroll-button {
        display: none;
    }

    .archway-hero-footer-content {
    order: 2;
}

.archway-hero-h1 h1 {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 54px;
    font-style: normal;
    font-weight: 300;
    line-height: 94%;
    letter-spacing: -3.52px;
    margin: 0;
    margin-top: 40px;
}

.archway-hero-h1 h1 strong {
    color: #000;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: 94%;
    letter-spacing: -3.52px;
}

    .archway-hero-content {
        color: #565353;
        font-family: Geist;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.22px;
        width: 220px;
        margin: 0px 0px 90px;
        min-width: unset;
    }

.archway-hero-footer-content {
    height: 60vh;
    position: relative;
    max-width: calc(100% - 220px);
    width: 100%;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}

.archway-hero-footer-content p {
    color: #F03;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.64px;
    text-transform: uppercase;
    position: absolute;
    left: unset;
    top: 72%;
    width: 230px;
    right: 100%;
}

.archway-team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
}

.why_item_content {
    color: #FFF;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.4px;
    width: 350px;
}

.why_item_title {
    color: #FFF;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 55px;
    font-style: normal;
    font-weight: 300;
    line-height: 79%;
    letter-spacing: -3.2px;
    padding-left: 30px;
    width: calc(100% - 380px);
}

        .archway-hero-footer-content img {
        max-width: 100%;
        transform: translateY(19vw);
    }

    .archway-hero-footer-content {
        height: 60vh;
        position: relative;
        max-width: calc(100% - 220px);
        width: 100%;
        display: flex
;
        align-items: center;
        justify-content: center;
    }


}










@media all and (max-width: 768px) {

      .modal-content-image {
    width: 40vw;
      }

    .modal-content-image img {
    width: 100%;
}

.modal-content-body {
    height: 100%;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    /* padding: 30vh 0px; */
    /* box-sizing: border-box; */
    overflow: scroll;
    width: 40vw;
}

.modal-content-body-content {
    width: 40vw;
    padding: 30vh 0px;
    box-sizing: border-box;
}

.modal-content-body-content p {
    color: #FFF;
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.modal-content-body-content p strong {
    font-family: Geist;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.72px;
}

    .archway-contact-content {
/*    color: #FFF;*/
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 94%;
    letter-spacing: -3.52px;
}

.archway-contact-content strong {
/*    color: #FFF;*/
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 94%;
    letter-spacing: -3.52px;
}

    div#page {
    width: 100vw;
    overflow: hidden;
}

    .archway-hero-h1 h1 {
        color: #000;
        font-feature-settings: 'calt' off;
        font-family: "GT Super Text";
        font-size: 48px;
        font-style: normal;
        font-weight: 300;
        line-height: 94%;
        letter-spacing: -3.52px;
        margin: 0;
        margin-top: 0px;
    }

    .archway-hero-h1 h1 strong {
        font-size: 48px;
    }

.archway-hero-footer-text {
    width: 130px;
}

.archway-hero-footer-text svg {
    width: 100%;
    height: auto;
}

    .archway-hero-footer-content {
        height: 60vh;
        position: relative;
        max-width: calc(100% - 185px);
        width: 100%;
        display: flex
;
        align-items: center;
        justify-content: flex-end;
        transform: translate(24px, 0px);
    }

    .archway-hero-footer-content img {
        max-width: unset;
        width: 170%;
        position: absolute;
        left: -20vw;
        top: 0;
        transform: translateY(0vw);
    }

.archway-hero-footer-content p {
        color: #F03;
        leading-trim: both;
        text-edge: cap;
        font-family: "Geist Mono";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.64px;
        text-transform: uppercase;
        position: absolute;
        left: unset;
        top: 72%;
        width: 140px;
        right: calc(100% + 70px);
    }

    .archway-hero {
    background: #fff;
    height: 100vh;
    position: relative;
    overflow: hidden;
    padding: 16px 16px 16px 16px;
    box-sizing: border-box;
    overflow: hidden;
}

    section.archway-about {
        width: 100%;
        min-height: 100vh;
        padding: 48px 16px 0px 0px;
        box-sizing: border-box;
        background: #BA0C2F;
        position: relative;
        overflow: hidden;
    }

.why_item_holder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 1);
    transform: translateY(0);
    opacity: 1;
    flex-direction: column;
    gap: 20px;
}

.why_item_title {
    color: #FFF;
    font-feature-settings: 'calt' off;
    font-family: "GT Super Text";
    font-size: 52px;
    font-style: normal;
    font-weight: 300;
    line-height: 79%;
    letter-spacing: -3.2px;
    padding-left: 0px;
    width: calc(100%);
}

.archway-team-grid {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    width: 100%;
}

.why_item_content {
    color: #FFF;
    font-family: Geist;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.4px;
    width: 100%;
}

.archway-about-content {
    display: flex
;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    gap: 70px;
    margin-top: 45px;
}

    .archway-about-container {
        width: 100%;
        min-height: calc(100vh - 100px);
        background: #F03;
        height: auto;
        z-index: 5;
        position: relative;
        padding: 76px 24px 90px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .archway-about-mark {
    position: absolute;
    bottom: unset;
    right: -81px;
    z-index: 2;
    width: 125px;
    height: 125px;
    top: -49px;
}

section.archway-contact {
    width: 100%;
/*    background: #001A54;*/
    padding: 56px 16px 56px;
    box-sizing: border-box;
    /* min-height: 100vh; */
}

.archway-section-title h2 {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.archway-section-title svg {
    width: 14px;
    height: 14px;
}

.archway-contact-button a {
    border-radius: 48px;
/*    border: 2px solid #AAE4F4;*/
    display: inline-flex
;
    padding: 10.9px 14.851px;
    justify-content: center;
    align-items: center;
    gap: 16px;
/*    color: #AAE4F4;*/
    leading-trim: both;
    text-edge: cap;
    font-family: "Geist Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    text-decoration: none;
}

.footer_top {
    width: 100%;
    display: flex
;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_top_right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 70px;
    gap: 32px;
    margin-bottom: 92px;
}

p.address {
    margin-top: 0px;
    margin-bottom: 0px;
}

p.social_links {
    margin: 0px;
}

.footer_top_right p:first-child {
    margin: 0px;
}

}










@media all and (max-width: 500px) { 
    .archway-hero-footer-content img {
        max-width: unset;
        width: 170%;
        position: absolute;
        left: -70px;
        bottom: -110px;
        transform: translateY(35vw);
    }

    .modal-content {
    width: 100%;
    height: 100%;
    display: flex
;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    gap: 70px;
    flex-direction: column;
}

.modal-content-image {
    padding: 10%;
    box-sizing: border-box;
    width: 100%;
}

.modal-content-body {
    height: 100%;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    /* padding: 30vh 0px; */
    /* box-sizing: border-box; */
    overflow: scroll;
    width: 80vw;
}


.modal-content-image img {
    width: 100%;
}

.modal-content-body {
    height: unset;
    display: flex
;
    align-items: flex-start;
    justify-content: flex-start;
    /* padding: 30vh 0px; */
    /* box-sizing: border-box; */
    overflow: unset;
}

.modal-content-body-content {
    width: 80vw;
    padding: 0vh 0px 14vh;
    box-sizing: border-box;
}

.modal-content-body-content p {
    color: #FFF;
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.48px;
}

.modal-content-body-content p strong {
    font-family: Geist;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.72px;
}

.modal-content {
    width: 100%;
    height: 100%;
    display: flex
;
    overflow: hidden;
    align-items: center;
    justify-content: unset;
    gap: 0px;
    flex-direction: column;
    overflow: scroll;
}

.archway-team-grid-item-image-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.6);
    height: 100%;
}

}