@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.content {
  display: block;
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

html {
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}

h1 {
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.75em;
  margin: 0.5em 0 1.5em;
  line-height: 1.5;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.25em;
    margin: 0.5em 0 1em;
  }
}

h2 {
  font-weight: 700;
  font-size: 2em;
  line-height: 1.25;
  margin: 0.5em 0;
}

h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  margin: 0.25em 0;
}

p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
}

.futura-bold {
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.gothic {
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.gothic-bold {
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.button-link {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: #090909;
}
.button-link .button {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 10px;
}
.button-link .button svg {
  width: 15px;
  height: 20px;
  transition: width 0.3s ease;
  overflow: visible;
  margin-left: 10px;
}
.button-link:hover {
  background-color: #090909;
  color: #FFF7ED;
}
.button-link:hover .button {
  filter: invert(100%);
}
.button-link:hover .button .link-label {
  color: #090909;
}
.button-link:hover svg {
  width: 20px;
}

.atomic-title {
  position: relative;
  height: 144px;
  position: relative;
  top: 40px;
  user-select: none;
}
.atomic-title .main-title {
  color: #FFF7ED;
  font-size: 96px;
  position: absolute;
  right: 10%;
  letter-spacing: 12px;
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 500;
  font-style: normal;
  opacity: 0;
  transform: translateX(50px);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .atomic-title .main-title {
    font-size: 144px;
    right: 20%;
  }
}
.atomic-title .sub-title {
  color: #B52D24;
  position: absolute;
  right: 0;
  top: 50px;
  font-size: 12px;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 1vw;
  transform: translateX(-50px);
  opacity: 0;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .atomic-title .sub-title {
    font-size: 18px;
    letter-spacing: 11px;
    right: 10%;
    top: 72px;
  }
}

nav {
  position: fixed;
  width: 100%;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
  z-index: 1;
  height: 50px;
}
@media (min-width: 768px) {
  nav {
    height: unset;
  }
}
nav.scrolled, nav.perma-scrolled {
  border: none;
}
@media (min-width: 768px) {
  nav.scrolled, nav.perma-scrolled {
    border-bottom: 1px solid #FFF7ED;
    z-index: 11;
    background-color: #ABABAB;
  }
}
nav.scrolled .desktop, nav.perma-scrolled .desktop {
  display: none;
}
@media (min-width: 768px) {
  nav.scrolled .desktop, nav.perma-scrolled .desktop {
    display: flex;
  }
}
nav.scrolled .desktop .left,
nav.scrolled .desktop .right, nav.perma-scrolled .desktop .left,
nav.perma-scrolled .desktop .right {
  opacity: 1;
  user-select: unset;
}
nav.scrolled .desktop .left, nav.perma-scrolled .desktop .left {
  width: 250px;
}
nav.scrolled .desktop .right, nav.perma-scrolled .desktop .right {
  width: unset;
  border-left: 1px solid #FFF7ED;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  nav.scrolled .desktop .right, nav.perma-scrolled .desktop .right {
    width: 250px;
  }
}
nav.scrolled .desktop .right .social-links, nav.perma-scrolled .desktop .right .social-links {
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: unset;
  width: unset;
  margin: 0 auto;
}
nav.scrolled .desktop .right a, nav.perma-scrolled .desktop .right a {
  text-align: unset;
  width: unset;
}
nav .desktop {
  display: none;
}
@media (min-width: 768px) {
  nav .desktop {
    display: flex;
    height: 70px;
  }
}
nav .desktop .left {
  border-right: 1px solid #FFF7ED;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  user-select: none;
}
@media (min-width: 1160px) {
  nav .desktop .left {
    width: 250px;
  }
}
nav .desktop .left .bg {
  position: absolute;
  top: -100px;
  left: -10px;
  width: 250px;
  overflow: visible;
  pointer-events: none;
}
nav .desktop .left .bg #nav-logo-bg {
  width: 100%;
}
nav .desktop .left img {
  width: 180px;
}
nav .desktop .center {
  margin: 10px auto;
  display: flex;
  justify-content: center;
  flex: auto;
  align-items: center;
}
@media (min-width: 768px) {
  nav .desktop .center {
    margin-left: 6vw;
  }
}
@media (min-width: 1160px) {
  nav .desktop .center {
    margin-left: 5vw;
  }
}
@media (min-width: 1644px) {
  nav .desktop .center {
    margin-left: 4vw;
  }
}
nav .desktop .center a {
  padding: 10px 6px;
  margin: 0 20px;
  font-size: 10px;
  letter-spacing: 1px;
  transition: all 0.3s ease;
  background-image: linear-gradient(to right, transparent 33%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  opacity: 0;
  transform: translateY(20px);
}
@media (min-width: 1160px) {
  nav .desktop .center a {
    font-size: 14px;
    letter-spacing: 3px;
    padding: 10px 4px;
  }
}
nav .desktop .center a:hover {
  color: #FFF7ED;
  background-image: linear-gradient(to right, #090909 33%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 18px 2px;
  background-repeat: repeat-x;
}
nav .desktop .center a.careers::after {
  content: attr(data-count);
  position: relative;
  display: inline-block;
  color: #B52D24;
  background-color: #ABABAB;
  border-radius: 100%;
  width: 7px;
  height: 10px;
  padding-left: 2px;
  bottom: 10px;
}
@media (min-width: 1160px) {
  nav .desktop .center a.careers::after {
    width: 12px;
    height: 15px;
    padding-left: 4px;
    bottom: 10px;
  }
}
nav .desktop .center a.two-digit-count:after {
  width: 11px;
  height: 10px;
  padding-left: 2px;
  bottom: 10px;
  font-size: 8px;
  letter-spacing: 0;
  padding-top: 2px;
}
@media (min-width: 1160px) {
  nav .desktop .center a.two-digit-count:after {
    width: 13px;
    height: 14px;
    padding-left: 3px;
    bottom: 10px;
    font-size: 10px;
    letter-spacing: 0;
    padding-top: 3px;
  }
}
nav .desktop .right {
  width: 150px;
  display: block;
  align-items: center;
}
@media (min-width: 1160px) {
  nav .desktop .right {
    padding: 0 20px;
    width: 250px;
  }
}
nav .desktop .right .social-links {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  width: 50px;
  margin: 15px 0 0 auto;
}
nav .desktop .right a {
  padding: 10px;
  color: #FFF7ED;
  transition: all 0.3s ease;
  text-align: center;
  width: 50px;
  opacity: 0;
}
nav .desktop .right a p {
  font-size: 12px;
}
@media (min-width: 1160px) {
  nav .desktop .right a p {
    font-size: 18px;
  }
}
nav .desktop .right a:hover {
  color: #090909;
}

nav {
  z-index: 11;
}
nav .mobile {
  position: relative;
  height: 70px;
  background-color: #B52D24;
  border-bottom: 1px solid #FFF7ED;
}
@media (min-width: 768px) {
  nav .mobile {
    display: none;
  }
}
nav .mobile .nav-logo {
  width: 80%;
  height: 100%;
  position: absolute;
}
nav .mobile .nav-logo .logo-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
nav .mobile .nav-logo .logo-bg img {
  width: 100%;
}
nav .mobile .nav-logo a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
nav .mobile .nav-logo a img {
  width: 100%;
}
nav .mobile .hamburger {
  position: absolute;
  right: -4px;
  height: 100%;
  z-index: 12;
  border-left: 1px solid #FFF7ED;
  padding: 20px 15px;
}
nav .mobile .hamburger.is-active {
  border-left: 1px solid transparent;
}
nav .mobile .hamburger-box .hamburger-inner,
nav .mobile .hamburger-box .hamburger-inner:after,
nav .mobile .hamburger-box .hamburger-inner:before {
  background-color: #090909;
}
nav .mobile .content {
  position: relative;
  transform: translateX(120%);
  overflow: hidden;
  transition: all 0.3s ease;
  background-color: #ABABAB;
}
nav .mobile .content.is-active {
  width: 100%;
  height: 120vh;
  transform: translateX(0);
  z-index: 2;
}
nav .mobile .content .logo-bg {
  position: absolute;
  top: -100px;
  left: 50%;
  width: 400px;
  transform: translateX(-50%);
  user-select: none;
}
nav .mobile .content .logo {
  width: 60%;
  display: block;
  margin: 60px auto 20px;
  position: relative;
}
nav .mobile .content .logo a {
  z-index: 1;
}
nav .mobile .content .logo a img {
  width: 100%;
}
nav .mobile .content .links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #B52D24;
  position: relative;
  z-index: 12;
}
nav .mobile .content .links a {
  width: 100%;
  text-align: center;
  font-size: 7vw;
  margin: 20px 0;
}
nav .mobile .content .social-links {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
nav .mobile .content .social-links a {
  width: 33%;
  text-align: center;
  margin: 20px 0;
  position: relative;
}
nav .mobile .content .social-links a p {
  font-size: 7vw;
}

header {
  padding-top: 70px;
}
@media (min-width: 768px) {
  header {
    padding-top: 0;
  }
}
header .home-header {
  background-color: #B52D24;
  background-image: url("/img/red-halftone-home.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  height: 550px;
}
@media (min-width: 768px) {
  header .home-header {
    height: 700px;
  }
}
header .logo {
  position: absolute;
  top: 20px;
  left: 48%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  header .logo {
    top: -20px;
    left: 50%;
  }
}
header .logo .lotte-logo-intro {
  width: 430px;
}
@media (min-width: 768px) {
  header .logo .lotte-logo-intro {
    width: 600px;
  }
}
header .logo .scroll {
  transform: translateY(20px);
  opacity: 0;
  color: white;
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 500px;
  font-size: 10px;
  left: 49.25%;
}
@media (min-width: 768px) {
  header .logo .scroll {
    top: 700px;
    left: 50.5%;
  }
}
@media (min-width: 1200px) {
  header .logo .scroll {
    left: 50.75%;
  }
}
header .logo .scroll span {
  display: block;
  width: 100%;
  text-align: center;
  margin: 1px 0;
}
header .bottom-texture {
  width: 100%;
  background-color: #ABABAB;
  vertical-align: middle;
}

header.about {
  background-color: #ABABAB;
  padding-top: 80px;
  background-image: url("/img/gray-halftone-home-bottom-left.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
  user-select: none;
}
header.about .about-header {
  height: 400px;
  display: flex;
}
header.about .about-header .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
header.about .about-header .content .left-text {
  font-size: 102px;
  color: #FFF7ED;
  position: relative;
  z-index: 1;
}
header.about .about-header .content .left-text p {
  font-size: 102px;
  letter-spacing: 10px;
  line-height: 1;
}
@media (min-width: 768px) {
  header.about .about-header .content .left-text p {
    letter-spacing: 15px;
  }
}
header.about .about-header .content .left-text p:first-of-type > div {
  opacity: 0;
  transform: translateX(-50px);
}
header.about .about-header .content .left-text p:last-of-type > div {
  opacity: 0;
  transform: translateX(50px);
}
header.about .about-header .content .right-graphic {
  width: 600px;
  position: absolute;
  top: -110px;
  left: -6vw;
}
@media (min-width: 768px) {
  header.about .about-header .content .right-graphic {
    top: -70px;
    left: 50%;
  }
}
header.about .about-header .content .right-graphic img {
  width: 60%;
  transform: translate(50%, 50%);
  position: absolute;
  left: -14%;
  top: -5%;
  opacity: 0;
  transition: all 0.3s ease;
}
header.about .about-header .content .right-graphic img.visible {
  opacity: 1;
}
header.about .bottom-texture {
  background-color: transparent;
}

header.contact {
  background-color: #B52D24;
  padding-top: 80px;
  padding-bottom: 200px;
  user-select: none;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  header.contact {
    background-size: 50% auto;
  }
}
header.contact .contact-header {
  height: 500px;
  display: flex;
}
@media (min-width: 768px) {
  header.contact .contact-header {
    height: 400px;
  }
}
header.contact .contact-header .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
header.contact .contact-header .content .left-text {
  font-size: 102px;
  color: #FFF7ED;
  position: relative;
  z-index: 1;
}
header.contact .contact-header .content .left-text p {
  font-size: 102px;
  letter-spacing: 10px;
  line-height: 1;
}
@media (min-width: 768px) {
  header.contact .contact-header .content .left-text p {
    letter-spacing: 15px;
  }
}
header.contact .contact-header .content .left-text p:first-of-type > div {
  opacity: 0;
  transform: translateX(-50px);
}
header.contact .contact-header .content .left-text p:last-of-type > div {
  opacity: 0;
  transform: translateX(50px);
}
header.contact .contact-header .content .right-graphic {
  width: 600px;
  position: absolute;
  top: -110px;
  left: -6vw;
}
@media (min-width: 768px) {
  header.contact .contact-header .content .right-graphic {
    top: -70px;
    left: 50%;
  }
}
header.contact .contact-header .content .right-graphic img {
  width: 60%;
  transform: translate(50%, 50%);
  position: absolute;
  left: -14%;
  top: -5%;
  opacity: 0;
  transition: all 0.3s ease;
}
header.contact .contact-header .content .right-graphic img.visible {
  opacity: 1;
}
header.contact .bottom-texture {
  background-color: transparent;
}

header.join {
  background-color: #ABABAB;
  padding-top: 80px;
  padding-bottom: 140px;
  user-select: none;
  background-image: url("/img/halftone-bottom-left.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  header.join {
    background-size: 50% auto;
    padding-bottom: 200px;
  }
}
header.join .join-header {
  height: 500px;
  display: flex;
}
@media (min-width: 768px) {
  header.join .join-header {
    height: 400px;
  }
}
header.join .join-header .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
header.join .join-header .content .atomic-title {
  width: 27%;
}
header.join .join-header .content .atomic-title .main-title {
  left: 0;
  position: relative;
  top: -150px;
}
@media (min-width: 768px) {
  header.join .join-header .content .atomic-title .main-title {
    top: unset;
  }
}
header.join .join-header .content .atomic-title .sub-title {
  right: 1%;
  position: relative;
  top: -200px;
  left: 110px;
  z-index: 1;
}
@media (min-width: 768px) {
  header.join .join-header .content .atomic-title .sub-title {
    top: 72px;
    left: unset;
    position: absolute;
  }
}
header.join .join-header .content .line {
  top: 44px;
  position: relative;
}
header.join .join-header .content .line .dashed-line {
  width: 100%;
}
header.join .join-header .content .openings {
  width: 20%;
  margin-top: 50px;
  z-index: 2;
  margin-right: 40%;
}
@media (min-width: 768px) {
  header.join .join-header .content .openings {
    margin-right: 14%;
  }
}
header.join .join-header .content .openings-count {
  display: block;
  text-align: center;
  color: #FFF7ED;
  font-size: 70px;
}
header.join .join-header .content .openings-label {
  color: #B52D24;
  position: relative;
  top: -42px;
  text-align: center;
  font-size: 18px;
  letter-spacing: 10px;
  margin-left: -40px;
}
@media (min-width: 768px) {
  header.join .join-header .content .openings-label {
    margin-left: 10px;
  }
}
header.join .join-header .content .openings .down-button {
  display: block;
  border: 1px solid #090909;
  background-color: #FFF7ED;
  display: flex;
  width: 50px;
  height: 50px;
  left: -25px;
  right: unset;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
  transform: rotate(90deg);
  margin: 0 auto;
  cursor: pointer;
}
header.join .join-header .content .openings .down-button svg {
  transition: all 0.3s ease;
}
header.join .join-header .content .openings .down-button:hover {
  background-color: #B52D24;
}
header.join .join-header .content .openings .down-button:hover svg .cls-1 {
  stroke: #FFF7ED;
}
header.join .join-header .content .openings .down-button:hover svg .cls-2 {
  fill: #FFF7ED;
}
header.join .join-header .content .right-graphic {
  width: 600px;
  position: absolute;
  top: -110px;
  left: -4.5vw;
  left: -41.5%;
}
@media (min-width: 768px) {
  header.join .join-header .content .right-graphic {
    top: -50px;
    left: 50.5%;
  }
}
header.join .join-header .content .right-graphic img {
  width: 60%;
  transform: translate(50%, 50%);
  position: absolute;
  left: -14%;
  top: -5%;
  opacity: 0;
  transition: all 0.3s ease;
}
header.join .join-header .content .right-graphic img.visible {
  opacity: 1;
}
header.join .bottom-texture {
  background-color: transparent;
}

.galleryAndCaption {
  background-color: #ABABAB;
  margin-bottom: 90px;
  background-image: url("/img/gray-halftone-home.jpg");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 768px) {
  .galleryAndCaption {
    background-size: auto 100%;
  }
}
.galleryAndCaption .atomic-title .content {
  position: relative;
}
.galleryAndCaption .atomic-title .content .sub-title {
  right: 0;
}
@media (min-width: 1160px) {
  .galleryAndCaption .atomic-title .content .sub-title {
    right: 10%;
  }
}
.galleryAndCaption .content.gallery-content {
  display: flex;
  position: relative;
  top: 20px;
  max-width: 1000px;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .galleryAndCaption .content.gallery-content {
    flex-wrap: nowrap;
    top: 80px;
  }
}
.galleryAndCaption .content.gallery-content .electron-bg {
  position: absolute;
  top: -150px;
  left: 0;
  width: 200px;
  opacity: 0;
}
@media (min-width: 768px) {
  .galleryAndCaption .content.gallery-content .electron-bg {
    left: -150px;
    width: 400px;
  }
}
.galleryAndCaption .content.gallery-content .electron-bg img {
  width: 100%;
  position: absolute;
  transition: 1s ease;
}
.galleryAndCaption .content.gallery-content .left {
  width: 90%;
  position: relative;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .galleryAndCaption .content.gallery-content .left {
    width: 60%;
    margin: unset;
  }
}
.galleryAndCaption .content.gallery-content .left .navigation {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-pagination {
  display: none;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev {
  display: block;
  border: 1px solid #090909;
  background-color: #FFF7ED;
  display: flex;
  width: 50px;
  height: 50px;
  left: -25px;
  right: unset;
  transition: all 0.3s ease;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next:after,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev:after {
  display: none;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next svg,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev svg {
  transition: all 0.3s ease;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next:hover,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev:hover {
  background-color: #B52D24;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next:hover svg .cls-1,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev:hover svg .cls-1 {
  stroke: #FFF7ED;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next:hover svg .cls-2,
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev:hover svg .cls-2 {
  fill: #FFF7ED;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next {
  top: 0px;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev {
  top: 49px;
}
.galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev svg {
  transform: scaleX(-1);
}
.galleryAndCaption .content.gallery-content .left .gallery-images {
  opacity: 0;
  transform: translateX(-50px);
}
.galleryAndCaption .content.gallery-content .left .gallery-images .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.galleryAndCaption .content.gallery-content .right {
  width: 90%;
  margin: -20px auto;
  opacity: 0;
  transform: translateX(50px);
  z-index: 1;
}
@media (min-width: 768px) {
  .galleryAndCaption .content.gallery-content .right {
    width: 40%;
    margin: unset;
    margin-top: 74px;
  }
}
.galleryAndCaption .content.gallery-content .right .gallery-text {
  position: relative;
  left: -12px;
  overflow: visible;
  border-right: 1px solid #090909;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper {
  position: relative;
  overflow: visible;
  border: 1px solid #090909;
  border-bottom: none;
  border-right: none;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 11px;
  top: 10px;
  background-color: #FFF7ED;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide {
  position: relative;
  margin: 10px 10px 0 10px;
  opacity: 0 !important;
  height: auto;
  display: flex;
  flex-direction: column;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .title-inner,
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .copy-inner,
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link .button {
  transform: translateY(20px);
  transition: 0.3s all ease 0.3s;
  opacity: 0;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .copy-inner {
  transition: 0.3s all ease 0.4s;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link .button {
  transform: translate(-20px, 0px);
  transition: 0.3s transform ease 0.5s, 0.3s opacity ease 0.5s;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .title {
  font-size: 31px;
  padding: 20px 20px 20px 40px;
  border-bottom: 1px solid #090909;
  border-right: 1px solid #090909;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .copy {
  padding: 20px 20px 20px 40px;
  line-height: 1.25;
  border-right: 1px solid #090909;
  position: relative;
  z-index: 2;
  flex: 1;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link {
  display: flex;
  height: 50px;
  align-items: center;
  border: 1px solid #090909;
  position: relative;
  z-index: 2;
  border-left: none;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link .line {
  height: 1px;
  width: 60%;
  background-color: #090909;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link a.button-link {
  border-left: 1px solid #090909;
  width: 40%;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .link a.button-link:hover {
  height: 60px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .no-link {
  border-bottom: 1px solid #090909;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide-active .title-inner,
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide-active .copy-inner,
.galleryAndCaption .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide-active .link .button {
  transform: translateY(0);
  opacity: 1;
}
.galleryAndCaption .content.gallery-content .right .alternate-black-box {
  display: none;
}
.galleryAndCaption.alternateStyle {
  background-image: url("/img/gray-halftone-home-bottom-left.jpg");
  background-position: bottom left;
}
.galleryAndCaption.alternateStyle .atomic-title .main-title {
  color: #090909;
  right: 12%;
}
.galleryAndCaption.alternateStyle .atomic-title .sub-title {
  color: #FFF7ED;
  right: 75%;
}
@media (min-width: 768px) {
  .galleryAndCaption.alternateStyle .atomic-title .sub-title {
    right: calc(10% + 330px);
  }
}
.galleryAndCaption.alternateStyle .content.gallery-content {
  flex-direction: row-reverse;
  max-width: 1200px;
}
.galleryAndCaption.alternateStyle .content.gallery-content .electron-bg {
  top: -200px;
  left: 150px;
}
.galleryAndCaption.alternateStyle .content.gallery-content .left .navigation {
  right: 0;
  left: unset;
}
.galleryAndCaption.alternateStyle .content.gallery-content .right {
  position: relative;
  left: 0;
  margin-top: -15px;
  z-index: 1;
}
@media (min-width: 768px) {
  .galleryAndCaption.alternateStyle .content.gallery-content .right {
    left: 40px;
    margin-top: 8vw;
  }
}
.galleryAndCaption.alternateStyle .content.gallery-content .right .gallery-text .swiper-wrapper .bg {
  height: calc(100% + 35px);
}
.galleryAndCaption.alternateStyle .content.gallery-content .right .gallery-text .swiper-wrapper .swiper-slide .copy {
  min-height: 150px;
}
.galleryAndCaption.alternateStyle .content.gallery-content .right .alternate-blank-box {
  display: block;
  border: 1px solid black;
  height: 30px;
  z-index: 1;
  position: relative;
  /* border-right: none; */
  width: calc(100% + 1px);
}

.joinOurTeam {
  background-color: #FFF7ED;
  margin-top: -90px;
  padding-top: 140px;
  background-image: url("/img/halftone-bg-top-left.png");
  background-size: 150% auto;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 768px) {
  .joinOurTeam {
    background-size: auto 50%;
  }
}
@media (min-width: 1160px) {
  .joinOurTeam {
    background-size: auto 100%;
  }
}
.joinOurTeam .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .joinOurTeam .content {
    flex-wrap: nowrap;
  }
}
.joinOurTeam .content .atomic-title {
  width: 100%;
  top: -10px;
  height: 120px;
}
@media (min-width: 1160px) {
  .joinOurTeam .content .atomic-title {
    height: 144px;
    width: 32%;
  }
}
.joinOurTeam .content .atomic-title .main-title {
  color: #ABABAB;
  right: unset;
  left: 0;
}
.joinOurTeam .content .atomic-title .sub-title {
  right: unset;
  left: 105px;
}
@media (min-width: 768px) {
  .joinOurTeam .content .atomic-title .sub-title {
    left: 140px;
  }
}
.joinOurTeam .content img {
  width: 45%;
  display: none;
}
@media (min-width: 1160px) {
  .joinOurTeam .content img {
    display: block;
  }
}
.joinOurTeam .content img.dashed-line-white {
  display: none;
}
.joinOurTeam .content .title-button {
  border: 1px solid black;
  width: 240px;
  height: 50px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .joinOurTeam .content .title-button {
    width: 350px;
  }
}
@media (min-width: 1160px) {
  .joinOurTeam .content .title-button {
    width: 25%;
    margin: unset;
    margin-left: -20px;
  }
}
.joinOurTeam .cards {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 0 20px;
  flex-wrap: wrap;
}
@media (min-width: 1160px) {
  .joinOurTeam .cards {
    flex-wrap: nowrap;
    padding: 20px 0;
    justify-content: space-between;
  }
}
.joinOurTeam .cards .card-wrapper {
  transition: all 0.3s ease;
  margin: 20px auto;
}
@media (min-width: 768px) {
  .joinOurTeam .cards .card-wrapper {
    width: 51%;
  }
}
@media (min-width: 1160px) {
  .joinOurTeam .cards .card-wrapper {
    margin: unset;
    width: 33%;
  }
}
.joinOurTeam .cards .card-wrapper .bg {
  background-color: #ABABAB;
  width: calc(100% - 80px);
  height: calc(100% - 40px);
  transform: scale(0);
  transform-origin: 0 0;
  position: absolute;
  top: 30px;
  left: 50px;
  opacity: 0;
  transition: 0.3s all ease;
}
@media (min-width: 768px) {
  .joinOurTeam .cards .card-wrapper .bg {
    height: calc(100% - 40px);
  }
}
.joinOurTeam .cards .card-wrapper .card {
  border: 1px solid #090909;
  margin: 20px 40px;
  padding-top: 50px;
  position: relative;
  min-height: 300px;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .joinOurTeam .cards .card-wrapper .card {
    margin: 40px;
  }
}
@media (min-width: 1160px) {
  .joinOurTeam .cards .card-wrapper .card {
    margin: 20px 40px;
  }
}
.joinOurTeam .cards .card-wrapper .card .logo {
  background-color: #FFF7ED;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -30px;
  left: -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.joinOurTeam .cards .card-wrapper .card .logo img {
  width: 70%;
  transition: all 0.3s ease;
  filter: invert(80%) sepia(4%) saturate(34%) hue-rotate(340deg) brightness(85%) contrast(95%);
}
.joinOurTeam .cards .card-wrapper .card .team,
.joinOurTeam .cards .card-wrapper .card .job-title,
.joinOurTeam .cards .card-wrapper .card .job-description,
.joinOurTeam .cards .card-wrapper .card .button {
  position: relative;
  transition: all 0.3s ease;
}
.joinOurTeam .cards .card-wrapper .card .team {
  font-size: 9px;
  letter-spacing: 8px;
  color: #ABABAB;
  margin-bottom: 10px;
  margin-left: 40px;
  text-transform: uppercase;
}
.joinOurTeam .cards .card-wrapper .card .job-title {
  color: #090909;
  text-transform: uppercase;
  font-size: 31px;
  margin: 0 50px 10px 40px;
  letter-spacing: 2px;
}
.joinOurTeam .cards .card-wrapper .card .job-description {
  margin-bottom: 10px;
  margin-left: 40px;
  flex: 1;
  margin-right: 40px;
  margin: 0 40px;
  line-height: 1.25;
}
.joinOurTeam .cards .card-wrapper .card .link {
  display: flex;
  height: 50px;
  align-items: center;
  border-top: 1px solid #090909;
  position: relative;
  z-index: 2;
  border-left: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.joinOurTeam .cards .card-wrapper .card .link .line {
  height: 1px;
  width: 60%;
  background-color: #090909;
}
.joinOurTeam .cards .card-wrapper .card .link .button-link {
  border-left: 1px solid #090909;
  width: 40%;
}
.joinOurTeam .cards .card-wrapper:hover {
  transform: scale(1.05);
}
.joinOurTeam .cards .card-wrapper:hover .bg {
  transform: scale(1);
  opacity: 1;
}
.joinOurTeam .cards .card-wrapper:hover .logo {
  background-color: #090909;
  transform: rotate(-45deg);
}
.joinOurTeam .cards .card-wrapper:hover .logo img {
  filter: invert(19%) sepia(98%) saturate(2219%) hue-rotate(349deg) brightness(86%) contrast(87%);
  transform: rotate(45deg);
}
.joinOurTeam .cards .card-wrapper:hover .team {
  color: #090909;
}
.joinOurTeam .cards .card-wrapper:hover .job-title {
  color: #FFF7ED;
}
.joinOurTeam .cards .card-wrapper:hover .button-link {
  background-color: #090909;
  height: 60px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.joinOurTeam .cards .card-wrapper:hover .button-link .button {
  filter: invert(100%);
}
.joinOurTeam .cards .card-wrapper:hover .button-link svg {
  width: 20px;
}
.joinOurTeam.alternateStyle {
  background-color: #B52D24;
  padding-top: 180px;
  background-image: url("/img/halftone-bottom-right.png"), url("/img/join-alternate-splatter.png");
  background-position: bottom right, 90% 10%;
  background-blend-mode: color-burn;
  background-size: auto 40%, 75% auto;
}
@media (min-width: 768px) {
  .joinOurTeam.alternateStyle {
    background-size: auto 50%, 40% auto;
  }
}
@media (min-width: 1160px) {
  .joinOurTeam.alternateStyle {
    background-size: auto 100%, 30% auto;
  }
}
.joinOurTeam.alternateStyle .content .atomic-title .sub-title {
  color: #FFF7ED;
}
.joinOurTeam.alternateStyle .content .dashed-line {
  display: none;
}
@media (min-width: 1160px) {
  .joinOurTeam.alternateStyle .content .dashed-line-white {
    display: block;
  }
}
.joinOurTeam.alternateStyle .content .title-button {
  border: 1px solid #FFF7ED;
}
.joinOurTeam.alternateStyle .content .title-button .button-link {
  color: #FFF7ED;
}
.joinOurTeam.alternateStyle .content .title-button .button-link svg {
  filter: invert(100%);
}
.joinOurTeam.alternateStyle .content .title-button:hover svg {
  filter: none;
}
.joinOurTeam.alternateStyle .cards {
  padding: 40px 0;
}
.joinOurTeam.alternateStyle .cards .card-wrapper a .card {
  background-color: #B52D24;
  transition: all 0.3s ease;
}
.joinOurTeam.alternateStyle .cards .card-wrapper a .card .logo {
  background-color: #B52D24;
}
.joinOurTeam.alternateStyle .cards .card-wrapper:hover a .card {
  background-color: transparent;
}
.joinOurTeam.alternateStyle .cards .card-wrapper:hover a .card .logo {
  background-color: #090909;
}

.inThePress {
  background-color: #FFF7ED;
  padding: 80px 0;
  position: relative;
  background-image: url("/img/about-texture-transition-1-red.png");
  background-size: 400% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 768px) {
  .inThePress {
    background-size: auto 50%;
  }
}
.inThePress .bg {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: 450px;
  top: -10px;
  left: -70px;
}
@media (min-width: 768px) {
  .inThePress .bg {
    width: 700px;
    top: -70px;
    left: 60px;
  }
}
.inThePress .bg img {
  width: 100%;
}
.inThePress .atomic-title {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .inThePress .atomic-title {
    margin-bottom: 80px;
  }
}
.inThePress .atomic-title .main-title {
  color: #B52D24;
  left: 13%;
}
@media (min-width: 1160px) {
  .inThePress .atomic-title .main-title {
    left: 25%;
  }
}
.inThePress .atomic-title .sub-title {
  color: #090909;
  right: unset;
  left: 10%;
  top: 60px;
}
@media (min-width: 1160px) {
  .inThePress .atomic-title .sub-title {
    left: 20%;
    top: 90px;
  }
}
.inThePress .cards {
  display: flex;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  flex-wrap: wrap;
}
@media (min-width: 1160px) {
  .inThePress .cards {
    flex-wrap: nowrap;
    padding: 20px 0;
  }
}
.inThePress .cards .card-wrapper {
  transition: all 0.3s ease;
  width: 80%;
  position: relative;
  margin: 40px auto;
}
@media (min-width: 768px) {
  .inThePress .cards .card-wrapper {
    width: 60%;
  }
}
@media (min-width: 1160px) {
  .inThePress .cards .card-wrapper {
    width: 29%;
    margin: unset;
  }
}
.inThePress .cards .card-wrapper .bg {
  min-height: 480px;
  background-color: #ABABAB;
  top: 15px;
  left: 15px;
  position: relative;
  transition: 0.3s all ease;
  width: 100%;
  height: 82vw;
}
@media (min-width: 768px) {
  .inThePress .cards .card-wrapper .bg {
    height: 64vw;
  }
}
@media (min-width: 1160px) {
  .inThePress .cards .card-wrapper .bg {
    height: 500px;
  }
}
.inThePress .cards .card-wrapper .bg .article-image {
  width: 100%;
}
.inThePress .cards .card-wrapper .bg .article-image img {
  width: 100%;
}
.inThePress .cards .card-wrapper .card {
  border: 1px solid #090909;
  top: 0;
  min-height: 480px;
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 82vw;
}
@media (min-width: 768px) {
  .inThePress .cards .card-wrapper .card {
    height: 64vw;
  }
}
@media (min-width: 1160px) {
  .inThePress .cards .card-wrapper .card {
    height: 500px;
  }
}
.inThePress .cards .card-wrapper .card .card-count {
  color: #ABABAB;
  font-size: 25px;
  display: inline;
  background-color: #FFF7ED;
  position: relative;
  top: -2px;
  left: -4px;
  padding: 0 20px;
  height: 3px;
  width: 74px;
  border-radius: 18px;
  overflow: visible;
  transition: all 0.3s ease;
}
.inThePress .cards .card-wrapper .card .card-count .number {
  position: relative;
  top: -19px;
}
.inThePress .cards .card-wrapper .card .article-title,
.inThePress .cards .card-wrapper .card .button {
  position: relative;
}
.inThePress .cards .card-wrapper .card .article-title {
  color: #090909;
  text-transform: uppercase;
  font-size: 31px;
  margin: 55vw 20px 10px 40px;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  .inThePress .cards .card-wrapper .card .article-title {
    margin: 40vw 20px 10px 40px;
  }
}
@media (min-width: 1160px) {
  .inThePress .cards .card-wrapper .card .article-title {
    margin: 260px 20px 10px 40px;
  }
}
.inThePress .cards .card-wrapper .card .article-title > div {
  opacity: 0;
  transform: translateY(50px);
}
.inThePress .cards .card-wrapper .card .link {
  display: flex;
  height: 50px;
  align-items: center;
  border-top: 1px solid #090909;
  position: relative;
  z-index: 2;
  border-left: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.inThePress .cards .card-wrapper .card .link .article-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
}
.inThePress .cards .card-wrapper .card .link .article-logo img {
  width: 40%;
}
.inThePress .cards .card-wrapper .card .link .button-link {
  border-left: 1px solid #090909;
  width: 40%;
}
.inThePress .cards .card-wrapper:hover .bg {
  background-color: #FFF7ED;
}
.inThePress .cards .card-wrapper:hover .article-title,
.inThePress .cards .card-wrapper:hover .card-count {
  color: #B52D24;
}
.inThePress .cards .card-wrapper:hover .button-link {
  background-color: #090909;
  height: 60px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.inThePress .cards .card-wrapper:hover .button-link .button {
  filter: invert(100%);
}
.inThePress .cards .card-wrapper:hover .button-link svg {
  width: 20px;
}

.rte {
  background-color: #FFF7ED;
  color: #090909;
}
.rte .content {
  padding: 80px 0 20px;
}
.rte .content p,
.rte .content ul,
.rte .content ol {
  opacity: 0;
  transform: translateY(50px);
}

.two-column-text {
  background-color: #B52D24;
  position: relative;
  padding: 40px 0 80px;
  overflow: hidden;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  .two-column-text {
    background-size: 50% auto;
  }
}
.two-column-text .content .header-text,
.two-column-text .content .copy-text {
  max-width: 700px;
}
.two-column-text .content .header-text {
  color: #090909;
}
.two-column-text .content .header-text p {
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 8vw;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .two-column-text .content .header-text p {
    font-size: 50px;
  }
}
.two-column-text .content .header-text p > div {
  opacity: 0;
  transform: translateY(50px);
}
.two-column-text .content .dashed-line {
  width: 700px;
  margin: 20px 0;
  transform: scaleX(-1);
}
.two-column-text .content .copy-text {
  color: #FFF7ED;
  column-count: 1;
  column-gap: 60px;
  opacity: 0;
  transform: translateY(100px);
}
@media (min-width: 768px) {
  .two-column-text .content .copy-text {
    column-count: 2;
  }
}
.two-column-text .content .copy-text p {
  margin: 0 0 20px;
}
.two-column-text .bg {
  width: 130%;
  position: absolute;
  bottom: -66vw;
  right: -12%;
}
@media (min-width: 768px) {
  .two-column-text .bg {
    width: 60%;
    bottom: -32vw;
    right: -10%;
  }
}

.studio-leadership {
  background-color: #FFF7ED;
  padding: 80px 0;
  position: relative;
  background-image: url("/img/leadership-bottom-gray.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 25%;
}
@media (min-width: 768px) {
  .studio-leadership {
    background-size: auto 50%;
  }
}
.studio-leadership .bg {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  pointer-events: none;
  z-index: 0;
}
@media (min-width: 768px) {
  .studio-leadership .bg {
    width: 50%;
  }
}
@media (min-width: 1160px) {
  .studio-leadership .bg {
    width: 600px;
  }
}
.studio-leadership .bg img {
  width: 100%;
}
.studio-leadership .content {
  position: relative;
}
.studio-leadership .content .atomic-title {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .studio-leadership .content .atomic-title {
    margin-bottom: 80px;
  }
}
.studio-leadership .content .atomic-title .main-title {
  color: #ABABAB;
  left: 0;
}
.studio-leadership .content .atomic-title .sub-title {
  color: #090909;
  right: unset;
  left: 54%;
  top: 50px;
}
@media (min-width: 768px) {
  .studio-leadership .content .atomic-title .sub-title {
    left: 24%;
    top: 90px;
  }
}
.studio-leadership .content .navigation {
  position: absolute;
  right: 0;
  display: flex;
  height: 50px;
  width: 100px;
}
@media (min-width: 768px) {
  .studio-leadership .content .navigation {
    bottom: -40px;
  }
}
.studio-leadership .content .navigation .swiper-button-next,
.studio-leadership .content .navigation .swiper-button-prev {
  display: block;
  border: 1px solid #090909;
  background-color: #B52D24;
  display: flex;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.studio-leadership .content .navigation .swiper-button-next:after,
.studio-leadership .content .navigation .swiper-button-prev:after {
  display: none;
}
.studio-leadership .content .navigation .swiper-button-next svg,
.studio-leadership .content .navigation .swiper-button-prev svg {
  transition: all 0.3s ease;
}
.studio-leadership .content .navigation .swiper-button-next:hover,
.studio-leadership .content .navigation .swiper-button-prev:hover {
  background-color: #FFF7ED;
}
.studio-leadership .content .navigation .swiper-button-next:hover svg .leadership-cls-1,
.studio-leadership .content .navigation .swiper-button-prev:hover svg .leadership-cls-1 {
  stroke: #B52D24;
}
.studio-leadership .content .navigation .swiper-button-next:hover svg .leadership-cls-2,
.studio-leadership .content .navigation .swiper-button-prev:hover svg .leadership-cls-2 {
  fill: #B52D24;
}
.studio-leadership .content .navigation .swiper-button-prev {
  left: 1px;
}
.studio-leadership .content .navigation .swiper-button-prev svg {
  transform: scaleX(-1);
}
.studio-leadership .leadership-swiper {
  max-width: 1280px;
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .studio-leadership .leadership-swiper {
    padding: 0 20px 20px;
  }
}
.studio-leadership .cards .card-wrapper .bg {
  height: 420px;
  background-color: #ABABAB;
  top: 15px;
  left: 15px;
  position: relative;
  transition: 0.3s all ease;
  width: 100%;
}
@media (min-width: 400px) {
  .studio-leadership .cards .card-wrapper .bg {
    height: 55vw;
  }
}
@media (min-width: 768px) {
  .studio-leadership .cards .card-wrapper .bg {
    height: 42vw;
  }
}
@media (min-width: 1300px) {
  .studio-leadership .cards .card-wrapper .bg {
    height: 500px;
  }
}
.studio-leadership .cards .card-wrapper .bg .leader-image {
  width: 100%;
}
.studio-leadership .cards .card-wrapper .bg .leader-image img {
  width: 100%;
}
.studio-leadership .cards .card-wrapper .card {
  border: 1px solid #090909;
  top: 0;
  height: 420px;
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
}
@media (min-width: 400px) {
  .studio-leadership .cards .card-wrapper .card {
    height: 55vw;
  }
}
@media (min-width: 768px) {
  .studio-leadership .cards .card-wrapper .card {
    height: 42vw;
  }
}
@media (min-width: 1300px) {
  .studio-leadership .cards .card-wrapper .card {
    height: 500px;
  }
}
.studio-leadership .cards .card-wrapper .card .leader-title,
.studio-leadership .cards .card-wrapper .card .button {
  position: relative;
  transition: all 0.3s ease;
}
.studio-leadership .cards .card-wrapper .card .leader-title {
  color: #FFF7ED;
  text-transform: uppercase;
  font-size: 10vw;
  margin: 230px 50px 10px 40px;
  letter-spacing: 2px;
  width: unset;
}
@media (min-width: 400px) {
  .studio-leadership .cards .card-wrapper .card .leader-title {
    font-size: 24px;
    margin: 30vw 50px 10px 40px;
  }
}
@media (min-width: 768px) {
  .studio-leadership .cards .card-wrapper .card .leader-title {
    margin: 20vw 50px 10px 40px;
    font-size: 3vw;
  }
}
@media (min-width: 1300px) {
  .studio-leadership .cards .card-wrapper .card .leader-title {
    margin: 260px 50px 10px 40px;
    font-size: 36px;
    width: 200px;
  }
}
.studio-leadership .cards .card-wrapper .card .leader-title > div {
  display: block !important;
}
.studio-leadership .cards .card-wrapper .card .job-title {
  margin: 0 20px 0 40px;
  color: #B52D24;
  font-size: 5vw;
}
@media (min-width: 400px) {
  .studio-leadership .cards .card-wrapper .card .job-title {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .studio-leadership .cards .card-wrapper .card .job-title {
    font-size: 18px;
  }
}
@media (min-width: 1300px) {
  .studio-leadership .cards .card-wrapper .card .job-title {
    font-size: 18px;
  }
}
.studio-leadership .cards .card-wrapper .card .link {
  display: flex;
  height: 50px;
  align-items: center;
  border-top: 1px solid #090909;
  position: relative;
  z-index: 2;
  border-left: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.studio-leadership .cards .card-wrapper .card .link .line {
  height: 1px;
  width: 60%;
  background-color: #090909;
}
.studio-leadership .cards .card-wrapper .card .link .button-link {
  border-left: 1px solid #090909;
  width: 40%;
  color: #FFF7ED;
}
.studio-leadership .cards .card-wrapper .card .link .button-link .button .link-label {
  font-size: 24px;
}
.studio-leadership .cards .card-wrapper:hover .bg {
  background-color: #B52D24;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  .studio-leadership .cards .card-wrapper:hover .bg {
    background-size: cover;
  }
}
.studio-leadership .cards .card-wrapper:hover .leader-title {
  color: #090909;
}
.studio-leadership .cards .card-wrapper:hover .job-title {
  color: #ABABAB;
}
.studio-leadership .cards .card-wrapper:hover .button-link {
  background-color: #090909;
  height: 60px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.studio-leadership .cards .card-wrapper:hover .button-link svg {
  width: 20px;
}

.three-image-gallery {
  position: relative;
  background-color: #FFF7ED;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 80px 0 190vw;
}
@media (min-width: 420px) {
  .three-image-gallery {
    padding: 80px 0 170vw;
  }
}
@media (min-width: 450px) {
  .three-image-gallery {
    padding: 80px 0 600px;
  }
}
@media (min-width: 768px) {
  .three-image-gallery {
    padding: 80px 0 65vw;
  }
}
@media (min-width: 800px) {
  .three-image-gallery {
    padding: 80px 0 460px;
  }
}
@media (min-width: 1200px) {
  .three-image-gallery {
    padding: 80px 0 400px;
  }
}
.three-image-gallery .content .atomic-title {
  margin-bottom: 80px;
}
.three-image-gallery .content .atomic-title .sub-title {
  left: 0;
  z-index: 1;
}
.three-image-gallery .content .atomic-title .main-title {
  left: 40px;
  color: #ABABAB;
}
.three-image-gallery .entire-gallery {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .three-image-gallery .entire-gallery {
    margin: unset;
    width: 100%;
  }
}
.three-image-gallery .entire-gallery .gallery-images-1-wrapper {
  width: 53vw;
  display: flex;
  background-color: #B52D24;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateX(-50px);
}
.three-image-gallery .entire-gallery .gallery-images-1-wrapper .gallery-images-1 {
  width: 50vw;
  margin-left: 0;
}
.three-image-gallery .entire-gallery .gallery-images-1-wrapper .gallery-images-1 .swiper-slide {
  display: flex;
}
.three-image-gallery .entire-gallery .gallery-images-1-wrapper .gallery-images-1 .swiper-slide img {
  width: 100%;
}
.three-image-gallery .entire-gallery .navigation {
  position: absolute;
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  top: -40px;
  right: -50px;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev {
  display: block;
  border: 1px solid #090909;
  background-color: #B52D24;
  display: flex;
  width: 50px;
  height: 50px;
  left: -25px;
  right: unset;
  transition: all 0.3s ease;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next:after,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev:after {
  display: none;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next svg,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev svg {
  transition: all 0.3s ease;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next:hover,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover {
  background-color: #FFF7ED;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next:hover svg .cls-1,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover svg .cls-1 {
  stroke: #090909;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next:hover svg .cls-2,
.three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover svg .cls-2 {
  fill: #090909;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-next {
  top: 30px;
  right: 25px;
  left: unset;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-prev {
  top: 79px;
  right: 25px;
  left: unset;
}
.three-image-gallery .entire-gallery .navigation .swiper-button-prev svg {
  transform: scaleX(-1);
}
.three-image-gallery .entire-gallery .navigation .swiper-pagination {
  font-size: 28px;
  font-family: futura-pt, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@media (min-width: 768px) {
  .three-image-gallery .entire-gallery .navigation .swiper-pagination {
    font-size: 40px;
  }
}
.three-image-gallery .entire-gallery .navigation .swiper-pagination-current, .three-image-gallery .entire-gallery .navigation .swiper-pagination-total {
  font-weight: bold;
  color: #B52D24;
}
.three-image-gallery .entire-gallery .content {
  max-width: 1280px;
}
.three-image-gallery .entire-gallery .bottom-part {
  background-color: #ABABAB;
  position: relative;
  margin-top: -10vw;
  z-index: 0;
  padding-left: 3vw;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-2-wrapper {
  height: 40vw;
  opacity: 0;
  transform: translateY(50px);
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-2-wrapper .gallery-images-2 {
  height: 100%;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-2-wrapper .gallery-images-2 .swiper-slide {
  display: flex;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-2-wrapper .gallery-images-2 .swiper-slide img {
  height: 100%;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-3-wrapper {
  height: 30vw;
  position: absolute;
  top: 0;
  right: 0;
  max-height: 450px;
  opacity: 0;
  transform: translateX(50px);
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-3-wrapper .gallery-images-3 {
  height: 100%;
  transform: rotate(180deg);
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-3-wrapper .gallery-images-3 .swiper-slide {
  display: flex;
  transform: rotate(180deg);
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-3-wrapper .gallery-images-3 .swiper-slide img {
  height: 100%;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper {
  position: relative;
  overflow: visible;
  position: absolute;
  right: -10px;
  width: 100%;
  opacity: 0;
  transform: translateY(-50px);
  top: 34vw;
}
@media (min-width: 768px) {
  .three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper {
    right: -11px;
    width: 40vw;
    bottom: unset;
    top: 25vw;
  }
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper {
  position: relative;
  overflow: visible;
  border-bottom: none;
  border-right: none;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: -11px;
  top: -10px;
  background-color: #B52D24;
  z-index: -1;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide {
  position: relative;
  margin: 10px 10px 0 10px;
  opacity: 0 !important;
  height: auto;
  display: flex;
  flex-direction: column;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .title-inner,
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy-inner {
  transform: translateY(20px);
  opacity: 0;
  user-select: none;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy-inner ul {
  list-style: disc;
  margin-left: 14px;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy-inner ul li {
  margin: 0 0 20px;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .title {
  font-size: 31px;
  padding: 20px 20px 0 20px;
  margin-left: 10px;
  border: 1px solid black;
  border-bottom: none;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .title p {
  font-family: alternate-gothic-condensed-a, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-size: 32px;
}
@media (min-width: 768px) {
  .three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .title p {
    font-size: 24px;
  }
}
@media (min-width: 1160px) {
  .three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .title p {
    font-size: 31px;
  }
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy {
  padding: 20px 30px 20px 20px;
  margin-left: 10px;
  line-height: 1.25;
  border-right: 1px solid #090909;
  border-left: 1px solid #090909;
  position: relative;
  z-index: 2;
  flex: 1;
  color: #FFF7ED;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy p {
  font-size: 3vw;
}
@media (min-width: 768px) {
  .three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy p {
    font-size: 1.25vw;
  }
}
@media (min-width: 1160px) {
  .three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy p {
    font-size: 16px;
  }
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .blank-square {
  height: 30px;
  margin-left: 10px;
  border: 1px solid #090909;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide-active {
  opacity: 1 !important;
}
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide-active .title-inner,
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide-active .copy-inner,
.three-image-gallery .entire-gallery .bottom-part .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide-active .link .button {
  transform: translateY(0);
  opacity: 1;
}

.quote {
  margin: -60px 0 0;
  position: relative;
}
@media (min-width: 768px) {
  .quote {
    margin: -10vw 0 0;
  }
}
.quote .top-texture {
  display: flex;
}
.quote .top-texture img {
  width: 100%;
}
.quote .full-width {
  background-color: #ABABAB;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .quote .full-width {
    padding-top: unset;
  }
}
.quote .content {
  max-width: 1000px;
  width: 80%;
  padding-bottom: 120px;
  position: relative;
}
.quote .content .bg {
  background-color: #FFF7ED;
  width: calc(100% + 2px);
  height: calc(100% - 120px);
  position: absolute;
  top: 20px;
  left: 20px;
  transform: scale(0);
  opacity: 0;
  transform-origin: 0 0;
}
.quote .content .card {
  border: 1px solid #090909;
  padding-top: 50px;
  padding-bottom: 60px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.quote .content .card .quote-mark-wrapper {
  background-color: #ABABAB;
  width: 60px;
  height: 40px;
  position: absolute;
  top: -3px;
  left: -42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quote .content .card .quote-mark-wrapper .quote-mark {
  color: #B52D24;
  font-size: 136px;
  position: relative;
  bottom: -20px;
}
.quote .content .card .text {
  font-size: 24px;
  padding: 0 20px 0 60px;
}
@media (min-width: 768px) {
  .quote .content .card .text {
    font-size: 53px;
    padding: 0 40px 0 60px;
  }
}
@media (min-width: 768px) {
  .quote .content .card .text.has-attribution {
    padding: 0 40px 30px 60px;
  }
}
.quote .content .card .text > div {
  opacity: 0;
  transform: translateY(50px);
}
.quote .content .card .link {
  display: flex;
  height: 50px;
  align-items: center;
  border-top: 1px solid #090909;
  position: relative;
  z-index: 2;
  border-left: none;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.quote .content .card .link .line {
  height: 1px;
  width: 25%;
  background-color: #090909;
}
.quote .content .card .link .attribution {
  text-transform: uppercase;
  width: 75%;
  text-align: left;
  margin-left: 20px;
  letter-spacing: 5px;
  font-size: 13px;
}
@media (min-width: 768px) {
  .quote .content .card .link .attribution {
    letter-spacing: 5px;
  }
}
.quote .content .card .link .attribution > div {
  opacity: 0;
  transform: translateX(50px);
}

.minimalist-gallery {
  width: 90%;
  display: block;
  margin: 20px auto;
  position: relative;
  opacity: 0;
  transform: translateY(50px);
}
@media (min-width: 768px) {
  .minimalist-gallery {
    width: 80%;
  }
}
.minimalist-gallery img {
  width: 100%;
}
.minimalist-gallery .navigation {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(50%);
  display: flex;
  z-index: 1;
  justify-content: center;
}
.minimalist-gallery .navigation .swiper-button-next,
.minimalist-gallery .navigation .swiper-button-prev {
  display: block;
  border: 1px solid #090909;
  background-color: #B52D24;
  display: flex;
  width: 50px;
  height: 50px;
  right: unset;
  transition: all 0.3s ease;
}
.minimalist-gallery .navigation .swiper-button-next:after,
.minimalist-gallery .navigation .swiper-button-prev:after {
  display: none;
}
.minimalist-gallery .navigation .swiper-button-next svg,
.minimalist-gallery .navigation .swiper-button-prev svg {
  transition: all 0.3s ease;
}
.minimalist-gallery .navigation .swiper-button-next:hover,
.minimalist-gallery .navigation .swiper-button-prev:hover {
  background-color: #ABABAB;
}
.minimalist-gallery .navigation .swiper-button-next:hover svg,
.minimalist-gallery .navigation .swiper-button-prev:hover svg {
  filter: invert(1);
}
.minimalist-gallery .navigation .swiper-button-next {
  left: 0px;
}
.minimalist-gallery .navigation .swiper-button-prev {
  left: -50px;
}
.minimalist-gallery .navigation .swiper-button-prev svg {
  transform: scaleX(-1);
}

.work-with-us {
  position: relative;
}
.work-with-us .bg {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  width: 450px;
  top: -10px;
  left: -70px;
}
@media (min-width: 768px) {
  .work-with-us .bg {
    width: 700px;
    top: -170px;
    left: -10px;
  }
}
.work-with-us .bg img {
  width: 100%;
}
.work-with-us .content {
  max-width: 1000px;
  width: 100%;
}
.work-with-us .content .header .atomic-title {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title {
    margin-bottom: 120px;
  }
}
.work-with-us .content .header .atomic-title .content {
  display: flex;
  align-items: flex-end;
  /* The container <div> - needed to position the dropdown content */
  /* Dropdown Content (Hidden by Default) */
  /* Links inside the dropdown */
  /* Change color of dropdown links on hover */
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
}
.work-with-us .content .header .atomic-title .content .main-title {
  color: #B52D24;
  left: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title .content .main-title {
    left: 0;
  }
}
.work-with-us .content .header .atomic-title .content .sub-title {
  color: #090909;
  right: unset;
  left: 150px;
  top: 60px;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title .content .sub-title {
    left: 190px;
    top: 80px;
  }
}
@media (min-width: 1160px) {
  .work-with-us .content .header .atomic-title .content .sub-title {
    left: 19%;
  }
}
.work-with-us .content .header .atomic-title .content .line {
  position: relative;
  bottom: 52px;
  margin: 0 20px;
  width: 0;
  display: none;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title .content .line {
    display: block;
  }
}
.work-with-us .content .header .atomic-title .content .dropdown {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 50px;
  margin: 0 5px 0 auto;
  top: 60px;
  left: -80px;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title .content .dropdown {
    top: -30px;
    left: unset;
  }
}
.work-with-us .content .header .atomic-title .content .dropdown.open .dropbtn {
  border-bottom: 0;
}
.work-with-us .content .header .atomic-title .content .dropdown.open .dropbtn img {
  transform: scaleY(1);
}
.work-with-us .content .header .atomic-title .content .dropdown .dropbtn {
  background-color: #FFF7ED;
  color: #090909;
  padding: 16px;
  border: none;
  cursor: pointer;
  border: 2px solid #090909;
  width: 240px;
  height: 50px;
  margin: 0 5px 0 auto;
  bottom: 31px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .work-with-us .content .header .atomic-title .content .dropdown .dropbtn {
    top: unset;
  }
}
.work-with-us .content .header .atomic-title .content .dropdown .dropbtn img {
  transform: scaleY(-1);
  width: 10px;
  margin-left: 10px;
  transition: all 0.3s ease;
}
.work-with-us .content .header .atomic-title .content .dropdown .dropbtn:hover, .work-with-us .content .header .atomic-title .content .dropdown .dropbtn:focus {
  background-color: #FFF7ED;
}
.work-with-us .content .header .atomic-title .content .dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFF7ED;
  min-width: 240px;
  z-index: 1;
  border: 2px solid #090909;
  border-top: 0;
}
.work-with-us .content .header .atomic-title .content .dropdown-content a {
  color: black;
  padding: 16px 16px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  letter-spacing: 4px;
  font-size: 10px;
  font-weight: 700;
  border-bottom: 1px dashed black;
  margin: 0 20px;
  transition: all 0.3s ease;
}
.work-with-us .content .header .atomic-title .content .dropdown-content a:first-of-type {
  border-top: 1px dashed #090909;
}
.work-with-us .content .header .atomic-title .content .dropdown-content a:last-of-type {
  border-bottom: none;
}
.work-with-us .content .header .atomic-title .content .dropdown-content a:hover {
  color: #B52D24;
  letter-spacing: 6px;
}
.work-with-us .content .header .atomic-title .content .show {
  display: block;
}
.work-with-us .content #jobs {
  margin: 0 20px 80px 10px;
}
@media (min-width: 768px) {
  .work-with-us .content #jobs {
    margin: 0 10px 80px;
  }
}
.work-with-us .content #jobs .job-department {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 32px;
  margin: 100px 0 0;
}
.work-with-us .content #jobs .job-department .job-icon {
  width: 100px;
  height: 50px;
}
.work-with-us .content #jobs .job-department .job-icon img {
  width: 100px;
  height: 50px;
}
.work-with-us .content #jobs .job-department .department-title {
  margin-right: 20px;
}
.work-with-us .content #jobs .job-department .dashed-line {
  flex: 2 0 auto;
}
.work-with-us .content #jobs .job-department .line {
  flex: 1 0 0;
  background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  background-size: 12px 1px;
  width: 100%;
  height: 1px;
}
.work-with-us .content #jobs .job-department .department-count {
  margin-left: 20px;
}
.work-with-us .content #jobs .job {
  position: relative;
  overflow: visible;
  margin: 30px 0;
  cursor: pointer;
}
.work-with-us .content #jobs .job:hover .bg {
  background-color: #B52D24;
}
.work-with-us .content #jobs .job:hover .content .left .location {
  color: #090909;
}
.work-with-us .content #jobs .job:hover .content .button svg {
  transform: translateX(5px);
}
.work-with-us .content #jobs .job .bg {
  background-color: #ABABAB;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
  transition: all 0.3s ease;
}
.work-with-us .content #jobs .job .content {
  position: relative;
  border: 1px solid #090909;
  display: flex;
  align-items: center;
}
.work-with-us .content #jobs .job .content .left {
  width: 60%;
  padding: 0 10px 0 20px;
}
@media (min-width: 768px) {
  .work-with-us .content #jobs .job .content .left {
    width: 80%;
    padding: 0 10px 0 40px;
  }
}
.work-with-us .content #jobs .job .content .left .title {
  color: #FFF7ED;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .work-with-us .content #jobs .job .content .left .title {
    font-size: 28px;
  }
}
.work-with-us .content #jobs .job .content .left .location {
  color: #B52D24;
  font-size: 14px;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .work-with-us .content #jobs .job .content .left .location {
    font-size: 20px;
  }
}
.work-with-us .content #jobs .job .content .button {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #090909;
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 10px;
  color: #FFF7ED;
  position: relative;
}
@media (min-width: 768px) {
  .work-with-us .content #jobs .job .content .button {
    width: 20%;
  }
}
.work-with-us .content #jobs .job .content .button svg {
  width: 20px;
  height: 130px;
  overflow: visible;
  filter: invert(1);
  margin-left: 5px;
  transition: all 0.3s ease;
}

body#news-landing {
  background-color: #FFF7ED;
}
body#news-landing nav .mobile {
  background-color: #ABABAB;
}

.news-landing .spacer {
  height: 60px;
  background-color: #ABABAB;
}
.news-landing .top-tear {
  background-color: #B52D24;
}
.news-landing .top-tear img {
  width: 200%;
  transform: scaleY(-1);
  margin-top: -1px;
  position: relative;
  left: -50%;
}
@media (min-width: 768px) {
  .news-landing .top-tear img {
    width: 100%;
    left: 0;
  }
}
.news-landing .galleryAndCaption.featuredNewsStyle {
  background-color: #B52D24;
  background-image: url("/img/red-halftone-home-flipped.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
.news-landing .galleryAndCaption.featuredNewsStyle .atomic-title .main-title {
  color: #ABABAB;
  right: 3%;
}
@media (min-width: 768px) {
  .news-landing .galleryAndCaption.featuredNewsStyle .atomic-title .main-title {
    right: 12%;
  }
}
.news-landing .galleryAndCaption.featuredNewsStyle .atomic-title .sub-title {
  color: #FFF7ED;
  right: 75%;
}
@media (min-width: 768px) {
  .news-landing .galleryAndCaption.featuredNewsStyle .atomic-title .sub-title {
    right: calc(10% + 330px);
  }
}
.news-landing .galleryAndCaption.featuredNewsStyle .content.gallery-content {
  top: 80px;
}
.news-landing .galleryAndCaption.featuredNewsStyle .left .navigation {
  color: #ABABAB;
}
.news-landing .galleryAndCaption.featuredNewsStyle .left .navigation .news-pagination {
  display: flex;
  top: -80px;
  left: -25px;
  font-size: 40px;
  font-weight: 300;
}
.news-landing .galleryAndCaption.featuredNewsStyle .left .navigation .news-pagination span {
  font-weight: 700;
}
.news-landing .galleryAndCaption.featuredNewsStyle .content.gallery-content .left .navigation .swiper-button-prev:hover,
.news-landing .galleryAndCaption.featuredNewsStyle .content.gallery-content .left .navigation .swiper-button-next:hover {
  background-color: #ABABAB;
}

.inThePress.landing {
  background-image: url("/img/halftone-bottom-right.png"), url("/img/about-texture-transition-1-gray.png");
  background-size: auto 7%, 600% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: bottom right, bottom right;
  background-blend-mode: color-burn, normal;
}
@media (min-width: 768px) {
  .inThePress.landing {
    background-size: auto 25%, 600% auto;
  }
}
.inThePress.landing .cards {
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media (min-width: 768px) {
  .inThePress.landing .cards .card-wrapper {
    margin-bottom: 80px;
  }
}
.inThePress.landing .cards .card-wrapper:hover .bg {
  background-color: #B52D24;
}
.inThePress.landing .cards .card-wrapper:hover .article-title {
  color: #090909;
}
.inThePress.landing .cards .card-wrapper:hover .card .link .button-link {
  color: #090909;
}
.inThePress.landing .cards .card-wrapper:hover .card .link .button-link .button svg {
  filter: none;
}
.inThePress.landing .cards .card-wrapper .card-count {
  display: none;
}
.inThePress.landing .cards .card-wrapper .article-title {
  color: #FFF7ED;
}
.inThePress.landing .cards .card-wrapper .bg {
  background-color: #ABABAB;
}
.inThePress.landing .cards .card-wrapper .card .link .article-logo img {
  display: none;
}
.inThePress.landing .cards .card-wrapper .card .link .button-link {
  color: #FFF7ED;
}
.inThePress.landing .cards .card-wrapper .card .link .button-link .button {
  transition: none;
}
.inThePress.landing .cards .card-wrapper .card .link .button-link .button svg {
  filter: invert(100%);
}
.inThePress.landing .load-more-button {
  flex-basis: 100%;
}
.inThePress.landing .load-more-button a.button-link {
  border: 1px solid black;
  width: 240px;
  height: 50px;
  margin: 50px auto;
}
@media (min-width: 768px) {
  .inThePress.landing .load-more-button a.button-link {
    width: 350px;
  }
}
@media (min-width: 1160px) {
  .inThePress.landing .load-more-button a.button-link {
    width: 25%;
  }
}
.inThePress.landing .additional-stories.hidden {
  display: none;
}

body.news nav {
  background-color: #B52D24;
}

.news-entry {
  background-color: #FFF7ED;
}
.news-entry .spacer {
  height: 60px;
  background-color: #B52D24;
}
.news-entry .galleryAndCaption {
  background-color: #B52D24;
}
.news-entry .header {
  background-color: #B52D24;
  display: flex;
  padding-top: 80px;
  user-select: none;
  background-image: url(/img/contact-header-tear.png), url(/img/halftone-bottom-right.png);
  background-size: 100% auto, 50% auto;
  background-repeat: no-repeat;
  background-position: bottom center, bottom right;
  background-blend-mode: normal, color-burn;
}
.news-entry .header .content {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .news-entry .header .content {
    flex-wrap: nowrap;
  }
}
.news-entry .header .content .left {
  width: 100%;
}
@media (min-width: 768px) {
  .news-entry .header .content .left {
    width: 40%;
  }
}
.news-entry .header .content .left .title-button {
  border: 1px solid #FFF7ED;
  width: 200px;
  height: 50px;
  color: #FFF7ED;
}
.news-entry .header .content .left .title-button .button-link {
  color: #FFF7ED;
}
.news-entry .header .content .left .title-button .button-link:hover .button svg {
  filter: invert(100%);
}
.news-entry .header .content .left .title-button .button-link .button svg {
  transform: scaleX(-1);
  margin-right: 10px;
}
.news-entry .header .content .left .gallery-text {
  position: relative;
  overflow: visible;
  border-right: 1px solid #090909;
  margin-top: 20px;
  left: -11px;
}
@media (min-width: 768px) {
  .news-entry .header .content .left .gallery-text {
    left: unset;
  }
}
.news-entry .header .content .left .gallery-text .outline {
  position: relative;
  overflow: visible;
  border: 1px solid #090909;
  border-bottom: none;
  border-right: none;
}
.news-entry .header .content .left .gallery-text .outline .text-content {
  position: relative;
  margin: 10px -1px 0 0;
  height: auto;
  display: flex;
  flex-direction: column;
}
.news-entry .header .content .left .gallery-text .outline .text-content .title {
  font-size: 40px;
  letter-spacing: 2px;
  padding: 30px 40px 30px 40px;
  border-bottom: 1px solid #090909;
  border-right: 1px solid #090909;
  position: relative;
  z-index: 2;
  text-transform: uppercase;
}
@media (min-width: 1160px) {
  .news-entry .header .content .left .gallery-text .outline .text-content .title {
    min-height: 360px;
    font-size: 60px;
  }
}
.news-entry .header .content .left .gallery-text .outline .text-content .title > div {
  opacity: 0;
  transform: translateY(50px);
}
.news-entry .header .content .left .gallery-text .outline .text-content .author-date {
  display: flex;
  height: 50px;
  align-items: center;
  border: 1px solid #090909;
  border-left: none;
  border-top: none;
  position: relative;
  z-index: 2;
  justify-content: space-between;
  padding: 20px;
  font-size: 18px;
  letter-spacing: 1px;
}
.news-entry .header .content .left .gallery-text .outline .text-content .author-date .author > div {
  opacity: 0;
  transform: translateX(50px);
}
.news-entry .header .content .left .gallery-text .outline .text-content .author-date .author span {
  color: #B52D24;
}
.news-entry .header .content .left .gallery-text .outline .text-content .author-date .date {
  color: #ABABAB;
  font-weight: bold;
}
.news-entry .header .content .left .gallery-text .outline .bg {
  width: calc(100% + 1px);
  height: 100%;
  position: absolute;
  left: 11px;
  top: 10px;
  background-color: #FFF7ED;
}
@media (min-width: 768px) {
  .news-entry .header .content .left .gallery-text .outline .bg {
    width: 100%;
  }
}
.news-entry .header .content .right {
  width: 100%;
}
@media (min-width: 768px) {
  .news-entry .header .content .right {
    width: 60%;
    padding-left: 10px;
  }
}
.news-entry .header .content .right .featured-image {
  position: relative;
}
.news-entry .header .content .right .featured-image img {
  width: 100%;
}
.news-entry .header .content .right .featured-image .social-share {
  background-color: #ABABAB;
  overflow: visible;
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 120px;
  height: 50px;
}
.news-entry .header .content .right .featured-image .social-share .border {
  border: 1px solid #090909;
  position: absolute;
  top: -8px;
  right: 8px;
  width: 120px;
  height: 50px;
}
.news-entry .header .content .right .featured-image .social-share .links {
  position: relative;
  top: -4px;
  right: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.news-entry .header .content .right .featured-image .social-share .links a {
  padding: 10px;
  color: #FFF7ED;
  transition: all 0.3s ease;
}
.news-entry .header .content .right .featured-image .social-share .links a:hover {
  color: #B52D24;
}
.news-entry .news-entry-content {
  max-width: 900px;
  padding-bottom: 40px;
}
.news-entry .news-entry-content p {
  margin-bottom: 30px;
}
.news-entry .news-entry-content .quote {
  margin: 60px 0 0;
}
@media (min-width: 768px) {
  .news-entry .news-entry-content .quote {
    margin: 120px 0 0;
  }
}
.news-entry .news-entry-content .quote .top-texture {
  display: none;
}
.news-entry .news-entry-content .quote .full-width {
  background-color: transparent;
}
.news-entry .news-entry-content .quote .full-width .content {
  width: 90%;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .news-entry .news-entry-content .quote .full-width .content {
    width: 100%;
  }
}
.news-entry .news-entry-content .quote .full-width .content .card {
  padding: 20px 0;
}
@media (min-width: 768px) {
  .news-entry .news-entry-content .quote .full-width .content .card {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
.news-entry .news-entry-content .quote .full-width .content .card .quote-mark-wrapper {
  background-color: transparent;
}
.news-entry .news-entry-content .quote .full-width .content .card .text {
  padding: 0 20px 0;
}
@media (min-width: 768px) {
  .news-entry .news-entry-content .quote .full-width .content .card .text {
    padding: 0 40px 0;
  }
}

.contact-form {
  margin-top: -300px;
  --fui-input-background-color: transparent;
}
.contact-form .top-texture {
  display: flex;
  width: 100%;
}
.contact-form .form-wrapper {
  background-color: #FFF7ED;
  margin-top: -40px;
  padding-bottom: 200px;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media (min-width: 768px) {
  .contact-form .form-wrapper {
    background-size: 50% auto;
  }
}
.contact-form .form-wrapper .content h2 {
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 42px;
  line-height: 1;
}
.contact-form .form-wrapper .content form {
  max-width: 800px;
}
.contact-form .form-wrapper .content input,
.contact-form .form-wrapper .content select,
.contact-form .form-wrapper .content textarea {
  background-color: transparent;
  border: 1px solid #090909;
  padding: 10px;
  border-radius: 0;
  font-family: futura-pt-medium, sans-serif;
}
.contact-form .form-wrapper .content input::placeholder,
.contact-form .form-wrapper .content select::placeholder,
.contact-form .form-wrapper .content textarea::placeholder {
  font-family: futura-pt-medium, sans-serif;
  font-size: 12px;
  color: #090909;
}
.contact-form .form-wrapper .content select {
  font-size: 12px;
  padding: 11px 10px 12px;
}
.contact-form .form-wrapper .content textarea {
  height: 200px;
}
.contact-form .form-wrapper .content .fui-btn-wrapper {
  border: 1px solid #090909;
  margin: 0;
  padding: 0;
}
.contact-form .form-wrapper .content .fui-submit {
  border: 1px solid #090909;
  padding: 0;
  height: 50px;
  margin: 0 0 0 15px;
  border-radius: 0;
  color: #090909;
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 10px;
  font-family: futura-pt-bold, sans-serif;
  text-transform: uppercase;
  height: 100%;
  background-color: transparent;
  border: 0;
  border-left: 1px solid #090909;
  padding: 15px 0 15px 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact-form .form-wrapper .content .fui-submit i {
  transition: transform 0.3s ease;
}
.contact-form .form-wrapper .content .fui-submit:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "";
  margin: 0 10px 0 5px;
  font-size: 16px;
  position: relative;
  top: 2px;
  transition: left 0.3s ease;
}
.contact-form .form-wrapper .content .fui-submit:hover {
  color: #FFF7ED;
  background-color: #090909;
}
.contact-form .form-wrapper .content .fui-submit:hover:after {
  left: 5px;
}

#careers {
  background-color: #FFF7ED;
  overflow: hidden;
}
#careers nav .mobile {
  background-color: #ABABAB;
}
#careers .bottom-tear {
  background-color: transparent;
  display: flex;
  margin-top: -150px;
  position: relative;
}
#careers .bottom-tear img {
  width: 100%;
  position: relative;
  bottom: -1px;
}
#careers .starburst-bg {
  width: 130%;
  position: absolute;
  top: 660px;
  left: -240px;
  z-index: 1;
}
@media (min-width: 768px) {
  #careers .starburst-bg {
    width: 40%;
    top: 660px;
    left: -110px;
  }
}
#careers .content-blocks {
  position: relative;
}
#careers .content-blocks .galleryAndCaption {
  background-color: #B52D24;
  background-image: url("/img/red-halftone-home-flipped.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}
#careers .content-blocks .galleryAndCaption .swiper-pagination {
  display: flex;
  top: -80px;
  left: -25px;
  font-size: 40px;
  font-weight: 300;
  color: #ABABAB;
}
#careers .content-blocks .galleryAndCaption .swiper-pagination span {
  font-weight: 700;
}
#careers .content-blocks .galleryAndCaption .atomic-title .main-title {
  color: #ABABAB;
  right: unset;
}
@media (min-width: 768px) {
  #careers .content-blocks .galleryAndCaption .atomic-title .main-title {
    right: 12%;
  }
}
#careers .content-blocks .galleryAndCaption .atomic-title .sub-title {
  color: #FFF7ED;
  right: 0;
  position: relative;
}
@media (min-width: 768px) {
  #careers .content-blocks .galleryAndCaption .atomic-title .sub-title {
    right: calc(10% + 380px);
    position: absolute;
  }
}
#careers .content-blocks .galleryAndCaption .content.gallery-content {
  top: 80px;
}
#careers .content-blocks .galleryAndCaption .content.gallery-content .left .navigation .swiper-button-prev:hover,
#careers .content-blocks .galleryAndCaption .content.gallery-content .left .navigation .swiper-button-next:hover {
  background-color: #ABABAB;
}
#careers .content-blocks .galleryAndCaption .content.gallery-content .electron-bg img {
  display: none;
}
#careers .content-blocks .three-image-gallery {
  background-color: #B52D24;
  background-image: url("/img/halftone-bg-top-left.png"), url("/img/halftone-bottom-right.png");
  background-size: auto 60%, 140% auto;
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
  background-blend-mode: color-burn, color-burn;
  padding: 80px 0 190vw;
}
@media (min-width: 768px) {
  #careers .content-blocks .three-image-gallery {
    background-size: 50% auto, 70% auto;
    padding: 80px 0 250px;
  }
}
@media (min-width: 800px) {
  #careers .content-blocks .three-image-gallery {
    padding: 80px 0 460px;
  }
}
@media (min-width: 1160px) {
  #careers .content-blocks .three-image-gallery {
    padding: 80px 0 400px;
  }
}
#careers .content-blocks .three-image-gallery .sub-title {
  color: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .gallery-images-1-wrapper {
  background-color: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-pagination {
  color: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-pagination span {
  color: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev {
  display: block;
  border: 1px solid #090909;
  background-color: #FFF7ED;
  display: flex;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next:after,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev:after {
  display: none;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next svg,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev svg {
  transition: all 0.3s ease;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next svg .cls-1,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev svg .cls-1 {
  stroke: #090909;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next svg .cls-2,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev svg .cls-2 {
  fill: #090909;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next:hover,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover {
  background-color: #ABABAB;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next:hover svg .cls-1,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover svg .cls-1 {
  stroke: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-next:hover svg .cls-2,
#careers .content-blocks .three-image-gallery .entire-gallery .navigation .swiper-button-prev:hover svg .cls-2 {
  fill: #FFF7ED;
}
@media (min-width: 768px) {
  #careers .content-blocks .three-image-gallery .entire-gallery .gallery-images-caption-wrapper {
    top: 26vw;
  }
}
#careers .content-blocks .three-image-gallery .entire-gallery .gallery-images-caption-wrapper .swiper-wrapper .bg {
  background-color: #FFF7ED;
}
#careers .content-blocks .three-image-gallery .entire-gallery .gallery-images-caption-wrapper .swiper-wrapper .swiper-slide .copy {
  color: #090909;
}

body.games {
  background-color: #FFF7ED;
}
body.games nav {
  background-color: #090909;
}
body.games nav .desktop .center a {
  color: #FFF7ED;
}
body.games nav .desktop .center a:hover {
  color: #B52D24;
}

.games-entry {
  padding-bottom: 40px;
  background-image: url(/img/halftone-bottom-left.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  .games-entry {
    background-size: 50% auto;
  }
}
.games-entry .header {
  position: relative;
  margin-top: 50px;
}
.games-entry .header-bg {
  width: 100%;
}
.games-entry .header .bottom-texture {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.games-entry .info-and-trailer {
  background-color: #B52D24;
  padding-bottom: 40px;
  background-image: url("/img/halftone-bottom-right.png");
  background-size: 200% auto;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-blend-mode: color-burn;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer {
    background-size: 50% auto;
  }
}
.games-entry .info-and-trailer .content {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer .content {
    flex-wrap: nowrap;
  }
}
.games-entry .info-and-trailer .content .left {
  width: 100%;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer .content .left {
    width: 55%;
  }
}
.games-entry .info-and-trailer .content .left .headline {
  font-weight: bold;
  font-size: 8.5vw;
  text-transform: uppercase;
  padding-right: 40px;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer .content .left .headline {
    font-size: 4.5vw;
  }
}
@media (min-width: 1160px) {
  .games-entry .info-and-trailer .content .left .headline {
    font-size: 64px;
  }
}
.games-entry .info-and-trailer .content .left .headline > div {
  opacity: 0;
  transform: translateX(50px);
}
.games-entry .info-and-trailer .content .left .dashed-line {
  transform: scale(-1);
  margin: 20px 0;
  width: 90%;
}
.games-entry .info-and-trailer .content .left .copy {
  color: #FFF7ED;
  margin-right: 15%;
  margin-bottom: 40px;
}
.games-entry .info-and-trailer .content .left .title-button {
  border: 1px solid #FFF7ED;
  width: 300px;
  height: 50px;
  color: #FFF7ED;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer .content .left .title-button {
    margin-bottom: unset;
  }
}
.games-entry .info-and-trailer .content .left .title-button .button-link {
  color: #FFF7ED;
}
.games-entry .info-and-trailer .content .left .title-button .button-link:hover .button svg {
  filter: invert(100%);
}
.games-entry .info-and-trailer .content .left .title-button .button-link .button svg {
  margin-left: 10px;
}
.games-entry .info-and-trailer .content .right {
  width: 100%;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .games-entry .info-and-trailer .content .right {
    width: 45%;
  }
}
.games-entry .info-and-trailer .content .right:hover .thumbnail {
  transform: translateX(-10px);
}
.games-entry .info-and-trailer .content .right:hover .bottom .button {
  background-color: #FFF7ED;
  color: #090909;
  letter-spacing: 3px;
}
@media (min-width: 1160px) {
  .games-entry .info-and-trailer .content .right:hover .bottom .button {
    letter-spacing: 5px;
  }
}
.games-entry .info-and-trailer .content .right .thumbnail {
  position: relative;
  top: 10px;
  left: 10px;
  transition: all 0.3s ease;
}
.games-entry .info-and-trailer .content .right .thumbnail .thumb {
  width: 100%;
}
.games-entry .info-and-trailer .content .right .border {
  overflow: visible;
  margin-right: 10px;
  padding-bottom: 10px;
  border: 1px solid #FFF7ED;
  position: relative;
  aspect-ratio: 16/9.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media (min-width: 1160px) {
  .games-entry .info-and-trailer .content .right .border {
    aspect-ratio: 16/9.3;
  }
}
.games-entry .info-and-trailer .content .right .border .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.games-entry .info-and-trailer .content .right .bottom {
  display: flex;
  margin-top: 7px;
  align-items: center;
  height: 40px;
}
.games-entry .info-and-trailer .content .right .bottom .line {
  width: 60%;
  height: 100%;
  border: 1px solid #FFF7ED;
  border-top: none;
}
.games-entry .info-and-trailer .content .right .bottom .line .split {
  height: 50%;
  border-bottom: 1px solid #FFF7ED;
}
.games-entry .info-and-trailer .content .right .bottom .button {
  width: 40%;
  height: 100%;
  background-color: #090909;
  color: #FFF7ED;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: 2px;
  font-size: 10px;
  transition: all 0.3s ease;
}
@media (min-width: 1160px) {
  .games-entry .info-and-trailer .content .right .bottom .button {
    letter-spacing: 4px;
  }
}
.games-entry .modal {
  display: none;
  position: fixed;
  z-index: 11;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}
.games-entry .modal.visible {
  display: block;
}
.games-entry .modal .close {
  color: #ABABAB;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 30px;
  top: 20px;
}
.games-entry .modal .close:hover, .games-entry .modal .close:focus {
  color: #B52D24;
  text-decoration: none;
  cursor: pointer;
}
.games-entry .modal .modal-content {
  margin: auto;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .games-entry .modal .modal-content {
    width: 80%;
  }
}
.games-entry .modal .modal-content iframe {
  width: 100%;
  aspect-ratio: 16/9;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.games-entry .galleryAndCaption {
  background-image: none;
  margin-bottom: 140px;
}
.games-entry .galleryAndCaption .atomic-title {
  z-index: 1;
}
.games-entry .galleryAndCaption .atomic-title .content .main-title {
  color: #090909;
  left: 10%;
}
.games-entry .galleryAndCaption .atomic-title .content .sub-title {
  color: #FFF7ED;
  left: 21%;
}
@media (min-width: 768px) {
  .games-entry .galleryAndCaption .content.gallery-content .electron-bg {
    right: -285px;
    top: 10px;
    left: unset;
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) {
  .games-entry .galleryAndCaption .content.gallery-content .left {
    width: 80%;
    margin: 0 auto;
  }
}
.games-entry .galleryAndCaption .content.gallery-content .left .navigation {
  right: 0;
  left: unset;
  color: #FFF7ED;
}
.games-entry .galleryAndCaption .content.gallery-content .left .navigation .swiper-pagination {
  display: flex;
  top: -80px;
  left: -45px;
  font-size: 40px;
  font-weight: 300;
}
.games-entry .galleryAndCaption .content.gallery-content .left .navigation .swiper-pagination span {
  font-weight: 700;
  color: #B52D24;
}
.games-entry .galleryAndCaption .title-button {
  border: 1px solid #090909;
  width: 220px;
  height: 50px;
  color: #090909;
  position: relative;
  top: 120px;
  margin: 0 auto;
}
.games-entry .galleryAndCaption .title-button .button-link {
  color: #090909;
}
.games-entry .galleryAndCaption .title-button .button-link .button svg {
  margin-right: 10px;
}

footer {
  background-color: #090909;
  color: #ABABAB;
}
footer .wrapper {
  padding: 20px 25px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  footer .wrapper {
    height: 270px;
  }
}
footer .wrapper .one {
  width: 100%;
  border: 1px solid #ABABAB;
  height: 200px;
}
@media (min-width: 768px) {
  footer .wrapper .one {
    width: 60%;
    height: unset;
  }
}
footer .wrapper .one .top,
footer .wrapper .one .bottom {
  padding: 0 30px;
}
footer .wrapper .one .top {
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ABABAB;
}
@media (min-width: 2000px) {
  footer .wrapper .one .top {
    margin: 10px 0 0;
  }
}
footer .wrapper .one .top a img {
  height: 8vw;
  opacity: 0;
}
@media (min-width: 768px) {
  footer .wrapper .one .top a img {
    height: 5vw;
    max-height: 100px;
  }
}
footer .wrapper .one .bottom {
  height: 50%;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 3px;
  user-select: none;
}
footer .wrapper .one .bottom .copyright {
  text-transform: uppercase;
}
footer .wrapper .two {
  width: 100%;
  border: 1px solid #ABABAB;
  border-top: none;
  display: flex;
}
@media (min-width: 768px) {
  footer .wrapper .two {
    width: 40%;
    border: 1px solid #ABABAB;
    border-left: none;
  }
}
footer .wrapper .two .links {
  width: 60%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  align-items: center;
  border-right: 1px solid #ABABAB;
}
footer .wrapper .two .links a {
  width: 100%;
}
footer .wrapper .two .follow {
  width: 40%;
  display: flex;
}
footer .wrapper .two .follow .left {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
}
footer .wrapper .two .follow .left .vertical-line {
  width: 1px;
  height: 90px;
  background-color: #ABABAB;
}
footer .wrapper .two .follow .left .text {
  font-size: 12px;
  letter-spacing: 0.5vw;
  user-select: none;
}
footer .wrapper .two .follow .left .top,
footer .wrapper .two .follow .left .bottom {
  display: flex;
  justify-content: center;
  height: 100px;
  width: 100%;
}
footer .wrapper .two .follow .left .bottom {
  align-items: flex-end;
}
footer .wrapper .two .follow .right {
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0;
}
footer .wrapper .two .follow .right a {
  width: 100%;
  display: flex;
  justify-content: center;
}
footer a {
  transition: all 0.3s ease;
}
footer a:hover {
  opacity: 0.5;
}

html,
body {
  overflow-x: hidden;
}

body {
  position: relative;
}

a {
  all: unset;
  cursor: pointer;
}

ul {
  margin-bottom: 30px;
}
ul li {
  list-style: disc;
  margin: 30px;
  padding-left: 15px;
}

ol {
  margin-bottom: 30px;
}
ol li {
  list-style: auto;
  margin: 30px;
  padding-left: 15px;
}

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