@font-face { font-family: 'Concourse'; src: url("/assets/fonts/Concourse/Concourse OT 3 Book.otf") format("opentype"); font-display: swap; }

@font-face { font-family: 'brandon-grotesque'; src: url("/assets/fonts/brandon-grotesque/Brandon_reg.otf") format("opentype"); font-display: swap; }

@font-face { font-family: 'BG-italic'; src: url("/assets/fonts/brandon-grotesque/Brandon_reg_it.otf") format("opentype"); font-display: swap; }

@font-face { font-family: 'BG-bold'; src: url("/assets/fonts/brandon-grotesque/Brandon_bld.otf") format("opentype"); font-display: swap; }

@font-face { font-family: 'League-Spartan'; src: url("/assets/fonts/league-spartan/LeagueSpartan-Bold.otf") format("opentype"); font-display: swap; }

h1, h2, h3, h4, h5, h6 { font-family: "League-Spartan", sans-serif; font-weight: 700; }

ul, ol { line-height: 1.75; margin-bottom: 2rem; }

ul { list-style: square; }

strong { font-family: "Concourse", "BG-bold", sans-serif; }

em { font-family: "Concourse", "BG-italic", sans-serif; }

hr { margin-bottom: 2rem; }

::selection, mark { background-color: #e82524; color: #efefef; }

.clearfix { overflow: auto; }

.clearfix::after { content: ""; display: table; clear: both; }

.bg-overlay::after, .bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.h-full { height: 100vh; }

.bg-img { background-position: center; background-repeat: no-repeat; background-size: cover; transition: 0.4s; }

.bg-img__container { position: relative; }

.bg-img__container--square { width: 75%; height: 0; padding-bottom: 75%; }

.bg-img--contain { background-size: contain; }

.bg-overlay::after { background-color: rgba(232, 37, 36, 0.25); content: ""; }

.bg-white { background-color: #efefef; }

.bg-black { background-color: #353535; }

.bg-red { background-color: #e82524; }

.text-white { color: #fff; }

.text-black { color: #353535; }

.text-red { color: #e82524; }

.columns--two { columns: 2; column-gap: 3rem; }

a { color: #353535; text-decoration: underline; }

a:active, a:focus, a:hover { color: #e82524; outline: none; }

.wysiwyg a { padding: 0.25rem 1rem; color: #353535; text-decoration: none; background-color: transparent; border: 2px solid #353535; border-radius: 5px; }

.wysiwyg a:active, .wysiwyg a:focus, .wysiwyg a:hover { outline: none; color: #efefef; text-decoration: none; background-color: #e82524; border-color: #e82524; }

.nav-main { background-color: white; }

.nav-main__list { list-style: none; }

.nav-main__list--item { padding-left: 0.25rem; padding-right: 0.25rem; border: 2px solid transparent; border-radius: 5px; }

@media (min-width: 768px) { .nav-main__list--item { padding-left: 1rem; padding-right: 1rem; } }

.nav-main__list--item span { border-bottom: 2px solid transparent; }

.nav-main__list--item:active span, .nav-main__list--item:focus span, .nav-main__list--item:hover span, .nav-main__list--item.nav-pane--active span { border-bottom-color: #353535; }

.nav-main__list--item:focus { outline: 0; }

.nav-main__list--item:hover { cursor: pointer; }

.nav-main__list--item:last-child { border: 2px solid #353535; margin-left: 0.5rem; }

@media (min-width: 768px) { .nav-main__list--item:last-child { margin-left: 1.5rem; } }

.nav-main__list--item:last-child:active, .nav-main__list--item:last-child:focus, .nav-main__list--item:last-child:hover, .nav-main__list--item.nav-pane--active:last-child { background-color: #e82524; border-color: #e82524; color: #efefef; }

.nav-main__list--item:last-child:active span, .nav-main__list--item:last-child:focus span, .nav-main__list--item:last-child:hover span, .nav-main__list--item.nav-pane--active:last-child span { border-bottom-color: transparent; }

body { font-family: "Concourse", "brandon-grotesque", sans-serif; font-size: 1.25rem; }

body.modal-open { overflow-y: hidden; }

@media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 960px; } }

header { position: fixed; top: 0; left: 50%; width: 100%; transform: translateX(-50%); z-index: 2; }

.skip-link.screen-reader-text { position: absolute; left: -1000vw; }

.content-wrapper { position: relative; z-index: 1; }

.wrapper { position: relative; z-index: 1; }

.hero-slide { min-height: 100vh; min-height: -webkit-stretch; }

.hero-slide__home--carousel { margin-bottom: 4rem; }

@media (min-width: 576px) { .hero-slide__home--carousel { padding-top: 0; margin-bottom: 0; } }

.hero-slide__about--lead-in { margin-bottom: 1.5rem; }

@media (min-width: 768px) { .hero-slide__about--lead-in { float: left; margin-right: 2.5rem; transfrom: translateY(10px); } }

.hero-slide__about--image { position: relative; width: 250px; height: 250px; border-radius: 2px; border: 2px solid #353535; overflow: hidden; }

@media (min-width: 768px) { .hero-slide__about--image { width: 300px; height: 300px; } }

.hero-slide__about--image-container { position: relative; top: 50%; left: 50%; width: calc(100% - 2rem); height: calc(100% - 2rem); transform: translate(-50%, -50%); border-radius: 2px; overflow: hidden; }

.hero-slide__about .wysiwyg { text-align: justify; }

.hero-slide__work--video iframe { width: 100%; height: 360px; }

@media (min-width: 768px) { .hero-slide__work--video iframe { width: 640px; } }

.hero-slide__work--head-vimeo { overflow: visible; z-index: 2; transition: 0.2s; }

.hero-slide__work--head-vimeo .modal-background { position: fixed; top: -6rem; left: -12.5vw; width: 100vw; height: 100vh; background-image: linear-gradient(#353535, #e82524); opacity: 0; pointer-events: none; transition: 0.2s; }

.hero-slide__work--head-vimeo .tilted-media__item { position: relative; transition: 0.2s; }

.hero-slide__work--head-vimeo .modal-close__button { position: absolute; top: 0; right: -35px; width: 30px; height: 30px; background: #efefef; border: 2px solid #353535; border-radius: 4px; cursor: pointer; pointer-events: none; opacity: 0; transition: 0.1s; }

.hero-slide__work--head-vimeo .modal-close__button::before, .hero-slide__work--head-vimeo .modal-close__button::after { content: ""; position: absolute; display: block; top: 50%; left: 50%; width: 80%; height: 2px; background: #353535; }

.hero-slide__work--head-vimeo .modal-close__button::before { transform: translate(-50%, -50%) rotate(45deg); }

.hero-slide__work--head-vimeo .modal-close__button::after { transform: translate(-50%, -50%) rotate(-45deg); }

.hero-slide__work--head-vimeo .modal-close__button:hover { background: #e82524; }

.hero-slide__work--head-vimeo.modal-open { top: 0; left: 50%; transform: translate(-50%, 0); width: 75vw; height: 42.1875vw; }

.hero-slide__work--head-vimeo.modal-open .modal-background { opacity: 0.75; }

.hero-slide__work--head-vimeo.modal-open .tilted-media__item { transform: none !important; }

.hero-slide__work--head-vimeo.modal-open .modal-close__button { pointer-events: all; opacity: 1; }

.hero-slide__photos--grid .carousel-item.active, .hero-slide__photos--grid .carousel-item-prev, .hero-slide__photos--grid .carousel-item-next { display: flex; }

.hero-slide__photos--grid .carousel-indicators { position: static; margin: 0 0 1rem 0; }

@media (min-width: 768px) { .hero-slide__photos--grid .carousel-indicators { margin: 0 15%; } }

.hero-slide__photos--grid .carousel-indicators li { width: auto; height: auto; margin: 0; text-indent: 0; cursor: pointer; background: none; background-clip: border-box; border: 0; opacity: 1; transition: 0.1s; padding: 1rem; }

.hero-slide__photos--grid .carousel-indicators li.active span, .hero-slide__photos--grid .carousel-indicators li:hover span { border-bottom: 2px solid #353535; }

.hero-slide__photos--grid-photos { display: flex; margin-left: 0; transition: 0.4s; }

.hero-slide__photos--grid-photos.in-transition { opacity: 0 !important; }

.hero-slide__photos--grid-photo { position: relative; height: 0; padding-bottom: calc((100% - 0.375rem) / 3); border: 1px solid #fff; cursor: pointer; }

@media (min-width: 768px) { .hero-slide__photos--grid-photo { padding-bottom: calc((100% - 6rem) / 3); border: 2px solid #fff; border-bottom-width: 1rem; } }

@media (min-width: 768px) { .hero-slide__photos--grid-photo:nth-child(3n-1) { border-left-width: 1rem; border-right-width: 1rem; } }

.hero-slide__photos--modal { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(53, 53, 53, 0.75); opacity: 0; pointer-events: none; z-index: 11; transition: 0.2s; }

.hero-slide__photos--modal.modal-open { opacity: 1; pointer-events: all; }

.hero-slide__photos--modal-carousel { position: absolute; display: none; top: 40%; left: 50%; width: 90vw; height: 90vw; transform: translate(-50%, -50%); }

@media (min-width: 576px) { .hero-slide__photos--modal-carousel { top: 50%; width: 50vw; height: 50vw; } }

.hero-slide__photos--modal-carousel.modal-open { display: block; }

.hero-slide__photos--modal-carousel .carousel-inner { height: 100%; }

.hero-slide__photos--modal-carousel .carousel-item { height: 100%; }

.hero-slide__photos--modal-close { position: absolute; top: 1rem; right: 1rem; width: 30px; height: 30px; background: #efefef; border: 2px solid #353535; border-radius: 4px; cursor: pointer; transition: 0.1s; }

.hero-slide__photos--modal-close::before, .hero-slide__photos--modal-close::after { content: ""; position: absolute; display: block; top: 50%; left: 50%; width: 80%; height: 2px; background: #353535; }

.hero-slide__photos--modal-close::before { transform: translate(-50%, -50%) rotate(45deg); }

.hero-slide__photos--modal-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.hero-slide__photos--modal-close:hover { background: #e82524; }

.hero-slide__contact--image { margin-bottom: 4rem; }

@media (min-width: 768px) { .hero-slide__contact--image { margin-bottom: 0; } }

.hero-slide__contact--image img { width: 200px; }

@media (min-width: 768px) { .hero-slide__contact--image img { width: 400px; } }

.hero-slide__contact--media { font-size: 1.5rem; }

.carousel-container { transform: rotateY(0deg) rotateZ(-5deg) translateX(0); padding: 1rem; border: 2px solid black; border-radius: 5px; }

.hero-slide__work--image-gallery .carousel { width: 100%; }

@media (min-width: 768px) { .hero-slide__work--image-gallery .carousel { width: 50%; } }

.hero-slide__work--image-gallery .carousel .carousel-item { padding-bottom: 100%; }

.hero-slide__home .carousel .carousel-item { padding-bottom: 75%; }

.tilted-media__row { position: relative; }

.tilted-media__text { height: 28.125vw; margin-bottom: 5rem; }

.tilted-media__container { position: relative; top: 0; left: 50%; width: 75vw; height: auto; perspective: 1200px; perspective-origin: 80% 80%; margin-top: 3rem; margin-bottom: 3rem; transform: translateX(-50%); }

@media (min-width: 768px) { .tilted-media__container { position: absolute; top: 3rem; left: 45%; width: 50vw; height: 28.125vw; margin-top: 0; margin-bottom: 0; transform: translateX(0); } }

.tilted-media__item { width: 100%; height: 100%; transform: rotateX(3deg) rotateY(-25deg) rotateZ(1deg) !important; }

.tilted-media__item iframe { width: 100%; height: 100%; border: 0; }

.tilted-media__item--left { transform: rotateX(3deg) rotateY(-25deg) rotateZ(1deg) !important; }

.tilted-media__item--left.overlap-neighbor { transform: rotateX(3deg) rotateY(-25deg) rotateZ(1deg) translateX(-35%) !important; }

.tilted-media__item--right { transform: rotateX(-3deg) rotateY(25deg) rotateZ(-1deg) !important; }

.tilted-media__item--right.overlap-neighbor { transform: rotateX(-3deg) rotateY(25deg) rotateZ(-1deg) translateX(35%) !important; }

footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1; }

.site-footer__copyright { font-size: 1rem; }

.site-footer__media { font-size: 1.5rem; }

.site-footer__media--button { color: #efefef; }

.site-footer__media--button:active, .site-footer__media--button:focus, .site-footer__media--button:hover { color: #e82524; }

/*# sourceMappingURL=styles.css.map */