@font-face {
  font-family: Ivar Display;
  font-weight: 700;
  src: url(v1/40bf0e1c.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Display;
  font-style: italic;
  font-weight: 400;
  src: url(v1/bfcf464d.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Display;
  font-weight: 500;
  src: url(v1/40bf0e1c.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Display;
  font-style: italic;
  font-weight: 500;
  src: url(v1/c00c2fff.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Headline;
  font-weight: 500;
  src: url(v1/bc5b004b.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Headline;
  font-weight: 600;
  src: url(v1/f448a1c3.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Headline;
  font-weight: 600;
  font-style: italic;
  src: url(v1/a8c88f19.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Text;
  font-weight: 400;
  font-style: italic;
  src: url(v1/58fd9366.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Text;
  font-weight: 500;
  src: url(v1/18a1ab3b.woff2) format("woff2-variations");
  font-display: swap
}

@font-face {
  font-family: Ivar Text;
  font-style: italic;
  font-weight: 500;
  src: url(v1/4d787dcb.woff2) format("woff2-variations");
  font-display: swap
}

html[data-page-id=PressHome] {
  --bodyMargin: calc(10px + 1vw);
  --textColor: var(--color);
  --screenHeight: 100%;
  --vh: 1vh;
  --windowWidth: calc(100vw - var(--scrollbarWidth, 17px));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

::-moz-selection {
  background: var(--color);
  color: var(--backgroundColor)
}

::selection {
  background: var(--color);
  color: var(--backgroundColor)
}

blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre {
  margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  font-size: 16px;
  font-weight: 400
}

p {
  line-height: 1.5
}

*,
:after,
:before {
  box-sizing: border-box
}

ol {
  margin: 0;
  padding: 0
}

[data-page-id=PressHome] body {
  font-family: Ivar Text, Georgia;
  font-weight: 500;
  --backgroundColor: #201819;
  --color: #fff;
  --canvasScale: 1;
  margin: 0;
  padding: 0;
  color: var(--color);
  background: #201819;
  -webkit-text-size-adjust: none
}

a {
  color: var(--color)
}

a,
button {
  letter-spacing: .32px
}

button {
  padding: 0;
  background: none;
  border: none;
  outline: none;
  display: block;
  font-size: 17px;
  font-family: Ivar Headline;
  font-weight: 600;
  color: inherit
}

blockquote,
button {
  margin: 0
}

.PressHomepage__backgroundFill {
  background: var(--backgroundColor);
  transition: opacity .3s .4s
}

.PressHomepage__backgroundFill,
.PressHomepage__filmBackground {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--screenHeight);
  opacity: 0;
  will-change: opacity;
  pointer-events: none
}

.PressHomepage__filmBackground {
  display: none;
  background-size: 700px;
  transition: opacity .2s;
  background-color: #222
}

.PressHomepage__colorOverlay {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  background: var(--backgroundColor);
  width: 100%;
  height: var(--screenHeight);
  transition: opacity .3s, transform 0s .3s
}

.NotificationCenter {
  color: #201819
}

.NotificationCenter .CtaButton.variant--Button {
  padding-left: 0;
  border-radius: 0
}

.PressHomepage--isIndicatorLabel .PressHomepage__colorOverlay {
  opacity: .9;
  display: block;
  transition: opacity .3s
}

.PressHomepage--isDragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.PressHomepage--isActiveProduct .PressHomepage__backgroundFill,
.PressHomepage--isDragging:not(.PressHomepage--isActiveProduct) .PressHomepage__backgroundFill {
  opacity: 1
}

@media (min-width:1100px) {
  .PressHomepage--isFilmPoster:not(.PressHomepage--isDragging) .PressHomepage__filmBackground {
    display: block;
    animation: FilmBackgroundFadeIn 1s forwards
  }
}

.PressHomepage--isLeaving .PressHomepage__colorOverlay {
  opacity: 1;
  transition: none;
  transform: translateX(0)
}

.PressHomepage--isTranscriptOverlay {
  overflow: hidden
}

.ThirdPartyFrame {
  width: 1px;
  height: 1px;
  position: fixed;
  visibility: hidden;
  pointer-events: none
}

@keyframes FilmBackgroundFadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}