/* Kicks re-skin layer — loaded after every original stylesheet.
   Font strategy: the licensed faces (Times Now / Haas Grot Disp R) are removed
   from the build; their family NAMES are re-declared here pointing at DM Sans
   files, so every original size/spacing rule keeps working untouched.
   DM Sans is the redesign brief's primary face. */

@font-face {
  font-family: "Times Now"; /* display slots -> DM Sans Medium */
  src: url(/fonts/DMSans-Medium.woff2) format("woff2");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Haas Grot Disp R"; /* UI regular */
  src: url(/fonts/DMSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Haas Grot Disp R"; /* UI medium/semibold */
  src: url(/fonts/DMSans-Bold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Regular.woff2) format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Medium.woff2) format("woff2");
  font-weight: 500 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url(/fonts/DMSans-Bold.woff2) format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* display slots carried by the serif: give DM Sans a touch more presence.
   (Times Now 350 was airy; DM Sans 500 at the same sizes reads closest.) */
h1, h2, .t-56, .t-36, .t-24, .t-14s {
  font-weight: 500;
}

/* assumed/unconfirmed marker (ASSUMED-DATA.md convention, lightweight) */
sup.asm-sup {
  font-size: 0.55em;
  line-height: 0;
  vertical-align: super;
  color: #808080;
  margin-left: 0.1em;
}

/* wordmark text glyphs */
svg text {
  user-select: none;
}

/* the story player has no film yet (TRY): keep the poster calm, hide duration pill */
.video-player__duration { opacity: 0.4; }

/* hero background is a photo now (drone shot), not a video — same cover box */
.video img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 1;
}