:root {
  --te-ink: #202421;
  --te-muted: #68716b;
  --te-green: #40564b;
  --te-deep: #111713;
  --te-fullscreen-green: var(--te-deep);
  --te-paper: #fafafa;
  --te-soft: #edf0ed;
  --te-line: rgba(32, 36, 33, 0.17);
  --te-serif: "Shippori Mincho B1", serif;
  --te-latin: "Cormorant Garamond", serif;
  --te-sans: "Noto Sans JP", sans-serif;
}

body.top-editorial,
body.top-editorial * {
  box-sizing: border-box;
  letter-spacing: 0;
}

body.top-editorial {
  --base: var(--te-paper);
  --paper: var(--te-paper);
  --ink: var(--te-ink);
  --muted: var(--te-muted);
  --line: var(--te-line);
  --accent: var(--te-green);
  --accent-dark: var(--te-green);
  --concept-wash: var(--te-deep);
  --concept-wash-reverse: var(--te-deep);
  overflow-x: hidden;
  color: var(--te-ink);
  background: var(--te-paper);
}

/* Keep the original hero timing, then hold the Brand Portrait screen longer. */
body.service-movie-page .lumen-stage {
  --service-hero-intro-opacity: 1;
  --service-hero-intro-y: 0px;
  --service-hero-scroll-opacity: 1;
  --service-hero-scroll-y: 0px;
  --service-hero-video-blur: 0px;
  --service-hero-video-scale: 1;
  --service-hero-cta-opacity: 0;
  --service-hero-cta-y: 24px;
  --service-hero-sticky-opacity: 1;
  --service-hero-next-opacity: 0;
  --service-hero-next-y: 36px;
  position: relative;
  z-index: 2;
  height: 1400svh;
  min-height: 0;
  overflow: visible;
  background: #fff;
}

body.service-movie-page .lumen-stage::before,
body.service-movie-page .lumen-stage::after {
  display: none;
}

body.service-movie-page .service-hero__sticky {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100svh;
  min-height: 0;
  overflow: hidden;
  color: #fff;
  background: #28231f;
  isolation: isolate;
  opacity: var(--service-hero-sticky-opacity);
  will-change: opacity;
}

body.service-movie-page .service-hero__sticky::before,
body.service-movie-page .service-hero__sticky::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
}

body.service-movie-page .service-hero__sticky::before,
body.service-movie-page .service-hero__sticky::after {
  display: none;
}

body.service-movie-page .service-hero__sticky .lumen-stack {
  transform: scale(var(--service-hero-video-scale));
  will-change: transform;
}

body.service-movie-page .service-hero__sticky .lumen-hero-video {
  filter: blur(var(--service-hero-video-blur)) saturate(0.9) contrast(1.02);
  -webkit-filter: blur(var(--service-hero-video-blur)) saturate(0.9) contrast(1.02);
  will-change: filter;
}

body.service-movie-page .service-hero__sticky .lumen-sheet {
  opacity: var(--service-hero-intro-opacity);
  transform: translateY(var(--service-hero-intro-y));
  will-change: opacity, transform;
}

body.service-movie-page .service-hero__title-en {
  margin: 0 0 22px var(--hero-copy-left, clamp(70px, 10.666vw, 146px));
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--te-latin);
  font-size: clamp(10px, 0.82vw, 12px);
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1.4;
  text-transform: uppercase;
  text-shadow: none;
}

body.service-movie-page .service-hero__sticky .lumen-vow {
  display: grid;
  flex-direction: initial;
  gap: 0.08em;
  width: min(780px, calc(100vw - 140px));
  margin-left: var(--hero-copy-left, clamp(70px, 10.666vw, 146px));
  font-size: clamp(27px, 2.7vw, 42px);
  line-height: 1.45;
  letter-spacing: 0.08em;
  text-shadow: none;
  writing-mode: horizontal-tb;
}

body.service-movie-page .service-hero__sticky .lumen-vow span {
  display: block;
  letter-spacing: 0.08em;
  white-space: nowrap;
  text-orientation: mixed;
  writing-mode: horizontal-tb;
}

body.service-movie-page .service-hero__scroll-guide {
  position: absolute;
  right: max(24px, 3.2vw);
  bottom: max(28px, calc(env(safe-area-inset-bottom) + 20px));
  left: auto;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: #fff;
  mix-blend-mode: difference;
  opacity: 1;
  pointer-events: none;
  transform: translateY(var(--service-hero-scroll-y));
  will-change: transform;
}

body.service-movie-page .service-hero__scroll-guide span {
  font-family: var(--te-latin);
  font-size: clamp(11px, 0.85vw, 12px);
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: 1;
  text-transform: uppercase;
  text-orientation: mixed;
  writing-mode: vertical-rl;
  animation: service-hero-scroll-label 2.4s ease-in-out infinite;
}

body.service-movie-page .service-hero__scroll-guide i {
  position: relative;
  display: block;
  width: 1px;
  height: 72px;
  overflow: visible;
  background: rgba(255, 255, 255, 0.28);
}

body.service-movie-page .service-hero__scroll-guide i::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 38%;
  content: "";
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.98));
  box-shadow: 0 0 9px rgba(255, 255, 255, 0.55);
  transform-origin: center top;
  animation: service-hero-scroll-flow 1.9s cubic-bezier(0.45, 0, 0.2, 1) infinite;
}

body.service-movie-page .service-hero__scroll-guide i::after {
  display: none;
}

@keyframes service-hero-scroll-flow {
  0% {
    opacity: 0;
    transform: translateY(-12%) scaleY(0.25);
  }

  28% {
    opacity: 1;
  }

  72% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(165%) scaleY(1.15);
  }
}

@keyframes service-hero-scroll-label {
  0%,
  100% {
    opacity: 0.5;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(3px);
  }
}

body.service-movie-page .service-hero__experience {
  position: absolute;
  z-index: 4;
  display: grid;
  align-content: center;
  justify-items: start;
  color: #fff;
  opacity: var(--service-hero-cta-opacity);
  pointer-events: none;
  will-change: opacity, transform;
}

body.service-movie-page .service-hero__experience-inner {
  width: 100%;
  max-width: 390px;
}

body.service-movie-page .service-hero__experience-video {
  display: none;
}

body.service-movie-page .service-hero__experience-kicker {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--te-latin);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.24em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

body.service-movie-page .service-hero__experience-kicker::after {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
  content: "";
}

body.service-movie-page .service-hero__experience-action {
  display: flex;
  align-items: center;
  gap: 28px;
}

body.service-movie-page .service-hero__play {
  position: relative;
  display: grid;
  flex: 0 0 auto;
  width: 84px;
  height: 84px;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
  cursor: pointer;
  place-items: center;
  transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

body.service-movie-page .service-hero__play span {
  display: block;
  width: 13px;
  height: 16px;
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translateX(2px);
}

body.service-movie-page .service-hero__play:hover,
body.service-movie-page .service-hero__play:focus-visible {
  border-color: #fff;
  color: #40564b;
  background: #fff;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.1);
  transform: scale(1.035);
}

body.service-movie-page .service-hero__play:focus-visible {
  outline: 1px solid #fff;
  outline-offset: 5px;
}

body.service-movie-page .service-hero__experience-copy {
  display: grid;
  gap: 10px;
  min-height: 0;
  padding: 5px 0;
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

body.service-movie-page .service-hero__experience-copy:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.82);
  outline-offset: 6px;
}

body.service-movie-page .service-hero__experience-copy strong {
  font-family: var(--te-serif);
  font-size: clamp(16px, 1.35vw, 20px);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.55;
}

body.service-movie-page .service-hero__experience-description {
  display: block;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: clamp(11px, 0.9vw, 13px);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.9;
  text-align: left;
  text-shadow: none;
}

body.service-movie-page .lumen-stage > .top-service-introduction {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  align-items: center;
  height: 100svh;
  margin-top: 600svh;
  overflow: hidden;
  opacity: var(--service-hero-next-opacity);
  transform: translateY(var(--service-hero-next-y));
  will-change: opacity, transform;
}

body.service-movie-page .service-brand-portrait__scroll-guide {
  transform: none;
  will-change: auto;
}

body.service-movie-page .lumen-stage > .top-service-introduction .top-service-detail__intro {
  padding-top: clamp(100px, 15vh, 170px);
  padding-bottom: clamp(80px, 13vh, 150px);
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .lumen-stage {
    --service-hero-intro-opacity: 1;
    --service-hero-intro-y: 0px;
    --service-hero-scroll-opacity: 1;
    --service-hero-scroll-y: 0px;
    --service-hero-video-blur: 0px;
    --service-hero-video-scale: 1;
    --service-hero-cta-opacity: 1;
    --service-hero-cta-y: 0px;
    --service-hero-sticky-opacity: 1;
    --service-hero-next-opacity: 1;
    --service-hero-next-y: 0px;
    height: auto;
  }

  body.service-movie-page .service-hero__sticky {
    position: relative;
    will-change: auto;
  }

  body.service-movie-page .service-hero__sticky .lumen-sheet,
  body.service-movie-page .service-hero__sticky .lumen-stack,
  body.service-movie-page .service-hero__sticky .lumen-hero-video,
  body.service-movie-page .service-hero__scroll-guide,
  body.service-movie-page .service-hero__experience,
  body.service-movie-page .lumen-stage > .top-service-introduction {
    will-change: auto;
  }

  body.service-movie-page .service-hero__scroll-guide span,
  body.service-movie-page .service-hero__scroll-guide i::before {
    animation: none;
  }

  body.service-movie-page .service-hero__experience {
    pointer-events: auto;
  }

  body.service-movie-page .lumen-stage > .top-service-introduction {
    position: relative;
    height: auto;
    margin-top: 0;
    transform: none;
  }
}

@media (min-width: 769px) {
  body.service-movie-page .service-hero__sticky {
    --service-hero-desktop-copy-width: clamp(380px, 40vw, 640px);
  }

  body.service-movie-page .service-hero__scroll-guide {
    right: max(24px, 3.2vw);
    bottom: max(28px, calc(env(safe-area-inset-bottom) + 20px));
    display: flex;
    mix-blend-mode: difference;
  }

  body.service-movie-page .service-hero__sticky .lumen-stack {
    top: 0;
    right: var(--service-hero-desktop-copy-width);
    bottom: 0;
    left: 0;
    overflow: hidden;
    transform-origin: left center;
  }

  body.service-movie-page .service-hero__sticky .lumen-sheet {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    display: grid;
    align-content: center;
    width: var(--service-hero-desktop-copy-width);
    padding: clamp(42px, 5vw, 78px);
    color: #202421;
    background: #fff;
  }

  body.service-movie-page .service-hero__title-en {
    margin: 0 0 clamp(20px, 2vw, 30px);
    color: #68716b;
    font-size: clamp(9px, 0.72vw, 11px);
    line-height: 1.65;
  }

  body.service-movie-page .service-hero__sticky .lumen-vow {
    gap: 0.14em;
    width: 100%;
    margin-left: 0;
    color: #202421;
    font-size: clamp(20px, 2.1vw, 36px);
    line-height: 1.58;
    letter-spacing: 0.06em;
  }

  body.service-movie-page .service-hero__sticky .lumen-vow span {
    letter-spacing: 0.06em;
  }

  body.service-movie-page .service-hero__experience {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: var(--service-hero-desktop-copy-width);
    padding: clamp(42px, 5vw, 78px);
    background: transparent;
    transform: translateY(var(--service-hero-cta-y));
  }
}

@media (max-width: 768px) {
  /* Phone: three hero screens at 2.5 scrolls each, plus overlap. */
  body.service-movie-page .lumen-stage {
    height: 950svh;
  }

  body.service-movie-page .service-hero__sticky {
    --service-hero-mobile-copy-height: clamp(210px, 31svh, 270px);
  }

  body.service-movie-page .service-hero__sticky .lumen-stack {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: calc(100svh - var(--service-hero-mobile-copy-height));
    background: #111713;
    overflow: hidden;
    transform: none;
    transform-origin: center top;
  }

  body.service-movie-page .service-hero__sticky .lumen-sheet {
    top: auto;
    bottom: 0;
    left: 0;
    display: grid;
    align-content: center;
    width: 100%;
    height: var(--service-hero-mobile-copy-height);
    padding: clamp(26px, 4svh, 38px) clamp(26px, 8vw, 38px) max(72px, calc(env(safe-area-inset-bottom) + 60px));
    color: #202421;
    background: #fff;
  }

  body.service-movie-page .service-hero__sticky .lumen-hero-video {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
    animation: none;
  }

  body.service-movie-page .service-hero__title-en {
    max-width: none;
    margin: 0 0 17px;
    color: #202421;
    font-size: 8px;
    letter-spacing: 0.16em;
    line-height: 1.65;
    white-space: normal;
    text-shadow: none;
  }

  body.service-movie-page .service-hero__sticky .lumen-vow {
    gap: 0.12em;
    width: 100%;
    margin-left: 0;
    color: #202421;
    font-size: clamp(22px, 6.7vw, 29px);
    line-height: 1.52;
    letter-spacing: 0.06em;
    text-shadow: none;
  }

  body.service-movie-page .service-hero__sticky .lumen-vow span {
    letter-spacing: 0.06em;
  }

  body.service-movie-page .service-hero__scroll-guide {
    right: max(12px, calc(env(safe-area-inset-right) + 8px));
    bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
    gap: 11px;
    mix-blend-mode: difference;
  }

  body.service-movie-page .service-hero__scroll-guide span {
    font-size: 9px;
  }

  body.service-movie-page .service-hero__scroll-guide i {
    height: 54px;
  }

  body.service-movie-page .service-hero__experience {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    min-height: 100svh;
    padding: max(76px, calc(env(safe-area-inset-top) + 56px)) clamp(30px, 9vw, 42px) max(76px, calc(env(safe-area-inset-bottom) + 56px));
    align-content: center;
    justify-items: center;
    background: #111713;
    isolation: isolate;
    overflow: hidden;
    transform: translateY(var(--service-hero-cta-y));
  }

  body.service-movie-page .service-hero__experience::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(3, 7, 5, 0.7), rgba(3, 7, 5, 0.78));
    content: "";
    pointer-events: none;
  }

  body.service-movie-page .service-hero__experience-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
  }

  body.service-movie-page .service-hero__experience-inner {
    position: relative;
    z-index: 2;
    max-width: 340px;
  }

  body.service-movie-page .service-hero__experience-kicker {
    gap: 13px;
    margin-bottom: 24px;
    font-size: 8px;
    letter-spacing: 0.2em;
  }

  body.service-movie-page .service-hero__experience-action {
    gap: 24px;
  }

  body.service-movie-page .service-hero__play {
    width: 76px;
    height: 76px;
    min-height: 0;
    padding: 0;
  }

  body.service-movie-page .service-hero__play span {
    width: 11px;
    height: 14px;
    transform: translateX(1.5px);
  }

  body.service-movie-page .service-hero__experience-copy {
    gap: 6px;
  }

  body.service-movie-page .service-hero__experience-copy strong {
    font-size: clamp(16px, 4.7vw, 19px);
    line-height: 1.55;
  }

  body.service-movie-page .service-hero__experience-description {
    font-size: 11px;
    line-height: 1.8;
  }

  body.service-movie-page .lumen-stage > .top-service-introduction .top-service-detail__intro {
    padding-top: max(90px, 12svh);
    padding-bottom: max(70px, 10svh);
  }

  body.service-movie-page .lumen-stage > .top-service-introduction {
    margin-top: 390svh;
  }

}

/* Value voice dock — mirrors the ELUNA profile story player. */
/* Service movie: full-viewport brand loader while the opening film becomes playable. */
.service-page-loader {
  display: none;
}

html.is-service-page-loading .service-page-loader {
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: grid;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  place-items: center;
  color: #f1f1ed;
  background: #0d0f0e;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 560ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 560ms;
}

html.is-service-page-loading.is-service-page-loaded .service-page-loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

html.is-service-page-loading:not(.is-service-page-revealed) body.service-movie-page {
  overflow: hidden;
}

html.is-service-page-loading:not(.is-service-page-revealed) body.service-movie-page .site-header,
html.is-service-page-loading:not(.is-service-page-revealed) body.service-movie-page .eluna-global-header {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.service-page-loader__brand {
  display: grid;
  justify-items: center;
  color: inherit;
  text-align: center;
}

.service-page-loader__brand strong {
  display: inline-flex;
  align-items: flex-start;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: clamp(38px, 5vw, 56px);
  font-weight: 300;
  line-height: 0.9;
  letter-spacing: 0.07em;
  animation: service-page-loader-logo 1.8s ease-in-out infinite alternate;
}

.service-page-loader__brand strong span {
  margin: -0.08em 0 0 0.04em;
  font-size: 0.6em;
  letter-spacing: 0;
}

.service-page-loader__brand small {
  margin-top: 17px;
  color: #858e89;
  font-family: "Cormorant Garamond", serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.16em;
}

.service-page-loader__brand i {
  position: relative;
  display: block;
  width: 76px;
  height: 1px;
  margin-top: 32px;
  overflow: hidden;
  background: rgba(241, 241, 237, 0.16);
}

.service-page-loader__brand i::after {
  position: absolute;
  inset: 0;
  content: "";
  background: #f1f1ed;
  transform: translateX(-100%);
  animation: service-page-loader-line 1.35s cubic-bezier(0.76, 0, 0.24, 1) infinite;
}

.service-page-loader__brand em {
  margin-top: 12px;
  color: #858e89;
  font-family: "Cormorant Garamond", serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

html.is-service-page-loading:not(.is-service-page-revealed) body.service-movie-page .service-hero__opening-copy-en,
html.is-service-page-loading:not(.is-service-page-revealed) body.service-movie-page .service-hero__opening-copy-ja span {
  animation-play-state: paused;
}

@keyframes service-page-loader-logo {
  from { opacity: 0.68; }
  to { opacity: 1; }
}

@keyframes service-page-loader-line {
  0% { transform: translateX(-100%); }
  48%, 52% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
  html.is-service-page-loading .service-page-loader {
    transition: none;
  }

  .service-page-loader__brand strong,
  .service-page-loader__brand i::after {
    animation: none;
  }

  .service-page-loader__brand i::after {
    transform: none;
  }
}

body.service-movie-page {
  padding-bottom: 0;
}

body.top-editorial .value-audio-controlbar {
  position: fixed;
  right: auto;
  bottom: 0;
  left: 50%;
  z-index: 1300;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 50px;
  align-items: center;
  gap: 18px;
  width: min(900px, calc(100vw - 48px));
  min-height: 0;
  height: 96px;
  padding: 16px 20px;
  color: #333;
  background: rgba(255, 253, 249, 0.96);
  border: 1px solid rgba(181, 155, 117, 0.38);
  box-shadow: 0 18px 50px rgba(39, 31, 23, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 50px));
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.top-editorial .value-audio-controlbar.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

body.top-editorial .value-audio-controlbar__main {
  min-width: 0;
}

body.top-editorial .value-audio-controlbar__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  height: 26px;
  margin-bottom: 8px;
}

body.top-editorial .value-audio-controlbar__eyebrow {
  flex: 0 0 auto;
  color: #a18762;
  font-family: var(--te-latin);
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
}

body.top-editorial .value-audio-controlbar__screen-reader {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.top-editorial .value-audio-controlbar__chapter-select {
  width: min(100%, 360px);
  height: 26px;
  min-width: 0;
  padding: 2px 28px 2px 8px;
  overflow: hidden;
  color: #544a3e;
  background-color: transparent;
  border: 0;
  font-family: var(--te-latin);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

body.top-editorial .value-audio-controlbar__timeline {
  display: grid;
  grid-template-columns: 44px minmax(80px, 1fr) 44px;
  align-items: center;
  gap: 9px;
  height: 28px;
}

body.top-editorial .value-audio-controlbar__timeline time {
  color: #6e6253;
  font-family: var(--te-latin);
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.02em;
}

body.top-editorial .value-audio-controlbar__timeline time:last-child {
  text-align: right;
}

body.top-editorial .value-audio-controlbar__timeline input[type="range"] {
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 999px;
  background: rgba(181, 155, 117, 0.28);
  cursor: pointer;
}

body.top-editorial .value-audio-controlbar__timeline input[type="range"]::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 50%;
  background: #b59b75;
  box-shadow: 0 0 0 3px rgba(181, 155, 117, 0.12);
}

body.top-editorial .value-audio-controlbar__timeline input[type="range"]::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: #b59b75;
  box-shadow: 0 0 0 3px rgba(181, 155, 117, 0.12);
}

body.top-editorial .value-audio-controlbar__utility {
  display: flex;
  align-items: center;
  gap: 5px;
}

body.top-editorial .value-audio-controlbar__skip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  padding: 0 3px;
  color: #6e6253;
  background: transparent;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  transition: color 0.3s ease, background 0.3s ease;
}

body.top-editorial .value-audio-controlbar__skip:hover,
body.top-editorial .value-audio-controlbar__skip:focus-visible {
  color: #fff;
  background: #b59b75;
}

body.top-editorial .value-audio-controlbar__skip svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

body.top-editorial .value-audio-controlbar__speed {
  width: 46px;
  height: 38px;
  padding: 0 4px;
  appearance: none;
  -webkit-appearance: none;
  color: #6e6253;
  background: transparent;
  border: 1px solid rgba(181, 155, 117, 0.42);
  border-radius: 999px;
  font-family: var(--te-latin);
  font-size: 17px;
  text-align: center;
  cursor: pointer;
}

body.top-editorial .value-audio-controlbar__toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  padding: 0;
  color: #fff;
  background: #b59b75;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

body.top-editorial .value-audio-controlbar__toggle:hover,
body.top-editorial .value-audio-controlbar__toggle:focus-visible {
  background: #927958;
  transform: scale(1.05);
}

body.top-editorial .value-audio-controlbar__play-icon {
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid currentColor;
}

body.top-editorial .value-audio-controlbar__pause-icon {
  position: relative;
  display: none;
  width: 13px;
  height: 16px;
}

body.top-editorial .value-audio-controlbar__pause-icon::before,
body.top-editorial .value-audio-controlbar__pause-icon::after {
  position: absolute;
  top: 0;
  width: 3px;
  height: 16px;
  background: currentColor;
  content: "";
}

body.top-editorial .value-audio-controlbar__pause-icon::before {
  left: 1px;
}

body.top-editorial .value-audio-controlbar__pause-icon::after {
  right: 1px;
}

body.top-editorial .value-audio-controlbar__toggle.is-playing .value-audio-controlbar__play-icon {
  display: none;
}

body.top-editorial .value-audio-controlbar__toggle.is-playing .value-audio-controlbar__pause-icon {
  display: block;
}

@media (max-width: 820px) {
  body.top-editorial .value-audio-controlbar {
    bottom: 10px;
    grid-template-columns: minmax(0, 1fr) auto 44px;
    gap: 9px;
    width: calc(100vw - 35px);
    height: 75px;
    padding: 10px;
  }

  body.top-editorial .value-audio-controlbar__meta {
    gap: 7px;
    height: 23px;
    margin-bottom: 6px;
  }

  body.top-editorial .value-audio-controlbar__eyebrow {
    display: none;
  }

  body.top-editorial .value-audio-controlbar__chapter-select {
    width: 100%;
    height: 23px;
    padding: 2px 24px 2px 0;
    font-size: 10px;
  }

  body.top-editorial .value-audio-controlbar__timeline {
    grid-template-columns: 38px minmax(30px, 1fr) 38px;
    gap: 6px;
    height: 24px;
  }

  body.top-editorial .value-audio-controlbar__timeline time {
    font-size: 11px;
  }

  body.top-editorial .value-audio-controlbar__utility {
    gap: 1px;
  }

  body.top-editorial .value-audio-controlbar__skip {
    width: 36px;
    height: 34px;
    padding: 0 2px;
  }

  body.top-editorial .value-audio-controlbar__speed {
    width: 44px;
    height: 36px;
    padding: 0 3px;
    font-size: 15px;
  }

  body.top-editorial .value-audio-controlbar__toggle {
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-audio-controlbar {
    transition: none;
  }
}

body.top-editorial .lumen-vow {
  letter-spacing: 0.2em;
}

body.top-editorial .lumen-vow span {
  letter-spacing: 0.2em;
}

body.top-editorial .site-logo {
  display: inline-grid;
  align-items: initial;
  font-size: initial;
  font-weight: initial;
  line-height: normal;
  letter-spacing: 0;
  transition: opacity 280ms ease, visibility 280ms ease;
}

body.top-editorial .site-logo strong {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

body.top-editorial .site-logo strong span {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0;
  vertical-align: top;
}

body.top-editorial .site-logo small {
  margin-top: 12px;
  color: currentColor;
  font-family: var(--te-latin);
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.04em;
  opacity: 0.72;
}

@media (min-width: 821px) {
  body.service-movie-page .site-header:not(.is-scrolled) .site-logo {
    color: #fff;
  }

  body.service-movie-page .site-header:not(.is-scrolled) .site-nav > a,
  body.service-movie-page .site-header:not(.is-scrolled) .site-nav__menu > button,
  body.service-movie-page .site-header:not(.is-scrolled) .site-contact {
    color: #202421;
    mix-blend-mode: normal;
    transition: color 260ms ease, border-color 260ms ease, background 260ms ease;
  }

  body.service-movie-page .site-header:not(.is-scrolled) .site-contact {
    border-color: rgba(32, 36, 33, 0.52);
  }

  body.service-movie-page .site-header:not(.is-scrolled) .site-contact:hover,
  body.service-movie-page .site-header:not(.is-scrolled) .site-contact:focus-visible {
    background: rgba(32, 36, 33, 0.08);
  }

  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-nav > a,
  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-nav__menu > button,
  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-contact {
    color: #fff;
  }

  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-contact {
    border-color: rgba(255, 255, 255, 0.72);
  }

  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-contact:hover,
  body.service-movie-page .site-header.is-hero-menu-light:not(.is-scrolled) .site-contact:focus-visible {
    background: rgba(255, 255, 255, 0.12);
  }
}

body.top-editorial .site-header.is-scrolled .site-logo {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (min-width: 821px) {
  body.service-movie-page .site-header.is-scrolled {
    mix-blend-mode: normal;
  }

  body.service-movie-page .site-header.is-scrolled .site-logo {
    position: relative;
    top: auto;
    left: auto;
    justify-self: start;
    color: #fff;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  body.service-movie-page .site-header.is-scrolled .menu-toggle {
    color: #202421;
    transition: color 260ms ease;
  }

  body.service-movie-page .site-header.is-hero-menu-light.is-scrolled .menu-toggle,
  body.service-movie-page.is-site-menu-open .site-header.is-scrolled .menu-toggle {
    color: #fff;
  }
}

@media (max-width: 820px) {
  body.top-editorial .site-logo strong {
    font-size: 21px;
  }

  body.top-editorial .site-logo small {
    margin-top: 9px;
    font-size: 8px;
  }
}

@media (max-width: 768px) {
  body.top-editorial .lumen-vow,
  body.top-editorial .lumen-vow span {
    letter-spacing: 0.18em;
  }
}

body.top-editorial .service-dropdown small {
  color: var(--te-green);
}

body.top-editorial .brand-verse-band {
  width: min(88.9vw, 1280px);
  height: auto;
  margin: 0 auto 220px;
  aspect-ratio: 16 / 8.3;
  background: var(--te-soft);
}

body.top-editorial .brand-verse-band video {
  object-fit: cover;
}

body.top-editorial .voice-words {
  padding: 195px 0 210px;
  color: var(--te-ink);
  background: var(--te-paper);
}

body.top-editorial .voice-words .story-reprise {
  display: grid;
  grid-template-columns: minmax(230px, 0.74fr) minmax(370px, 1fr) minmax(220px, 0.68fr);
  gap: 6vw;
  align-items: start;
  width: min(88.9vw, 1280px);
  min-height: 0;
  margin: 0 auto;
}

body.top-editorial .voice-words .reprise-images {
  display: grid;
  gap: 72px;
}

body.top-editorial .voice-words .reprise-top {
  padding-top: 28px;
}

body.top-editorial .voice-words .reprise-top-mobile {
  display: none;
}

body.top-editorial .voice-words .reprise-bottom {
  padding-top: 128px;
}

@media (min-width: 821px) {
  body.top-editorial .voice-words .reprise-top,
  body.top-editorial .voice-words .reprise-bottom {
    margin-top: -40px;
    padding-top: 0;
  }
}

body.top-editorial .voice-words .reprise-images img,
body.top-editorial .voice-words .reprise-images video {
  position: static;
  inset: auto;
  display: block;
  height: auto;
  transform: translate3d(0, var(--story-drift, 0px), 0) !important;
  will-change: transform;
}

body.top-editorial .voice-words .reprise-portrait-a,
body.top-editorial .voice-words .reprise-portrait-c {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

body.top-editorial .voice-words .reprise-portrait-b,
body.top-editorial .voice-words .reprise-portrait-d {
  width: 72%;
  margin-left: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

@media (min-width: 821px) {
  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-top {
    gap: 48px;
  }

  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-bottom {
    gap: 54px;
    margin-top: 38px;
  }

  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-top .reprise-portrait-a {
    width: 90%;
    margin-left: 0;
  }

  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-top .reprise-portrait-b {
    width: 68%;
    margin-left: 25%;
  }

  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-bottom .reprise-portrait-c {
    width: 78%;
    margin-left: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-bottom .reprise-portrait-d {
    width: 72%;
    margin-left: 4%;
  }
}

body.top-editorial .voice-words .reprise-text {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.top-editorial .voice-words .quiet-title {
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 13px;
}

body.top-editorial .voice-words-statement {
  margin-top: 42px;
  font-size: 27px;
  line-height: 1.9;
}

body.top-editorial .voice-words .reprise-paragraphs {
  margin: 48px 0 58px;
}

body.top-editorial .voice-words .reprise-paragraphs p {
  color: #303632;
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 2.2;
  text-align: left;
}

body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-text,
body.service-movie-page.service-movie-normal-scroll .voice-words .reprise-paragraphs p {
  text-align: center;
}

body.top-editorial .voice-words .round-link-soft {
  min-height: 0;
  padding: 10px 0 13px;
  border-color: var(--te-line);
  color: var(--te-ink);
  font-size: 11px;
}

body.top-editorial .cinema-bloom {
  background: var(--te-deep);
}

body.top-editorial .cinema-bloom-heading {
  top: 110px;
  left: 5.55vw;
}

body.top-editorial .cinema-bloom-heading p {
  color: rgba(255, 255, 255, 0.52);
  font-family: var(--te-latin);
  font-size: 11px;
  text-transform: none;
}

body.top-editorial .cinema-bloom-heading p::after {
  background: rgba(255, 255, 255, 0.25);
}

body.top-editorial .cinema-bloom-heading h2 {
  margin-top: 20px;
  font-size: 29px;
  line-height: 1.7;
}

body.top-editorial .cinema-bloom-frame {
  background: #050806;
}

body.top-editorial .cinema-popup::before {
  display: none;
}

body.service-movie-page .cinema-popup {
  padding: 12px 5vw;
}

body.service-movie-page .cinema-popup-stage {
  width: min(90vw, calc((100svh - 76px) * 1.7778), 1600px);
}

body.service-movie-page .cinema-popup-player {
  position: relative;
  width: 100%;
  border-radius: 6px;
  background: #07110d;
}

body.service-movie-page .cinema-popup-loading {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: inherit;
  color: #fff;
  background:
    radial-gradient(circle at 50% 44%, rgba(103, 132, 116, 0.32), transparent 46%),
    linear-gradient(145deg, rgba(7, 19, 14, 0.96), rgba(1, 5, 3, 0.98));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 260ms ease, visibility 260ms ease;
}

body.service-movie-page .cinema-popup.is-film-loading .cinema-popup-loading,
body.service-movie-page .cinema-popup.has-film-error .cinema-popup-loading {
  opacity: 1;
  visibility: visible;
}

body.service-movie-page .cinema-popup-loading__spinner {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.95);
  border-radius: 50%;
  animation: cinema-popup-loading-spin 900ms linear infinite;
}

body.service-movie-page .cinema-popup-loading p {
  display: grid;
  justify-items: center;
  gap: 7px;
  margin: 0;
  letter-spacing: 0.12em;
}

body.service-movie-page .cinema-popup-loading p > span {
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(20px, 2vw, 27px);
  font-weight: 400;
}

body.service-movie-page .cinema-popup-loading small {
  color: rgba(255, 255, 255, 0.68);
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.14em;
}

body.service-movie-page .cinema-popup.has-film-error .cinema-popup-loading__spinner {
  display: none;
}

@keyframes cinema-popup-loading-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
  body.service-movie-page .cinema-popup {
    padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
    background: rgba(1, 4, 3, 0.97);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    transition: opacity 360ms ease, visibility 360ms ease;
  }

  body.service-movie-page .cinema-popup-shade {
    background: radial-gradient(circle at 50% 46%, rgba(64, 86, 75, 0.34), rgba(1, 4, 3, 0.98) 66%);
    opacity: 0;
    transform: scale(1.08);
    transition: opacity 620ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.service-movie-page .cinema-popup.is-open .cinema-popup-shade {
    opacity: 1;
    transform: scale(1);
  }

  body.service-movie-page .cinema-popup-stage {
    opacity: 0;
    filter: blur(12px);
    -webkit-clip-path: inset(9% 6% round 18px);
    clip-path: inset(9% 6% round 18px);
    transform: translateY(30px) scale(0.88);
    transform-origin: var(--cinema-popup-origin-x, 50%) var(--cinema-popup-origin-y, 50%);
    transition: opacity 420ms ease, filter 620ms ease, clip-path 720ms cubic-bezier(0.22, 1, 0.36, 1), transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, filter, clip-path, transform;
  }

  body.service-movie-page .cinema-popup.is-open .cinema-popup-stage {
    opacity: 1;
    filter: blur(0);
    -webkit-clip-path: inset(0 round 6px);
    clip-path: inset(0 round 6px);
    transform: translateY(0) scale(1);
  }

  body.service-movie-page .cinema-popup-media {
    border-color: rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    opacity: 0.68;
    transform: scale(1.025);
    transition: opacity 560ms 90ms ease, transform 780ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.service-movie-page .cinema-popup.is-open .cinema-popup-media {
    opacity: 1;
    transform: scale(1);
  }

  body.service-movie-page .cinema-popup-loading {
    gap: 14px;
  }

  body.service-movie-page .cinema-popup-loading__spinner {
    width: 32px;
    height: 32px;
  }

  body.service-movie-page .cinema-popup-close {
    opacity: 0;
    transform: translateY(-8px) rotate(-24deg) scale(0.86);
    transition: opacity 360ms 360ms ease, transform 580ms 300ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.service-movie-page .cinema-popup.is-open .cinema-popup-close {
    opacity: 0.82;
    transform: translateY(0) rotate(0) scale(1);
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  body.service-movie-page .cinema-popup,
  body.service-movie-page .cinema-popup-shade,
  body.service-movie-page .cinema-popup-stage,
  body.service-movie-page .cinema-popup-media,
  body.service-movie-page .cinema-popup-close {
    transition: none;
  }

  body.service-movie-page .cinema-popup-stage,
  body.service-movie-page .cinema-popup-media,
  body.service-movie-page .cinema-popup-close {
    filter: none;
    transform: none;
  }
}

body.top-editorial .one-sentence {
  padding: 150px 40px;
  color: #fff;
  background: #1c2822;
}

body.top-editorial .one-sentence__inner {
  width: min(100%, 1040px);
  margin: 0 auto;
  text-align: center;
}

body.top-editorial .one-sentence__kicker {
  margin: 0 0 30px;
  color: #cf9395;
  font-family: var(--te-latin);
  font-size: 15px;
  line-height: 1;
}

body.top-editorial .one-sentence h2 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: 35px;
  font-weight: 400;
  line-height: 1.9;
}

body.top-editorial .one-sentence ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 70px 0 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .one-sentence li {
  display: grid;
  min-height: 72px;
  padding: 0 18px;
  place-items: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 1.65;
}

body.top-editorial .one-sentence li:last-child {
  border-right: 0;
}

body.top-editorial .one-sentence__closing {
  margin: 58px 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-family: var(--te-sans);
  font-size: 13px;
  line-height: 2;
}

body.top-editorial .memory-value {
  padding: 175px 5.55vw 185px;
  color: rgba(255, 255, 255, 0.88);
  background: var(--te-deep);
}

body.top-editorial .memory-value__inner {
  width: min(100%, 1280px);
  margin: 0 auto;
}

body.top-editorial .memory-value__header {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: end;
  gap: 10vw;
  margin-bottom: 105px;
}

body.top-editorial .memory-value__header > div > p {
  margin: 0 0 27px;
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: 0.04em;
}

body.top-editorial .memory-value__header h2 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(34px, 3.3vw, 48px);
  font-weight: 400;
  line-height: 1.65;
}

body.top-editorial .memory-value__header > p {
  max-width: 590px;
  margin: 0 0 5px;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 2.25;
}

body.top-editorial .memory-value__reasons {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  list-style: none;
}

body.top-editorial .memory-value__reasons li {
  min-width: 0;
  padding: 34px clamp(20px, 2.7vw, 44px) 46px;
  border-right: 1px solid rgba(255, 255, 255, 0.18);
}

body.top-editorial .memory-value__reasons li:first-child {
  padding-left: 0;
}

body.top-editorial .memory-value__reasons li:last-child {
  padding-right: 0;
  border-right: 0;
}

body.top-editorial .memory-value__reasons span {
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 11px;
  letter-spacing: 0.08em;
}

body.top-editorial .memory-value__reasons p {
  margin: 42px 0 0;
  font-family: var(--te-serif);
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 2;
}

body.top-editorial .memory-value__note {
  max-width: 720px;
  margin: 70px 0 0 auto;
  padding-left: 24px;
  border-left: 1px solid #c58284;
  color: #fff;
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 2.2;
}

body.top-editorial .movie-features {
  padding: 175px 5.55vw 185px;
  color: var(--te-ink);
  background: var(--te-soft);
}

body.top-editorial .movie-features__inner {
  width: min(100%, 1280px);
  margin: 0 auto;
}

body.top-editorial .movie-features__header {
  display: grid;
  grid-template-columns: 41% minmax(0, 59%);
  align-items: end;
  gap: 8vw;
  margin-bottom: 90px;
}

body.top-editorial .movie-features__header > div > p {
  margin: 0;
  color: var(--te-green);
  font-family: var(--te-latin);
  font-size: clamp(52px, 6.2vw, 88px);
  font-weight: 400;
  line-height: 0.92;
}

body.top-editorial .movie-features__header h2 {
  margin: 22px 0 0;
  font-family: var(--te-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

body.top-editorial .movie-features__header > p {
  max-width: 590px;
  margin: 0;
  color: #3f4742;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.25;
}

body.top-editorial .value-audio-trigger {
  grid-column: 2;
  display: grid;
  grid-template-columns: 54px auto 1fr auto;
  align-items: center;
  gap: 18px;
  width: min(100%, 590px);
  margin: -48px 0 0;
  padding: 0 0 16px;
  border: 0;
  border-bottom: 1px solid rgba(31, 52, 41, 0.28);
  color: var(--te-ink);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

body.top-editorial .value-audio-trigger::after {
  grid-column: 3;
  grid-row: 1;
  width: 100%;
  height: 1px;
  background: var(--te-green);
  content: "";
  transform: scaleX(0.32);
  transform-origin: left center;
  transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .value-audio-trigger:hover::after,
body.top-editorial .value-audio-trigger:focus-visible::after {
  transform: scaleX(1);
}

body.top-editorial .value-audio-trigger:focus-visible {
  outline: 1px solid var(--te-green);
  outline-offset: 8px;
}

body.top-editorial .value-audio-trigger__icon {
  position: relative;
  display: grid;
  grid-column: 1;
  grid-row: 1;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(31, 52, 41, 0.44);
  border-radius: 50%;
  transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

body.top-editorial .value-audio-trigger__icon i {
  display: block;
  width: 0;
  height: 0;
  margin-left: 3px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
}

body.top-editorial .value-audio-trigger:hover .value-audio-trigger__icon,
body.top-editorial .value-audio-trigger:focus-visible .value-audio-trigger__icon {
  color: #fff;
  background: var(--te-green);
  transform: scale(1.06);
}

body.top-editorial .value-audio-trigger__copy {
  display: flex;
  grid-column: 2;
  grid-row: 1;
  flex-direction: column;
  gap: 8px;
  white-space: nowrap;
}

body.top-editorial .value-audio-trigger__copy small,
body.top-editorial .value-audio-trigger__time {
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-trigger__copy strong {
  font-family: var(--te-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.top-editorial .brand-resonance-mobile-label-break {
  display: none;
}

body.top-editorial .value-audio-trigger__time {
  grid-column: 4;
  grid-row: 1;
}

body.has-value-audio {
  overflow: hidden;
}

body.top-editorial .value-audio-modal[hidden] {
  display: none;
}

body.top-editorial .value-audio-modal {
  position: fixed;
  z-index: 22000;
  inset: 0;
  display: grid;
  color: rgba(255, 255, 255, 0.92);
  background: #08100b;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

body.top-editorial .value-audio-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

body.top-editorial .value-audio-modal__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

body.top-editorial .value-audio-modal__visual {
  position: absolute;
  z-index: 0;
  inset: 0 0 0 auto;
  width: 100vh;
  width: 100dvh;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  overflow: hidden;
  background: #dfe4e0;
  filter: saturate(0.76) contrast(0.96) brightness(0.9);
}

body.top-editorial .value-audio-modal__still {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1.1s ease;
  will-change: opacity;
}

body.top-editorial .value-audio-modal__still.is-active {
  z-index: 1;
  opacity: 1;
}

body.top-editorial .value-audio-modal__still img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  will-change: transform;
}

body.top-editorial .value-audio-modal__still.is-active img {
  animation: value-audio-zoom 7s ease-in-out infinite alternate;
}

body.top-editorial .value-audio-modal__still--two.is-active img {
  animation-direction: alternate-reverse;
}

@keyframes value-audio-zoom {
  from { transform: scale(1.01); }
  to { transform: scale(1.1); }
}

body.top-editorial .value-audio-modal__stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-self: start;
  width: calc(100vw - 100vh);
  width: calc(100vw - 100dvh);
  min-height: 100vh;
  min-height: 100dvh;
  padding: 42px clamp(34px, 3.6vw, 68px) 38px;
  background: #08100b;
  overflow: hidden;
  outline: 0;
  transform: none;
}

body.top-editorial .value-audio-modal.is-open .value-audio-modal__stage {
  transform: none;
}

body.top-editorial .value-audio-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding-bottom: 24px;
}

body.top-editorial .value-audio-modal__header > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.56);
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-modal__close {
  position: fixed;
  z-index: 3;
  top: 28px;
  right: 28px;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

body.top-editorial .value-audio-modal__close:hover,
body.top-editorial .value-audio-modal__close:focus-visible {
  border-color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.08);
  outline: 0;
  transform: rotate(7deg);
}

body.top-editorial .value-audio-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 1px;
  background: currentColor;
}

body.top-editorial .value-audio-modal__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.top-editorial .value-audio-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body.top-editorial .value-audio-modal__slide {
  align-self: center;
  width: 100%;
  margin: 3vh auto 4vh;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.24s ease, transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .value-audio-modal__slide.is-changing {
  opacity: 0;
  transform: translateY(18px);
}

body.top-editorial .value-audio-modal__meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: clamp(28px, 4vh, 52px);
}

body.top-editorial .value-audio-modal__meta::after {
  width: min(230px, 18vw);
  height: 1px;
  background: rgba(255, 255, 255, 0.24);
  content: "";
}

body.top-editorial .value-audio-modal__meta span {
  min-width: 58px;
  color: #dbe8df;
  font-family: var(--te-latin);
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-modal__meta p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-modal__slide h2 {
  max-width: 100%;
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(30px, 3vw, 54px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0.06em;
}

body.top-editorial .value-audio-modal__slide > p {
  max-width: 100%;
  margin: clamp(28px, 4vh, 48px) 0 0;
  color: rgba(255, 255, 255, 0.65);
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.2;
  letter-spacing: 0.06em;
}

body.top-editorial .value-audio-modal__controls {
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr);
  align-items: center;
  gap: 22px 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding-top: 26px;
}

body.top-editorial .value-audio-modal__toggle {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 96px;
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

body.top-editorial .value-audio-modal__toggle > span {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  transition: background 0.3s ease, border-color 0.3s ease;
}

body.top-editorial .value-audio-modal__toggle > span::before,
body.top-editorial .value-audio-modal__toggle > span::after {
  position: absolute;
  top: 50%;
  width: 1px;
  height: 10px;
  background: currentColor;
  content: "";
  transform: translateY(-50%);
}

body.top-editorial .value-audio-modal__toggle > span::before {
  left: 15px;
}

body.top-editorial .value-audio-modal__toggle > span::after {
  right: 15px;
}

body.top-editorial .value-audio-modal__toggle:not(.is-playing) > span::before {
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
  background: transparent;
  transform: translate(-42%, -50%);
}

body.top-editorial .value-audio-modal__toggle:not(.is-playing) > span::after {
  display: none;
}

body.top-editorial .value-audio-modal__toggle:hover > span,
body.top-editorial .value-audio-modal__toggle:focus-visible > span {
  border-color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.1);
}

body.top-editorial .value-audio-modal__toggle:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.6);
  outline-offset: 5px;
}

body.top-editorial .value-audio-modal__toggle strong {
  font-family: var(--te-latin);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-modal__timeline {
  min-width: 0;
}

body.top-editorial .value-audio-modal__bar {
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.2);
}

body.top-editorial .value-audio-modal__bar span {
  display: block;
  width: 100%;
  height: 100%;
  background: #e3eee7;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

body.top-editorial .value-audio-modal__times {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.42);
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.1em;
}

body.top-editorial .value-audio-modal__chapters {
  display: flex;
  grid-column: 1 / -1;
  justify-content: space-between;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .value-audio-modal__chapters button {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.42);
  background: transparent;
  font-family: var(--te-latin);
  font-size: 8px;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

body.top-editorial .value-audio-modal__chapters button:hover,
body.top-editorial .value-audio-modal__chapters button:focus-visible,
body.top-editorial .value-audio-modal__chapters button.is-current {
  border-color: rgba(255, 255, 255, 0.68);
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  outline: 0;
}

@media (max-width: 1050px) {
  body.top-editorial .value-audio-modal {
    --value-audio-film-height: clamp(190px, 30dvh, 250px);
  }

  body.top-editorial .value-audio-modal__visual {
    inset: 0 0 auto;
    width: 100%;
    height: var(--value-audio-film-height);
  }

  body.top-editorial .value-audio-modal__stage {
    width: 100%;
    min-height: calc(100vh - var(--value-audio-film-height));
    min-height: calc(100dvh - var(--value-audio-film-height));
    margin-top: var(--value-audio-film-height);
    padding: 24px 28px 26px;
    overflow-x: hidden;
    overflow-y: auto;
    transform: none;
    transition: none;
  }

  body.top-editorial .value-audio-modal__close {
    top: max(18px, env(safe-area-inset-top));
    right: 18px;
  }

  body.top-editorial .value-audio-modal__slide {
    margin: 28px 0 36px;
  }
}

body.top-editorial .movie-features--value .movie-features__header {
  align-items: start;
  column-gap: 8vw;
  row-gap: 34px;
}

body.top-editorial .movie-features--value .value-audio-trigger {
  margin-top: 0;
}

body.top-editorial .value-audio-trigger.is-playing .value-audio-trigger__icon i {
  position: relative;
  width: 10px;
  height: 12px;
  margin: 0;
  border: 0;
}

body.top-editorial .value-audio-trigger.is-playing .value-audio-trigger__icon i::before,
body.top-editorial .value-audio-trigger.is-playing .value-audio-trigger__icon i::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 12px;
  background: currentColor;
  content: "";
}

body.top-editorial .value-audio-trigger.is-playing .value-audio-trigger__icon i::before {
  left: 2px;
}

body.top-editorial .value-audio-trigger.is-playing .value-audio-trigger__icon i::after {
  right: 2px;
}

body.top-editorial .value-audio-inline {
  grid-column: 2;
  width: min(100%, 590px);
  margin-top: -18px;
}

body.top-editorial .value-audio-inline__bar {
  height: 1px;
  overflow: hidden;
  background: rgba(31, 52, 41, 0.18);
}

body.top-editorial .value-audio-inline__bar span {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--te-green);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

body.top-editorial .value-audio-inline > p {
  display: flex;
  justify-content: space-between;
  margin: 11px 0 0;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body.top-editorial .movie-features--value .movie-features__header {
  padding: 0;
  transition: padding 0.7s cubic-bezier(0.22, 1, 0.36, 1), background 0.55s ease, color 0.55s ease;
}

body.top-editorial .movie-features--value.is-narrating-intro .movie-features__header {
  margin-inline: -3vw;
  padding: clamp(42px, 5vw, 76px) 3vw;
  color: #fff;
  background: #18231d;
}

body.top-editorial .movie-features--value.is-narrating-intro .movie-features__header > div > p,
body.top-editorial .movie-features--value.is-narrating-intro .movie-features__header > p,
body.top-editorial .movie-features--value.is-narrating-intro .value-audio-trigger,
body.top-editorial .movie-features--value.is-narrating-intro .value-audio-trigger__copy small,
body.top-editorial .movie-features--value.is-narrating-intro .value-audio-trigger__time,
body.top-editorial .movie-features--value.is-narrating-intro .value-audio-inline > p {
  color: rgba(255, 255, 255, 0.78);
}

body.top-editorial .movie-features--value.is-narrating-intro .value-audio-trigger,
body.top-editorial .movie-features--value.is-narrating-intro .value-audio-trigger__icon {
  border-color: rgba(255, 255, 255, 0.42);
}

body.top-editorial .movie-features--value.is-narrating-intro .value-audio-inline__bar {
  background: rgba(255, 255, 255, 0.18);
}

body.top-editorial .movie-features--value.is-narrating-intro .value-audio-inline__bar span {
  background: #e8f0eb;
}

body.top-editorial .movie-features--value .movie-features__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 26px;
  border: 0;
}

body.top-editorial .movie-features--value .movie-features__list > li,
body.top-editorial .movie-features--value .movie-features__list > li:nth-child(odd),
body.top-editorial .movie-features--value .movie-features__list > li:nth-child(even),
body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd) {
  display: grid;
  grid-column: auto;
  grid-template-columns: minmax(320px, 43%) minmax(0, 1fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
  min-height: 410px;
  padding: clamp(34px, 4vw, 62px);
  border: 1px solid var(--te-line);
  color: var(--te-ink);
  background: #fff;
  overflow: hidden;
  scroll-margin-top: 10vh;
  transition:
    min-height 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.55s ease,
    background 0.55s ease,
    box-shadow 0.55s ease;
}

body.top-editorial .movie-features--value .movie-features__list > li.is-narrating,
body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd).is-narrating {
  grid-template-columns: minmax(360px, 50%) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  padding: 0;
  border-width: 0;
  color: #fff;
  background: var(--te-fullscreen-green);
  box-shadow: 0 28px 80px rgba(12, 23, 17, 0.18);
  scroll-margin-top: 0;
}

body.top-editorial .value-feature__images {
  position: relative;
  width: 100%;
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #dce1dd;
}

@media (min-width: 821px) {
  body.top-editorial .movie-features--value li.is-narrating .value-feature__images {
    height: 100%;
    aspect-ratio: auto;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__content {
    align-self: center;
    padding: clamp(70px, 7vw, 118px);
  }
}

body.top-editorial .value-feature__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  will-change: opacity, transform;
}

body.top-editorial .value-feature__image--primary {
  z-index: 1;
  opacity: 1;
}

body.top-editorial .value-feature__image--secondary {
  z-index: 2;
  opacity: 0;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__image--primary {
  animation: value-feature-primary 11s ease-in-out infinite;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__image--secondary {
  animation: value-feature-secondary 11s ease-in-out infinite;
}

body.top-editorial .movie-features--value.is-audio-paused li.is-narrating .value-feature__image {
  animation-play-state: paused;
}

@keyframes value-feature-primary {
  0%, 40% { opacity: 1; transform: scale(1.001); }
  52%, 90% { opacity: 0; transform: scale(1.07); }
  100% { opacity: 1; transform: scale(1.001); }
}

@keyframes value-feature-secondary {
  0%, 40% { opacity: 0; transform: scale(1.07); }
  52%, 90% { opacity: 1; transform: scale(1.001); }
  100% { opacity: 0; transform: scale(1.07); }
}

body.top-editorial .value-feature__content {
  min-width: 0;
}

body.top-editorial .movie-features--value .value-feature__content h3 {
  margin: clamp(38px, 5vw, 70px) 0 25px;
  font-size: clamp(25px, 2.3vw, 36px);
  line-height: 1.75;
  transition: font-size 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-features--value .value-feature__content > p {
  max-width: 570px;
  margin: 0;
  color: #4a524d;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.2;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__content > p {
  color: rgba(255, 255, 255, 0.72);
}

body.top-editorial .movie-features--value li.is-narrating .movie-features__meta span,
body.top-editorial .movie-features--value li.is-narrating .movie-features__meta p {
  color: rgba(255, 255, 255, 0.62);
}

body.top-editorial .movie-features--value li.is-narrating .movie-features__meta::after {
  background: rgba(255, 255, 255, 0.22);
}

body.top-editorial .movie-features__statement {
  display: block;
  margin-bottom: 22px;
  color: var(--te-ink);
  font-size: clamp(19px, 1.45vw, 22px);
  line-height: 1.8;
}

body.top-editorial .movie-features__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--te-line);
  border-bottom: 1px solid var(--te-line);
  list-style: none;
}

body.top-editorial .movie-features__list > li {
  min-width: 0;
  padding: 38px clamp(30px, 4vw, 66px) 58px;
  border-bottom: 1px solid var(--te-line);
}

body.top-editorial .movie-features__list > li:nth-child(odd) {
  padding-left: 0;
  border-right: 1px solid var(--te-line);
}

body.top-editorial .movie-features__list > li:nth-child(even) {
  padding-right: 0;
}

body.top-editorial .movie-features__list > li:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  padding-right: 0;
  border-right: 0;
  border-bottom: 0;
}

body.top-editorial .movie-features__list > li:last-child:nth-child(odd) h3,
body.top-editorial .movie-features__list > li:last-child:nth-child(odd) > p {
  max-width: 710px;
}

body.top-editorial .movie-features__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

body.top-editorial .movie-features__meta span,
body.top-editorial .movie-features__meta p {
  margin: 0;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.top-editorial .movie-features__meta::after {
  flex: 1 1 auto;
  height: 1px;
  background: var(--te-line);
  content: "";
}

body.top-editorial .movie-features__list h3 {
  margin: 48px 0 24px;
  font-family: var(--te-serif);
  font-size: clamp(19px, 1.45vw, 22px);
  font-weight: 400;
  line-height: 1.85;
}

body.top-editorial .movie-features__list > li > p {
  margin: 0;
  color: #4a524d;
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 2.2;
}

body.top-editorial .customer-voice {
  padding: 175px 5.55vw 185px;
  color: #fff;
  background: #242725;
}

body.top-editorial .difference-board {
  padding: 175px 0 185px;
  color: rgba(255, 255, 255, 0.88);
  background: var(--te-deep);
}

body.top-editorial .difference-inner {
  width: min(88.9vw, 1080px);
}

body.top-editorial .difference-head {
  display: block;
  max-width: 860px;
  margin-bottom: 90px;
}

body.top-editorial .difference-head .section-kicker {
  margin: 0 0 28px;
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 14px;
}

body.top-editorial .difference-head h2 {
  font-family: var(--te-serif);
  font-size: clamp(38px, 4vw, 58px);
  line-height: 1.5;
  letter-spacing: 0.03em;
}

body.top-editorial .difference-head h2 span {
  display: block;
}

body.top-editorial .difference-head > p:last-child {
  max-width: 720px;
  margin-top: 30px;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.2;
  letter-spacing: 0;
}

body.top-editorial .difference-grid {
  display: block;
  border-left: 0;
}

body.top-editorial .difference-grid article {
  min-height: 0;
  padding: 50px 0 56px;
  border-right: 0;
  background: transparent;
}

body.top-editorial .difference-grid span {
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 20px;
}

body.top-editorial .difference-grid h3 {
  max-width: 760px;
  margin-top: 26px;
  font-family: var(--te-serif);
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.7;
  letter-spacing: 0.03em;
  writing-mode: horizontal-tb;
}

body.top-editorial .difference-grid p {
  max-width: 780px;
  margin-top: 24px;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.15;
  letter-spacing: 0;
  text-align: left;
}

body.top-editorial .customer-voice__inner {
  width: min(100%, 1280px);
  margin: 0 auto;
}

body.top-editorial .customer-voice__header {
  margin-bottom: 90px;
}

body.top-editorial .customer-voice__header > p {
  margin: 0;
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

body.top-editorial .customer-voice__header h2 {
  margin: 25px 0 0;
  font-family: var(--te-serif);
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 400;
  line-height: 1.65;
}

body.top-editorial .customer-voice__quotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.18);
}

body.top-editorial .customer-voice__quotes article {
  min-width: 0;
  padding: 55px;
  background: #242725;
}

body.top-editorial .customer-voice__quotes article > span {
  color: #c58284;
  font-family: var(--te-latin);
  font-size: 12px;
  letter-spacing: 0.08em;
}

body.top-editorial .customer-voice__quotes blockquote {
  min-height: 155px;
  margin: 34px 0 45px;
  font-family: var(--te-serif);
  font-size: clamp(19px, 1.5vw, 22px);
  line-height: 2;
}

body.top-editorial .customer-voice__quotes dl {
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

body.top-editorial .customer-voice__quotes dl > div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 15px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

body.top-editorial .customer-voice__quotes dt {
  color: #c58284;
  font-family: var(--te-latin);
}

body.top-editorial .customer-voice__quotes dd {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 1.9;
}

body.top-editorial .works-showcase {
  padding: 175px 0 195px;
  color: #fff;
  background: var(--te-deep);
}

body.top-editorial .works-showcase-inner {
  width: min(88.9vw, 1280px);
}

body.top-editorial .works-showcase-head {
  margin-bottom: 82px;
}

body.top-editorial .works-showcase-kicker {
  margin-bottom: 22px;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--te-serif);
  font-size: 10px;
}

body.top-editorial .works-showcase-head h2 {
  font-family: var(--te-latin);
  font-size: 46px;
  line-height: 1;
}

body.top-editorial .works-showcase-card {
  flex-basis: min(67vw, 900px);
  width: min(67vw, 900px);
}

body.top-editorial .works-showcase-media span {
  width: 42px;
  height: 42px;
  color: var(--te-deep);
  font-family: var(--te-latin);
}

body.top-editorial .works-showcase-meta p {
  color: rgba(255, 255, 255, 0.48);
  font-family: var(--te-latin);
  font-size: 10px;
  text-transform: none;
}

body.top-editorial .works-showcase-meta h3 {
  font-family: var(--te-latin);
  font-size: 40px;
  line-height: 1.3;
}

body.top-editorial .film-slider-controls button {
  border: 0;
  background: transparent;
}

body.top-editorial .film-card-play {
  width: 74px;
  height: 74px;
  background: rgba(7, 16, 11, 0.08);
}

body.top-editorial .service-index {
  padding: 190px 5.55vw 210px;
  color: var(--te-ink);
  background: var(--te-paper);
}

body.top-editorial .section-head {
  grid-template-columns: 41% minmax(0, 59%);
  align-items: start;
  gap: 8vw;
  width: min(100%, 1280px);
  margin-bottom: 115px;
}

body.top-editorial .section-head__eyebrow {
  margin-bottom: 35px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 12px;
}

body.top-editorial .section-head h2 {
  font-size: 29px;
  line-height: 1.9;
}

body.top-editorial .section-head__copy {
  max-width: 580px;
  margin: 4px 0 0;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 2.2;
}

body.top-editorial .service-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  width: min(100%, 1280px);
  border-top: 1px solid var(--te-line);
}

body.top-editorial .service-card {
  display: grid;
  grid-template-columns: minmax(250px, 34%) minmax(0, 66%);
  align-items: center;
  min-height: 0;
  padding: 42px 0;
  overflow: visible;
  color: var(--te-ink);
  background: transparent;
  border-bottom: 1px solid var(--te-line);
}

body.top-editorial .service-card::after {
  display: none;
}

body.top-editorial .service-card img {
  position: static;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: opacity 350ms ease;
}

body.top-editorial .service-card:hover img {
  opacity: 0.86;
  transform: none;
}

body.top-editorial .service-card__content {
  padding: 20px 0 20px 7vw;
}

body.top-editorial .service-card__meta {
  margin-bottom: 28px;
}

body.top-editorial .service-card__meta span {
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 11px;
}

body.top-editorial .service-card__meta i {
  width: 30px;
  background: var(--te-ink);
}

body.top-editorial .service-card h3 {
  font-size: 25px;
  line-height: 1.6;
}

body.top-editorial .service-card h3 span {
  margin-top: 6px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 13px;
}

body.top-editorial .service-card p {
  max-width: 560px;
  margin-top: 25px;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2;
}

body.top-editorial .top-service-detail {
  scroll-margin-top: 80px;
  color: var(--te-ink);
  background: var(--te-paper);
}

body.top-editorial .top-service-introduction {
  color: var(--te-ink);
  background: var(--te-paper);
}

body.top-editorial .top-service-introduction .top-service-detail__intro {
  border-top: 0;
}

body.top-editorial .top-listener-feature {
  width: 100%;
  background: #fff;
}

body.top-editorial .top-listener-feature__visual {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 680px;
  margin: 0;
  overflow: hidden;
  background: #edf3f6;
}

body.top-editorial .top-listener-feature__visual picture,
body.top-editorial .top-listener-feature__visual img {
  display: block;
  width: 100%;
  height: 100%;
}

body.top-editorial .top-listener-feature__visual img {
  object-fit: cover;
  object-position: center;
}

body.top-editorial .top-listener-feature__heading {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  margin: 0;
  padding: 32px;
  place-items: center;
  pointer-events: none;
}

body.top-editorial .top-listener-feature__heading > p {
  position: absolute;
  bottom: clamp(28px, 4.5vw, 64px);
  left: clamp(28px, 5.55vw, 88px);
  margin: 0;
  color: #364144;
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
}

body.top-editorial .top-listener-feature__heading h2 {
  margin: 0;
  color: #1f292c;
  font-family: var(--te-serif);
  font-size: clamp(22px, 1.85vw, 29px);
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.14em;
  text-align: start;
  text-orientation: upright;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.92);
  writing-mode: vertical-rl;
}

@media (min-width: 769px) {
  body.top-editorial .top-listener-feature__visual img {
    transform: translateX(-2vw) scale(1.05);
  }

  body.top-editorial .top-listener-feature__heading h2 {
    transform: translateY(-14vh);
  }
}

body.top-editorial .home-cinema-bloom {
  margin-top: 0;
}

body.top-editorial .home-cinema-bloom__heading p,
body.top-editorial .home-cinema-bloom__cue span {
  font-family: var(--te-latin);
}

body.top-editorial .home-cinema-bloom__heading h2 {
  font-family: var(--te-serif);
}

body.top-editorial.is-home-cinema-cue .home-cinema-bloom__cue {
  pointer-events: auto;
  visibility: visible;
}

body.top-editorial.is-home-cinema-expanded .home-cinema-bloom__heading {
  color: #fff;
}

body.top-editorial.is-home-cinema-expanded .home-cinema-bloom__heading p {
  color: #fff;
}

body.top-editorial.is-home-cinema-expanded .home-cinema-bloom__heading p::after {
  background: rgba(255, 255, 255, 0.28);
}

body.top-editorial .ce-scenes--featured-copy {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding: 0 5.55vw;
}

body.top-editorial .ce-scenes--featured-copy > .ce-scenes__sub,
body.top-editorial .ce-scenes--featured-copy > .ce-scenes__caption {
  display: none;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__featured-stage {
  position: relative;
  width: calc(100% + 11.1vw);
  height: 260svh;
  margin-left: -5.55vw;
  background: #fff;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__main {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100svh;
  margin: 0;
  overflow: hidden;
  background: #fff;
  opacity: 0;
  transition: opacity 1400ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity;
}

body.top-editorial .ce-scenes--featured-copy.is-stage-visible .ce-scenes__main {
  opacity: 1;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__main picture,
body.top-editorial .ce-scenes--featured-copy .ce-scenes__main img {
  display: block;
  width: 100%;
  height: 100%;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__main img {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.018);
  transition: opacity 2200ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 2800ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: grid;
  margin: 0;
  padding: 32px 32px 32px clamp(82px, 14.5vw, 232px);
  place-items: center start;
  opacity: 0;
  filter: blur(14px);
  transform: translate3d(0, 10px, 0);
  pointer-events: none;
  transition: opacity 3000ms cubic-bezier(0.22, 1, 0.36, 1) 350ms,
    filter 3000ms cubic-bezier(0.22, 1, 0.36, 1) 350ms,
    transform 3000ms cubic-bezier(0.22, 1, 0.36, 1) 350ms;
  will-change: opacity, filter, transform;
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading > p {
  position: absolute;
  bottom: clamp(28px, 4.5vw, 64px);
  left: clamp(28px, 5.55vw, 88px);
  margin: 0;
  color: #364144;
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
}

body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading h2 {
  margin: 0;
  color: #1f292c;
  font-family: var(--te-serif);
  font-size: clamp(22px, 1.85vw, 29px);
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.14em;
  text-align: start;
  text-orientation: upright;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.92);
  writing-mode: vertical-rl;
}

@media (min-width: 901px) {
  body.service-movie-page .ce-scenes--featured-copy .ce-scenes__heading {
    padding: 32px;
    place-items: center;
  }

  body.service-movie-page .ce-scenes--featured-copy .ce-scenes__heading h2 {
    position: relative;
    transform: translateY(clamp(-42px, -4svh, -24px));
  }

  body.service-movie-page .ce-scenes--featured-copy .ce-scenes__main img {
    top: -1.5%;
    right: auto;
    bottom: auto;
    left: -6%;
    width: 106%;
    height: 103%;
  }
}

body.top-editorial .ce-scenes--featured-copy.is-text-visible .ce-scenes__heading {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .ce-scenes--featured-copy.is-image-visible .ce-scenes__main img {
  opacity: 1;
  transform: scale(1);
}

body.top-editorial .ce-scenes--featured-copy.is-leaving .ce-scenes__heading {
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0, -8px, 0);
  transition-delay: 0ms;
  transition-duration: 900ms;
}

body.top-editorial .ce-scenes--featured-copy.is-leaving .ce-scenes__main img {
  opacity: 0;
  transform: scale(1.01);
  transition-delay: 0ms;
  transition-duration: 1100ms, 1400ms;
}

body.top-editorial .ce-scenes--featured-copy.is-fast-reveal .ce-scenes__heading {
  transition-duration: 340ms;
}

body.top-editorial .ce-scenes--featured-copy.is-fast-reveal .ce-scenes__main img {
  transition-duration: 360ms, 430ms;
}

body.top-editorial .ce-scenes--featured-copy.is-reveal-complete .ce-scenes__heading,
body.top-editorial .ce-scenes--featured-copy.is-reveal-complete .ce-scenes__main img {
  will-change: auto;
}

body.top-editorial .ce-scenes--featured-copy.is-resetting .ce-scenes__main,
body.top-editorial .ce-scenes--featured-copy.is-resetting .ce-scenes__heading,
body.top-editorial .ce-scenes--featured-copy.is-resetting .ce-scenes__main img {
  transition: none !important;
}

body.top-editorial .ce-scenes--featured-copy.is-resetting .ce-scenes__main {
  opacity: 0;
}

@media (max-width: 900px) {
  body.top-editorial .ce-scenes--featured-copy {
    width: 100%;
    padding: 0 20px;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__featured-stage {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__main img {
    aspect-ratio: auto;
    object-position: center;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading {
    padding: clamp(104px, 15svh, 132px) 20px 20px;
    place-items: start center;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading h2 {
    font-size: clamp(22px, 1.85vw, 29px);
    line-height: 1.7;
    letter-spacing: 0.11em;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading > p {
    bottom: 24px;
    left: 20px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .ce-scenes--featured-copy .ce-scenes__featured-stage {
    height: 100svh;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__main {
    position: relative;
    opacity: 1 !important;
    transition: none !important;
  }

  body.top-editorial .ce-scenes--featured-copy .ce-scenes__heading,
  body.top-editorial .ce-scenes--featured-copy .ce-scenes__main img {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none !important;
  }
}

body.top-editorial .top-service-detail__intro,
body.top-editorial .top-service-heading,
body.top-editorial .top-service-steps,
body.top-editorial .top-service-plan-grid,
body.top-editorial .top-service-flow > ol,
body.top-editorial .top-service-more {
  width: min(88.9vw, 1280px);
  margin-right: auto;
  margin-left: auto;
}

body.top-editorial .top-service-detail__intro {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  padding: 185px 0 195px;
  border-top: 1px solid var(--te-line);
}

body.top-editorial .top-service-detail__index,
body.top-editorial .top-service-detail__kicker {
  margin: 0;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 12px;
}

body.top-editorial .top-service-detail__intro .top-service-detail__kicker {
  margin-bottom: 32px;
}

body.top-editorial .top-service-detail__intro h2,
body.top-editorial .top-service-heading h3 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: 29px;
  font-weight: 400;
  line-height: 1.9;
}

body.top-editorial .top-service-detail__lead {
  max-width: 680px;
  margin: 48px 0 0;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 2.25;
}

body.top-editorial .top-service-detail__reassurance {
  max-width: 680px;
  margin: 42px 0 0;
  padding-top: 34px;
  border-top: 1px solid var(--te-line);
  color: var(--te-ink);
  font-family: var(--te-serif);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 2;
}

body.top-editorial .top-service-process {
  padding: 175px 0 190px;
  color: rgba(255, 255, 255, 0.82);
  background: var(--te-deep);
}

body.top-editorial .top-service-heading {
  display: grid;
  grid-template-columns: 48% minmax(0, 52%);
  gap: 8vw;
  align-items: start;
  margin-bottom: 92px;
}

body.top-editorial .top-service-heading .top-service-detail__kicker {
  margin-bottom: 29px;
}

body.top-editorial .top-service-heading > p {
  max-width: 540px;
  margin: 39px 0 0;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 15px;
  line-height: 2.2;
}

body.top-editorial .top-service-detail__sp-break {
  display: none;
}

body.top-editorial .brand-resonance {
  padding: 155px 0 165px;
  color: var(--te-ink);
  background: var(--te-soft);
}

body.top-editorial .brand-resonance__inner {
  width: min(88.9vw, 1280px);
  margin: 0 auto;
}

body.top-editorial .brand-resonance__header {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  align-items: start;
}

body.top-editorial .brand-resonance__kicker {
  margin: 8px 0 0;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.top-editorial .brand-resonance__header h2 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(29px, 2.6vw, 42px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

body.top-editorial .brand-resonance__header h2 span {
  margin: 0 0.22em;
  color: rgba(31, 38, 33, 0.28);
  font-family: var(--te-latin);
  font-size: 0.62em;
}

body.top-editorial .brand-resonance__header h2 em {
  font-style: normal;
}

body.top-editorial .brand-resonance__elements {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 38px;
  margin-top: 105px;
}

body.top-editorial .brand-resonance__elements article {
  display: grid;
  grid-template-columns: minmax(0, 58%) minmax(280px, 42%);
  min-height: 480px;
  overflow: hidden;
  border: 1px solid var(--te-line);
  background: rgba(255, 255, 255, 0.38);
}

body.top-editorial .brand-resonance__elements article:nth-child(even) figure {
  order: 2;
}

body.top-editorial .brand-resonance__elements article:nth-child(even) .brand-resonance__element-copy {
  order: 1;
}

body.top-editorial .brand-resonance__elements figure {
  min-width: 0;
  min-height: 0;
  margin: 0;
}

body.top-editorial .brand-resonance__elements figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.top-editorial .brand-resonance__element-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px clamp(38px, 4.5vw, 72px);
}

body.top-editorial .brand-resonance__element-meta {
  display: flex;
  justify-content: space-between;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 10px;
  letter-spacing: 0.1em;
}

body.top-editorial .brand-resonance__element-meta p,
body.top-editorial .brand-resonance__element-copy > p {
  margin: 0;
}

body.top-editorial .brand-resonance__elements h3 {
  margin: 62px 0 28px;
  font-family: var(--te-serif);
  font-size: 27px;
  font-weight: 400;
}

body.top-editorial .brand-resonance__element-copy > p {
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.2;
}

body.top-editorial .brand-resonance__closing {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 64px 0 0;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: clamp(17px, 1.5vw, 22px);
  line-height: 1.9;
}

body.top-editorial .brand-resonance__closing::before {
  width: 54px;
  height: 1px;
  background: currentColor;
  content: "";
  opacity: 0.42;
}

body.top-editorial .top-service-heading--light h3 {
  color: #fff;
}

body.top-editorial .top-service-heading--light > p {
  color: rgba(255, 255, 255, 0.58);
}

body.top-editorial .top-service-heading--light .top-service-detail__kicker {
  color: rgba(255, 255, 255, 0.48);
}

body.top-editorial .top-service-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
  padding: 0;
  list-style: none;
}

body.top-editorial .top-service-steps li {
  min-height: 270px;
  padding: 28px 0 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.32);
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

body.top-editorial .top-service-steps span,
body.top-editorial .top-service-flow li span {
  color: rgba(255, 255, 255, 0.48);
  font-family: var(--te-latin);
  font-size: 12px;
}

body.top-editorial .top-service-steps h4 {
  margin: 43px 0 24px;
  color: #fff;
  font-family: var(--te-serif);
  font-size: 19px;
  font-weight: 400;
}

body.top-editorial .top-service-steps p {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.1;
}

body.top-editorial .top-service-plans {
  padding: 180px 0 195px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.34), transparent 38%),
    var(--te-soft);
}

body.top-editorial .top-service-heading--plans {
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.78fr);
  gap: clamp(78px, 9vw, 148px);
  align-items: end;
  margin-bottom: 84px;
}

body.top-editorial .top-service-heading--plans__title {
  min-width: 0;
}

body.top-editorial .top-service-heading--plans .top-service-detail__kicker {
  display: flex;
  align-items: baseline;
  gap: 24px;
  margin: 0 0 clamp(54px, 5vw, 76px);
  color: var(--te-green);
  font-family: var(--te-latin);
  font-size: clamp(66px, 7vw, 94px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0;
}

body.top-editorial .top-service-heading--plans .top-service-detail__kicker small {
  color: rgba(64, 86, 75, 0.72);
  font-family: var(--te-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.12em;
}

body.top-editorial .top-service-heading--plans h3 {
  font-size: clamp(27px, 2.25vw, 36px);
  line-height: 1.72;
  letter-spacing: 0.04em;
}

body.top-editorial .top-service-heading--plans h3 span {
  display: block;
}

body.top-editorial .top-service-heading--plans h3 em {
  margin-right: 0.08em;
  color: var(--te-green);
  font-family: var(--te-latin);
  font-size: 1.58em;
  font-style: normal;
  line-height: 0;
}

body.top-editorial .top-service-plans__intro {
  position: relative;
  width: 100%;
  max-width: 480px;
  padding: 8px 0 10px;
  justify-self: end;
}

body.top-editorial .top-service-plans__intro-index {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 46px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.14em;
}

body.top-editorial .top-service-plans__intro-index i {
  width: 34px;
  height: 1px;
  background: currentColor;
  opacity: 0.48;
}

body.top-editorial .top-service-plans__intro > p:last-child {
  margin: 0;
  color: #4e5650;
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 2.25;
  letter-spacing: 0.035em;
}

@media (min-width: 821px) {
  body.top-editorial .top-service-heading--plans {
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    grid-template-rows: auto auto;
    column-gap: clamp(72px, 8vw, 132px);
    row-gap: 34px;
    align-items: start;
  }

  body.top-editorial .top-service-heading--plans__title {
    display: contents;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
    align-self: start;
    white-space: nowrap;
  }

  body.top-editorial .top-service-heading--plans h3 {
    grid-column: 2;
    grid-row: 1;
    padding-top: 8px;
  }

  body.top-editorial .top-service-plans__intro {
    grid-column: 2;
    grid-row: 2;
    max-width: 620px;
    padding: 0;
    justify-self: start;
  }

  body.top-editorial .top-service-plans__intro-index {
    display: none;
  }
}

body.top-editorial .top-service-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.top-editorial .top-service-plan-grid article {
  min-height: 445px;
  padding: 42px 36px;
  color: rgba(255, 255, 255, 0.88);
  background: var(--top-service-plan-color, var(--te-green));
}

body.top-editorial .top-service-plan--portrait,
body.top-editorial .top-service-deliverable__content li[data-plan="portrait"] {
  --top-service-plan-color: #50616d;
}

body.top-editorial .top-service-plan--story,
body.top-editorial .top-service-deliverable__content li[data-plan="story"] {
  --top-service-plan-color: #40564b;
}

body.top-editorial .top-service-plan--world,
body.top-editorial .top-service-deliverable__content li[data-plan="world"] {
  --top-service-plan-color: #765f55;
}

body.top-editorial .top-service-plan-grid article > p {
  display: flex;
  align-items: baseline;
  gap: 11px;
  margin: 0 0 52px;
  color: rgba(255, 255, 255, 0.56);
  font-family: var(--te-latin);
  font-size: 25px;
  line-height: 1.2;
}

body.top-editorial .top-service-plan__number {
  flex: 0 0 auto;
  font-size: 42px;
  line-height: 0.8;
}

body.top-editorial .top-service-plan-grid h4 {
  margin: 0 0 25px;
  font-family: var(--te-serif);
  font-size: 19px;
  font-weight: 400;
}

body.top-editorial .top-service-plan--story h4,
body.top-editorial .top-service-plan--world h4 {
  margin-bottom: 12px;
}

body.top-editorial .top-service-plan-grid article > .top-service-plan__bonus {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 20px;
  padding: 6px 12px 5px;
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.08em;
}

body.top-editorial .top-service-plan-grid strong {
  display: block;
  margin-bottom: 0;
  font-family: var(--te-latin);
  font-size: 34px;
  font-weight: 400;
}

body.top-editorial .top-service-plan-grid strong small {
  margin-left: 5px;
  font-family: var(--te-sans);
  font-size: 10px;
  font-weight: 400;
}

body.top-editorial .top-service-plan-grid ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .top-service-plan-grid li {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 11px 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.46);
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 1.7;
}

body.top-editorial .top-service-plan-grid li::before {
  color: rgba(255, 255, 255, 0.54);
  content: attr(data-deliverable-number);
  font-family: var(--te-latin);
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.top-editorial .top-service-plan-grid article > .top-service-plan__fee-note {
  display: block;
  margin: 7px 0 27px;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

body.top-editorial .top-service-deliverables {
  position: relative;
  width: min(88.9vw, 1280px);
  margin: 170px auto 0;
  padding-top: 120px;
  border-top: 1px solid var(--te-line);
}

body.top-editorial .top-service-deliverables::before {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: -195px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
  content: "";
}

body.top-editorial .top-service-deliverables > * {
  position: relative;
  z-index: 1;
}

body.top-editorial .top-service-deliverables__heading {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  column-gap: clamp(72px, 8vw, 132px);
  row-gap: 34px;
  align-items: start;
  padding-bottom: 84px;
  border-bottom: 1px solid rgba(64, 86, 75, 0.18);
}

body.top-editorial .top-service-deliverables__heading > p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  color: var(--te-green);
  font-family: var(--te-latin);
  font-size: clamp(56px, 6vw, 82px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: -0.025em;
}

body.top-editorial .top-service-deliverables__heading > p span + span {
  margin-left: clamp(20px, 2vw, 34px);
}

body.top-editorial .top-service-deliverables__heading > div {
  padding-top: 8px;
}

body.top-editorial .top-service-deliverables__heading h3 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(27px, 2.25vw, 36px);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.04em;
}

body.top-editorial .top-service-deliverables__heading div > p {
  max-width: 620px;
  margin: 28px 0 0;
  padding-top: 28px;
  border-top: 1px solid rgba(64, 86, 75, 0.18);
  color: var(--te-muted);
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 2.25;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-deliverables__list {
  margin: 48px 0 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .top-service-deliverables__list > li {
  position: relative;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even)::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: var(--te-soft);
  box-shadow: 0 0 0 100vmax var(--te-soft);
  clip-path: inset(0 -100vmax);
  content: "";
}

body.top-editorial .top-service-deliverables__list > li > * {
  position: relative;
  z-index: 1;
}

body.top-editorial .top-service-deliverable {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(280px, 0.88fr);
  gap: clamp(60px, 8vw, 130px);
  align-items: center;
  padding: 96px 0;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__media {
  order: 2;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__content {
  order: 1;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable {
  grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.12fr);
}

body.top-editorial .top-service-deliverable__media {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 10;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: rgba(121, 129, 122, 0.12);
  font: inherit;
}

body.top-editorial button.top-service-deliverable__media {
  cursor: pointer;
}

body.top-editorial .top-service-deliverable__media::after {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}

body.top-editorial .top-service-deliverable__media > img,
body.top-editorial .top-service-deliverable__photo-track img,
body.top-editorial .top-service-deliverable__short-video-track video,
body.top-editorial .top-service-deliverable__browser img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.top-editorial .top-service-deliverable__media > img {
  transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .top-service-deliverable__media--film:hover > img,
body.top-editorial .top-service-deliverable__media--film:focus-visible > img {
  transform: scale(1.025);
}

body.top-editorial .top-service-deliverable__media--film:focus-visible {
  outline: 1px solid var(--te-ink);
  outline-offset: 5px;
}

body.top-editorial .top-service-deliverable__play {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: grid;
  gap: 9px;
  color: #fff;
  place-items: center;
  transform: translate(-50%, -50%);
}

body.top-editorial .top-service-deliverable__play i {
  position: relative;
  display: block;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 50%;
  background: rgba(25, 35, 30, 0.2);
}

body.top-editorial .top-service-deliverable__play i::after {
  position: absolute;
  top: 50%;
  left: 52%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
  content: "";
  transform: translate(-42%, -50%);
}

body.top-editorial .top-service-deliverable__play small {
  font-family: var(--te-latin);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

body.top-editorial .top-service-deliverable__media figcaption {
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: 16px;
  color: #fff;
  font-family: var(--te-latin);
  font-size: 8px;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

body.top-editorial .top-service-deliverable__media--portrait > img {
  object-position: 50% 33%;
}

body.top-editorial .top-service-deliverable__photo-mosaic {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 3px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.72);
}

body.top-editorial .top-service-deliverable__photo-mosaic img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: center;
}

body.top-editorial .top-service-deliverable__photo-mosaic img:nth-child(3) {
  object-position: 64% center;
}

body.top-editorial .top-service-deliverable__photo-mosaic img:nth-child(4) {
  object-position: 58% center;
}

body.top-editorial .top-service-deliverable__photo-slider,
body.top-editorial .top-service-deliverable__photo-track,
body.top-editorial .top-service-deliverable__short-video-slider,
body.top-editorial .top-service-deliverable__short-video-track {
  display: flex;
  width: 100%;
  height: 100%;
}

body.top-editorial .top-service-deliverable__photo-slider,
body.top-editorial .top-service-deliverable__short-video-slider {
  position: relative;
  overflow: hidden;
}

body.top-editorial .top-service-deliverable__short-video-controls {
  display: none;
}

body.top-editorial .top-service-deliverable__photo-track,
body.top-editorial .top-service-deliverable__short-video-track {
  flex: 0 0 100%;
  transition: transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

body.top-editorial .top-service-deliverable__photo-track img,
body.top-editorial .top-service-deliverable__short-video-track video {
  flex: 0 0 100%;
  min-width: 100%;
  object-position: center;
}

body.top-editorial .top-service-deliverable__short-video-track video {
  display: block;
  background: #1f2824;
}

body.top-editorial .top-service-deliverable--short-videos {
  grid-template-columns: minmax(0, 1fr);
  gap: 58px;
  padding: 112px 0 122px;
}

body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content {
  order: 1;
  max-width: 680px;
}

body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__media--short-videos {
  order: 2;
  height: clamp(420px, 37.5vw, 540px);
  aspect-ratio: auto;
  background: transparent;
}

body.top-editorial .top-service-deliverable__media--short-videos .top-service-deliverable__short-video-track {
  gap: 18px;
  transition: none;
}

body.top-editorial .top-service-deliverable__media--short-videos .top-service-deliverable__short-video-track video {
  flex: 0 0 calc((100% - 18px) / 2);
  min-width: 0;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 901px) {
  body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos {
    grid-template-columns: minmax(0, 1fr);
    gap: 58px;
  }

  body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__content {
    order: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1fr);
    column-gap: clamp(64px, 7vw, 112px);
    align-items: start;
    width: 100%;
    max-width: none;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content > .top-service-deliverable__number {
    grid-column: 1;
    grid-row: 1;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content > .top-service-deliverable__type {
    grid-column: 1;
    grid-row: 2;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content > h4 {
    grid-column: 1;
    grid-row: 3;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-details {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin-top: 0;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-details > p:not([class]) {
    margin-top: 0;
  }

  body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__media--short-videos {
    order: 2;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-slider,
  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-track {
    height: auto;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-track video {
    flex: 0 0 calc((100% - 36px) / 3);
    width: calc((100% - 36px) / 3);
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

body.top-editorial .top-service-deliverable__short-video-track.is-short-video-marquee-ready {
  animation: top-service-short-video-marquee-right var(--short-video-marquee-duration, 150s) linear infinite;
}

body.top-editorial .top-service-deliverable__media--short-videos:not(.is-short-video-running) .top-service-deliverable__short-video-track {
  animation-play-state: paused;
}

@keyframes top-service-short-video-marquee-right {
  from {
    transform: translate3d(var(--short-video-marquee-start, -100%), 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

body.top-editorial .top-service-deliverable__photo-count {
  position: absolute;
  z-index: 2;
  bottom: 15px;
  left: 18px;
  display: flex;
  align-items: center;
  color: #fff;
  font-family: var(--te-latin);
  font-size: 8px;
  letter-spacing: 0.12em;
  line-height: 1;
}

body.top-editorial .top-service-deliverable__photo-count b,
body.top-editorial .top-service-deliverable__photo-count small {
  font: inherit;
}

body.top-editorial .top-service-deliverable__photo-count i {
  width: 28px;
  height: 1px;
  margin: 0 8px;
  background: rgba(255, 255, 255, 0.7);
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .top-service-deliverable__photo-track,
  body.top-editorial .top-service-deliverable__short-video-track {
    transition: none;
  }

  body.top-editorial .top-service-deliverable__short-video-track.is-short-video-marquee-ready {
    animation: none;
    transform: translate3d(var(--short-video-marquee-start, -100%), 0, 0);
  }
}

body.top-editorial .top-service-deliverable__media--website {
  overflow: visible;
  aspect-ratio: auto;
  padding: 28px 0 20px;
  background: transparent;
}

body.top-editorial .top-service-deliverable__media--website::after {
  display: none;
}

body.top-editorial .top-service-deliverable__browser {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding-top: 17px;
  border: 0;
  background: #fff;
  box-shadow:
    0 32px 68px rgba(31, 44, 37, 0.15),
    0 11px 26px rgba(31, 44, 37, 0.08),
    0 2px 6px rgba(31, 44, 37, 0.05);
}

body.top-editorial .top-service-deliverable__browser i {
  position: absolute;
  z-index: 1;
  top: 7px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(31, 44, 37, 0.32);
  box-shadow: 8px 0 rgba(31, 44, 37, 0.22), 16px 0 rgba(31, 44, 37, 0.14);
}

body.top-editorial .top-service-deliverable__browser img {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: center;
}

body.top-editorial .top-service-deliverable__number {
  margin: 0 0 30px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 54px;
  line-height: 1;
}

body.top-editorial .top-service-deliverable__type {
  margin: 0 0 15px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.top-editorial .top-service-deliverable__content h4 {
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(24px, 2.2vw, 34px);
  font-weight: 400;
  line-height: 1.65;
}

body.top-editorial .top-service-deliverable__duration {
  display: inline-block;
  white-space: nowrap;
}

body.top-editorial .top-service-deliverable__content > p:not([class]),
body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
body.top-editorial .top-service-deliverable__short-video-details > p:not([class]) {
  margin: 30px 0 0;
  color: var(--te-muted);
  font-family: var(--te-serif);
  font-size: clamp(13px, 0.95vw, 14px);
  line-height: 2.2;
}

body.top-editorial .top-service-deliverable__content .top-service-deliverable__note {
  margin: 12px 0 0;
  color: var(--te-muted);
  font-family: var(--te-serif);
  font-size: 10px;
  line-height: 1.8;
}

body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__note {
  margin-top: 0;
}

body.top-editorial .top-service-deliverable__plan-label {
  display: flex;
  align-items: center;
  gap: 11px;
  width: min(180px, 100%);
  margin: 34px 0 0;
  color: var(--te-green);
  font-family: var(--te-sans);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .top-service-deliverable__plan-label::after {
  flex: 1;
  height: 1px;
  background: rgba(64, 86, 75, 0.34);
  content: "";
}

body.top-editorial .top-service-deliverable__content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .top-service-deliverable__content li {
  padding: 7px 12px;
  border: 1px solid var(--top-service-plan-color, var(--te-green));
  border-radius: 999px;
  color: #fff;
  background: var(--top-service-plan-color, var(--te-green));
  font-family: var(--te-latin);
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

body.top-editorial .top-service-flow {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.74fr) minmax(0, 1.26fr);
  gap: clamp(76px, 9vw, 148px);
  align-items: start;
  padding: 180px max(5.55vw, 32px) 195px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.08), transparent 30%),
    var(--te-deep);
  isolation: isolate;
}

body.top-editorial .top-service-flow::before {
  display: none;
}

body.top-editorial .top-service-flow > .top-service-heading {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  margin: 0;
}

body.top-editorial .top-service-flow .top-service-detail__kicker {
  margin: 0 0 clamp(56px, 6vw, 88px);
  color: rgba(255, 255, 255, 0.36);
  font-family: var(--te-latin);
  font-size: clamp(72px, 9vw, 128px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: normal;
}

body.top-editorial .top-service-flow .top-service-heading h3 {
  color: #fff;
  font-size: clamp(30px, 3vw, 43px);
  line-height: 1.6;
  letter-spacing: 0.05em;
}

body.top-editorial .top-service-flow .top-service-heading > p {
  max-width: 410px;
  margin: 44px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 15px;
  line-height: 2.2;
}

body.top-editorial .top-service-flow > ol {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  list-style: none;
}

body.top-editorial .top-service-flow li {
  position: relative;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  min-height: 112px;
  padding: 27px 4px 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

body.top-editorial .top-service-flow li span {
  display: block;
  margin: 0;
  color: rgba(255, 255, 255, 0.34);
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.03em;
}

body.top-editorial .top-service-flow li strong {
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--te-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
}

body.top-editorial .movie-flow {
  color: #fff;
}

body.top-editorial .movie-flow > * {
  width: min(88.9vw, 1280px);
}

body.top-editorial .movie-flow .service-heading {
  color: #fff;
}

body.top-editorial .movie-flow .service-heading .section-kicker {
  color: #d9ddcf;
  font-family: var(--te-latin);
}

body.top-editorial .movie-flow .service-heading h2,
body.top-editorial .movie-flow .flow-timeline h3 {
  color: #fff;
  font-family: var(--te-serif);
}

body.top-editorial .movie-flow .service-heading > p:not(.section-kicker) {
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--te-serif);
}

body.top-editorial .movie-flow__link {
  display: grid;
  margin-top: 72px;
  border-color: rgba(255, 255, 255, 0.52);
  color: #fff;
  place-items: center;
}

body.top-editorial .movie-flow__link:hover,
body.top-editorial .movie-flow__link:focus-visible {
  color: var(--te-deep);
  background: #fff;
  border-color: #fff;
}

body.top-editorial .movie-faq {
  position: relative;
  overflow: hidden;
  padding: 175px 0 185px;
  color: var(--te-ink);
  background:
    radial-gradient(circle at 12% 16%, rgba(64, 86, 75, 0.12), transparent 30vw),
    linear-gradient(135deg, #f8f9f8 0%, #e9eeeb 100%);
}

body.top-editorial .movie-faq::before {
  display: none;
}

body.top-editorial .movie-faq > * {
  position: relative;
  z-index: 1;
  width: min(88.9vw, 1280px);
}

body.top-editorial .movie-faq .chapter-heading {
  margin-bottom: 0;
  text-align: left;
}

body.top-editorial .movie-faq .chapter-heading h2 {
  display: flex;
  align-items: baseline;
  gap: 24px;
  color: var(--te-green);
  font-family: var(--te-latin);
  font-size: clamp(72px, 9vw, 128px);
  font-weight: 400;
}

body.top-editorial .movie-faq .chapter-heading h2 small {
  color: rgba(64, 86, 75, 0.72);
  font-family: var(--te-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.12em;
}

body.top-editorial .movie-faq .answer-board {
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  margin-top: 66px;
  padding: clamp(46px, 5vw, 72px);
  border: 1px solid rgba(64, 86, 75, 0.16);
  color: var(--te-ink);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 32px 90px rgba(17, 23, 19, 0.055);
}

@media (min-width: 769px) {
  body.top-editorial .movie-faq .chapter-heading,
  body.top-editorial .movie-faq .answer-board {
    width: min(80vw, 1080px);
    margin-right: auto;
    margin-left: auto;
  }
}

body.top-editorial .movie-faq .answer-board-head {
  position: static;
}

body.top-editorial .movie-faq .answer-board-list {
  gap: 0;
}

body.top-editorial .movie-faq .answer-board-head .section-kicker {
  color: var(--te-green);
  font-family: var(--te-latin);
}

body.top-editorial .movie-faq .answer-board-head h3,
body.top-editorial .movie-faq .answer-board-list h4 {
  color: var(--te-ink);
  font-family: var(--te-serif);
}

body.top-editorial .movie-faq .answer-board-head h3 {
  margin-top: 20px;
  font-size: clamp(24px, 2.3vw, 34px);
  line-height: 1.8;
}

body.top-editorial .movie-faq .answer-board-list article {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 28px;
  padding: 30px 0;
  border-color: rgba(64, 86, 75, 0.16);
}

body.top-editorial .movie-faq .answer-board-list span {
  color: var(--te-green);
  font-size: 20px;
}

body.top-editorial .movie-faq .answer-board-list h4 {
  font-size: 17px;
}

body.top-editorial .movie-faq .answer-board-list p {
  color: var(--te-muted);
  font-family: var(--te-serif);
  font-size: clamp(13px, 0.95vw, 14px);
  line-height: 2.2;
}

body.top-editorial .movie-faq__link {
  margin: 70px auto 0;
  border-color: var(--te-green);
  color: #fff;
  background: var(--te-green);
}

body.top-editorial .movie-contact {
  position: relative;
  overflow: hidden;
  padding: clamp(140px, 12vw, 190px) 0 clamp(150px, 13vw, 205px);
  color: #fff;
  background:
    radial-gradient(circle at 9% 14%, rgba(198, 210, 200, 0.13), transparent 34vw),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), transparent 52%),
    #173d34;
  isolation: isolate;
}

body.top-editorial .movie-contact::before {
  position: absolute;
  top: -0.15em;
  right: -0.04em;
  z-index: -1;
  color: rgba(255, 255, 255, 0.025);
  content: "CONTACT";
  font-family: var(--te-latin);
  font-size: clamp(190px, 27vw, 410px);
  font-weight: 400;
  line-height: 0.9;
  pointer-events: none;
  white-space: nowrap;
}

body.top-editorial .movie-contact > .movie-contact__inner {
  position: relative;
  z-index: 1;
  width: min(80vw, 1080px);
  margin: 0 auto;
}

body.top-editorial .movie-contact__heading {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr);
  gap: clamp(58px, 8vw, 118px);
  align-items: end;
  padding-bottom: clamp(52px, 5vw, 74px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

body.top-editorial .movie-contact__heading h2 {
  display: flex;
  align-items: baseline;
  gap: 22px;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(78px, 8.4vw, 120px);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.025em;
}

body.top-editorial .movie-contact__heading h2 small {
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--te-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

body.top-editorial .movie-contact__heading > p {
  margin: 0 0 3px;
  color: rgba(255, 255, 255, 0.74);
  font-family: var(--te-serif);
  font-size: clamp(13px, 1.05vw, 15px);
  line-height: 2.25;
  letter-spacing: 0.055em;
}

body.top-editorial .movie-contact__actions {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

body.top-editorial .movie-contact__primary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.42fr);
  gap: clamp(48px, 7vw, 96px);
  align-items: center;
  padding: clamp(52px, 5vw, 72px) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  color: #fff;
  text-decoration: none;
}

body.top-editorial .movie-contact__primary-eyebrow {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.top-editorial .movie-contact__secondary small {
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.top-editorial .movie-contact__primary-copy h3 {
  margin: 15px 0 0;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.07em;
}

body.top-editorial .movie-contact__primary-copy p {
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.1;
  letter-spacing: 0.04em;
}

body.top-editorial .movie-contact__primary-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  color: #fff;
  background: rgba(255, 255, 255, 0.035);
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

body.top-editorial .movie-contact__primary-link b,
body.top-editorial .movie-contact__secondary span {
  font-family: var(--te-serif);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.07em;
}

body.top-editorial .movie-contact__primary-link i,
body.top-editorial .movie-contact__secondary i {
  flex: 0 0 auto;
  font-family: var(--te-latin);
  font-size: 20px;
  font-style: normal;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-contact__secondary {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) auto;
  gap: clamp(30px, 4vw, 66px);
  align-items: center;
  min-height: 92px;
  padding: 0 clamp(4px, 1vw, 14px);
  color: #fff;
  text-decoration: none;
  transition: background-color 0.35s ease, padding 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-contact__primary:hover .movie-contact__primary-link,
body.top-editorial .movie-contact__primary:focus-visible .movie-contact__primary-link {
  border-color: #fff;
  color: #173d34;
  background: #fff;
}

body.top-editorial .movie-contact__primary:hover i,
body.top-editorial .movie-contact__primary:focus-visible i,
body.top-editorial .movie-contact__secondary:hover i,
body.top-editorial .movie-contact__secondary:focus-visible i {
  transform: translateX(6px);
}

body.top-editorial .movie-contact__primary:focus-visible,
body.top-editorial .movie-contact__secondary:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 5px;
}

body.top-editorial .movie-contact__background-word {
  position: absolute;
  right: -0.03em;
  bottom: -0.28em;
  z-index: 0;
  margin: 0;
  color: rgba(255, 255, 255, 0.035);
  font-family: var(--te-latin);
  font-size: clamp(150px, 25vw, 380px);
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}

@media (max-width: 768px) {
  body.top-editorial .movie-contact {
    padding: 108px 0 122px;
  }

  body.top-editorial .movie-contact::before {
    top: 16px;
    right: -0.08em;
    font-size: 112px;
  }

  body.top-editorial .movie-contact > .movie-contact__inner {
    width: calc(100% - 40px);
  }

  body.top-editorial .movie-contact__heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
    padding-bottom: 46px;
  }

  body.top-editorial .movie-contact__heading h2 {
    gap: 14px;
    font-size: 64px;
  }

  body.top-editorial .movie-contact__heading h2 small {
    font-size: 10px;
  }

  body.top-editorial .movie-contact__heading > p {
    font-size: 12px;
    line-height: 2.2;
  }

  body.top-editorial .movie-contact__primary {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    padding: 40px 0 42px;
  }

  body.top-editorial .movie-contact__primary-copy h3 {
    margin-top: 13px;
    font-size: 25px;
  }

  body.top-editorial .movie-contact__primary-copy p {
    margin-top: 18px;
    font-size: 12px;
    line-height: 2.05;
  }

  body.top-editorial .movie-contact__primary-link {
    min-height: 60px;
    padding: 0 18px;
  }

  body.top-editorial .movie-contact__secondary {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    min-height: 88px;
    padding: 0;
  }

  body.top-editorial .movie-contact__secondary small {
    display: none;
  }

  body.top-editorial .movie-contact__background-word {
    right: -0.08em;
    bottom: -0.15em;
    font-size: 108px;
  }
}

/* Contact: familiar, straightforward consultation card */
body.top-editorial .movie-contact {
  padding: clamp(120px, 10vw, 160px) 0;
  color: var(--te-ink);
  background: #fff;
}

body.top-editorial .movie-contact::before {
  content: none;
}

body.top-editorial .movie-contact > .movie-contact__inner {
  width: min(88vw, 920px);
}

body.top-editorial .movie-contact__heading {
  display: block;
  padding: 0;
  border: 0;
  text-align: center;
}

body.top-editorial .movie-contact__heading h2 {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  color: var(--te-ink);
  font-family: var(--te-latin);
  font-size: clamp(66px, 7vw, 94px);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.015em;
}

body.top-editorial .movie-contact__heading h2 small {
  color: rgba(31, 44, 37, 0.58);
  font-family: var(--te-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.12em;
}

body.top-editorial .movie-contact__heading > p {
  margin: 34px 0 0;
  color: #5f6865;
  line-height: 2.15;
}

body.top-editorial .movie-contact__panel {
  width: min(100%, 720px);
  margin: clamp(56px, 6vw, 76px) auto 0;
  padding: clamp(48px, 5vw, 66px) clamp(42px, 6vw, 78px) clamp(40px, 4.5vw, 58px);
  color: var(--te-ink);
  background: #fff;
  box-shadow: 0 24px 64px rgba(0, 20, 14, 0.18);
  text-align: center;
}

body.top-editorial .movie-contact__primary-eyebrow {
  color: #71857e;
  font-family: var(--te-latin);
}

body.top-editorial .movie-contact__panel h3 {
  margin: 15px 0 0;
  color: var(--te-ink);
  font-family: var(--te-serif);
  font-size: clamp(26px, 2.4vw, 34px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.07em;
}

body.top-editorial .movie-contact__description {
  margin: 22px 0 0;
  color: #5f6865;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.1;
  letter-spacing: 0.04em;
}

body.top-editorial .movie-contact__primary-link {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 72px;
  margin-top: 34px;
  padding: 0 18px 0 30px;
  border: 1px solid rgba(15, 47, 40, 0.22);
  color: #fff;
  background: linear-gradient(135deg, #214b40 0%, #163a31 58%, #0f2f28 100%);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.12),
    0 18px 40px rgba(23, 61, 52, 0.18);
  text-decoration: none;
  transition:
    background-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-contact__primary-link span,
body.top-editorial .movie-contact__secondary span {
  font-family: var(--te-serif);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.07em;
}

body.top-editorial .movie-contact__primary-link span {
  font-size: 13px;
  letter-spacing: 0.12em;
}

body.top-editorial .movie-contact__primary-link i {
  display: grid;
  width: 46px;
  height: 40px;
  padding-left: 16px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  place-items: center;
}

body.top-editorial .movie-contact__secondary {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 0;
  margin-top: 26px;
  padding: 0 0 5px;
  border-bottom: 1px solid #aab4b0;
  color: #45534e;
  text-decoration: none;
  transition: color 0.3s ease, border-color 0.3s ease;
}

body.top-editorial .movie-contact__primary-link:hover,
body.top-editorial .movie-contact__primary-link:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #28594c 0%, #1b463a 58%, #12372e 100%);
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.16),
    0 22px 48px rgba(23, 61, 52, 0.24);
  transform: translateY(-2px);
}

body.top-editorial .movie-contact__primary-link:hover i,
body.top-editorial .movie-contact__primary-link:focus-visible i,
body.top-editorial .movie-contact__secondary:hover i,
body.top-editorial .movie-contact__secondary:focus-visible i {
  transform: translateX(6px);
}

body.top-editorial .movie-contact__secondary:hover,
body.top-editorial .movie-contact__secondary:focus-visible {
  border-color: #173d34;
  color: #173d34;
}

body.top-editorial .movie-contact__primary-link:focus-visible,
body.top-editorial .movie-contact__secondary:focus-visible {
  outline: 2px solid #6e887e;
  outline-offset: 4px;
}

@media (min-width: 821px) {
  body.top-editorial .movie-contact > .movie-contact__inner {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(46px, 6vw, 84px);
    align-items: center;
    width: min(88.9vw, 1120px);
  }

  body.top-editorial .movie-contact__heading {
    text-align: left;
  }

  body.top-editorial .movie-contact__heading h2 {
    align-items: flex-start;
    font-size: clamp(64px, 7.2vw, 86px);
  }

  body.top-editorial .movie-contact__heading > p {
    max-width: 390px;
  }

  body.top-editorial .movie-contact__panel {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 768px) {
  body.top-editorial .movie-contact {
    padding: 96px 0 104px;
  }

  body.top-editorial .movie-contact__heading h2 {
    gap: 14px;
    font-size: 60px;
  }

  body.top-editorial .movie-contact__heading h2 small {
    font-size: 10px;
  }

  body.top-editorial .movie-contact__heading > p {
    margin-top: 28px;
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .movie-contact__panel {
    margin-top: 44px;
    padding: 40px 22px 34px;
  }

  body.top-editorial .movie-contact__panel h3 {
    margin-top: 13px;
    font-size: 25px;
  }

  body.top-editorial .movie-contact__description {
    margin-top: 18px;
    font-size: 12px;
    line-height: 2.05;
  }

  body.top-editorial .movie-contact__primary-link {
    min-height: 60px;
    margin-top: 28px;
    padding: 0 13px 0 20px;
    box-shadow:
      inset 0 1px rgba(255, 255, 255, 0.12),
      0 14px 30px rgba(23, 61, 52, 0.16);
  }

  body.top-editorial .movie-contact__primary-link span {
    font-size: 12px;
    letter-spacing: 0.09em;
  }

  body.top-editorial .movie-contact__primary-link i {
    width: 38px;
    height: 34px;
    padding-left: 12px;
  }

  body.top-editorial .movie-contact__secondary {
    gap: 12px;
    min-height: 0;
    margin-top: 23px;
    padding: 0 0 5px;
  }
}

body.top-editorial .top-service-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 520px;
  margin-top: 78px;
  margin-left: 5.55vw;
  padding: 18px 0;
  border-bottom: 1px solid var(--te-ink);
  font-size: 12px;
  text-decoration: none;
}

body.top-editorial .top-service-more i {
  font-family: var(--te-latin);
  font-size: 20px;
  font-style: normal;
  transition: transform 180ms ease;
}

body.top-editorial .top-service-more:hover i,
body.top-editorial .top-service-more:focus-visible i {
  transform: translateX(5px);
}

body.top-editorial .brand-statement {
  grid-template-columns: minmax(0, 58%) minmax(360px, 42%);
  min-height: 760px;
  color: rgba(255, 255, 255, 0.84);
  background: var(--te-deep);
}

body.top-editorial .brand-statement__media {
  min-height: 760px;
}

body.top-editorial .brand-statement__media img {
  filter: saturate(0.78) contrast(0.95);
}

body.top-editorial .brand-statement__copy {
  max-width: 590px;
  padding: 100px 10% 100px 13%;
}

body.top-editorial .brand-statement__copy small {
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--te-latin);
  font-size: 11px;
}

body.top-editorial .brand-statement__copy h2 {
  margin: 44px 0 35px;
  color: #fff;
  font-size: 25px;
  line-height: 1.9;
}

body.top-editorial .brand-statement__copy p {
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.2;
}

body.top-editorial .creator-story {
  grid-template-columns: minmax(0, 62%) minmax(320px, 38%);
  min-height: 900px;
}

body.top-editorial .creator-story .brand-statement__media {
  order: 2;
  min-height: 900px;
}

body.top-editorial .creator-story .brand-statement__media img {
  object-position: center center;
  filter: saturate(0.7) contrast(0.96);
}

body.top-editorial .creator-story .brand-statement__copy {
  order: 1;
  max-width: 780px;
  padding: 105px 11% 110px 9%;
}

body.top-editorial .creator-story .brand-statement__copy small {
  display: block;
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--te-latin);
  font-size: clamp(48px, 5.2vw, 76px);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.015em;
}

body.top-editorial .creator-story .brand-statement__copy h2 {
  margin: 58px 0 38px;
  font-size: clamp(24px, 2vw, 30px);
}

body.top-editorial .creator-story .brand-statement__copy > p + p {
  margin-top: 20px;
}

body.top-editorial .creator-story__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 42px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

body.top-editorial .creator-story__facts > div {
  min-width: 0;
  padding: 18px 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

body.top-editorial .creator-story__facts dt {
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--te-latin);
  font-size: 18px;
  line-height: 1.2;
}

body.top-editorial .creator-story__facts dd {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, 0.56);
  font-family: var(--te-sans);
  font-size: 10px;
  line-height: 1.7;
}

body.top-editorial .creator-story .brand-statement__copy .creator-story__reassurance {
  margin-top: 28px;
  padding-left: 16px;
  border-left: 2px solid rgba(221, 207, 193, 0.72);
  color: rgba(255, 255, 255, 0.84);
}

body.top-editorial .creator-story__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  min-width: 280px;
  margin-top: 38px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.48);
  color: rgba(255, 255, 255, 0.9);
  font-family: var(--te-serif);
  font-size: 11px;
  transition: border-color 180ms ease;
}

body.top-editorial .creator-story__link i {
  font-family: var(--te-latin);
  font-size: 18px;
  font-style: normal;
  transition: transform 180ms ease;
}

body.top-editorial .creator-story__link:hover,
body.top-editorial .creator-story__link:focus-visible {
  border-color: #fff;
}

body.top-editorial .creator-story__link:hover i,
body.top-editorial .creator-story__link:focus-visible i {
  transform: translateX(5px);
}

body.top-editorial .creator-story--profile {
  display: grid;
  grid-template-columns: minmax(320px, 38%) minmax(0, 62%);
  align-items: start;
  min-height: 0;
  color: var(--te-ink);
  background: #fff;
}

body.top-editorial .creator-story--profile .brand-statement__media {
  position: sticky;
  top: 0;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  width: 100%;
  height: min(900px, 100svh);
  min-height: 0;
}

body.top-editorial .creator-story--profile .brand-statement__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 24% center;
  filter: none;
}

body.top-editorial .creator-story--profile .brand-statement__copy {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: 820px;
  padding-top: clamp(100px, 9vw, 140px);
  padding-bottom: clamp(110px, 10vw, 155px);
}

body.top-editorial .creator-story--profile .brand-statement__copy small {
  color: rgba(31, 49, 41, 0.78);
}

body.top-editorial .creator-story--profile .creator-story__role {
  margin: 54px 0 0;
  color: rgba(31, 49, 41, 0.58);
  font-size: 11px;
  letter-spacing: 0.12em;
}

body.top-editorial .creator-story--profile .brand-statement__copy > h2 {
  margin: 13px 0 0;
  color: var(--te-ink);
  font-family: var(--te-latin);
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.035em;
  text-transform: lowercase;
}

body.top-editorial .creator-story__origin {
  margin-top: 52px;
  padding-top: 32px;
  border-top: 1px solid rgba(31, 49, 41, 0.18);
}

body.top-editorial .creator-story__origin h3 {
  margin: 0;
  color: var(--te-ink);
  font-family: var(--te-serif);
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.055em;
}

body.top-editorial .creator-story__origin h3 span {
  display: block;
}

body.top-editorial .creator-story__origin p {
  margin: 30px 0 0;
  color: rgba(31, 49, 41, 0.72);
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 2.05;
  letter-spacing: 0.035em;
}

body.top-editorial .creator-story__origin p + p {
  margin-top: 18px;
}

body.top-editorial .creator-story__profile-open {
  margin-top: 46px;
}

body.top-editorial .creator-story__profile-source {
  display: none;
}

body.top-editorial .creator-story__profile-section {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

body.top-editorial .creator-story__profile-section h3 {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--te-serif);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.14em;
}

body.top-editorial .creator-story__profile-content {
  margin-top: 22px;
}

body.top-editorial .creator-story__profile-content p,
body.top-editorial .creator-story__profile-content li {
  color: rgba(255, 255, 255, 0.72);
  font-family: var(--te-serif);
  font-size: 14px;
  line-height: 2.05;
  letter-spacing: 0.035em;
}

body.top-editorial .creator-story__profile-content p {
  margin: 0;
}

body.top-editorial .creator-story__profile-content ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .creator-story__profile-content li {
  position: relative;
  padding-left: 18px;
}

body.top-editorial .creator-story__profile-content li::before {
  position: absolute;
  top: 1em;
  left: 0;
  width: 6px;
  height: 1px;
  background: currentColor;
  content: "";
  opacity: 0.55;
}

body.top-editorial .top-contact {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  width: min(88.9vw, 1280px);
  margin: 0 auto;
  padding: 155px 0 175px;
  color: var(--te-ink);
  background: var(--te-paper);
}

body.top-editorial .top-contact > p {
  margin: 7px 0 0;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 12px;
}

body.top-editorial .top-contact h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.9;
}

body.top-editorial .top-contact div > p {
  margin: 27px 0 0;
  color: var(--te-muted);
  font-size: 11px;
}

body.top-editorial .top-contact a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 510px;
  margin-top: 58px;
  padding: 18px 0;
  border-bottom: 1px solid var(--te-ink);
  font-size: 12px;
  text-decoration: none;
}

body.top-editorial .top-contact a i {
  font-family: var(--te-latin);
  font-size: 20px;
  font-style: normal;
  transition: transform 180ms ease;
}

body.top-editorial .top-contact a:hover i,
body.top-editorial .top-contact a:focus-visible i {
  transform: translateX(5px);
}

body.top-editorial .site-footer {
  color: rgba(255, 255, 255, 0.72);
  background: var(--te-deep);
}

body.top-editorial .site-footer__top,
body.top-editorial .site-footer__bottom {
  width: min(88.9vw, 1280px);
}

body.top-editorial .site-footer__brand {
  font-weight: 200;
}

@media (max-width: 820px) {
  body.top-editorial .brand-verse-band {
    width: calc(100% - 40px);
    margin-bottom: 125px;
    aspect-ratio: 16 / 9;
  }

  body.top-editorial .one-sentence {
    padding: 100px 20px;
  }

  body.top-editorial .one-sentence__kicker {
    margin-bottom: 24px;
    font-size: 14px;
  }

  body.top-editorial .one-sentence h2 {
    font-size: 24px;
    line-height: 1.95;
  }

  body.top-editorial .one-sentence h2 br {
    display: none;
  }

  body.top-editorial .one-sentence ul {
    grid-template-columns: 1fr;
    margin-top: 52px;
  }

  body.top-editorial .one-sentence li {
    min-height: 56px;
    padding: 14px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }

  body.top-editorial .one-sentence__closing {
    margin-top: 42px;
    font-size: 12px;
  }

  body.top-editorial .brand-verse-band video {
    object-fit: contain;
    background: #000;
  }

  body.top-editorial .voice-words {
    padding: 110px 0 125px;
  }

  body.top-editorial .voice-words .story-reprise {
    grid-template-columns: 1fr;
    gap: 75px;
    width: calc(100% - 40px);
  }

  body.top-editorial .voice-words .reprise-text {
    grid-row: 1;
  }

  body.top-editorial .voice-words .reprise-top {
    display: none;
  }

  body.top-editorial .voice-words .reprise-bottom {
    grid-row: 2;
    padding-top: 0;
  }

  body.top-editorial .voice-words .reprise-top-mobile {
    display: grid;
    margin-bottom: 42px;
  }

  body.top-editorial .voice-words .reprise-images {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
    gap: 14px;
    align-items: end;
  }

  body.top-editorial .voice-words .reprise-portrait-a,
  body.top-editorial .voice-words .reprise-portrait-b,
  body.top-editorial .voice-words .reprise-portrait-c,
  body.top-editorial .voice-words .reprise-portrait-d {
    width: 100%;
    margin: 0;
    aspect-ratio: 4 / 5;
  }

  body.top-editorial .voice-words .quiet-title {
    font-size: 10px;
  }

  body.top-editorial .voice-words-statement {
    margin-top: 30px;
    font-size: 22px;
  }

  body.top-editorial .voice-words .reprise-paragraphs {
    margin: 38px 0 46px;
  }

  body.top-editorial .voice-words .reprise-paragraphs p {
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .cinema-bloom-heading {
    top: 78px;
    left: 20px;
    width: calc(100% - 40px);
  }

  body.top-editorial .cinema-bloom-heading p {
    font-size: 9px;
  }

  body.top-editorial .cinema-bloom-heading h2 {
    font-size: 22px;
  }

  body.top-editorial .works-showcase {
    padding: 110px 0 125px;
  }

  body.top-editorial .works-showcase-inner {
    width: calc(100% - 40px);
  }

  body.top-editorial .works-showcase-head {
    margin-bottom: 54px;
  }

  body.top-editorial .works-showcase-head h2 {
    font-size: 36px;
  }

  body.top-editorial .works-showcase-card {
    flex-basis: 82vw;
    width: 82vw;
  }

  body.top-editorial .works-showcase-meta h3 {
    font-size: 29px;
  }

  body.top-editorial .film-card-play {
    width: 58px;
    height: 58px;
  }

  body.top-editorial .movie-features {
    padding: 105px 20px 115px;
  }

  body.top-editorial .memory-value {
    padding: 105px 20px 115px;
  }

  body.top-editorial .memory-value__header {
    grid-template-columns: 1fr;
    gap: 38px;
    margin-bottom: 70px;
  }

  body.top-editorial .memory-value__header > div > p {
    margin-bottom: 22px;
    font-size: 12px;
  }

  body.top-editorial .memory-value__header h2 {
    font-size: 28px;
    line-height: 1.7;
  }

  body.top-editorial .memory-value__header > p {
    font-size: 12px;
    line-height: 2.15;
  }

  body.top-editorial .memory-value__reasons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.top-editorial .memory-value__reasons li,
  body.top-editorial .memory-value__reasons li:first-child,
  body.top-editorial .memory-value__reasons li:last-child {
    padding: 28px 18px 36px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }

  body.top-editorial .memory-value__reasons li:nth-child(even) {
    padding-right: 0;
    border-right: 0;
  }

  body.top-editorial .memory-value__reasons li:nth-child(odd) {
    padding-left: 0;
  }

  body.top-editorial .memory-value__reasons li:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  body.top-editorial .memory-value__reasons p {
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.9;
  }

  body.top-editorial .memory-value__note {
    margin-top: 58px;
    padding-left: 18px;
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .movie-features__header {
    grid-template-columns: 1fr;
    gap: 34px;
    margin-bottom: 68px;
  }

  body.top-editorial .movie-features__header > div > p {
    font-size: 46px;
  }

  body.top-editorial .movie-features__header h2 {
    margin-top: 16px;
    font-size: 12px;
  }

  body.top-editorial .movie-features__header > p {
    font-size: 11px;
    line-height: 2.15;
  }

  body.top-editorial .value-audio-trigger {
    grid-column: 1;
    grid-template-columns: 48px auto 1fr auto;
    gap: 14px;
    width: 100%;
    margin: 0;
    padding-bottom: 14px;
  }

  body.top-editorial .value-audio-trigger__icon {
    width: 48px;
    height: 48px;
  }

  body.top-editorial .value-audio-trigger__copy {
    gap: 7px;
  }

  body.top-editorial .value-audio-trigger__copy small,
  body.top-editorial .value-audio-trigger__time {
    font-size: 8px;
  }

  body.top-editorial .value-audio-trigger__copy strong {
    font-size: 13px;
  }

  body.top-editorial .value-audio-modal__stage {
    padding: max(22px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));
  }

  body.top-editorial .value-audio-modal__header {
    padding-bottom: 17px;
  }

  body.top-editorial .value-audio-modal__header > p {
    font-size: 9px;
  }

  body.top-editorial .value-audio-modal__close {
    width: 40px;
    height: 40px;
  }

  body.top-editorial .value-audio-modal__slide {
    width: 100%;
    margin: 2vh 0 3vh;
  }

  body.top-editorial .value-audio-modal__meta {
    gap: 14px;
    margin-bottom: clamp(22px, 4vh, 34px);
  }

  body.top-editorial .value-audio-modal__meta span {
    min-width: 48px;
    font-size: 13px;
  }

  body.top-editorial .value-audio-modal__meta p {
    font-size: 9px;
  }

  body.top-editorial .value-audio-modal__meta::after {
    flex: 1 1 auto;
    width: auto;
  }

  body.top-editorial .value-audio-modal__slide h2 {
    font-size: clamp(27px, 8.2vw, 36px);
    line-height: 1.62;
    letter-spacing: 0.04em;
  }

  body.top-editorial .value-audio-modal__slide > p {
    margin-top: clamp(22px, 3vh, 34px);
    font-size: 12px;
    line-height: 2.05;
  }

  body.top-editorial .value-audio-modal__controls {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 18px 20px;
    padding-top: 18px;
  }

  body.top-editorial .value-audio-modal__toggle {
    min-width: 82px;
  }

  body.top-editorial .value-audio-modal__toggle > span {
    width: 34px;
    height: 34px;
  }

  body.top-editorial .value-audio-modal__toggle > span::before {
    left: 13px;
  }

  body.top-editorial .value-audio-modal__toggle > span::after {
    right: 13px;
  }

  body.top-editorial .value-audio-modal__chapters {
    grid-column: 1 / -1;
    justify-content: space-between;
    gap: 4px;
  }

  body.top-editorial .value-audio-modal__chapters button {
    width: 32px;
    height: 32px;
  }

  body.top-editorial .movie-features__statement {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 1.8;
  }

  body.top-editorial .movie-features__list {
    grid-template-columns: 1fr;
    border-bottom: 0;
  }

  body.top-editorial .movie-features__list > li,
  body.top-editorial .movie-features__list > li:nth-child(odd),
  body.top-editorial .movie-features__list > li:nth-child(even),
  body.top-editorial .movie-features__list > li:last-child:nth-child(odd) {
    grid-column: auto;
    padding: 28px 0 48px;
    border-right: 0;
    border-bottom: 1px solid var(--te-line);
  }

  body.top-editorial .movie-features__list h3 {
    margin: 46px 0 24px;
    font-size: 19px;
    line-height: 1.8;
  }

  body.top-editorial .movie-features__list > li > p {
    font-size: 11px;
    line-height: 2.1;
  }

  body.top-editorial .customer-voice {
    padding: 105px 20px 115px;
  }

  body.top-editorial .difference-board {
    padding: 105px 0 115px;
  }

  body.top-editorial .difference-inner {
    width: calc(100% - 40px);
  }

  body.top-editorial .difference-head {
    margin-bottom: 54px;
  }

  body.top-editorial .difference-head .section-kicker {
    margin-bottom: 22px;
    font-size: 12px;
  }

  body.top-editorial .difference-head h2 {
    font-size: 29px;
    line-height: 1.6;
  }

  body.top-editorial .difference-head > p:last-child {
    margin-top: 26px;
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .difference-grid article {
    padding: 34px 0 40px;
  }

  body.top-editorial .difference-grid span {
    font-size: 18px;
  }

  body.top-editorial .difference-grid h3 {
    margin-top: 23px;
    font-size: 20px;
    line-height: 1.75;
  }

  body.top-editorial .difference-grid p {
    margin-top: 22px;
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .customer-voice__header {
    margin-bottom: 58px;
  }

  body.top-editorial .customer-voice__header > p {
    font-size: 13px;
  }

  body.top-editorial .customer-voice__header h2 {
    margin-top: 18px;
    font-size: 26px;
    line-height: 1.75;
  }

  body.top-editorial .customer-voice__quotes {
    grid-template-columns: 1fr;
  }

  body.top-editorial .customer-voice__quotes article {
    padding: 42px 24px;
  }

  body.top-editorial .customer-voice__quotes blockquote {
    min-height: 0;
    margin: 34px 0 45px;
    font-size: 19px;
    line-height: 2;
  }

  body.top-editorial .service-index {
    padding: 115px 20px 135px;
  }

  body.top-editorial .section-head {
    grid-template-columns: 1fr;
    gap: 45px;
    margin-bottom: 75px;
  }

  body.top-editorial .section-head__eyebrow {
    margin-bottom: 24px;
    font-size: 10px;
  }

  body.top-editorial .section-head h2 {
    font-size: 22px;
  }

  body.top-editorial .section-head__copy {
    font-size: 11px;
    line-height: 2.1;
  }

  body.top-editorial .service-card {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 34px 0 42px;
  }

  body.top-editorial .service-card img {
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .service-card__content {
    padding: 0;
  }

  body.top-editorial .service-card__meta {
    margin-bottom: 20px;
  }

  body.top-editorial .service-card h3 {
    font-size: 21px;
  }

  body.top-editorial .service-card p {
    margin-top: 18px;
    font-size: 10px;
  }

  body.top-editorial .top-service-detail__intro,
  body.top-editorial .top-service-heading,
  body.top-editorial .top-service-steps,
  body.top-editorial .top-service-plan-grid,
  body.top-editorial .top-service-deliverables,
  body.top-editorial .top-service-flow > ol,
  body.top-editorial .top-service-more {
    width: calc(100% - 40px);
  }

  body.top-editorial .top-service-detail__intro {
    grid-template-columns: 76px minmax(0, 1fr);
    padding: 110px 0 120px;
  }

  body.top-editorial .top-service-introduction .top-service-detail__intro {
    grid-template-columns: minmax(0, 1fr);
  }

  body.top-editorial .top-service-introduction .top-service-detail__index {
    display: none;
  }

  body.top-editorial .top-service-introduction .top-service-detail__sp-break {
    display: block;
  }

  body.top-editorial .top-listener-feature__visual {
    height: 100svh;
    min-height: 620px;
  }

  body.top-editorial .top-listener-feature__visual img {
    object-position: center;
  }

  body.top-editorial .top-listener-feature__heading {
    padding: clamp(104px, 15svh, 132px) 20px 20px;
    place-items: start center;
  }

  body.top-editorial .top-listener-feature__heading h2 {
    font-size: 23px;
    line-height: 1.7;
    letter-spacing: 0.11em;
  }

  body.top-editorial .top-listener-feature__heading > p {
    bottom: 24px;
    left: 20px;
    font-size: 10px;
  }

  body.top-editorial .top-service-detail__index,
  body.top-editorial .top-service-detail__kicker {
    font-size: 10px;
  }

  body.top-editorial .top-service-detail__intro .top-service-detail__kicker {
    margin-bottom: 24px;
  }

  body.top-editorial .top-service-detail__intro h2,
  body.top-editorial .top-service-heading h3 {
    font-size: 21px;
  }

  body.top-editorial .top-service-detail__lead {
    margin-top: 36px;
    font-size: 11px;
    line-height: 2.15;
  }

  body.top-editorial .top-service-detail__reassurance {
    margin-top: 34px;
    padding-top: 29px;
    font-size: 16px;
    line-height: 2;
  }

  body.top-editorial .brand-resonance {
    padding: 95px 0 105px;
  }

  body.top-editorial .brand-resonance__inner {
    width: calc(100% - 40px);
  }

  body.top-editorial .brand-resonance__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  body.top-editorial .brand-resonance__kicker {
    margin: 0;
    font-size: 9px;
  }

  body.top-editorial .brand-resonance__header h2 {
    font-size: 23px;
    line-height: 1.85;
  }

  body.top-editorial .brand-resonance__elements {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    margin-top: 65px;
  }

  body.top-editorial .brand-resonance__elements article {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  body.top-editorial .brand-resonance__elements article:nth-child(even) figure,
  body.top-editorial .brand-resonance__elements article:nth-child(even) .brand-resonance__element-copy {
    order: initial;
  }

  body.top-editorial .brand-resonance__elements figure {
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .brand-resonance__element-copy {
    padding: 30px 22px 36px;
  }

  body.top-editorial .brand-resonance__elements h3 {
    margin: 26px 0 18px;
    font-size: 22px;
  }

  body.top-editorial .brand-resonance__element-copy > p {
    font-size: 10px;
    line-height: 2.1;
  }

  body.top-editorial .brand-resonance__closing {
    gap: 16px;
    margin-top: 45px;
    font-size: 15px;
    line-height: 1.9;
  }

  body.top-editorial .brand-resonance__closing::before {
    width: 34px;
  }

  body.top-editorial .top-service-process,
  body.top-editorial .top-service-plans,
  body.top-editorial .top-service-flow {
    padding: 110px 0 125px;
  }

  body.top-editorial .top-service-heading {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-bottom: 65px;
  }

  body.top-editorial .top-service-heading > p {
    margin-top: 0;
    font-size: 14px;
    line-height: 2.05;
  }

  body.top-editorial .top-service-heading--plans {
    gap: 50px;
    margin-bottom: 62px;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker {
    gap: 14px;
    margin-bottom: 48px;
    font-size: 64px;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker small {
    font-size: 12px;
  }

  body.top-editorial .top-service-heading--plans h3 {
    font-size: 24px;
    line-height: 1.72;
  }

  body.top-editorial .top-service-heading--plans h3 em {
    font-size: 1.42em;
  }

  body.top-editorial .top-service-plans__intro {
    max-width: none;
    padding: 0;
  }

  body.top-editorial .top-service-plans__intro-index {
    margin-bottom: 34px;
  }

  body.top-editorial .top-service-plans__intro > p:last-child {
    font-size: 12px;
    line-height: 2.2;
  }

  body.top-editorial .top-service-steps,
  body.top-editorial .top-service-plan-grid {
    grid-template-columns: 1fr;
  }

  body.top-editorial .top-service-steps {
    gap: 0;
  }

  body.top-editorial .top-service-steps li {
    min-height: 0;
    padding: 28px 0 34px;
  }

  body.top-editorial .top-service-steps h4 {
    margin: 28px 0 18px;
    font-size: 17px;
  }

  body.top-editorial .top-service-steps p {
    font-size: 10px;
  }

  body.top-editorial .top-service-plan-grid {
    gap: 14px;
  }

  body.top-editorial .top-service-plan-grid article {
    min-height: 0;
    padding: 34px 27px 39px;
  }

  body.top-editorial .top-service-plan-grid article > p {
    margin-bottom: 39px;
    font-size: 21px;
  }

  body.top-editorial .top-service-plan__number {
    font-size: 35px;
  }

  body.top-editorial .top-service-plan-grid h4 {
    font-size: 17px;
  }

  body.top-editorial .top-service-plan-grid article > .top-service-plan__bonus {
    margin-bottom: 18px;
    padding: 5px 10px 4px;
    font-size: 12px;
  }

  body.top-editorial .top-service-plan-grid strong {
    font-size: 29px;
  }

  body.top-editorial .top-service-plan-grid article > .top-service-plan__fee-note {
    margin: 7px 0 27px;
    font-size: 10px;
  }

  body.top-editorial .top-service-deliverables {
    margin-top: 105px;
    padding-top: 78px;
  }

  body.top-editorial .top-service-deliverables::before {
    bottom: -125px;
  }

  body.top-editorial .top-service-deliverables__heading {
    grid-template-columns: 1fr;
    gap: 44px;
    padding-bottom: 56px;
  }

  body.top-editorial .top-service-deliverables__heading > p {
    font-size: clamp(50px, 14vw, 58px);
  }

  body.top-editorial .top-service-deliverables__heading > p span + span {
    margin-left: 24px;
  }

  body.top-editorial .top-service-deliverables__heading > div {
    padding-top: 0;
  }

  body.top-editorial .top-service-deliverables__heading h3 {
    font-size: 27px;
  }

  body.top-editorial .top-service-deliverables__heading div > p {
    margin-top: 22px;
    padding-top: 22px;
    font-size: 11px;
    line-height: 2.2;
  }

  body.top-editorial .top-service-deliverables__list {
    margin-top: 28px;
  }

  body.top-editorial .top-service-deliverable {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 64px 0 72px;
  }

  body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable {
    grid-template-columns: 1fr;
  }

  body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__media,
  body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__content {
    order: initial;
  }

  body.top-editorial .top-service-deliverable__media {
    aspect-ratio: 16 / 11;
  }

  body.top-editorial .top-service-deliverable--short-videos {
    gap: 40px;
    padding: 76px 0 84px;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content {
    max-width: none;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__media--short-videos {
    height: auto;
    aspect-ratio: auto;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-slider,
  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-track {
    height: auto;
  }

  body.top-editorial .top-service-deliverable__media--short-videos .top-service-deliverable__short-video-track {
    gap: 0;
    height: 100%;
    transition: transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.top-editorial .top-service-deliverable__media--short-videos .top-service-deliverable__short-video-track video {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__photo-count {
    display: none;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-slider {
    height: auto;
    aspect-ratio: 1 / 1;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__short-video-track video {
    pointer-events: none;
  }

  body.top-editorial .top-service-deliverable__short-video-controls {
    position: absolute;
    z-index: 3;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    pointer-events: none;
  }

  body.top-editorial .top-service-deliverable__short-video-controls button {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    color: #fff;
    background: rgba(28, 34, 30, 0.28);
    font-family: var(--te-latin);
    font-size: 17px;
    line-height: 1;
    place-items: center;
    pointer-events: auto;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  body.top-editorial .top-service-deliverable__short-video-controls button:focus-visible {
    outline: 1px solid #fff;
    outline-offset: 3px;
  }

  body.top-editorial .top-service-deliverable__play {
    gap: 7px;
  }

  body.top-editorial .top-service-deliverable__play i {
    width: 48px;
    height: 48px;
  }

  body.top-editorial .top-service-deliverable__media figcaption {
    right: 12px;
    bottom: 11px;
    font-size: 7px;
  }

  body.top-editorial .top-service-deliverable__photo-count {
    bottom: 11px;
    left: 12px;
    font-size: 7px;
  }

  body.top-editorial .top-service-deliverable__photo-count i {
    width: 22px;
    margin: 0 6px;
  }

  body.top-editorial .top-service-deliverable__media--website {
    aspect-ratio: auto;
    padding: 18px 0 14px;
  }

  body.top-editorial .top-service-deliverable__media--website .top-service-deliverable__browser {
    height: auto;
    padding-top: 6px;
    box-shadow:
      0 20px 42px rgba(31, 44, 37, 0.14),
      0 6px 16px rgba(31, 44, 37, 0.08),
      0 1px 4px rgba(31, 44, 37, 0.05);
  }

  body.top-editorial .top-service-deliverable__media--website .top-service-deliverable__browser i {
    top: 2px;
    left: 5px;
    width: 2px;
    height: 2px;
    box-shadow: 4px 0 rgba(31, 44, 37, 0.22), 8px 0 rgba(31, 44, 37, 0.14);
  }

  body.top-editorial .top-service-deliverable__media--website .top-service-deliverable__browser img {
    height: auto;
    object-fit: contain;
    background: #fff;
  }

  body.top-editorial .top-service-deliverable__number {
    margin-bottom: 23px;
    font-size: 42px;
  }

  body.top-editorial .top-service-deliverable__type {
    margin-bottom: 12px;
    font-size: 9px;
  }

  body.top-editorial .top-service-deliverable__content h4 {
    font-size: 22px;
  }

  body.top-editorial .top-service-deliverable__content > p:not([class]),
  body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
  body.top-editorial .top-service-deliverable__short-video-details > p:not([class]) {
    margin-top: 21px;
    font-size: 12px;
    line-height: 2.1;
  }

  body.top-editorial .top-service-deliverable__plan-label {
    margin-top: 26px;
    font-size: 9px;
  }

  body.top-editorial .top-service-deliverable__content ul {
    margin-top: 14px;
  }

  body.top-editorial .movie-faq {
    padding: 105px 0 115px;
  }

  body.top-editorial .movie-faq > * {
    width: calc(100% - 40px);
  }

  body.top-editorial .movie-faq .chapter-heading h2 {
    gap: 14px;
    font-size: 64px;
  }

  body.top-editorial .movie-faq .chapter-heading h2 small {
    font-size: 11px;
  }

  body.top-editorial .movie-faq .answer-board {
    grid-template-columns: 1fr;
    gap: 34px;
    margin-top: 45px;
    padding: 34px 20px 10px;
  }

  body.top-editorial .movie-faq .answer-board-head {
    position: static;
  }

  body.top-editorial .movie-faq .answer-board-head h3 {
    margin-top: 16px;
    font-size: 21px;
  }

  body.top-editorial .movie-faq .answer-board-list article {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 24px 0;
  }

  body.top-editorial .movie-faq .answer-board-list span {
    font-size: 18px;
  }

  body.top-editorial .movie-faq .answer-board-list h4 {
    font-size: 15px;
  }

  body.top-editorial .movie-faq .answer-board-list p {
    font-size: 12px;
    line-height: 2.1;
    text-align: left;
  }

  body.top-editorial .top-service-flow > ol {
    width: 100%;
    border-bottom-color: rgba(255, 255, 255, 0.16);
  }

  body.top-editorial .top-service-flow {
    display: block;
    padding: 110px 20px 125px;
  }

  body.top-editorial .top-service-flow::before {
    top: 72px;
    left: -10px;
    font-size: 120px;
  }

  body.top-editorial .top-service-flow > .top-service-heading {
    width: 100%;
    margin: 0 0 68px;
  }

  body.top-editorial .top-service-flow .top-service-detail__kicker {
    margin-bottom: 48px;
    font-size: 64px;
  }

  body.top-editorial .top-service-flow .top-service-heading h3 {
    font-size: 25px;
    line-height: 1.7;
  }

  body.top-editorial .top-service-flow .top-service-heading > p {
    margin-top: 30px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 2.1;
  }

  body.top-editorial .top-service-flow li {
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 16px;
    min-height: 94px;
    padding: 23px 2px 23px 0;
    border-bottom: 0;
  }

  body.top-editorial .top-service-flow li span {
    margin: 0;
    font-size: 28px;
  }

  body.top-editorial .top-service-flow li strong {
    font-size: 15px;
  }

  body.top-editorial .top-service-more {
    max-width: none;
    margin-top: 57px;
    margin-right: 20px;
    margin-left: 20px;
    font-size: 11px;
  }

  body.top-editorial .brand-statement {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.top-editorial .brand-statement__media {
    min-height: 0;
  }

  body.top-editorial .brand-statement__media img {
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .brand-statement__copy {
    max-width: none;
    padding: 90px 20px 105px;
  }

  body.top-editorial .brand-statement__copy h2 {
    margin: 36px 0 28px;
    font-size: 21px;
  }

  body.top-editorial .brand-statement__copy p {
    font-size: 10px;
  }

  body.top-editorial .creator-story {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.top-editorial .creator-story .brand-statement__media {
    order: 1;
    min-height: 0;
  }

  body.top-editorial .creator-story .brand-statement__media img {
    aspect-ratio: 4 / 5;
    object-position: center center;
  }

  body.top-editorial .creator-story .brand-statement__copy {
    order: 2;
    padding: 88px 20px 100px;
  }

  body.top-editorial .creator-story .brand-statement__copy small {
    font-size: 48px;
  }

  body.top-editorial .creator-story .brand-statement__copy h2 {
    margin: 44px 0 32px;
    font-size: 23px;
  }

  body.top-editorial .creator-story__facts {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  body.top-editorial .creator-story__facts > div {
    padding: 15px;
  }

  body.top-editorial .creator-story__link {
    width: 100%;
    min-width: 0;
    margin-top: 35px;
  }

  body.top-editorial .creator-story--profile .brand-statement__media {
    position: relative;
    top: auto;
    grid-column: 1;
    grid-row: auto;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  body.top-editorial .creator-story--profile .brand-statement__media img {
    height: 100%;
    aspect-ratio: auto;
    object-position: 18% 38%;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy {
    grid-column: 1;
    grid-row: auto;
    padding: 88px 20px 100px;
  }

  body.top-editorial .creator-story--profile .creator-story__role {
    margin-top: 42px;
    font-size: 10px;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy > h2 {
    margin: 11px 0 0;
    font-size: 40px;
  }

  body.top-editorial .creator-story__origin {
    margin-top: 42px;
    padding-top: 28px;
  }

  body.top-editorial .creator-story__origin h3 {
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .creator-story__origin p {
    margin-top: 26px;
    font-size: 13px;
  }

  body.top-editorial .creator-story__profile-section {
    margin-top: 38px;
    padding-top: 20px;
  }

  body.top-editorial .creator-story__profile-content {
    margin-top: 20px;
  }

  body.top-editorial .creator-story__profile-content p,
  body.top-editorial .creator-story__profile-content li {
    font-size: 13px;
  }

  body.top-editorial .top-contact {
    grid-template-columns: 76px minmax(0, 1fr);
    width: calc(100% - 40px);
    padding: 95px 0 115px;
  }

  body.top-editorial .top-contact > p {
    font-size: 10px;
  }

  body.top-editorial .top-contact h2 {
    font-size: 20px;
  }

  body.top-editorial .top-contact div > p {
    font-size: 10px;
    line-height: 1.9;
  }

  body.top-editorial .top-contact a {
    margin-top: 43px;
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .service-card img,
  body.top-editorial .top-service-more i,
  body.top-editorial .top-contact a i,
  body.top-editorial .lumen-digest-button,
  body.top-editorial .value-audio-modal,
  body.top-editorial .value-audio-modal__stage,
  body.top-editorial .value-audio-modal__slide {
    transition: none;
  }

  body.top-editorial .value-audio-modal__still,
  body.top-editorial .value-audio-modal__still img {
    animation: none;
    transition: none;
  }

  body.top-editorial .value-audio-modal__still {
    opacity: 0;
  }

  body.top-editorial .value-audio-modal__still.is-active {
    opacity: 1;
  }

  body.top-editorial .value-audio-modal__still img {
    transform: none;
  }

  body.top-editorial .movie-features--value .movie-features__list > li,
  body.top-editorial .movie-features--value .movie-features__header {
    transition: none;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__image {
    animation: none;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__image--primary {
    opacity: 1;
    transform: none;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__image--secondary {
    opacity: 0;
  }
}

@media (max-width: 820px) {
  body.top-editorial .movie-features--value .movie-features__header {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }

  body.top-editorial .movie-features--value .value-audio-trigger,
  body.top-editorial .movie-features--value .value-audio-inline {
    grid-column: 1;
    width: 100%;
  }

  body.top-editorial .movie-features--value .value-audio-inline {
    margin-top: -12px;
  }

  body.top-editorial .movie-features--value.is-narrating-intro .movie-features__header {
    margin-inline: -10px;
    padding: 34px 20px 38px;
  }

  body.top-editorial .movie-features--value .movie-features__list {
    gap: 18px;
  }

  body.top-editorial .movie-features--value .movie-features__list > li,
  body.top-editorial .movie-features--value .movie-features__list > li:nth-child(odd),
  body.top-editorial .movie-features--value .movie-features__list > li:nth-child(even),
  body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd) {
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: 0;
    padding: 18px 18px 30px;
    scroll-margin-top: 6vh;
  }

  body.top-editorial .movie-features--value .movie-features__list > li.is-narrating,
  body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd).is-narrating {
    grid-template-columns: 1fr;
    align-content: start;
    align-items: start;
    gap: 0;
    height: 100svh;
    min-height: 100vh;
    min-height: 100svh;
    padding: 0 0 calc(118px + env(safe-area-inset-bottom));
    border-width: 0;
    scroll-margin-top: 0;
  }

  body.top-editorial .value-feature__images {
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__images {
    aspect-ratio: 4 / 4;
  }

  body.top-editorial .movie-features--value .value-feature__content h3 {
    margin: 36px 0 20px;
    font-size: 22px;
    line-height: 1.75;
  }

  body.top-editorial .movie-features--value .value-feature__content > p,
  body.top-editorial .movie-features--value li.is-narrating .value-feature__content > p {
    font-size: 11px;
    line-height: 2.1;
  }
}

/* Value narration: fixed footer controls and full-bleed active chapter. */
body.service-movie-page {
  padding-bottom: 0;
}

body.top-editorial .value-audio-controlbar {
  position: fixed;
  right: auto;
  bottom: 0;
  left: 50%;
  z-index: 1300;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 50px;
  align-items: center;
  gap: 18px;
  width: min(900px, calc(100vw - 48px));
  min-height: 0;
  height: 96px;
  padding: 16px 20px;
  color: #333;
  background: rgba(255, 253, 249, 0.96);
  border: 1px solid rgba(181, 155, 117, 0.38);
  box-shadow: 0 18px 50px rgba(39, 31, 23, 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.top-editorial .value-audio-controlbar .value-audio-trigger {
  grid-column: auto;
  grid-template-columns: 46px auto;
  gap: 13px;
  width: auto;
  margin: 0;
  padding: 0 clamp(24px, 3vw, 46px) 0 0;
  color: #fff;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}

body.top-editorial .value-audio-controlbar .value-audio-trigger__icon {
  width: 46px;
  height: 46px;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.42);
}

body.top-editorial .value-audio-controlbar .value-audio-trigger__copy {
  gap: 5px;
}

body.top-editorial .value-audio-controlbar .value-audio-trigger__copy small {
  color: rgba(255, 255, 255, 0.54);
}

body.top-editorial .value-audio-controlbar .value-audio-trigger__copy strong {
  color: #fff;
}

body.top-editorial .value-audio-controlbar__chapter {
  margin: 0;
  padding: 0 clamp(24px, 3vw, 48px);
  color: rgba(255, 255, 255, 0.74);
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.top-editorial .value-audio-controlbar__timeline {
  display: grid;
  grid-template-columns: 44px minmax(80px, 1fr) 44px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  height: 28px;
}

body.top-editorial .value-audio-controlbar__bar {
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.22);
}

body.top-editorial .value-audio-controlbar__bar span {
  display: block;
  width: 100%;
  height: 100%;
  background: #f2f5f3;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

body.top-editorial .value-audio-controlbar__timeline > p {
  display: flex;
  gap: 7px;
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.top-editorial .movie-features--value .movie-features__list > li.is-narrating {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding-right: 0;
  padding-left: 0;
}

body.top-editorial .movie-features--value.is-audio-playing {
  padding-right: 0;
  padding-left: 0;
}

body.top-editorial .movie-features--value.is-audio-playing .movie-features__inner {
  width: 100%;
  max-width: none;
}

body.top-editorial .movie-features--value.is-audio-playing .movie-features__header,
body.top-editorial .movie-features--value.is-audio-playing .movie-features__list > li:not(.is-narrating) {
  width: min(calc(100% - 11.1vw), 1280px);
  margin-right: auto;
  margin-left: auto;
}

body.top-editorial .movie-features--value.is-audio-playing .movie-features__list > li.is-narrating {
  width: 100%;
  margin-left: 0;
}

body.top-editorial .movie-features--value li.is-narrating .movie-features__meta {
  opacity: 0;
  transform: translateY(18px);
  animation: value-narration-copy-in 0.95s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: 0.1s;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__content h3,
body.top-editorial .movie-features--value li.is-narrating .value-feature__content > p {
  opacity: 0;
  transform: translateY(18px);
  transition: none;
}

body.top-editorial .movie-features--value li.is-narrating.is-title-visible .value-feature__content h3,
body.top-editorial .movie-features--value li.is-narrating.is-body-visible .value-feature__content > p {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1), transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__content h3,
body.top-editorial .movie-features--value li.is-narration-complete .value-feature__content h3 {
  color: #fff;
}

body.top-editorial .movie-features--value li.is-narration-complete .value-feature__content > p {
  color: rgba(255, 255, 255, 0.72);
}

body.top-editorial .movie-features--value.is-audio-paused li.is-narrating .movie-features__meta {
  animation-play-state: paused;
}

@keyframes value-narration-copy-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 820px) {
  body.service-movie-page {
    padding-bottom: 0;
  }

  body.top-editorial .value-audio-controlbar {
    bottom: 10px;
    grid-template-columns: minmax(0, 1fr) auto 44px;
    gap: 9px;
    width: calc(100vw - 35px);
    min-height: 0;
    height: 75px;
    padding: 10px;
  }

  body.top-editorial .value-audio-controlbar .value-audio-trigger {
    grid-column: 1;
    grid-template-columns: 40px auto;
    gap: 10px;
    width: auto;
    padding: 0 14px 0 0;
  }

  body.top-editorial .value-audio-controlbar .value-audio-trigger__icon {
    width: 40px;
    height: 40px;
  }

  body.top-editorial .value-audio-controlbar__chapter {
    grid-column: 2;
    padding: 0;
    overflow: hidden;
    font-size: 9px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.top-editorial .value-audio-controlbar__timeline {
    grid-column: auto;
    grid-template-columns: 38px minmax(30px, 1fr) 38px;
    gap: 6px;
    height: 24px;
  }

  body.top-editorial .movie-features--value .movie-features__list > li.is-narrating,
  body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd).is-narrating {
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  body.top-editorial .movie-features--value.is-audio-playing .movie-features__header,
  body.top-editorial .movie-features--value.is-audio-playing .movie-features__list > li:not(.is-narrating) {
    width: calc(100% - 40px);
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__content {
    padding: 24px 20px 0;
  }

  body.top-editorial .movie-features--value li.is-narrating .value-feature__content > p {
    animation-delay: 2.25s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .movie-features--value li.is-narrating .movie-features__meta,
  body.top-editorial .movie-features--value li.is-narrating .value-feature__content h3,
  body.top-editorial .movie-features--value li.is-narrating .value-feature__content > p {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

body.top-editorial .value-audio-launcher {
  position: fixed;
  right: auto;
  bottom: 24px;
  left: 50%;
  z-index: 1301;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  align-items: center;
  gap: 20px;
  width: min(590px, calc(100vw - 48px));
  height: 86px;
  padding: 13px 17px 13px 26px;
  color: #fff;
  background: linear-gradient(135deg, #17382b 0%, #285744 55%, #17382b 100%);
  border: 1px solid rgba(145, 190, 167, 0.54);
  box-shadow: 0 22px 64px rgba(17, 42, 31, 0.34);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 50px));
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.top-editorial .value-audio-launcher.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

@media (max-width: 820px) {
  body.top-editorial .value-audio-launcher button,
  body.top-editorial .value-audio-controlbar button {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
  }
}

body.top-editorial .value-audio-launcher:hover,
body.top-editorial .value-audio-launcher:focus-visible {
  border-color: rgba(206, 232, 218, 0.92);
  box-shadow: 0 26px 72px rgba(17, 42, 31, 0.44);
  transform: translate(-50%, -4px);
}

body.top-editorial .value-audio-launcher__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: rgba(225, 239, 231, 0.66);
  font-family: var(--te-latin);
  font-size: 9px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.24em;
  white-space: nowrap;
}

body.top-editorial .value-audio-launcher__counter {
  display: none;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  flex: 0 0 auto;
  color: #17382b;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

body.top-editorial .value-audio-launcher__status-row {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  white-space: nowrap;
}

body.top-editorial .value-audio-launcher__counter b {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0.08em;
}

body.top-editorial .value-audio-launcher__counter i {
  color: rgba(23, 56, 43, 0.42);
  font-style: normal;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__counter {
  display: inline-flex;
}

body.top-editorial .value-audio-launcher strong {
  display: block;
  font-family: var(--te-serif);
  font-size: clamp(16px, 1.35vw, 19px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: left;
}

@media (min-width: 821px) {
  body.top-editorial .value-audio-launcher__copy {
    text-align: center;
  }

  body.top-editorial .value-audio-launcher strong {
    text-align: center;
  }
}

body.top-editorial .value-audio-launcher__play {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  color: #17382b;
  background: rgba(244, 248, 245, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.64);
  border-radius: 50%;
  transition: background 0.3s ease, transform 0.3s ease;
}

body.top-editorial .value-audio-launcher:hover .value-audio-launcher__play,
body.top-editorial .value-audio-launcher:focus-visible .value-audio-launcher__play {
  background: #fff;
  transform: scale(1.05);
}

body.top-editorial .value-audio-launcher__play i {
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid currentColor;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play i {
  width: 12px;
  height: 12px;
  margin: 0;
  background: currentColor;
  border: 0;
}

body.top-editorial .value-audio-launcher.is-playing {
  background: linear-gradient(135deg, #513a34 0%, #816054 55%, #49332f 100%);
  border-color: rgba(222, 191, 178, 0.58);
  box-shadow: 0 22px 64px rgba(60, 37, 31, 0.34);
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play {
  color: #69493f;
}

@media (max-width: 820px) {
  body.top-editorial .value-audio-launcher {
    bottom: 10px;
    grid-template-columns: minmax(0, 1fr) 50px;
    gap: 14px;
    width: calc(100vw - 35px);
    height: 84px;
    padding: 12px 12px 12px 20px;
  }

  body.top-editorial .value-audio-launcher__eyebrow {
    display: block;
    margin-bottom: 5px;
    font-size: 8px;
    letter-spacing: 0.19em;
  }

  body.top-editorial .value-audio-launcher strong {
    font-size: 15px;
    line-height: 1.55;
    letter-spacing: 0.08em;
  }

  body.top-editorial .value-audio-launcher__play {
    width: 50px;
    height: 50px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-audio-launcher {
    transition: none;
  }
}

/* Keep the movie page's mobile header visually identical to the TOP page. */
@media (max-width: 820px) {
  body.service-movie-page .site-header {
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: start;
    min-height: 0;
    height: 64px;
    padding: 24px 20px 0;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.service-movie-page .site-header.is-scrolled {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.service-movie-page .site-logo {
    position: static;
    justify-self: start;
    width: auto;
    height: 40px;
  }

  body.service-movie-page .menu-toggle {
    position: relative;
    grid-column: 2;
    align-self: start;
    width: 34px;
    height: 24px;
    margin: 0;
  }

  body.service-movie-page .menu-toggle span {
    position: absolute;
    right: 0;
    width: 34px;
    height: 1px;
    margin: 0;
    transition: top 240ms ease, transform 240ms ease;
  }

  body.service-movie-page .menu-toggle span:first-child {
    top: 6px;
  }

  body.service-movie-page .menu-toggle span:last-child {
    top: 15px;
  }

  body.service-movie-page.is-site-menu-open .menu-toggle span:first-child {
    top: 10px;
    transform: rotate(45deg);
  }

  body.service-movie-page.is-site-menu-open .menu-toggle span:last-child {
    top: 10px;
    transform: rotate(-45deg);
  }
}

/* Value voice v2: chapter-led playback, full-bleed images and story controls. */
body.top-editorial .value-audio-controlbar__meta {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 8px 16px;
}

body.top-editorial .value-audio-controlbar__title {
  overflow: hidden;
  color: #2f312f;
  font-family: var(--te-serif);
  font-size: clamp(15px, 1.3vw, 18px);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0.06em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.top-editorial .value-audio-controlbar__now {
  color: #8a765d;
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

body.top-editorial .value-audio-controlbar__timeline {
  margin-top: 10px;
}

body.top-editorial .value-audio-controlbar__skip:disabled {
  opacity: 0.26;
  pointer-events: none;
}

body.top-editorial .value-audio-controlbar__toggle {
  position: relative;
  isolation: isolate;
  overflow: visible;
  color: #fff;
  background: linear-gradient(135deg, #183b2e 0%, #2f654f 34%, #74a58a 68%, #183b2e 100%);
  background-size: 300% 300%;
  box-shadow: 0 9px 25px rgba(24, 59, 46, 0.3);
  animation: value-control-gradient 6s ease-in-out infinite;
}

body.top-editorial .value-audio-controlbar__toggle::after {
  position: absolute;
  inset: -1px;
  z-index: 0;
  border: 1px solid rgba(90, 144, 116, 0.48);
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
}

body.top-editorial .value-audio-controlbar__toggle.is-playing::after {
  animation: value-control-pulse 2s ease-out infinite;
}

@keyframes value-control-gradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes value-control-pulse {
  0% { opacity: 0.58; transform: scale(1); }
  75%, 100% { opacity: 0; transform: scale(1.34); }
}

body.top-editorial .movie-features--value li.is-narrating .movie-features__meta::after {
  transform: scaleX(var(--chapter-progress, 0));
  transform-origin: left center;
  will-change: transform;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__image--primary {
  animation: value-feature-primary-strong 12s linear infinite;
}

body.top-editorial .movie-features--value li.is-narrating .value-feature__image--secondary {
  animation: value-feature-secondary-strong 12s linear infinite;
}

@keyframes value-feature-primary-strong {
  0% { opacity: 1; transform: scale(1.18); }
  40% { opacity: 1; transform: scale(1.02); }
  50% { opacity: 0; transform: scale(1.02); }
  51%, 88% { opacity: 0; transform: scale(1.18); }
  100% { opacity: 1; transform: scale(1.18); }
}

@keyframes value-feature-secondary-strong {
  0%, 40% { opacity: 0; transform: scale(1.02); }
  50% { opacity: 1; transform: scale(1.02); }
  88% { opacity: 1; transform: scale(1.18); }
  100% { opacity: 0; transform: scale(1.18); }
}

/* Keep Music's first zoom frame continuous with the card expansion. */
body.top-editorial .movie-features--value .movie-features__list > li:nth-child(2).is-narrating .value-feature__image--primary {
  animation-name: value-feature-music-primary;
}

body.top-editorial .movie-features--value .movie-features__list > li:nth-child(2).is-narrating .value-feature__image--secondary {
  animation-name: value-feature-music-secondary;
}

@keyframes value-feature-music-primary {
  0% { opacity: 1; transform: scale(1.001); }
  40% { opacity: 1; transform: scale(1.16); }
  50% { opacity: 0; transform: scale(1.16); }
  51%, 88% { opacity: 0; transform: scale(1.001); }
  100% { opacity: 1; transform: scale(1.001); }
}

@keyframes value-feature-music-secondary {
  0%, 40% { opacity: 0; transform: scale(1.16); }
  50% { opacity: 1; transform: scale(1.16); }
  88% { opacity: 1; transform: scale(1.001); }
  100% { opacity: 0; transform: scale(1.001); }
}

@media (min-width: 821px) {
  body.top-editorial .value-audio-controlbar {
    right: 0;
    left: auto;
    width: 50%;
    border-right: 0;
    border-bottom: 0;
    transform: translateY(calc(100% + 50px));
  }

  body.top-editorial .value-audio-controlbar.is-visible {
    transform: translateY(0);
  }
}

@media (max-width: 820px) {
  body.top-editorial .movie-features--value .movie-features__list > li,
  body.top-editorial .movie-features--value .movie-features__list > li:nth-child(odd),
  body.top-editorial .movie-features--value .movie-features__list > li:nth-child(even),
  body.top-editorial .movie-features--value .movie-features__list > li:last-child:nth-child(odd) {
    grid-template-columns: minmax(0, 1fr);
  }

  body.top-editorial .value-audio-controlbar {
    right: 0;
    bottom: 0;
    left: 0;
    grid-template-columns: minmax(0, 1fr) auto 48px;
    gap: 7px;
    width: 100%;
    height: 90px;
    padding: 10px 10px 9px 14px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    transform: translateY(calc(100% + 50px));
  }

  body.top-editorial .value-audio-controlbar.is-visible {
    transform: translateY(0);
  }

  body.top-editorial .value-audio-controlbar__meta {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 8px;
  }

  body.top-editorial .value-audio-controlbar__eyebrow {
    display: none;
  }

  body.top-editorial .value-audio-controlbar__title {
    font-size: 12px;
    line-height: 1.3;
  }

  body.top-editorial .value-audio-controlbar__now {
    font-size: 8px;
  }

  body.top-editorial .value-audio-controlbar__timeline {
    grid-template-columns: 34px minmax(30px, 1fr) 34px;
    gap: 5px;
    height: 22px;
    margin-top: 8px;
  }

  body.top-editorial .value-audio-controlbar__utility {
    gap: 2px;
  }

  body.top-editorial .value-audio-controlbar__skip {
    width: 31px;
    height: 31px;
  }

  body.top-editorial .value-audio-controlbar__toggle {
    width: 48px;
    height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-audio-controlbar__toggle,
  body.top-editorial .value-audio-controlbar__toggle.is-playing::after,
  body.top-editorial .movie-features--value .movie-features__list > li.is-narrating {
    animation: none;
  }
}

/* Make the in-section narration entry point feel like a clear primary action. */
body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger {
  grid-template-columns: 62px auto minmax(32px, 1fr) auto;
  gap: 20px;
  min-height: 94px;
  margin-top: 24px;
  padding: 18px 22px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 4px;
  color: #fff;
  background: linear-gradient(120deg, #123529 0%, #2f624c 52%, #173c2f 100%);
  background-size: 180% 180%;
  box-shadow: 0 18px 42px rgba(20, 55, 41, 0.2);
  overflow: hidden;
  transition: background-position 0.7s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease, transform 0.35s ease;
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger::after {
  background: rgba(255, 255, 255, 0.72);
  transform: scaleX(0.42);
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger:hover,
body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger:focus-visible {
  background-position: 100% 50%;
  box-shadow: 0 22px 52px rgba(20, 55, 41, 0.3);
  transform: translateY(-2px);
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger:focus-visible {
  outline: 2px solid #2f624c;
  outline-offset: 4px;
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__icon {
  width: 62px;
  height: 62px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.7);
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger:hover .value-audio-trigger__icon,
body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger:focus-visible .value-audio-trigger__icon {
  color: #17382b;
  background: #fff;
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__copy small,
body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__time {
  color: rgba(255, 255, 255, 0.68);
}

body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__copy strong {
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.1em;
}

@media (max-width: 820px) {
  body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger {
    grid-template-columns: 54px auto minmax(12px, 1fr) auto;
    gap: 14px;
    min-height: 86px;
    margin-top: 2px;
    padding: 15px 16px;
  }

  body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__icon {
    width: 54px;
    height: 54px;
  }

  body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger .value-audio-trigger__copy strong {
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .movie-features--value .movie-features__header > .value-audio-trigger {
    transition: none;
  }
}

/* Desktop: align the simplified narration button with the former controller. */
@media (min-width: 821px) {
  body.top-editorial .value-audio-launcher {
    right: 0;
    bottom: 0;
    left: auto;
    width: 50%;
    height: 96px;
    border-right: 0;
    border-bottom: 0;
    transform: translateY(calc(100% + 50px));
  }

  body.top-editorial .value-audio-launcher.is-visible {
    transform: translateY(0);
  }

  body.top-editorial .value-audio-launcher:hover,
  body.top-editorial .value-audio-launcher:focus-visible {
    transform: translateY(-4px);
  }
}

html.is-value-audio-scroll-locked {
  overscroll-behavior: none;
}

html.is-value-return-position-locked,
html.is-value-return-position-locked body.top-editorial .brand-resonance-value .movie-features__list {
  overflow-anchor: none;
}

body.top-editorial .value-audio-launcher {
  grid-template-columns: minmax(0, 1fr) 0 54px 0;
  gap: 0;
  overflow: hidden;
  cursor: default;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.3s ease, box-shadow 0.3s ease, grid-template-columns 0.35s ease, gap 0.35s ease;
}

body.top-editorial .value-audio-launcher.is-playing {
  grid-template-columns: minmax(0, 1fr) 42px 54px 42px;
  gap: 8px;
}

body.top-editorial .value-audio-launcher__main {
  display: contents;
}

body.top-editorial .value-audio-launcher__main:focus-visible,
body.top-editorial .value-audio-launcher__step:focus-visible {
  outline: 1px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}

body.top-editorial .value-audio-launcher__step {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.72);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.3s ease, background 0.3s ease;
  cursor: pointer;
}

body.top-editorial .value-audio-launcher__step--prev {
  grid-column: 2;
}

body.top-editorial .value-audio-launcher__step--next {
  grid-column: 4;
}

body.top-editorial .value-audio-launcher__copy {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  cursor: pointer;
}

body.top-editorial .value-audio-launcher__play {
  grid-column: 3;
  grid-row: 1;
  cursor: pointer;
}

body.top-editorial .value-audio-launcher__main:focus-visible .value-audio-launcher__play {
  outline: 1px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__step {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}

body.top-editorial .value-audio-launcher__step:hover:not(:disabled),
body.top-editorial .value-audio-launcher__step:focus-visible:not(:disabled) {
  color: #5d4038;
  background: #fff;
  transform: scale(1.07);
}

body.top-editorial .value-audio-launcher__step:disabled {
  opacity: 0.28;
  pointer-events: none;
}

body.top-editorial .value-audio-launcher__step i {
  width: 8px;
  height: 8px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}

body.top-editorial .value-audio-launcher__step--prev i {
  margin-left: 3px;
  transform: rotate(-135deg);
}

body.top-editorial .value-audio-launcher__step--next i {
  margin-right: 3px;
  transform: rotate(45deg);
}

@media (max-width: 820px) {
  body.top-editorial .value-audio-launcher {
    grid-template-columns: minmax(0, 1fr) 0 50px 0;
    gap: 0;
    padding: 8px 10px;
  }

  body.top-editorial .value-audio-launcher.is-playing {
    grid-template-columns: minmax(0, 1fr) 36px 50px 36px;
    gap: 5px;
  }

  body.top-editorial .value-audio-launcher__step {
    width: 34px;
    height: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-audio-launcher,
  body.top-editorial .value-audio-launcher__step {
    transition: none;
  }
}

/* Compact centered narration dock. */
@media (min-width: 821px) {
  body.top-editorial .value-audio-launcher {
    right: auto;
    bottom: 16px;
    left: 50%;
    grid-template-columns: minmax(0, 1fr) 0 46px 0;
    width: min(520px, calc(100vw - 40px));
    height: 74px;
    padding: 8px 10px 8px 18px;
    border: 1px solid rgba(145, 190, 167, 0.54);
    transform: translate(-50%, calc(100% + 40px));
  }

  body.top-editorial .value-audio-launcher.is-visible {
    transform: translate(-50%, 0);
  }

  body.top-editorial .value-audio-launcher:hover,
  body.top-editorial .value-audio-launcher:focus-within {
    transform: translate(-50%, -3px);
  }

  body.top-editorial .value-audio-launcher.is-playing {
    grid-template-columns: minmax(0, 1fr) 34px 46px 34px;
    gap: 6px;
  }

  body.top-editorial .value-audio-launcher__play {
    width: 46px;
    height: 46px;
  }

  body.top-editorial .value-audio-launcher__step {
    width: 32px;
    height: 32px;
  }

  body.top-editorial .value-audio-launcher__eyebrow {
    margin-bottom: 5px;
    font-size: 8px;
  }

  body.top-editorial .value-audio-launcher strong {
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (max-width: 820px) {
  body.top-editorial .value-audio-launcher {
    bottom: 10px;
    grid-template-columns: minmax(0, 1fr) 0 44px 0;
    width: calc(100vw - 20px);
    height: 72px;
    padding: 7px 8px 7px 14px;
  }

  body.top-editorial .value-audio-launcher.is-playing {
    grid-template-columns: minmax(0, 1fr) 31px 44px 31px;
    gap: 4px;
  }

  body.top-editorial .value-audio-launcher__play {
    width: 44px;
    height: 44px;
  }

  body.top-editorial .value-audio-launcher__step {
    width: 29px;
    height: 29px;
  }

  body.top-editorial .value-audio-launcher__eyebrow {
    margin-bottom: 4px;
    font-size: 7px;
  }

  body.top-editorial .value-audio-launcher__counter {
    font-size: 15px;
  }

  body.top-editorial .value-audio-launcher__counter b {
    font-size: inherit;
  }

  body.top-editorial .value-audio-launcher__status-row {
    justify-content: center;
    gap: 6px;
  }

  body.top-editorial .value-audio-launcher.is-playing strong {
    font-size: clamp(10px, 3.4vw, 13px);
    letter-spacing: 0.04em;
    white-space: nowrap;
  }

  body.top-editorial .value-audio-launcher strong {
    font-size: 13px;
    line-height: 1.35;
  }
}

/* Keep the launcher green before playback; switch to white while narrating. */
body.top-editorial .value-audio-launcher.is-playing {
  color: #17382b;
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(37, 92, 69, 0.28);
  box-shadow: 0 16px 44px rgba(18, 46, 35, 0.2);
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__eyebrow {
  color: rgba(31, 78, 59, 0.58);
}

body.top-editorial .value-audio-launcher.is-playing strong {
  color: #17382b;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__step {
  color: #275943;
  background: rgba(39, 89, 67, 0.06);
  border-color: rgba(39, 89, 67, 0.3);
}

body.top-editorial .value-audio-launcher__step:hover:not(:disabled),
body.top-editorial .value-audio-launcher__step:focus-visible:not(:disabled) {
  color: #fff;
  background: #275943;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play {
  color: #275943;
  background: #eef4f0;
  border-color: rgba(39, 89, 67, 0.3);
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play {
  color: #fff;
  background: linear-gradient(135deg, #173c2f 0%, #3b765c 34%, #79a98e 68%, #173c2f 100%);
  background-size: 300% 300%;
  border-color: rgba(42, 102, 76, 0.42);
  box-shadow: 0 8px 22px rgba(23, 60, 47, 0.28);
  animation: value-control-gradient 6s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play {
    animation: none;
  }
}

/* Keep the idle footer charcoal, then switch to a quiet white playback surface. */
body.top-editorial .value-audio-launcher {
  color: #fff;
  background: #3e3a39;
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 18px 52px rgba(62, 58, 57, 0.34);
}

body.top-editorial .value-audio-launcher.is-playing {
  color: var(--brand-resonance-control-ink, #5f5956);
  background: #fff;
  border-color: rgba(62, 58, 57, 0.2);
  box-shadow: 0 18px 52px rgba(62, 58, 57, 0.18);
}

body.top-editorial .value-audio-launcher:hover,
body.top-editorial .value-audio-launcher:focus-within {
  border-color: rgba(255, 255, 255, 0.64);
  box-shadow: 0 22px 60px rgba(62, 58, 57, 0.42);
}

body.top-editorial .value-audio-launcher.is-playing:hover,
body.top-editorial .value-audio-launcher.is-playing:focus-within {
  border-color: rgba(62, 58, 57, 0.3);
  box-shadow: 0 22px 60px rgba(62, 58, 57, 0.24);
}

body.top-editorial .value-audio-launcher__eyebrow {
  color: rgba(255, 255, 255, 0.62);
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__eyebrow {
  color: rgba(95, 89, 86, 0.58);
}

body.top-editorial .value-audio-launcher strong {
  color: #fff;
}

body.top-editorial .value-audio-launcher.is-playing strong,
body.top-editorial .value-audio-launcher__counter {
  color: var(--brand-resonance-control-ink, #5f5956);
}

body.top-editorial .value-audio-launcher__counter i {
  color: rgba(95, 89, 86, 0.42);
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__step {
  color: var(--brand-resonance-control-ink, #5f5956);
  background: rgba(116, 109, 105, 0.08);
  border-color: rgba(116, 109, 105, 0.3);
}

body.top-editorial .value-audio-launcher__step:hover:not(:disabled),
body.top-editorial .value-audio-launcher__step:focus-visible:not(:disabled) {
  color: var(--brand-resonance-control-ink, #5f5956);
  background: var(--brand-resonance-control-paper, #f1eeea);
}

body.top-editorial .value-audio-launcher__play {
  color: var(--brand-resonance-control-ink, #5f5956);
  background: var(--brand-resonance-control-paper, #f1eeea);
  background-size: auto;
  border-color: rgba(255, 255, 255, 0.5);
  animation: none;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__play {
  color: #fff;
  background: var(--brand-resonance-control, #746d69);
  background-size: auto;
  border-color: rgba(116, 109, 105, 0.42);
  animation: none;
}

body.top-editorial .value-audio-launcher.is-playing .value-audio-launcher__main:focus-visible .value-audio-launcher__play {
  outline-color: rgba(62, 58, 57, 0.68);
}

/* Voice / music / film presentation slider. */
body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements {
  position: relative;
  display: grid;
  isolation: isolate;
  overflow: hidden;
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article {
  grid-area: 1 / 1;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(3.5%, 0, 0);
  transition: opacity 900ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 900ms,
    transform 1100ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article.is-before {
  transform: translate3d(-3.5%, 0, 0);
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements figure {
  overflow: hidden;
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements figure img {
  transform: scale(1.035);
  transition: transform 1600ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article.is-active figure img {
  transform: scale(1);
}

body.top-editorial .brand-resonance__navigation {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto auto;
  align-items: center;
  gap: clamp(18px, 2.7vw, 42px);
  margin-top: 34px;
}

body.top-editorial .brand-resonance__trigger {
  position: relative;
  grid-column: 2;
  display: grid;
  grid-template-columns: 62px auto minmax(24px, 1fr) auto;
  align-items: center;
  gap: 18px;
  width: min(100%, 560px);
  min-height: 96px;
  margin-top: 48px;
  padding: 16px 20px;
  overflow: hidden;
  color: #fff;
  text-align: left;
  background: linear-gradient(120deg, #123529 0%, #2f624c 52%, #173c2f 100%);
  background-size: 180% 180%;
  border: 1px solid rgba(135, 182, 159, 0.45);
  box-shadow: 0 18px 42px rgba(20, 55, 41, 0.2);
  transition: background-position 700ms cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 350ms ease,
    transform 350ms ease;
  cursor: pointer;
}

body.top-editorial .brand-resonance__trigger::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.82);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
}

body.top-editorial .brand-resonance.is-presenting.is-timing .brand-resonance__trigger::after {
  animation: brand-resonance-timer 6s linear forwards;
}

body.top-editorial .brand-resonance__trigger:hover,
body.top-editorial .brand-resonance__trigger:focus-visible {
  background-position: 100% 50%;
  box-shadow: 0 22px 52px rgba(20, 55, 41, 0.3);
  transform: translateY(-2px);
}

body.top-editorial .brand-resonance__trigger:focus-visible {
  outline: 2px solid #2f624c;
  outline-offset: 4px;
}

body.top-editorial .brand-resonance__trigger-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transition: color 300ms ease, background 300ms ease, transform 300ms ease;
}

body.top-editorial .brand-resonance__trigger-icon i {
  width: 0;
  height: 0;
  margin-left: 4px;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid currentColor;
}

body.top-editorial .brand-resonance__trigger.is-playing .brand-resonance__trigger-icon {
  color: #214b39;
  background: #fff;
  transform: scale(1.04);
}

body.top-editorial .brand-resonance__trigger.is-playing .brand-resonance__trigger-icon i {
  width: 12px;
  height: 12px;
  margin: 0;
  background: currentColor;
  border: 0;
}

body.top-editorial .brand-resonance__trigger-copy {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

body.top-editorial .brand-resonance__trigger-copy small,
body.top-editorial .brand-resonance__trigger-time {
  color: rgba(255, 255, 255, 0.68);
  font-family: var(--te-latin);
  font-size: 8px;
  line-height: 1;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

body.top-editorial .brand-resonance__trigger-copy strong {
  color: #fff;
  font-family: var(--te-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active {
  color: #fff;
  background: linear-gradient(120deg, #173c2f 0%, #315f4b 48%, #214838 100%);
  background-size: 180% 180%;
  border-color: rgba(133, 179, 157, 0.52);
  animation: value-control-gradient 9s ease-in-out infinite;
}

body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-meta,
body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-copy > p {
  color: rgba(255, 255, 255, 0.72);
}

body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-meta,
body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active h3,
body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-copy > p {
  animation: brand-resonance-copy-in 1100ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active h3 {
  animation-delay: 130ms;
}

body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-copy > p {
  animation-delay: 260ms;
}

@keyframes brand-resonance-timer {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}

@keyframes brand-resonance-copy-in {
  from { opacity: 0; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

body.top-editorial .brand-resonance__arrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  color: var(--te-ink);
  background: transparent;
  border: 0;
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 300ms ease, opacity 300ms ease;
  cursor: pointer;
}

body.top-editorial .brand-resonance__arrow i {
  display: block;
  width: 30px;
  height: 1px;
  background: currentColor;
  transition: width 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance__arrow:hover:not(:disabled) i,
body.top-editorial .brand-resonance__arrow:focus-visible:not(:disabled) i {
  width: 48px;
}

body.top-editorial .brand-resonance__arrow:disabled {
  opacity: 0.22;
  cursor: default;
}

body.top-editorial .brand-resonance__arrow:focus-visible,
body.top-editorial .brand-resonance__dots button:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 5px;
}

body.top-editorial .brand-resonance__progress {
  display: grid;
  grid-template-columns: auto minmax(80px, 1fr) auto;
  align-items: center;
  gap: 13px;
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 9px;
  letter-spacing: 0.12em;
}

body.top-editorial .brand-resonance__progress > div {
  height: 1px;
  overflow: hidden;
  background: rgba(31, 38, 33, 0.16);
}

body.top-editorial .brand-resonance__progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--te-ink);
  transform: scaleX(0.3333);
  transform-origin: left center;
  transition: transform 850ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance__dots {
  display: flex;
  align-items: center;
  gap: 9px;
}

body.top-editorial .brand-resonance__dots button {
  width: 6px;
  height: 6px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(31, 38, 33, 0.44);
  border-radius: 50%;
  transition: background 300ms ease, transform 300ms ease;
  cursor: pointer;
}

body.top-editorial .brand-resonance__dots button.is-active {
  background: var(--te-ink);
  transform: scale(1.35);
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements {
    margin-right: -20px;
    margin-left: -20px;
  }

  body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article {
    border-right: 0;
    border-left: 0;
  }

  body.top-editorial .brand-resonance__navigation {
    grid-template-columns: auto minmax(80px, 1fr) auto;
    gap: 15px;
    margin-top: 24px;
  }

  body.top-editorial .brand-resonance__trigger {
    grid-column: 1;
    grid-template-columns: 54px auto minmax(8px, 1fr) auto;
    gap: 14px;
    width: 100%;
    min-height: 86px;
    margin-top: 32px;
    padding: 15px 16px;
  }

  body.top-editorial .brand-resonance__trigger-icon {
    width: 54px;
    height: 54px;
  }

  body.top-editorial .brand-resonance__trigger-copy strong {
    font-size: 13px;
    line-height: 1.45;
  }

  body.top-editorial .brand-resonance__arrow span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  body.top-editorial .brand-resonance__arrow i {
    width: 32px;
  }

  body.top-editorial .brand-resonance__progress {
    grid-column: 2;
  }

  body.top-editorial .brand-resonance__dots {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: center;
  }

  body.top-editorial .brand-resonance__arrow--next {
    grid-column: 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements article,
  body.top-editorial .brand-resonance[data-brand-resonance-slider] .brand-resonance__elements figure img,
  body.top-editorial .brand-resonance__progress i {
    transition: none;
  }

  body.top-editorial .brand-resonance.is-presenting.is-timing .brand-resonance__trigger::after,
  body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active,
  body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-meta,
  body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active h3,
  body.top-editorial .brand-resonance.is-presenting .brand-resonance__elements article.is-active .brand-resonance__element-copy > p {
    animation: none;
  }
}

/* Japanese-led editorial heading for Voice × Music × Film. */
body.top-editorial .brand-resonance-value .movie-features__header {
  grid-template-columns: minmax(0, 1fr) minmax(390px, 0.72fr);
  align-items: start;
  gap: 54px clamp(48px, 7vw, 112px);
  padding: 0 0 78px;
  border-bottom: 1px solid rgba(31, 52, 41, 0.16);
}

body.top-editorial .brand-resonance-value .movie-features__header > div {
  grid-column: 1 / -1;
}

body.top-editorial .brand-resonance-value .movie-features__header > div > p {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  color: var(--te-muted);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

body.top-editorial .brand-resonance-value .movie-features__header > div > p::after {
  width: 72px;
  height: 1px;
  background: currentColor;
  content: "";
  opacity: 0.42;
}

body.top-editorial .brand-resonance-value .movie-features__header h2 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin: 38px 0 0;
  color: var(--te-ink);
  font-family: var(--te-serif);
  font-weight: 400;
  line-height: 1;
}

body.top-editorial .brand-resonance-value__formula {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.7vw, 26px);
  font-size: clamp(32px, 3.8vw, 54px);
  line-height: 1.16;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

body.top-editorial .brand-resonance-value__formula i {
  display: grid;
  place-items: center;
  width: clamp(30px, 3.2vw, 46px);
  height: clamp(30px, 3.2vw, 46px);
  color: #fff;
  background: var(--te-green);
  border-radius: 50%;
  font-family: var(--te-latin);
  font-size: 0.38em;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0;
}

body.top-editorial .brand-resonance-value__statement {
  display: flex;
  align-items: center;
  gap: 22px;
  color: var(--te-green);
  font-size: clamp(25px, 2.7vw, 39px);
  line-height: 1.45;
  letter-spacing: 0.18em;
}

body.top-editorial .brand-resonance-value__statement::before {
  width: clamp(54px, 7vw, 108px);
  height: 1px;
  background: currentColor;
  content: "";
  opacity: 0.48;
}

body.top-editorial .brand-resonance-value .movie-features__header > p {
  grid-column: 1;
  max-width: 670px;
  padding-top: 8px;
  font-size: 13px;
  line-height: 2.35;
}

body.top-editorial .brand-resonance-value .movie-features__header > p.brand-resonance-value__lead-copy {
  color: #18251f;
  font-family: var(--te-serif);
  font-size: clamp(13px, 0.95vw, 15px);
  font-weight: 500;
  line-height: 2.05;
  letter-spacing: 0.055em;
}

body.top-editorial .brand-resonance-value .movie-features__header > .value-audio-trigger {
  grid-column: 2;
  align-self: start;
  width: 100%;
  margin: 0;
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .movie-features__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding: 0 0 52px;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div,
  body.top-editorial .brand-resonance-value .movie-features__header > p,
  body.top-editorial .brand-resonance-value .movie-features__header > .value-audio-trigger {
    grid-column: 1;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div > p {
    font-size: 9px;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div > p::after {
    width: 45px;
  }

  body.top-editorial .brand-resonance-value .movie-features__header h2 {
    gap: 22px;
    margin-top: 28px;
  }

  body.top-editorial .brand-resonance-value__formula {
    gap: clamp(8px, 3.3vw, 14px);
    font-size: clamp(22px, 6.2vw, 28px);
    letter-spacing: 0.035em;
  }

  body.top-editorial .brand-resonance-value__formula i {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  body.top-editorial .brand-resonance-value__statement {
    gap: 14px;
    font-size: 20px;
    letter-spacing: 0.14em;
  }

  body.top-editorial .brand-resonance-value__statement::before {
    width: 36px;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > p {
    padding-top: 0;
    font-size: 11px;
    line-height: 2.2;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > .value-audio-trigger {
    margin-top: 0;
  }
}

/* Service movie: keep the listener copy visible and let the section scroll normally. */
body.service-movie-page .ce-scenes--featured-copy.ce-scenes--static-copy .ce-scenes__featured-stage {
  height: 100svh;
  min-height: 0;
}

body.service-movie-page .ce-scenes--featured-copy.ce-scenes--static-copy .ce-scenes__main {
  position: relative;
  top: auto;
  opacity: 1;
  transition: none;
  will-change: auto;
}

body.service-movie-page .ce-scenes--featured-copy.ce-scenes--static-copy .ce-scenes__main img {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}

body.service-movie-page .ce-scenes--featured-copy.ce-scenes--static-copy .ce-scenes__heading,
body.service-movie-page .ce-scenes--featured-copy.ce-scenes--static-copy.is-leaving .ce-scenes__heading {
  opacity: 1;
  filter: none;
  transform: none;
  transition: none;
  will-change: auto;
}

/* Hold the Brand Portrait screen while the listener scene fades over it. */
body.service-movie-page .ce-scenes--featured-copy.service-listener-transition {
  position: relative;
  z-index: 6;
  margin-top: -200svh;
  opacity: 0;
  will-change: opacity;
}

body.service-movie-page .ce-scenes--featured-copy.service-listener-transition .ce-scenes__featured-stage {
  height: 535svh;
  background: transparent;
}

@media (max-width: 768px) {
  body.service-movie-page .ce-scenes--featured-copy.service-listener-transition .ce-scenes__featured-stage {
    height: 385svh;
  }
}

body.service-movie-page .ce-scenes--featured-copy.service-listener-transition .ce-scenes__main {
  visibility: hidden;
}

body.service-movie-page .ce-scenes--featured-copy.service-listener-transition.is-stage-visible .ce-scenes__main {
  visibility: visible;
}

body.service-movie-page .service-listener-transition__scroll-guide {
  opacity: 1;
}

body.service-movie-page .service-value-entry__scroll-guide {
  opacity: 1;
  transform: none;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .ce-scenes--featured-copy.service-listener-transition {
    margin-top: 0;
    opacity: 1;
    will-change: auto;
  }

  body.service-movie-page .ce-scenes--featured-copy.service-listener-transition .ce-scenes__main {
    visibility: visible;
  }
}

/* Reveal the value statement only after it occupies the complete viewport. */
body.service-movie-page .brand-resonance-value[data-service-value-entry] {
  position: relative;
  z-index: 7;
  margin-top: -135svh;
  padding-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: none;
  will-change: opacity;
}

body.service-movie-page .brand-resonance-value[data-service-value-entry].is-entry-visible {
  opacity: 1;
  visibility: visible;
}

body.service-movie-page .brand-resonance-value[data-service-value-entry] .movie-features__header {
  align-content: center;
  min-height: 100svh;
  margin-bottom: 0;
  padding-top: clamp(82px, 10svh, 128px);
  padding-bottom: clamp(72px, 9svh, 112px);
}

body.service-movie-page .brand-resonance-value__entry-stage {
  position: relative;
  height: 500svh;
}

@media (max-width: 768px) {
  body.service-movie-page .brand-resonance-value__entry-stage {
    height: 350svh;
  }
}

body.service-movie-page .brand-resonance-value__entry-stage > .movie-features__header {
  position: sticky;
  top: 0;
}

@media (max-width: 820px) {
  body.service-movie-page .brand-resonance-value[data-service-value-entry] .movie-features__header {
    padding-top: max(76px, calc(env(safe-area-inset-top) + 54px));
    padding-bottom: max(54px, calc(env(safe-area-inset-bottom) + 38px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .brand-resonance-value[data-service-value-entry] {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
    transition: none;
    will-change: auto;
  }
}

/* Draw each multiplication mark from two hairlines instead of a glyph. */
body.top-editorial .brand-resonance-value__formula i {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: clamp(46px, 4.2vw, 64px);
  height: clamp(46px, 4.2vw, 64px);
  color: transparent;
  background: transparent;
  border-radius: 0;
  font-size: 0;
}

body.top-editorial .brand-resonance-value__formula i::before,
body.top-editorial .brand-resonance-value__formula i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(38px, 3.5vw, 54px);
  height: 1px;
  background: var(--te-green);
  content: "";
  transform-origin: center;
}

body.top-editorial .brand-resonance-value__formula i::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.top-editorial .brand-resonance-value__formula i::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value__formula i {
    width: 34px;
    height: 34px;
  }

  body.top-editorial .brand-resonance-value__formula i::before,
  body.top-editorial .brand-resonance-value__formula i::after {
    width: 29px;
  }
}

/* Keep the Voice film still until the presentation starts, then play it continuously. */
body.top-editorial .brand-resonance-value .value-feature__video {
  background: #dce1dd;
}

body.top-editorial .brand-resonance-value li.is-narrating .value-feature__video {
  opacity: 1;
  transform: none;
  animation: none;
}

/* Keep the Music chapter film visible and playing throughout its narration. */
body.top-editorial .brand-resonance-value .brand-resonance-music-video {
  z-index: 3;
  object-fit: cover;
}

body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-music-video {
  opacity: 1;
  transform: none;
  animation: none;
}

/* The Voice chapter changes footage as its explanatory sentence begins. */
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--primary,
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--secondary,
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--after-sample {
  transform: none;
  animation: none;
  transition: opacity 1.15s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--primary {
  opacity: 1;
}

body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--secondary {
  opacity: 0;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value .brand-resonance-voice-video--after-sample,
body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-video--after-sample {
  z-index: 3;
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-body-video-visible .brand-resonance-voice-video--primary {
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-body-video-visible .brand-resonance-voice-video--secondary {
  opacity: 1;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible .brand-resonance-voice-video--primary,
body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible .brand-resonance-voice-video--secondary,
body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible .brand-resonance-voice-video--after-sample {
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible .brand-resonance-voice-video--closing {
  opacity: 1;
}

/* Crossfade the sample film directly into the film that follows it. */
body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--after-sample {
  transition-duration: 1.4s;
  transition-timing-function: ease;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--closing {
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--after-sample {
  opacity: 1;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible .brand-resonance-voice-video--primary,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible .brand-resonance-voice-video--secondary,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible .brand-resonance-voice-video--closing {
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible .brand-resonance-voice-video--after-sample {
  opacity: 1;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--after-sample-forward,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible:not(.is-after-sample-reversing) .brand-resonance-voice-video--after-sample-forward,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible.is-after-sample-reversing .brand-resonance-voice-video--after-sample-reverse {
  opacity: 1;
}

body.top-editorial .brand-resonance-value li.is-narrating.is-closing-video-visible.is-sample-crossfading .brand-resonance-voice-video--after-sample-reverse,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible:not(.is-after-sample-reversing) .brand-resonance-voice-video--after-sample-reverse,
body.top-editorial .brand-resonance-value li.is-narrating.is-after-sample-video-visible.is-after-sample-reversing .brand-resonance-voice-video--after-sample-forward {
  opacity: 0;
}

/* Keep a useful still and status visible while the iPhone loads the sample film. */
body.top-editorial .brand-resonance-value .brand-resonance-voice-video--fallback {
  z-index: 3;
  opacity: 0;
  transform: none;
  transition: opacity 0.45s ease;
}

/* Hold a real still above each chapter film until the first playable frame is moving. */
body.top-editorial .brand-resonance-value .brand-resonance-slide-media-fallback {
  z-index: 5;
  opacity: 1;
  transform: none;
  transition: opacity 0.42s ease, visibility 0s linear 0s;
}

body.top-editorial .brand-resonance-value li.is-slide-media-ready .brand-resonance-slide-media-fallback {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.42s ease, visibility 0s linear 0.42s;
}

body.top-editorial .brand-resonance-value li.is-slide-media-loading .brand-resonance-slide-media-fallback,
body.top-editorial .brand-resonance-value li.is-slide-media-error .brand-resonance-slide-media-fallback {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

body.top-editorial .brand-resonance-value .brand-resonance-slide-media-status {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 7;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 40px);
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  background: rgba(9, 24, 17, 0.78);
  box-shadow: 0 10px 30px rgba(7, 18, 13, 0.2);
  font-family: var(--te-sans);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(-50% + 8px));
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value li.is-slide-media-loading .brand-resonance-slide-media-status,
body.top-editorial .brand-resonance-value li.is-slide-media-error .brand-resonance-slide-media-status {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

body.top-editorial .brand-resonance-value .brand-resonance-slide-media-status__spinner {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-top-color: #fff;
  border-radius: 50%;
  animation: brand-resonance-media-spin 0.9s linear infinite;
}

body.top-editorial .brand-resonance-value li.is-slide-media-error .brand-resonance-slide-media-status__spinner {
  display: none;
}

body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-voice-video--primary,
body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-voice-video--secondary,
body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-voice-video--after-sample,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-voice-video--primary,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-voice-video--secondary,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-voice-video--closing,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-voice-video--after-sample {
  opacity: 0;
}

body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-voice-video--fallback,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-voice-video--fallback {
  opacity: 1;
}

body.top-editorial .brand-resonance-value .brand-resonance-media-status {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100% - 40px);
  margin: 0;
  padding: 10px 14px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #fff;
  background: rgba(9, 24, 17, 0.76);
  box-shadow: 0 10px 30px rgba(7, 18, 13, 0.18);
  font-family: var(--te-sans);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, calc(-50% + 8px));
  transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value li.is-sample-video-loading .brand-resonance-media-status,
body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-media-status {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

body.top-editorial .brand-resonance-value .brand-resonance-media-status__spinner {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-top-color: #fff;
  border-radius: 50%;
  animation: brand-resonance-media-spin 0.9s linear infinite;
}

body.top-editorial .brand-resonance-value li.is-sample-video-error .brand-resonance-media-status__spinner {
  display: none;
}

@keyframes brand-resonance-media-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .brand-resonance-slide-media-status,
  body.top-editorial .brand-resonance-value .brand-resonance-media-status {
    max-width: calc(100% - 28px);
    padding: 9px 12px;
    font-size: 10px;
    letter-spacing: 0.05em;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .brand-resonance-value .brand-resonance-slide-media-status__spinner,
  body.top-editorial .brand-resonance-value .brand-resonance-media-status__spinner {
    animation: none;
  }
}

/* Each chapter can be started directly while the presentation is stopped. */
body.top-editorial .brand-resonance-value {
  --brand-resonance-control: #746d69;
  --brand-resonance-control-hover: #655e5b;
  --brand-resonance-control-ink: #5f5956;
  --brand-resonance-control-paper: #f1eeea;
}

body.top-editorial .brand-resonance-value .value-feature__images {
  isolation: isolate;
}

/* Match the three presentation cards to the Vivace company palette. */
body.top-editorial .brand-resonance-value .movie-features__list > li.is-narrating,
body.top-editorial .brand-resonance-value .movie-features__list > li:last-child:nth-child(odd).is-narrating {
  background: #3e3a39;
  box-shadow: 0 28px 80px rgba(62, 58, 57, 0.22);
}

body.top-editorial .brand-resonance-value .movie-features__list > li:not(.is-narrating) .value-feature__content h3,
body.top-editorial .brand-resonance-value .movie-features__list > li:not(.is-narrating) .value-feature__content > p {
  color: #3e3a39;
}

body.top-editorial .brand-resonance-value .movie-features__list > li:not(.is-narrating) .movie-features__meta span,
body.top-editorial .brand-resonance-value .movie-features__list > li:not(.is-narrating) .movie-features__meta p {
  color: rgba(62, 58, 57, 0.62);
}

body.top-editorial .brand-resonance-value .movie-features__list > li:not(.is-narrating) .movie-features__meta::after {
  background: rgba(62, 58, 57, 0.18);
}

body.top-editorial .brand-resonance-value .value-feature__content > p {
  font-size: clamp(13px, 0.95vw, 14px);
}

body.top-editorial .value-design-match .value-feature__content > p + p {
  margin-top: clamp(14px, 1.3vw, 20px);
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play {
  display: inline-grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(100%, 310px);
  min-height: 58px;
  margin-top: 28px;
  padding: 11px 0 11px 8px;
  border: 0;
  border-bottom: 1px solid rgba(116, 109, 105, 0.5);
  border-radius: 0;
  background: transparent;
  color: var(--brand-resonance-control-ink);
  font-family: var(--te-sans);
  line-height: 1;
  text-align: left;
  cursor: pointer;
  transition: color 0.35s ease, border-color 0.35s ease;
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play__icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #fff;
  background: var(--brand-resonance-control);
  transform: scale(1.06);
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play__icon i {
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid currentColor;
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play__label {
  display: block;
  font-family: var(--te-serif);
  font-size: 13px;
  letter-spacing: 0.12em;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play__chapter {
  display: block;
  color: rgba(95, 89, 86, 0.62);
  font-family: var(--te-latin);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.2em;
  transition: color 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  body.top-editorial .brand-resonance-value .brand-resonance-copy-play:hover {
    border-bottom-color: var(--brand-resonance-control);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-copy-play:hover .brand-resonance-copy-play__icon {
    background-color: var(--brand-resonance-control-hover);
    transform: translateX(3px) scale(1.14);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-copy-play:hover .brand-resonance-copy-play__label {
    transform: translateX(5px);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-copy-play:hover .brand-resonance-copy-play__chapter {
    color: var(--brand-resonance-control-ink);
    transform: translateX(-4px);
  }
}

body.top-editorial .brand-resonance-value .brand-resonance-copy-play:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

body.top-editorial .brand-resonance-value.is-audio-playing .brand-resonance-copy-play {
  display: none;
}

/* Hold slide animations until the final presentation layout is aligned. */
body.top-editorial .brand-resonance-value.is-playback-aligning .movie-features__list > li.is-narrating,
body.top-editorial .brand-resonance-value.is-playback-aligning::before {
  animation-play-state: paused;
}

body.top-editorial .brand-resonance-value.is-playback-aligning:not(.is-slide-entry-scrolling) .movie-features__header {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none;
  animation: none !important;
  transition: none !important;
}

body.top-editorial .brand-resonance-value.is-playback-aligning li.is-narrating .movie-features__meta {
  opacity: 0;
  transform: translateY(18px);
  animation: none;
}

body.top-editorial .brand-resonance-value.is-playback-aligning li.is-narrating .value-feature__image {
  animation: none;
}

body.top-editorial .brand-resonance-value.is-playback-aligning li.is-narrating .value-feature__image--primary {
  opacity: 1;
  transform: scale(1.001);
}

body.top-editorial .brand-resonance-value.is-playback-aligning li.is-narrating .value-feature__image--secondary {
  opacity: 0;
}

/* Expand each card into its viewport presentation before narration starts. */
body.top-editorial .brand-resonance-value.is-direct-entry .movie-features__header {
  opacity: 0;
  visibility: hidden;
}

body.top-editorial .brand-resonance-value.is-audio-playing.is-direct-entry::before {
  opacity: 0;
  animation-play-state: paused;
  transition: none;
}

body.top-editorial .brand-resonance-value.is-audio-playing.is-direct-entry.is-direct-entry-active::before {
  opacity: 1;
  transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.top-editorial .brand-resonance-value.is-direct-entry .movie-features__list > li.is-narrating {
  position: relative;
  z-index: 2;
  border-radius: 3px;
  clip-path: inset(0 var(--direct-entry-clip-right, 0%) var(--direct-entry-clip-bottom, 0%) 0);
  transform: translate3d(var(--direct-entry-x, 0px), var(--direct-entry-y, 0px), 0)
    scale(var(--direct-entry-scale, 1));
  transform-origin: top left;
  transition: none !important;
  will-change: transform, border-radius, clip-path;
}

body.top-editorial .brand-resonance-value.is-direct-entry.is-direct-entry-active .movie-features__list > li.is-narrating {
  border-radius: 0;
  clip-path: inset(0);
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    transform 1.05s cubic-bezier(0.16, 1, 0.3, 1),
    border-radius 1.05s cubic-bezier(0.16, 1, 0.3, 1),
    clip-path 1.05s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Let every slide title emerge softly as its card expands into playback. */
body.top-editorial .brand-resonance-value .movie-features__list > li.is-narrating .value-feature__content h3 {
  filter: blur(12px);
  transform: translateY(12px);
  will-change: opacity, filter, transform;
}

body.top-editorial .brand-resonance-value .movie-features__list > li.is-narrating.is-title-visible .value-feature__content h3 {
  filter: blur(0);
  transform: translateY(0);
  transition:
    opacity 1.65s cubic-bezier(0.22, 1, 0.36, 1),
    filter 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.55s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .brand-resonance-value.is-direct-entry .movie-features__list > li.is-narrating,
  body.top-editorial .brand-resonance-value.is-audio-playing.is-direct-entry::before {
    transition: none !important;
  }

  body.top-editorial .brand-resonance-value .movie-features__list > li.is-narrating .value-feature__content h3 {
    filter: none;
    transition: none !important;
  }
}

/* Split the Voice copy around its sample film. */
body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--sample {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
  color: var(--te-green);
  font-size: clamp(11px, 0.9vw, 13px);
  letter-spacing: 0.08em;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--sample::before {
  width: 34px;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
  content: "";
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--sample small {
  flex: 0 0 auto;
  font-family: var(--te-latin);
  font-size: 0.78em;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--closing {
  margin-top: 24px;
}

body.top-editorial .brand-resonance-value li:not(.is-narrating) .brand-resonance-voice-copy--sample {
  display: none;
}

body.top-editorial .movie-features--value.brand-resonance-value li.is-narrating.is-body-visible .value-feature__content > .brand-resonance-voice-copy--sample,
body.top-editorial .movie-features--value.brand-resonance-value li.is-narrating.is-body-visible .value-feature__content > .brand-resonance-voice-copy--closing {
  opacity: 0;
  transform: translateY(14px);
}

body.top-editorial .movie-features--value.brand-resonance-value li.is-narrating.is-body-visible.is-sample-cue-visible .value-feature__content > .brand-resonance-voice-copy--sample,
body.top-editorial .movie-features--value.brand-resonance-value li.is-narrating.is-body-visible.is-closing-copy-visible .value-feature__content > .brand-resonance-voice-copy--closing {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .brand-resonance-value li.is-narrating .brand-resonance-voice-copy--sample {
  color: rgba(255, 255, 255, 0.86);
}

/* Fade completely to black while switching between the main and sample films. */
body.top-editorial .brand-resonance-value .value-feature__images::after {
  position: absolute;
  inset: 0;
  z-index: 4;
  background: #050706;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.56s cubic-bezier(0.4, 0, 0.2, 1);
}

body.top-editorial .brand-resonance-value li.is-video-blackout .value-feature__images::after {
  opacity: 1;
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .value-feature__content > p {
    font-size: 12px;
  }

  body.top-editorial .value-design-match .value-feature__content > p + p {
    margin-top: 13px;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-copy-play {
    width: 100%;
    margin-top: 24px;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--sample {
    gap: 10px;
    margin-top: 18px;
    letter-spacing: 0.05em;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--sample::before {
    width: 24px;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-copy--closing {
    margin-top: 18px;
  }

}

/* Desktop presentations keep a viewport-sized background during slide changes. */
@media (min-width: 821px) {
  body.top-editorial .movie-features--value.is-audio-playing {
    position: relative;
    z-index: 20;
    isolation: isolate;
  }

  body.top-editorial .movie-features--value.is-audio-playing::before {
    position: fixed;
    inset: 0;
    z-index: 0;
    background: var(--te-fullscreen-green);
    content: "";
    pointer-events: none;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__header {
    background: var(--te-soft);
    box-shadow: 0 0 0 100vmax var(--te-soft);
    clip-path: inset(0 -100vmax);
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list > li {
    transition: none;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list {
    overflow-anchor: none;
  }

  body.top-editorial .movie-features--value.is-audio-playing .movie-features__inner {
    position: relative;
    z-index: 1;
  }

  body.top-editorial .movie-features--value .movie-features__list > li.is-narrating {
    height: 100vh;
    height: var(--brand-presentation-height, 100dvh);
    min-height: 100vh;
    min-height: 100dvh;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list > li.is-narrating {
    height: var(--brand-presentation-height, 100dvh);
    min-height: var(--brand-presentation-height, 100dvh);
  }
}

/* Mobile presentations use the same viewport-filling background as desktop. */
@media (max-width: 820px) {
  body.top-editorial .movie-features--value.is-audio-playing {
    position: relative;
    z-index: 20;
    isolation: isolate;
  }

  body.top-editorial .movie-features--value.is-audio-playing::before {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: var(--te-fullscreen-green);
    content: "";
    pointer-events: none;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list > li {
    transition: none;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list {
    overflow-anchor: none;
  }

  body.top-editorial .movie-features--value.is-audio-playing .movie-features__inner {
    position: relative;
    z-index: 1;
  }

  body.top-editorial .movie-features--value .movie-features__list > li.is-narrating {
    min-height: 100vh;
    min-height: 100dvh;
  }

  body.top-editorial .brand-resonance-value.is-audio-playing .movie-features__list > li.is-narrating {
    height: var(--brand-presentation-height, 100dvh);
    min-height: var(--brand-presentation-height, 100dvh);
  }
}

/* Return the completed slide to the card with the inverse of its entry motion. */
body.top-editorial .brand-resonance-value.is-audio-playing::before {
  opacity: 1;
  transition: none;
}

/* Preserve the page background until the selected card actually starts expanding. */
body.top-editorial .brand-resonance-value.is-audio-playing.is-slide-entry-scrolling::before,
body.top-editorial .brand-resonance-value.is-audio-playing.is-playback-aligning:not(.is-direct-entry)::before {
  opacity: 0;
  transition: none;
}

body.top-editorial .brand-resonance-value.is-audio-playing.is-presentation-ending .movie-features__list > li.is-narrating {
  opacity: 1;
  pointer-events: none;
  border-radius: 0;
  clip-path: inset(0);
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: top left;
  transition: none !important;
  will-change: transform, border-radius, clip-path;
}

body.top-editorial .brand-resonance-value.is-audio-playing.is-presentation-ending.is-presentation-ending-active .movie-features__list > li.is-narrating {
  border-radius: 3px;
  clip-path: inset(0 var(--direct-exit-clip-right, 0%) var(--direct-exit-clip-bottom, 0%) 0);
  transform: translate3d(var(--direct-exit-x, 0px), var(--direct-exit-y, 0px), 0)
    scale(var(--direct-exit-scale, 1));
  transition:
    transform 1.05s cubic-bezier(0.7, 0, 0.84, 0),
    border-radius 1.05s cubic-bezier(0.7, 0, 0.84, 0),
    clip-path 1.05s cubic-bezier(0.7, 0, 0.84, 0) !important;
}

body.top-editorial .brand-resonance-value.is-audio-playing.is-presentation-ending.is-presentation-ending-active::before {
  opacity: 0;
  transition: opacity 1.05s cubic-bezier(0.7, 0, 0.84, 0) !important;
}

/* Keep the section header from showing through the completed slide return. */
body.top-editorial .brand-resonance-value.is-presentation-ending .movie-features__header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: none;
}

body.top-editorial .brand-resonance-value.is-presentation-ending li.is-narrating .value-feature__image {
  animation-play-state: paused;
}

/* Lock the stopped card at its final size before measuring its return center. */
body.top-editorial .brand-resonance-value .movie-features__list > li.is-return-layout-settling {
  transition: none !important;
}

/* Let stopped slide images meet the card edges while keeping copy comfortably padded. */
body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li,
body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li {
  grid-template-columns: minmax(320px, 43%) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  padding: 0;
}

/* Keep Voice and Music stopped-card spacing consistent with Film without changing media ratios. */
body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li:nth-child(-n + 2),
body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li:nth-child(-n + 2) {
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
  padding: clamp(34px, 4vw, 62px);
}

body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li > .value-feature__images,
body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li > .value-feature__images {
  height: 100%;
  min-height: 410px;
  aspect-ratio: auto;
}

body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li > .value-feature__content,
body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li > .value-feature__content {
  align-self: center;
  padding: clamp(34px, 4vw, 62px);
}

@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li > .value-feature__images,
  body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li > .value-feature__images {
    height: clamp(410px, 29.1vw, 419px);
    min-height: 0;
  }
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li,
  body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    padding: 0;
  }

  body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li:nth-child(-n + 2),
  body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li:nth-child(-n + 2) {
    gap: 26px;
    padding: 18px 18px 30px;
  }

  body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li > .value-feature__images,
  body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li > .value-feature__images {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .brand-resonance-value:not(.is-audio-playing) .movie-features__list > li > .value-feature__content,
  body.top-editorial .brand-resonance-value.is-slide-entry-scrolling .movie-features__list > li > .value-feature__content {
    padding: 30px 20px 32px;
  }
}

/* Service movie: five full-height screens in the normal document flow. */
body.service-movie-page.service-movie-normal-scroll .lumen-stage {
  height: auto;
  min-height: 0;
}

html.lenis,
html.lenis body.service-movie-normal-scroll {
  height: auto;
}

html.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky {
  position: relative;
  top: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--service-hero-desktop-copy-width);
  grid-template-rows: 100svh 100svh auto;
  width: 100%;
  height: auto;
  overflow: visible;
  opacity: 1;
  background: #fff;
  isolation: isolate;
  transition: background-color 0.8s ease;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-reverse-film-background-active {
  background: #acbec8;
  animation: service-value-vivace-gradient 55s 0.8s alternate infinite;
}

/* Website showcase: a fixed blue-grey surface, without color cycling. */
body.service-website-page.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-reverse-film-background-active {
  background: #acbec8;
  animation: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-stack,
body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  height: 100svh;
  opacity: 1;
  transform: none;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet {
  transition: opacity 0.8s ease;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-reverse-film-background-active .lumen-sheet {
  opacity: 0;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-stack {
  position: sticky;
  top: 0;
  z-index: 4;
  grid-column: 1;
  grid-row: 1 / span 3;
  align-self: start;
  width: calc(100% + var(--service-hero-opening-extension, var(--service-hero-desktop-copy-width)));
  justify-self: start;
  clip-path: inset(
    0
    var(--service-hero-opening-clip-right, 0%)
    var(--service-hero-opening-clip-bottom, 0%)
    var(--service-hero-opening-clip-left, 0%)
  );
  will-change: width, clip-path;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy {
  position: absolute;
  top: 50%;
  left: clamp(50px, 7vw, 108px);
  z-index: 2;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 140px);
  padding: 0;
  color: #1f211f;
  background: transparent;
  box-shadow: none;
  opacity: var(--service-hero-opening-copy-opacity, 1);
  pointer-events: none;
  transform: translateY(calc(-50% + var(--service-hero-opening-copy-y, 0px)));
  will-change: opacity, transform;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-en {
  margin: 0 0 clamp(9px, 0.8vw, 12px);
  padding: 0;
  color: #747574;
  font-family: var(--te-latin);
  font-size: clamp(8px, 0.62vw, 10px);
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.6;
  text-shadow: none;
  text-transform: uppercase;
  animation: service-hero-opening-label-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.34s both;
  will-change: opacity, filter, transform;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja {
  display: grid;
  justify-items: start;
  gap: 2px;
  margin: 0;
  color: #1f211f;
  font-family: var(--te-serif);
  font-size: clamp(23px, 2.15vw, 32px);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja span {
  display: block;
  width: max-content;
  max-width: 100%;
  padding: 0 0.16em;
  color: #1f211f;
  background: #fff;
  letter-spacing: 0.08em;
  white-space: nowrap;
  animation: service-hero-opening-line-in 1.08s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: opacity, clip-path, filter, transform;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja span:nth-child(1) {
  animation-delay: 0.58s;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja span:nth-child(2) {
  animation-delay: 0.78s;
}

@keyframes service-hero-opening-label-in {
  from {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
  }
}

@keyframes service-hero-opening-line-in {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    filter: blur(4px);
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    filter: blur(0);
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-en,
  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja span {
    animation: none;
    opacity: 1;
    clip-path: none;
    filter: none;
    transform: none;
  }
}

body.service-movie-page.service-movie-normal-scroll .service-hero__opening-mask {
  display: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-hero-opening-complete .lumen-stack {
  z-index: 0;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet {
  position: relative;
  top: auto;
  z-index: 2;
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  width: 100%;
  justify-self: end;
  background: transparent;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__portrait-lead {
  width: min(720px, 100%);
  margin: clamp(30px, 3.2vw, 48px) 0 0;
  color: #68716b;
  font-family: var(--te-serif);
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.15;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-stage {
  position: relative;
  z-index: 3;
  grid-column: 1 / -1;
  grid-row: 3;
  width: 100%;
  padding: 0;
  color: #fff;
  background: transparent;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-content {
  position: relative;
  width: 100%;
  padding: clamp(86px, 11svh, 132px) 0 0;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  color: #fff;
  background: var(--te-fullscreen-green);
  clip-path: inset(
    0
    var(--service-hero-reverse-clip-right, 10%)
    var(--service-hero-reverse-clip-bottom, 13%)
    var(--service-hero-reverse-clip-left, 10%)
  );
  isolation: isolate;
  opacity: 1;
  transition: none;
  will-change: clip-path;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky,
  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet,
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film,
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-reverse-film-background-active {
    animation: none;
    background: #acbec8;
  }
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-video {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading {
  position: relative;
  width: min(760px, calc(100% - clamp(60px, 12vw, 150px)));
  margin: 0 auto clamp(54px, 6.5svh, 76px);
  opacity: 0;
  text-align: center;
  transform: translateY(18px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky.is-reverse-film-background-active .service-hero__reverse-film-heading {
  opacity: 1;
  transform: translateY(0);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p {
  display: block;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: 0.07em;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.28);
  text-transform: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p::before,
body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p::after {
  display: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2vw, 26px);
  margin: clamp(18px, 2.6svh, 26px) 0 0;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(16px, 1.35vw, 20px);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.18em;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.28);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2::before,
body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2::after {
  width: clamp(44px, 7vw, 88px);
  height: 1px;
  background: rgba(255, 255, 255, 0.28);
  content: "";
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > .service-hero__reverse-film-description {
  margin: clamp(16px, 2svh, 22px) auto 0;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(12px, 0.95vw, 14px);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.28);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(390px, 100%);
  margin: 0;
  filter: drop-shadow(0 3px 18px rgba(0, 0, 0, 0.45));
  transform: translate(-50%, -50%);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta .service-hero__experience-action {
  flex-direction: column;
  gap: 17px;
  justify-content: center;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta .service-hero__play {
  border-color: rgba(255, 255, 255, 0.9);
  color: #746d69;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.1);
  transform: scale(1);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta .service-hero__play:hover,
body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta .service-hero__play:focus-visible {
  border-color: #fff;
  color: #746d69;
  background: #fff;
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.16), 0 14px 34px rgba(35, 43, 39, 0.2);
  transform: scale(1.075);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__play-label {
  color: rgba(255, 255, 255, 0.78);
  font-family: var(--te-latin);
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-content {
    padding-top: max(72px, calc(env(safe-area-inset-top) + 54px));
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-inner {
    width: 100%;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading {
    width: calc(100% - clamp(40px, 12vw, 58px));
    margin-bottom: clamp(46px, 6svh, 62px);
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p {
    font-size: clamp(29px, 9.5vw, 37px);
    line-height: 1;
    letter-spacing: 0.05em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2 {
    gap: 12px;
    margin-top: 19px;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.14em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2::before,
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading h2::after {
    width: clamp(32px, 11vw, 46px);
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > .service-hero__reverse-film-description {
    margin-top: 15px;
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0.06em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-cta {
    top: 50%;
    width: min(320px, calc(100% - 56px));
  }
}

body.service-movie-page.service-movie-normal-scroll .service-hero__experience {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  z-index: 2;
  display: grid;
  grid-column: 2;
  grid-row: 4;
  grid-template-columns: minmax(0, 1fr);
  align-content: stretch;
  justify-items: stretch;
  width: 100%;
  height: 100svh;
  min-height: 100svh;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #28231f;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  isolation: isolate;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__experience-video {
  display: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__experience::before {
  display: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__experience-inner {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: 100%;
  max-width: none;
  padding: clamp(42px, 5vw, 78px);
}

body.service-movie-page.service-movie-normal-scroll .service-hero__sticky > .service-hero__scroll-guide {
  top: calc(100svh - 132px);
  bottom: auto;
  transform: none;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .lumen-stage > .top-service-introduction {
  position: relative;
  top: auto;
  z-index: 3;
  height: 100svh;
  min-height: 100svh;
  margin-top: 0;
  opacity: 1;
  transform: none;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition {
  min-height: 100svh;
  margin-top: 0;
  opacity: 1;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__featured-stage {
  height: 100svh;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__main {
  position: relative;
  top: auto;
  height: 100svh;
  opacity: 1;
  visibility: visible;
  background: #acbec8;
  will-change: auto;
}

/* Normal scroll: keep the listener copy visible and reveal only the photograph. */
body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__heading,
body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition.is-leaving .ce-scenes__heading {
  opacity: 1;
  filter: none;
  transform: none;
  transition: none;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__heading {
  padding: 32px;
  place-items: center;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__heading h2 {
  position: static;
  width: auto;
  max-height: calc(100svh - 64px);
  margin: 0;
  font-size: clamp(8px, min(1.8vw, 4.2svh), 25px);
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: start;
  text-orientation: upright;
  white-space: nowrap;
  transform: none;
  writing-mode: vertical-rl;
}

@media (max-width: 480px) {
  body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__heading {
    padding-right: 14px;
    padding-left: 14px;
  }

  body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__heading h2 {
    font-size: clamp(16px, 4.65vw, 20px);
    letter-spacing: 0.045em;
    transform: translateY(-7svh);
  }
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__main img {
  opacity: 0;
  transform: scale(1.018);
  transition: opacity 1600ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 2100ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition.is-image-visible .ce-scenes__main img {
  opacity: 1;
  transform: scale(1);
}

body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition.is-reveal-complete .ce-scenes__main img {
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .ce-scenes--featured-copy.service-listener-transition .ce-scenes__main img {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}

body.service-movie-page.service-movie-normal-scroll .brand-resonance-value[data-service-value-entry] {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  will-change: auto;
}

body.service-movie-page.service-movie-normal-scroll .brand-resonance-value__entry-stage {
  height: auto;
}

body.service-movie-page.service-movie-normal-scroll .brand-resonance-value__entry-stage > .movie-features__header {
  position: relative;
  top: auto;
  align-content: start;
  min-height: 0;
  padding-top: 130px;
  padding-bottom: 90px;
}

@media (max-width: 820px) {
  body.service-movie-page.service-movie-normal-scroll .brand-resonance-value__entry-stage > .movie-features__header {
    padding-top: 80px;
    padding-bottom: 68px;
  }
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition {
  position: relative;
  background: #fff;
  isolation: isolate;
}

@keyframes service-value-vivace-gradient {
  0% {
    background-color: #acbec8;
  }

  33.333% {
    background-color: #b4c0ba;
  }

  66.666% {
    background-color: #d8c6c1;
  }

  100% {
    background-color: #acbec8;
  }
}

@keyframes service-voice-vivace-gradient {
  0% {
    background-color: #b4c0ba;
  }

  50% {
    background-color: #acbec8;
  }

  100% {
    background-color: #b4c0ba;
  }
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #b4c0ba;
  animation: none;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.9s ease;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition > .home-story-films,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition > .brand-resonance-value {
  position: relative;
  z-index: 1;
  background: transparent;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__header h2,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__header > p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__card,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__meta p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__more,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__controls button,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__progress,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films.has-reveal-effects.is-reveal-complete .home-story-films__progress span {
  transition-duration: 0.8s !important;
  transition-property: color, border-color, background-color !important;
  transition-timing-function: ease !important;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active {
  background: #fff;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active::before {
  animation: service-voice-vivace-gradient 55s ease-in-out 0.9s infinite;
  opacity: 1;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__header h2,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__card,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__more,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__controls button {
  color: #fff;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__header > p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__meta p {
  color: rgba(255, 255, 255, 0.62);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__meta p.home-story-films__theme {
  border-top-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.88);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__more,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__controls button {
  border-color: rgba(255, 255, 255, 0.42);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__progress {
  background: rgba(255, 255, 255, 0.18);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .home-story-films__progress span {
  background: rgba(255, 255, 255, 0.76);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > div > p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header h2,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__statement,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__formula i::before,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__formula i::after,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .value-audio-trigger {
  transition-duration: 0.8s;
  transition-property: color, border-color, background-color, background-position, box-shadow, opacity, transform;
  transition-timing-function: ease;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > div > p {
  color: #fff;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header h2 {
  color: #fff;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__formula i::before,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__formula i::after {
  background: rgba(255, 255, 255, 0.78);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__statement {
  color: #fff;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > p.brand-resonance-value__lead-copy {
  color: #fff;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > div > p,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header h2,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__statement,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > p.brand-resonance-value__lead-copy,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__formula i::before,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value__formula i::after {
  transition: none;
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger {
  border-color: rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger:hover,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger:focus-visible {
  outline-color: rgba(255, 255, 255, 0.8);
}

/* Keep the presentation entry point crisp against the fullscreen green stage. */
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger {
  border-color: #fff;
  color: var(--brand-resonance-control-ink);
  background: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger::after {
  background: rgba(95, 89, 86, 0.4);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__icon {
  color: var(--brand-resonance-control);
  background: rgba(116, 109, 105, 0.14);
  border-color: rgba(116, 109, 105, 0.24);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__copy small,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__time {
  color: rgba(95, 89, 86, 0.6);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__copy strong {
  color: var(--brand-resonance-control-ink);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger:hover,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger:focus-visible,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger:hover,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition.is-value-background-active .brand-resonance-value .movie-features__header > .value-audio-trigger:focus-visible {
  background: #fff;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
}

body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger:hover .value-audio-trigger__icon,
body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > .value-audio-trigger:focus-visible .value-audio-trigger__icon {
  color: var(--brand-resonance-control);
  background: rgba(116, 109, 105, 0.2);
  border-color: rgba(116, 109, 105, 0.34);
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition::before {
    animation: none;
    background: #b4c0ba;
  }

  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition::before,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__header h2,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__header > p,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__card,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__meta p,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__more,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__controls button,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__progress,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .home-story-films__progress span,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > div > p,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header h2,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__statement,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .movie-features__header > p,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__formula i::before,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value__formula i::after,
  body.service-movie-page.service-movie-normal-scroll .service-story-value-transition .brand-resonance-value .value-audio-trigger {
    transition: none !important;
  }
}

@media (min-width: 769px) {
  /* Reference-inspired opening: the full-screen film recedes from both sides
     and bottom while the following white copy screen rises into view. */
  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky {
    grid-template-columns: minmax(0, 1fr);
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-stack {
    position: relative;
    top: auto;
    z-index: 4;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100svh;
    align-self: start;
    overflow: hidden;
    clip-path: none;
    will-change: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-mask {
    position: absolute;
    z-index: 3;
    display: block;
    background: #fff;
    pointer-events: none;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-mask--left {
    inset: 0 auto 0 0;
    width: var(--service-hero-opening-clip-left, 0%);
    will-change: width;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-mask--right {
    inset: 0 0 0 auto;
    width: var(--service-hero-opening-clip-right, 0%);
    will-change: width;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-mask--bottom {
    right: var(--service-hero-opening-clip-right, 0%);
    bottom: 0;
    left: var(--service-hero-opening-clip-left, 0%);
    height: var(--service-hero-opening-clip-bottom, 0%);
    will-change: right, left, height;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    padding: clamp(72px, 10vw, 154px);
    justify-self: stretch;
    text-align: center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__title-en {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-vow {
    width: min(780px, calc(100vw - clamp(144px, 20vw, 308px)));
    margin-right: auto;
    margin-left: auto;
    justify-items: center;
    text-align: center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__portrait-lead {
    width: min(720px, calc(100vw - clamp(144px, 20vw, 308px)));
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience {
    grid-column: 1;
    grid-row: 4;
    width: 100%;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience-video {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 0;
    display: block;
    width: calc(100% - var(--service-hero-desktop-copy-width));
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience-inner {
    width: var(--service-hero-desktop-copy-width);
    margin-left: auto;
    padding: clamp(42px, 5vw, 78px);
  }
}

@media (max-width: 768px) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky {
    --service-hero-mobile-copy-height: 100svh;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 100svh 100svh auto;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-stack {
    position: relative;
    top: auto;
    z-index: 0;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100svh;
    align-self: start;
    will-change: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy {
    top: 78%;
    left: clamp(26px, 8vw, 38px);
    width: max-content;
    max-width: calc(100vw - clamp(52px, 16vw, 76px));
    padding: 0;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-en {
    max-width: none;
    margin-top: 0;
    margin-bottom: 9px;
    padding-top: 0;
    font-size: 8px;
    letter-spacing: 0.17em;
    line-height: 1.6;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja {
    gap: 2px;
    font-size: clamp(19px, 5.2vw, 22px);
    line-height: 1.35;
    letter-spacing: 0.055em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__opening-copy-ja span {
    padding: 0 0.16em;
    letter-spacing: 0.055em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-sheet {
    position: relative;
    top: auto;
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    height: var(--service-hero-mobile-copy-height);
    padding: clamp(28px, 4svh, 36px) clamp(26px, 8vw, 38px) max(44px, calc(env(safe-area-inset-bottom) + 34px));
    align-self: end;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-vow {
    font-size: clamp(17px, 5.1vw, 21px);
    letter-spacing: 0.045em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__sticky .lumen-vow span {
    letter-spacing: 0.045em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__portrait-lead {
    margin-top: clamp(25px, 4svh, 34px);
    font-size: clamp(12px, 3.35vw, 13px);
    letter-spacing: 0.035em;
    line-height: 1.95;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-column: 1;
    grid-row: 4;
    align-content: center;
    justify-items: center;
    padding: max(76px, calc(env(safe-area-inset-top) + 56px)) clamp(30px, 9vw, 42px) max(76px, calc(env(safe-area-inset-bottom) + 56px));
    background: transparent;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience::before {
    display: block;
    background: #030705;
    opacity: 1;
    transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience.is-mobile-video-revealed::before {
    opacity: 0.66;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience-video {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__experience-inner {
    grid-column: 1;
    width: 100%;
    max-width: 340px;
    padding: 0;
  }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__experience::before {
    transition: none;
  }
}

/* Repeated brand-film invitation immediately above the footer. */
body.service-movie-page .service-footer-film {
  --service-footer-film-copy-width: clamp(380px, 40vw, 640px);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--service-footer-film-copy-width);
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  color: #fff;
  background: #28231f;
  isolation: isolate;
}

body.service-movie-page .service-footer-film__video {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100svh;
  object-fit: cover;
  object-position: center center;
}

body.service-movie-page .service-footer-film__panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-column: 2;
  grid-row: 1;
  align-items: center;
  min-height: 100svh;
  padding: clamp(42px, 5vw, 78px);
  background: #28231f;
}

body.service-movie-page .service-footer-film__inner {
  width: 100%;
  max-width: 390px;
}

/* Keep the fixed brand controls legible as the page surface changes. */
body.service-movie-page.service-movie-normal-scroll .site-header .site-logo,
body.service-movie-page.service-movie-normal-scroll .site-header .menu-toggle {
  color: #202421;
}

body.service-movie-page.service-movie-normal-scroll .site-header .site-logo {
  transition: color 260ms ease, opacity 280ms ease, visibility 280ms ease;
}

body.service-movie-page.service-movie-normal-scroll .site-header .menu-toggle {
  transition: color 260ms ease;
}

body.service-movie-page.service-movie-normal-scroll .site-header.is-hero-menu-light .site-logo,
body.service-movie-page.service-movie-normal-scroll .site-header.is-hero-menu-light .menu-toggle,
body.service-movie-page.service-movie-normal-scroll.is-home-header-surface-dark .site-header .site-logo,
body.service-movie-page.service-movie-normal-scroll.is-home-header-surface-dark .site-header .menu-toggle {
  color: #fff;
}

body.service-movie-page.service-movie-normal-scroll.is-home-header-surface-light .site-header .site-logo,
body.service-movie-page.service-movie-normal-scroll.is-home-header-surface-light .site-header .menu-toggle {
  color: #202421;
}

body.service-movie-page.service-movie-normal-scroll.is-site-menu-open .site-header .site-logo,
body.service-movie-page.service-movie-normal-scroll.is-site-menu-open .site-header .menu-toggle {
  color: #fff;
}

/* Listener prelude: staggered letter rise inspired by editorial work titles. */
body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 68svh;
  overflow: hidden;
  color: #fff;
  background: transparent;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__inner {
  position: relative;
  display: grid;
  align-content: end;
  width: 100%;
  min-height: inherit;
  padding: clamp(72px, 8vw, 120px) clamp(28px, 7vw, 116px) clamp(40px, 4vw, 64px);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__title {
  display: grid;
  margin: 0;
  font-family: var(--te-latin);
  font-size: clamp(52px, 13.5vw, 190px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.08em;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__line {
  display: flex;
  white-space: nowrap;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__ja {
  position: absolute;
  right: clamp(28px, 7vw, 116px);
  bottom: calc(clamp(40px, 4vw, 64px) + 6px);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-family: "Shippori Mincho B1", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  font-size: clamp(22px, 1.8vw, 30px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.03em;
  white-space: nowrap;
  writing-mode: horizontal-tb;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__letter {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 0.08em;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__letter > span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 108%, 0);
  transition: transform 1000ms var(--letter-delay) cubic-bezier(0.22, 1, 0.36, 1),
    opacity 750ms calc(var(--letter-delay) + 125ms) ease;
  will-change: transform, opacity;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark.is-visible .service-listener-wordmark__letter > span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Match Watch the Film and Voice × Music × Film to the same editorial wordmark. */
body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(400px, 0.72fr);
  align-items: end;
  column-gap: clamp(42px, 5vw, 82px);
  width: min(calc(100% - 11.1vw), 1280px);
  margin: 0 auto clamp(54px, 6.5svh, 76px);
  text-align: left;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p.service-hero__reverse-film-wordmark {
  display: grid;
  gap: 0;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(52px, 13.5vw, 190px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.08em;
  text-shadow: none;
  text-transform: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy {
  align-self: end;
  min-width: 0;
  margin: 0 0 0.08em;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy h2 {
  display: block;
  margin: 0;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(30px, 3.15vw, 46px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.08em;
  text-align: left;
  text-shadow: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy h2 > span {
  display: block;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy .service-hero__reverse-film-heading-subline {
  font-size: 1em;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy h2::before,
body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy h2::after {
  display: none;
}

body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy > .service-hero__reverse-film-description {
  margin: clamp(24px, 2.8vw, 38px) 0 0;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(13px, 0.95vw, 15px);
  font-weight: 400;
  line-height: 2.05;
  letter-spacing: 0.055em;
  text-align: left;
  text-shadow: none;
}

@media (min-width: 769px) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy {
    margin: 0 0 clamp(4px, 1.08vw, 15px);
  }
}

body.top-editorial .brand-resonance-value .movie-features__header > div > p.brand-resonance-wordmark {
  display: grid;
  gap: 0;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(52px, 13.5vw, 190px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.08em;
  text-shadow: none;
  text-transform: none;
}

body.top-editorial .brand-resonance-value .movie-features__header > div > p.brand-resonance-wordmark::after {
  display: none;
}

body.top-editorial .brand-resonance-wordmark__line {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}

body.top-editorial .brand-resonance-wordmark__space {
  flex: 0 0 0.28em;
}

body.top-editorial .brand-resonance-wordmark__letter {
  display: inline-block;
  overflow: hidden;
  padding-bottom: 0.08em;
}

body.top-editorial .brand-resonance-wordmark__letter > span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 108%, 0);
  transition: transform 1000ms var(--letter-delay) cubic-bezier(0.22, 1, 0.36, 1),
    opacity 750ms calc(var(--letter-delay) + 125ms) ease;
  will-change: transform, opacity;
}

body.top-editorial .brand-resonance-wordmark.is-visible .brand-resonance-wordmark__letter > span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value .movie-features__header > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 0.72fr);
    align-items: end;
    column-gap: clamp(42px, 5vw, 82px);
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div > p.brand-resonance-wordmark {
    grid-column: 1;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div > h2 {
    grid-column: 2;
    align-self: end;
    width: 100%;
    min-width: 0;
    margin: 0 0 0.08em;
  }
}

@keyframes service-listener-wordmark-gradient {
  0% {
    background-position: 0% 15%;
  }

  100% {
    background-position: 100% 85%;
  }
}

@media (max-width: 768px) {
  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
    width: calc(100% - clamp(48px, 14vw, 68px));
    margin-bottom: clamp(46px, 6svh, 62px);
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading > p.service-hero__reverse-film-wordmark {
    font-size: clamp(50px, 16vw, 72px);
    line-height: 0.82;
    letter-spacing: 0.055em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy {
    margin: 0;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy h2 {
    font-size: clamp(25px, 7.2vw, 34px);
    line-height: 1.5;
  }

  body.service-movie-page.service-movie-normal-scroll .service-hero__reverse-film-heading-copy > .service-hero__reverse-film-description {
    margin-top: 18px;
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0.06em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark {
    min-height: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__inner {
    grid-template-rows: auto;
    align-content: start;
    row-gap: 0;
    min-height: auto;
    padding: max(32px, calc(env(safe-area-inset-top) + 20px)) clamp(24px, 7vw, 34px)
      max(40px, calc(env(safe-area-inset-bottom) + 28px));
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__title {
    width: 100%;
    max-width: 100%;
    font-size: clamp(50px, 16vw, 72px);
    line-height: 0.82;
    letter-spacing: 0.055em;
  }

  body.top-editorial .brand-resonance-value .movie-features__header > div > p.brand-resonance-wordmark {
    font-size: clamp(50px, 16vw, 72px);
    line-height: 0.82;
    letter-spacing: 0.055em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__ja {
    position: absolute;
    right: clamp(24px, 7vw, 34px);
    bottom: max(46px, calc(env(safe-area-inset-bottom) + 34px));
    justify-self: auto;
    max-width: none;
    margin: 0;
    font-size: clamp(13px, 3.73vw, 16px);
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
  }

}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark__letter > span {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  body.top-editorial .brand-resonance-wordmark__letter > span {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

}

@media (max-width: 768px) {
  body.service-movie-page .service-footer-film {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    min-height: 100svh;
  }

  body.service-movie-page .service-footer-film__video {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }

  body.service-movie-page .service-footer-film__panel {
    grid-column: 1;
    width: 100%;
    min-height: 100svh;
    padding: max(76px, calc(env(safe-area-inset-top) + 56px)) clamp(30px, 9vw, 42px) max(76px, calc(env(safe-area-inset-bottom) + 56px));
    background: rgba(3, 7, 5, 0.72);
  }

  body.service-movie-page .service-footer-film__inner {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }
}

/* Carry the Voice / Music / Film visual language into the seven-value section. */
@keyframes service-value-design-gradient {
  0% {
    background-color: #d8c6c1;
  }

  50% {
    background-color: #b7bab8;
  }

  100% {
    background-color: #d8c6c1;
  }
}

body.service-movie-page.service-movie-normal-scroll .value-design-match {
  position: relative;
  color: #fff;
  background: #fff;
  isolation: isolate;
}

body.service-movie-page.service-movie-normal-scroll .value-design-match::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: #d8c6c1;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s ease;
}

body.service-movie-page.service-movie-normal-scroll .value-design-match.is-value-gradient-active::after {
  animation: service-value-design-gradient 55s ease-in-out infinite;
  opacity: 1;
}

body.service-movie-page.service-movie-normal-scroll .value-design-match > .movie-features__inner {
  position: relative;
  z-index: 1;
}

body.top-editorial .value-design-match .movie-features__header {
  grid-template-columns: minmax(0, 1fr) minmax(390px, 0.72fr);
  align-items: start;
  gap: 54px clamp(48px, 7vw, 112px);
  padding: 0 0 78px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: border-color 1s ease;
}

body.top-editorial .value-design-match .movie-features__header > div {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 0.72fr);
  align-items: end;
  column-gap: clamp(42px, 5vw, 82px);
}

body.top-editorial .value-design-match .movie-features__header > div > p.value-design-wordmark {
  display: grid;
  grid-column: 1;
  gap: 0;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(52px, 13.5vw, 190px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.08em;
  text-shadow: none;
  text-transform: none;
  transition: color 1s ease;
}

body.top-editorial .value-design-match .movie-features__header > div > p.value-design-wordmark::after {
  display: none;
}

body.top-editorial .value-design-match .movie-features__header > div > h2 {
  grid-column: 2;
  align-self: end;
  width: 100%;
  min-width: 0;
  margin: 0 0 0.08em;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(30px, 3.15vw, 46px);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0.08em;
  transition: color 1s ease;
}

body.top-editorial .value-design-match .movie-features__header > p {
  grid-column: 1;
  max-width: 670px;
  padding-top: 8px;
  color: #fff;
  font-family: var(--te-serif);
  font-size: clamp(13px, 0.95vw, 15px);
  font-weight: 400;
  line-height: 2.2;
  letter-spacing: 0.055em;
  transition: color 1s ease;
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger {
  grid-column: 2;
  align-self: start;
  width: 100%;
  margin: 0;
  border-color: rgba(41, 45, 42, 0.22);
  color: var(--brand-resonance-control-ink);
  background: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12);
  transition: border-color 1s ease, box-shadow 300ms ease;
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger::after {
  background: rgba(95, 89, 86, 0.4);
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger .value-audio-trigger__icon {
  color: var(--brand-resonance-control);
  background: rgba(116, 109, 105, 0.14);
  border-color: rgba(116, 109, 105, 0.24);
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger .value-audio-trigger__copy small,
body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger .value-audio-trigger__time {
  color: rgba(95, 89, 86, 0.6);
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger .value-audio-trigger__copy strong {
  color: var(--brand-resonance-control-ink);
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger:hover,
body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger:focus-visible {
  color: var(--brand-resonance-control-ink);
  background: #fff;
  background-position: 0 0;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.22);
}

body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger:hover .value-audio-trigger__icon,
body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger:focus-visible .value-audio-trigger__icon {
  color: var(--brand-resonance-control);
  background: rgba(116, 109, 105, 0.2);
  border-color: rgba(116, 109, 105, 0.34);
}

body.top-editorial .value-design-match .movie-features__list > li {
  border-color: rgba(41, 45, 42, 0.16);
  box-shadow: 0 24px 70px rgba(21, 31, 27, 0.1);
  transition: border-color 1s ease;
}

body.top-editorial .value-design-match.is-value-gradient-active .movie-features__header {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.top-editorial .value-design-match.is-value-gradient-active .movie-features__header > div > p.value-design-wordmark,
body.top-editorial .value-design-match.is-value-gradient-active .movie-features__header > div > h2,
body.top-editorial .value-design-match.is-value-gradient-active .movie-features__header > p {
  color: #fff;
}

body.top-editorial .value-design-match.is-value-gradient-active .movie-features__header > .value-audio-trigger {
  border-color: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
}

body.top-editorial .value-design-match.is-value-gradient-active .movie-features__list > li {
  border-color: rgba(255, 255, 255, 0.42);
}

@media (max-width: 820px) {
  body.top-editorial .value-design-match .movie-features__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding: 0 0 52px;
  }

  body.top-editorial .value-design-match .movie-features__header > div {
    display: block;
    grid-column: 1;
  }

  body.top-editorial .value-design-match .movie-features__header > div > p.value-design-wordmark {
    font-size: clamp(50px, 16vw, 72px);
    line-height: 0.82;
    letter-spacing: 0.055em;
  }

  body.top-editorial .value-design-match .movie-features__header > div > h2 {
    margin: 28px 0 0;
    font-size: clamp(25px, 7.2vw, 34px);
    line-height: 1.5;
  }

  body.top-editorial .value-design-match .movie-features__header > p,
  body.top-editorial .value-design-match .movie-features__header > .value-audio-trigger {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .value-design-match {
    animation: none;
    background: #fff;
  }

  body.service-movie-page.service-movie-normal-scroll .value-design-match::after {
    animation: none;
    transition: none;
  }
}

/* Use the same presentation controls and slide palette for the Value story. */
body.top-editorial .value-design-match {
  --brand-resonance-control: #746d69;
  --brand-resonance-control-hover: #655e5b;
  --brand-resonance-control-ink: #5f5956;
  --brand-resonance-control-paper: #f1eeea;
}

body.top-editorial .value-design-match .movie-features__list > li.is-narrating,
body.top-editorial .value-design-match .movie-features__list > li:last-child:nth-child(odd).is-narrating,
body.top-editorial .value-design-match.is-audio-playing::before {
  background: #3e3a39;
}

body.top-editorial .value-design-match .movie-features__list > li.is-narrating,
body.top-editorial .value-design-match .movie-features__list > li:last-child:nth-child(odd).is-narrating {
  box-shadow: 0 28px 80px rgba(62, 58, 57, 0.22);
}

body.top-editorial .value-design-match .movie-features__list > li:not(.is-narrating) .value-feature__content h3,
body.top-editorial .value-design-match .movie-features__list > li:not(.is-narrating) .value-feature__content > p {
  color: #3e3a39;
}

body.top-editorial .value-design-match .movie-features__list > li:not(.is-narrating) .movie-features__meta span,
body.top-editorial .value-design-match .movie-features__list > li:not(.is-narrating) .movie-features__meta p {
  color: rgba(62, 58, 57, 0.62);
}

body.top-editorial .value-design-match .movie-features__list > li:not(.is-narrating) .movie-features__meta::after {
  background: rgba(62, 58, 57, 0.18);
}

body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li,
body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li:last-child:nth-child(odd) {
  grid-template-columns: minmax(320px, 43%) minmax(0, 1fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
  padding: clamp(34px, 4vw, 62px);
}

body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li > .value-feature__images {
  height: clamp(410px, 29.1vw, 419px);
  min-height: 0;
  aspect-ratio: auto;
}

body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li > .value-feature__content {
  align-self: center;
  padding: clamp(34px, 4vw, 62px);
}

body.top-editorial .value-design-match .brand-resonance-copy-play {
  display: inline-grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  width: min(100%, 310px);
  min-height: 58px;
  margin-top: 28px;
  padding: 11px 0 11px 8px;
  border: 0;
  border-bottom: 1px solid rgba(116, 109, 105, 0.5);
  border-radius: 0;
  color: var(--brand-resonance-control-ink);
  background: transparent;
  font-family: var(--te-sans);
  line-height: 1;
  text-align: left;
  cursor: pointer;
  transition: color 0.35s ease, border-color 0.35s ease;
}

body.top-editorial .value-design-match .brand-resonance-copy-play__icon {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #fff;
  background: var(--brand-resonance-control);
  transform: scale(1.06);
  transition: color 0.35s ease, background-color 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .value-design-match .brand-resonance-copy-play__icon i {
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid currentColor;
}

body.top-editorial .value-design-match .brand-resonance-copy-play__label {
  display: block;
  font-family: var(--te-serif);
  font-size: 13px;
  letter-spacing: 0.12em;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .value-design-match .brand-resonance-copy-play__chapter {
  display: block;
  color: rgba(95, 89, 86, 0.62);
  font-family: var(--te-latin);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: 0.2em;
  transition: color 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  body.top-editorial .value-design-match .brand-resonance-copy-play:hover {
    border-bottom-color: var(--brand-resonance-control);
  }

  body.top-editorial .value-design-match .brand-resonance-copy-play:hover .brand-resonance-copy-play__icon {
    background-color: var(--brand-resonance-control-hover);
    transform: translateX(3px) scale(1.14);
  }

  body.top-editorial .value-design-match .brand-resonance-copy-play:hover .brand-resonance-copy-play__label {
    transform: translateX(5px);
  }

  body.top-editorial .value-design-match .brand-resonance-copy-play:hover .brand-resonance-copy-play__chapter {
    color: var(--brand-resonance-control-ink);
    transform: translateX(-4px);
  }
}

body.top-editorial .value-design-match .brand-resonance-copy-play:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 4px;
}

body.top-editorial .value-design-match.is-audio-playing .brand-resonance-copy-play {
  display: none;
}

body.top-editorial .value-design-match .movie-features__list > li.is-narrating .value-feature__content h3 {
  filter: blur(12px);
  transform: translateY(12px);
  will-change: opacity, filter, transform;
}

body.top-editorial .value-design-match .movie-features__list > li.is-narrating.is-title-visible .value-feature__content h3 {
  filter: blur(0);
  transform: translateY(0);
  transition:
    opacity 1.65s cubic-bezier(0.22, 1, 0.36, 1),
    filter 1.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.55s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 820px) {
  body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li,
  body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li:last-child:nth-child(odd) {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    min-height: 0;
    padding: 18px 18px 30px;
  }

  body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li > .value-feature__images {
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  body.top-editorial .value-design-match:not(.is-audio-playing) .movie-features__list > li > .value-feature__content {
    padding: 30px 20px 32px;
  }

  body.top-editorial .value-design-match .brand-resonance-copy-play {
    width: 100%;
    margin-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .value-design-match .brand-resonance-copy-play,
  body.top-editorial .value-design-match .brand-resonance-copy-play__icon,
  body.top-editorial .value-design-match .brand-resonance-copy-play__label,
  body.top-editorial .value-design-match .brand-resonance-copy-play__chapter,
  body.top-editorial .value-design-match .movie-features__list > li.is-narrating .value-feature__content h3 {
    filter: none;
    transform: none;
    transition: none;
  }
}

/* Continue the Voice / Music / Film gradient through its closing message. */
body.service-movie-page.service-movie-normal-scroll .brand-resonance-epilogue {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
}

body.service-movie-page.service-movie-normal-scroll .brand-resonance-value[data-brand-resonance-presentation] {
  padding-bottom: 0;
}

body.service-movie-page.service-movie-normal-scroll .brand-resonance-value.value-design-match {
  padding-top: clamp(150px, 15vw, 230px);
}

/* Full-viewport bridge from the Voice story into the closing brand statement. */
body.service-movie-page.service-movie-normal-scroll .brand-world-film {
  position: relative;
  z-index: 2;
  width: calc(100% + 11.1vw);
  height: 100svh;
  margin: clamp(150px, 15vw, 230px) -5.55vw 0;
  overflow: hidden;
  color: #1f292c;
  background: #141918;
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film__media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  margin: 0;
  padding: 32px;
  place-items: center;
  pointer-events: none;
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading > p {
  position: absolute;
  bottom: clamp(28px, 4.5vw, 64px);
  left: clamp(28px, 5.55vw, 88px);
  margin: 0;
  color: #364144;
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading h2 {
  width: auto;
  max-height: calc(100svh - 64px);
  margin: 0;
  color: #1f292c;
  font-family: var(--te-serif);
  font-size: clamp(8px, min(1.8vw, 4.2svh), 25px);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: start;
  text-orientation: upright;
  text-shadow: 0 1px 22px rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  writing-mode: vertical-rl;
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film--concept-bridge {
  width: 100%;
  margin: 0;
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: #e7e8e5;
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film__media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film__testimonial {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: clamp(112px, 15vw, 240px);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: clamp(20px, 2.2vw, 36px);
  transform: translateY(-50%);
  pointer-events: none;
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film__quote {
  margin: 0;
  color: rgba(28, 28, 26, 0.94);
  font-family: var(--te-serif);
  font-size: clamp(8px, min(1.55vw, 3.2svh), 24px);
  font-weight: 400;
  line-height: 2.05;
  letter-spacing: 0.12em;
  text-align: start;
  text-orientation: upright;
  text-shadow: none;
  white-space: nowrap;
  writing-mode: vertical-rl;
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film__attribution {
  position: relative;
  margin: 0;
  padding-top: clamp(24px, min(5vw, 9svh), 68px);
  color: rgba(28, 28, 26, 0.68);
  font-family: var(--te-sans);
  font-size: clamp(9px, min(0.84vw, 2.1svh), 13px);
  font-weight: 300;
  line-height: 1.9;
  letter-spacing: 0.13em;
  text-align: start;
  text-orientation: upright;
  text-shadow: none;
  white-space: nowrap;
  writing-mode: vertical-rl;
}

@media (min-width: 901px) {
  body.service-website-page.service-movie-page.service-movie-normal-scroll .concept-window-film__testimonial {
    right: auto;
    left: clamp(112px, 15vw, 240px);
    flex-direction: row-reverse;
  }
}

body.service-movie-page.service-movie-normal-scroll .concept-window-film__attribution::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: clamp(18px, min(3.6vw, 6.5svh), 52px);
  margin: 0;
  background: rgba(28, 28, 26, 0.34);
  content: "";
  transform: translateX(-50%);
}

/* Full-viewport sky immediately before the concept cloud passage. */
body.service-movie-page.service-movie-normal-scroll .concept-prelude-film {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 100dvh;
  overflow: hidden;
  background: #06154a;
}

body.service-movie-page.service-movie-normal-scroll .concept-prelude-film__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/*
 * Concept cloud passage (temporary test treatment).
 * The eight transparent cloud WebPs are isolated under /concept-cloud-test/ so
 * the scroll-driven layer motion remains independent from the page imagery.
 */
body.service-movie-page.service-movie-normal-scroll .concept-cloud-sequence {
  position: relative;
  width: 100%;
  background: #06154a;
  isolation: isolate;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-sequence .concept-prelude-film {
  position: sticky;
  top: 0;
  z-index: 0;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-sequence__passage {
  position: relative;
  z-index: 1;
  width: 100%;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer {
  position: relative;
  width: 100%;
  aspect-ratio: 1200 / 497;
  overflow: hidden;
  pointer-events: none;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer::before {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  z-index: 6;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 94%);
  content: "";
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer--bottom::before {
  top: -1px;
  bottom: auto;
  transform: scaleY(-1);
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  opacity: var(--concept-cloud-opacity, 1);
  transform: translate3d(
    var(--concept-cloud-x, 0%),
    var(--concept-cloud-y, 0%),
    0
  );
  transform-origin: center center;
  will-change: transform, opacity;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image:nth-of-type(1) { z-index: 4; }
body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image:nth-of-type(2) { z-index: 3; }
body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image:nth-of-type(3) { z-index: 2; }
body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image:nth-of-type(4) { z-index: 1; }

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer--top .concept-cloud-layer__image:nth-of-type(1) {
  --concept-cloud-x: -10%;
  --concept-cloud-y: 5%;
  --concept-cloud-opacity: 0.9;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer--top .concept-cloud-layer__image:nth-of-type(2) {
  --concept-cloud-x: 10%;
  --concept-cloud-y: 5%;
  --concept-cloud-opacity: 0.9;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer--top .concept-cloud-layer__image:nth-of-type(3) {
  --concept-cloud-x: 15%;
  --concept-cloud-y: 10%;
  --concept-cloud-opacity: 0.9;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer--top .concept-cloud-layer__image:nth-of-type(4) {
  --concept-cloud-x: -15%;
  --concept-cloud-y: 10%;
  --concept-cloud-opacity: 0.9;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center {
  position: relative;
  z-index: 7;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(96px, 13vh, 168px) 28px;
  color: var(--te-ink);
  text-align: center;
  background: #fff;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center__copy {
  width: min(760px, 88vw);
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .quiet-title {
  color: var(--te-muted);
  font-family: var(--te-latin);
  font-size: 13px;
  letter-spacing: 0.18em;
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .voice-words-statement {
  margin-top: 42px;
  font-family: var(--te-serif);
  font-size: clamp(25px, 2.15vw, 34px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.06em;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center [data-concept-cloud-line] {
  display: block;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .concept-cloud-char {
  display: inline-block;
  opacity: 0;
  filter: blur(8px);
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 0.8s ease var(--concept-cloud-char-delay, 0ms),
    filter 0.8s ease var(--concept-cloud-char-delay, 0ms),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) var(--concept-cloud-char-delay, 0ms);
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-center__copy.is-visible .quiet-title,
body.service-movie-page.service-movie-normal-scroll .concept-cloud-center__copy.is-visible .concept-cloud-char {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0);
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-airport-stage {
  position: relative;
  z-index: 1;
  width: 100%;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-airport-background {
  position: sticky;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  margin-bottom: -100vh;
  margin-bottom: -100svh;
  overflow: hidden;
  background: #d8ddd3;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-airport-background::before {
  position: absolute;
  inset: 0;
  background-image: url("/wp-content/themes/qualitia-2026/qualitia-services/assets/site/concept-cloud-test/eluna-concept-earth-mountain.webp?v=20260928-media-a");
  background-position: center center;
  background-size: cover;
  transform: scale(var(--concept-airport-scale, 1));
  transform-origin: center center;
  will-change: transform;
  content: "";
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-airport-stage .concept-cloud-layer--bottom,
body.service-movie-page.service-movie-normal-scroll .concept-cloud-airport-stage .concept-cloud-sequence__film-hold {
  position: relative;
  z-index: 1;
}

body.service-movie-page.service-movie-normal-scroll .concept-cloud-sequence__film-hold {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}

@media (max-width: 820px) {
  body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer {
    min-height: 188px;
    aspect-ratio: 1200 / 560;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center {
    padding: 92px 22px;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center__copy {
    width: min(100%, 520px);
  }

  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .quiet-title {
    font-size: 10px;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .voice-words-statement {
    margin-top: 30px;
    font-size: clamp(21px, 6vw, 26px);
    line-height: 1.85;
    letter-spacing: 0.04em;
  }

}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .concept-cloud-layer__image {
    --concept-cloud-x: 0% !important;
    --concept-cloud-y: 0% !important;
    --concept-cloud-opacity: 1 !important;
    will-change: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .quiet-title,
  body.service-movie-page.service-movie-normal-scroll .concept-cloud-center .concept-cloud-char {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}

@media (max-width: 820px) {
  body.service-movie-page.service-movie-normal-scroll .brand-resonance-value.value-design-match {
    padding-top: 116px;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-window-film__testimonial {
    top: auto;
    right: auto;
    bottom: clamp(56px, 9svh, 76px);
    left: 50%;
    width: calc(100% - 24px);
    max-width: none;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transform: translate(-50%, -50px);
  }

  body.service-movie-page.service-movie-normal-scroll .concept-window-film__quote {
    font-size: clamp(14px, 3.9vw, 16px);
    line-height: 1.9;
    letter-spacing: 0.05em;
    text-align: center;
    text-orientation: mixed;
    writing-mode: horizontal-tb;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-window-film__attribution {
    position: static;
    padding-top: 0;
    font-size: 10px;
    line-height: 1.65;
    letter-spacing: 0.1em;
    text-align: center;
    text-orientation: mixed;
    white-space: normal;
    writing-mode: horizontal-tb;
  }

  body.service-movie-page.service-movie-normal-scroll .concept-window-film__attribution::before {
    position: static;
    width: 34px;
    height: 1px;
    margin: 0 auto 7px;
    transform: none;
  }

  body.service-movie-page.service-movie-normal-scroll .brand-world-film {
    width: calc(100% + 40px);
    margin-top: 116px;
    margin-right: -20px;
    margin-left: -20px;
  }

  body.service-movie-page.service-movie-normal-scroll .brand-world-film--concept-bridge {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading {
    padding-right: 14px;
    padding-left: 14px;
  }

  body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading h2 {
    font-size: clamp(16px, 4.65vw, 20px);
    letter-spacing: 0.045em;
    transform: translateY(-7svh);
  }

  body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading > p {
    bottom: 28px;
    left: 20px;
    font-size: 10px;
  }
}

/* Listener prelude: a horizontal editorial lockup, distinct from the film and value wordmarks. */
body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial {
  min-height: clamp(300px, 44svh, 480px);
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__inner {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-content: center;
  align-items: center;
  gap: clamp(24px, 4vw, 68px);
  min-height: inherit;
  padding: clamp(64px, 7vw, 104px) clamp(28px, 7vw, 116px);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__index {
  display: grid;
  gap: 7px;
  margin: 0;
  color: rgba(255, 255, 255, 0.64);
  font-family: var(--te-latin);
  line-height: 1;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 700ms 160ms ease, transform 800ms 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__index small {
  font-size: 10px;
  letter-spacing: 0.16em;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__index span {
  font-size: 12px;
  letter-spacing: 0.2em;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2.4vw, 38px);
  min-width: 0;
  margin: 0;
  font-size: clamp(44px, 7.2vw, 108px);
  line-height: 0.88;
  letter-spacing: 0.055em;
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__divider {
  flex: 1 1 clamp(46px, 7vw, 110px);
  max-width: clamp(46px, 7vw, 110px);
  height: 1px;
  background: rgba(255, 255, 255, 0.46);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: opacity 600ms 520ms ease, transform 1000ms 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__ja {
  position: static;
  right: auto;
  bottom: auto;
  margin: 0;
  font-size: clamp(18px, 1.55vw, 25px);
  letter-spacing: 0.12em;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 700ms 620ms ease, transform 800ms 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial.is-visible .service-listener-wordmark__index,
body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial.is-visible .service-listener-wordmark__ja {
  opacity: 1;
  transform: translateY(0);
}

body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial.is-visible .service-listener-wordmark__divider {
  opacity: 1;
  transform: scaleX(1);
}

@media (max-width: 768px) {
  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial {
    min-height: auto;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px 18px;
    padding: max(48px, calc(env(safe-area-inset-top) + 32px)) clamp(24px, 7vw, 34px)
      max(52px, calc(env(safe-area-inset-bottom) + 38px));
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__index {
    grid-column: 1;
    grid-row: 1;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__ja {
    position: static;
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 14px;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__title {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: stretch;
    gap: clamp(10px, 3vw, 16px);
    width: 100%;
    font-size: clamp(34px, 10.2vw, 50px);
    line-height: 0.92;
    letter-spacing: 0.035em;
  }

  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__divider {
    flex: 1 1 24px;
    min-width: 20px;
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__index,
  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__divider,
  body.service-movie-page.service-movie-normal-scroll .service-listener-wordmark--editorial .service-listener-wordmark__ja {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Service movie: keep the story gradient visible while the presentation is playing. */
body.service-movie-page.service-movie-normal-scroll
  .service-story-value-transition.is-value-background-active
  .brand-resonance-value.is-audio-playing
  .movie-features__header {
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

/* Service movie: the active final slide must override the odd/last card background. */
body.top-editorial
  .movie-features--value.brand-resonance-value
  .movie-features__list
  > li.is-narrating {
  background: #3e3a39;
}

/* Service movie: prevent playback controls from widening the mobile canvas. */
html.is-value-audio-scroll-locked,
html.is-value-audio-scroll-locked body.top-editorial {
  overflow-x: clip;
}

@media (max-width: 820px) {
  body.service-movie-page.service-movie-normal-scroll
    .brand-resonance-value
    .movie-features__header
    > .value-audio-trigger {
    grid-template-columns: 54px minmax(0, 1fr) minmax(12px, 0.18fr) auto;
  }

  body.service-movie-page.service-movie-normal-scroll
    .brand-resonance-value
    .movie-features__header
    > .value-audio-trigger
    .value-audio-trigger__copy {
    min-width: 0;
    white-space: normal;
  }

  body.service-movie-page.service-movie-normal-scroll
    .brand-resonance-value
    .movie-features__header
    > .value-audio-trigger[data-brand-resonance-toggle]
    .value-audio-trigger__copy strong {
    line-height: 1.65;
  }

  body.service-movie-page.service-movie-normal-scroll
    .brand-resonance-value
    .movie-features__header
    > .value-audio-trigger[data-brand-resonance-toggle]
    .brand-resonance-mobile-label-break {
    display: block;
  }
}

/* Service movie: use the supplied dialogue film as the listener scene background. */
body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition
  .ce-scenes__main
  .service-listener-background-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.018);
  transition: opacity 1600ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 2100ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition.is-image-visible
  .ce-scenes__main
  .service-listener-background-video {
  opacity: 1;
  transform: scale(1);
}

body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition.is-leaving
  .ce-scenes__main
  .service-listener-background-video {
  opacity: 0;
  transform: scale(1.01);
  transition-delay: 0ms;
  transition-duration: 1100ms, 1400ms;
}

body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition.is-fast-reveal
  .ce-scenes__main
  .service-listener-background-video {
  transition-duration: 360ms, 430ms;
}

body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition.is-reveal-complete
  .ce-scenes__main
  .service-listener-background-video {
  will-change: auto;
}

body.service-movie-page
  .ce-scenes--featured-copy.service-listener-transition.is-resetting
  .ce-scenes__main
  .service-listener-background-video {
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page
    .ce-scenes--featured-copy.service-listener-transition
    .ce-scenes__main
    .service-listener-background-video {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
}

/* Service movie: soften only the "View Film" background footage. */
body.service-movie-page.service-movie-normal-scroll:not(.website-service-page)
  .service-hero__reverse-film::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}

/* Interviewer profile: continue the Voice / Music / Film editorial language. */
body.top-editorial .interviewer-profile {
  position: relative;
  background: #b4c0ba;
  animation: service-voice-vivace-gradient 55s ease-in-out 0.9s infinite;
}

body.top-editorial .interviewer-profile .movie-features__header {
  margin-bottom: clamp(64px, 7vw, 96px);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

body.top-editorial .interviewer-profile .interviewer-profile__wordmark {
  color: #fff;
  font-size: clamp(52px, 12.5vw, 176px);
  letter-spacing: 0.065em;
}

body.top-editorial .interviewer-profile .interviewer-profile__formula {
  color: #fff;
  font-size: clamp(28px, 3.2vw, 46px);
  letter-spacing: 0.1em;
}

body.top-editorial .interviewer-profile .brand-resonance-value__statement,
body.top-editorial .interviewer-profile .movie-features__header > p.brand-resonance-value__lead-copy {
  color: #fff;
}

body.top-editorial .interviewer-profile .interviewer-profile__list > .interviewer-profile__card,
body.top-editorial .interviewer-profile .interviewer-profile__list > .interviewer-profile__card:last-child:nth-child(odd) {
  grid-template-columns: minmax(390px, 52%) minmax(0, 1fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
  min-height: 0;
  padding: clamp(34px, 4vw, 62px);
}

body.top-editorial .interviewer-profile .interviewer-profile__images,
body.top-editorial .interviewer-profile:not(.is-audio-playing) .movie-features__list > li > .interviewer-profile__images {
  position: relative;
  isolation: isolate;
  height: auto;
  min-height: 0;
  aspect-ratio: 3 / 2;
  background: #dfe5e3;
}

body.top-editorial .interviewer-profile .interviewer-profile__images::after {
  position: absolute;
  z-index: 10;
  inset: 0;
  background: #fff;
  content: "";
  opacity: 0.1;
  pointer-events: none;
}

body.top-editorial .interviewer-profile .interviewer-profile__images .value-feature__image {
  object-position: center center;
}

body.top-editorial .interviewer-profile .interviewer-profile__content h3 > span {
  display: block;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__card {
  opacity: 0;
  transform: translate3d(0, 46px, 0);
  transition:
    opacity 760ms ease 80ms,
    transform 1100ms cubic-bezier(0.22, 1, 0.36, 1) 80ms,
    box-shadow 1200ms ease 160ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__card {
  opacity: 1;
  box-shadow: 0 30px 90px rgba(29, 47, 39, 0.12);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transform: translate3d(-22px, 0, 0);
  transition:
    clip-path 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms,
    transform 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__images {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images::before {
  position: absolute;
  z-index: 9;
  inset: 0;
  background: #edf1ef;
  content: "";
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform 1050ms cubic-bezier(0.22, 1, 0.36, 1) 250ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__images::before {
  transform: scaleX(0);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images .value-feature__image {
  filter: saturate(0.78) brightness(1.04);
  transform: scale(1.075);
  transition:
    filter 1500ms ease 220ms,
    transform 1800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__images .value-feature__image {
  filter: none;
  transform: scale(1.001);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > .movie-features__meta,
body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > p,
body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > .interviewer-profile__more {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 680ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content h3 > span {
  opacity: 0;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  transform: translate3d(0, 0.78em, 0);
  transition:
    opacity 640ms ease,
    clip-path 880ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 880ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > .movie-features__meta,
body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content h3 > span,
body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > p,
body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > .interviewer-profile__more {
  opacity: 1;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > .movie-features__meta {
  transition-delay: 320ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content h3 > span:nth-child(1) {
  transition-delay: 440ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content h3 > span:nth-child(2) {
  transition-delay: 570ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content h3 > span:nth-child(3) {
  transition-delay: 700ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > p:nth-of-type(1) {
  transition-delay: 820ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > p:nth-of-type(2) {
  transition-delay: 940ms;
}

body.top-editorial .interviewer-profile.has-interviewer-reveal.is-interviewer-revealed .interviewer-profile__content > .interviewer-profile__more {
  transition-delay: 1080ms;
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__card,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images::before,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images .value-feature__image,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > .movie-features__meta,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content h3 > span,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > p,
  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__content > .interviewer-profile__more {
    opacity: 1;
    filter: none;
    -webkit-clip-path: none;
    clip-path: none;
    transform: none;
    transition: none;
  }

  body.top-editorial .interviewer-profile.has-interviewer-reveal .interviewer-profile__images::before {
    display: none;
  }
}

/* Voice / Music / Film and Value cards: reuse the quiet interviewer reveal. */
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) {
  opacity: 0;
  transform: translate3d(0, 46px, 0);
  transition:
    opacity 760ms ease 80ms,
    transform 1100ms cubic-bezier(0.22, 1, 0.36, 1) 80ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__images {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transform: translate3d(-22px, 0, 0);
  transition:
    clip-path 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms,
    transform 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__images {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__images::before {
  position: absolute;
  z-index: 9;
  inset: 0;
  background: #edf1ef;
  content: "";
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform 1050ms cubic-bezier(0.22, 1, 0.36, 1) 250ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__images::before {
  transform: scaleX(0);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__image {
  filter: saturate(0.78) brightness(1.04);
  transform: scale(1.075);
  transition:
    filter 1500ms ease 220ms,
    transform 1800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__image {
  filter: none;
  transform: scale(1.001);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__content > .movie-features__meta,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__content > h3,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__content > p,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__content > .brand-resonance-copy-play {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 680ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal:not(.is-narrating) .value-feature__content > h3 {
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > .movie-features__meta,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > h3,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > p,
body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > .brand-resonance-copy-play {
  opacity: 1;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translate3d(0, 0, 0);
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > .movie-features__meta {
  transition-delay: 320ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > h3 {
  transition-delay: 500ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > p:nth-of-type(1) {
  transition-delay: 760ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > p:nth-of-type(2) {
  transition-delay: 880ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > p:nth-of-type(3) {
  transition-delay: 1000ms;
}

body.top-editorial .movie-features--value .movie-features__list > li.has-editorial-card-reveal.is-editorial-card-revealed:not(.is-narrating) .value-feature__content > .brand-resonance-copy-play {
  transition-delay: 1080ms;
}

body.top-editorial .interviewer-profile .interviewer-profile__content {
  align-self: center;
  padding: 0;
}

body.top-editorial .interviewer-profile .interviewer-profile__content > p + p {
  margin-top: 18px;
}

body.top-editorial .interviewer-profile__more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  margin-top: 38px;
  padding: 17px 0 15px;
  border: 0;
  border-top: 1px solid rgba(31, 52, 41, 0.3);
  border-bottom: 1px solid rgba(31, 52, 41, 0.3);
  color: #26332d;
  background: transparent;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: 0.055em;
  text-align: left;
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease;
}

body.top-editorial .interviewer-profile__more i {
  flex: 0 0 auto;
  font-family: var(--te-latin);
  font-size: 18px;
  font-style: normal;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .interviewer-profile__more:hover,
body.top-editorial .interviewer-profile__more:focus-visible {
  border-color: rgba(31, 52, 41, 0.7);
  color: #0f1d17;
}

body.top-editorial .interviewer-profile__more:hover i,
body.top-editorial .interviewer-profile__more:focus-visible i {
  transform: translateX(6px);
}

body.top-editorial .interviewer-profile__more:focus-visible,
body.top-editorial .interviewer-profile-popup__close:focus-visible,
body.top-editorial .interviewer-profile-popup__backdrop:focus-visible {
  outline: 2px solid #24352e;
  outline-offset: 4px;
}

html.is-interviewer-profile-popup-open,
html.is-interviewer-profile-popup-open body {
  overflow: hidden;
  overscroll-behavior: none;
}

body.top-editorial .interviewer-profile-popup {
  position: fixed;
  z-index: 2147483646;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(20px, 4vw, 58px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

body.top-editorial .interviewer-profile-popup.is-open {
  opacity: 1;
  visibility: visible;
}

body.top-editorial .interviewer-profile-popup__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(13, 23, 19, 0.76);
  backdrop-filter: blur(8px);
  cursor: pointer;
}

body.top-editorial .interviewer-profile-popup__frame {
  position: relative;
  z-index: 1;
  width: min(1060px, 100%);
  max-height: calc(100svh - clamp(40px, 8vw, 116px));
}

body.top-editorial .interviewer-profile-popup__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.14fr);
  width: 100%;
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  scrollbar-width: thin;
  scrollbar-color: rgba(36, 49, 44, 0.46) transparent;
  -webkit-overflow-scrolling: touch;
  color: #24312c;
  background: #f7f6f2;
  box-shadow: 0 30px 90px rgba(5, 14, 10, 0.28);
  opacity: 0;
  transform: translateY(22px) scale(0.985);
  transition: opacity 0.4s ease, transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

body.top-editorial .interviewer-profile-popup__panel::-webkit-scrollbar {
  width: 4px;
}

body.top-editorial .interviewer-profile-popup__panel::-webkit-scrollbar-track {
  background: transparent;
}

body.top-editorial .interviewer-profile-popup__panel::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(36, 49, 44, 0.46);
}

body.top-editorial .interviewer-profile-popup.is-open .interviewer-profile-popup__panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}

body.top-editorial .interviewer-profile-popup__close {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 4;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 50%;
  background: rgba(36, 49, 44, 0.94);
  cursor: pointer;
}

body.top-editorial .interviewer-profile-popup__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 1px;
  background: #fff;
}

body.top-editorial .interviewer-profile-popup__close span:first-child {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.top-editorial .interviewer-profile-popup__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body.top-editorial .interviewer-profile-popup__portrait {
  align-self: start;
  width: 100%;
  height: min(620px, calc(100svh - clamp(40px, 8vw, 116px)));
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #dfe5e3;
}

body.top-editorial .interviewer-profile-popup__portrait img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: 24% center;
  transform: scale(1.25);
  transform-origin: 24% 50%;
}

body.top-editorial .interviewer-profile-popup__body {
  align-self: center;
  padding: clamp(68px, 7vw, 104px) clamp(48px, 6vw, 88px) clamp(56px, 6vw, 86px);
}

body.top-editorial .interviewer-profile-popup__role {
  margin: 0 0 18px;
  color: #78827e;
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.16em;
}

body.top-editorial .interviewer-profile-popup__body > h2 {
  margin: 0;
  font-family: var(--te-latin);
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.035em;
  text-transform: lowercase;
}

body.top-editorial .interviewer-profile-popup__career {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(31, 49, 41, 0.16);
}

body.top-editorial .interviewer-profile-popup__career h3 {
  margin: 0;
  color: #78827e;
  font-family: var(--te-serif);
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.14em;
}

body.top-editorial .interviewer-profile-popup__interview-heading {
  margin: 38px 0 0;
  color: #3f564c;
  font-family: var(--te-serif);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.055em;
}

body.top-editorial .interviewer-profile-popup__career p,
body.top-editorial .interviewer-profile-popup__career li {
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.05;
  letter-spacing: 0.035em;
}

body.top-editorial .interviewer-profile-popup__career p {
  margin: 22px 0 0;
}

body.top-editorial .interviewer-profile-popup__career ul {
  display: grid;
  gap: 9px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

body.top-editorial .interviewer-profile-popup__career .interviewer-profile-popup__interview-list {
  margin-top: 18px;
}

body.top-editorial .interviewer-profile-popup__career li {
  position: relative;
  padding-left: 18px;
}

body.top-editorial .interviewer-profile-popup__career li::before {
  position: absolute;
  top: 1em;
  left: 0;
  width: 6px;
  height: 1px;
  background: currentColor;
  content: "";
  opacity: 0.5;
}

body.top-editorial .interviewer-profile-popup__draft {
  margin: 34px 0 0;
  color: #78827e;
  font-family: var(--te-sans);
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

body.top-editorial .interviewer-profile-popup__eyebrow {
  margin: 0;
  color: #78827e;
  font-family: var(--te-latin);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

body.top-editorial .interviewer-profile-popup__body h2 {
  margin: 0;
  font-family: var(--te-latin);
  font-size: clamp(34px, 4vw, 56px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.035em;
  text-transform: lowercase;
}

body.top-editorial .interviewer-profile-popup__lead {
  margin: 35px 0 0;
  font-family: var(--te-serif);
  font-size: 13px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .interviewer-profile-popup__facts {
  margin: 42px 0 0;
  border-top: 1px solid rgba(31, 49, 41, 0.16);
}

body.top-editorial .interviewer-profile-popup__facts > div {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 20px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(31, 49, 41, 0.16);
}

body.top-editorial .interviewer-profile-popup__facts dt,
body.top-editorial .interviewer-profile-popup__facts dd {
  margin: 0;
}

body.top-editorial .interviewer-profile-popup__facts dt {
  color: #78827e;
  font-family: var(--te-latin);
  font-size: 10px;
  letter-spacing: 0.1em;
}

body.top-editorial .interviewer-profile-popup__facts dd {
  font-family: var(--te-serif);
  font-size: 12px;
  line-height: 1.8;
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .interviewer-profile {
    animation: none;
  }
}

@media (max-width: 820px) {
  body.top-editorial .interviewer-profile__desktop-break {
    display: none;
  }

  body.top-editorial .interviewer-profile {
    padding-top: 110px;
    padding-bottom: 120px;
  }

  body.top-editorial .interviewer-profile .interviewer-profile__wordmark {
    font-size: clamp(48px, 15.2vw, 68px);
    letter-spacing: 0.045em;
  }

  body.top-editorial .interviewer-profile .interviewer-profile__formula {
    font-size: clamp(22px, 6.2vw, 28px);
    letter-spacing: 0.055em;
  }

  body.top-editorial .interviewer-profile .interviewer-profile__list > .interviewer-profile__card,
  body.top-editorial .interviewer-profile .interviewer-profile__list > .interviewer-profile__card:last-child:nth-child(odd) {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    padding: 18px 18px 30px;
  }

  body.top-editorial .interviewer-profile .interviewer-profile__content {
    padding: 30px 20px 32px;
  }

  body.top-editorial .interviewer-profile__more {
    margin-top: 32px;
    font-size: 12px;
  }

  body.top-editorial .interviewer-profile-popup {
    align-items: end;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    padding: 14px;
  }

  body.top-editorial .interviewer-profile-popup__panel {
    display: block;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }

  body.top-editorial .interviewer-profile-popup__frame {
    width: 100%;
    height: calc(100vh - 28px);
    height: calc(100dvh - 28px);
    max-height: calc(100vh - 28px);
    max-height: calc(100dvh - 28px);
    min-height: 0;
    overflow: hidden;
  }

  body.top-editorial .interviewer-profile-popup__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
    margin: 0;
  }

  body.top-editorial .interviewer-profile-popup__portrait {
    grid-row: auto;
    height: auto;
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  body.top-editorial .interviewer-profile-popup__portrait img {
    height: 100%;
    min-height: 0;
    object-position: 18% 38%;
    transform: scale(1.55);
    transform-origin: 18% 40%;
  }

  body.top-editorial .interviewer-profile-popup__body {
    padding: 44px 26px 38px;
  }

  body.top-editorial .interviewer-profile-popup__body h2 {
    margin-top: 0;
    font-size: clamp(34px, 10vw, 44px);
  }

  body.top-editorial .interviewer-profile-popup__role {
    margin-bottom: 14px;
    font-size: 11px;
  }

  body.top-editorial .interviewer-profile-popup__career {
    margin-top: 38px;
    padding-top: 20px;
  }

  body.top-editorial .interviewer-profile-popup__career p,
  body.top-editorial .interviewer-profile-popup__career li {
    font-size: 12px;
  }

  body.top-editorial .interviewer-profile-popup__interview-heading {
    margin-top: 32px;
    font-size: 14px;
  }

  body.top-editorial .interviewer-profile-popup__lead {
    margin-top: 26px;
    font-size: 12px;
  }

  body.top-editorial .interviewer-profile-popup__facts {
    margin-top: 32px;
  }

  body.top-editorial .interviewer-profile-popup__facts > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding: 15px 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.top-editorial .interviewer-profile__more i,
  body.top-editorial .interviewer-profile-popup,
  body.top-editorial .interviewer-profile-popup__panel {
    transition: none;
  }
}

/* Keep both presentation slide sets flat against their white backgrounds. */
body.service-movie-page [data-brand-resonance-presentation] .movie-features__list > li,
body.service-movie-page .value-design-match .movie-features__list > li {
  box-shadow: none;
}

/* Voice presentation: let its 16:9 film span the desktop width and the mobile height. */
body.top-editorial .brand-resonance-value li.brand-resonance-voice-slide.is-narrating {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  isolation: isolate;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__images {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content {
  position: relative;
  z-index: 2;
  display: flex;
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  align-self: stretch;
  justify-self: end;
  justify-content: center;
  width: 50%;
  height: 100%;
  margin-left: auto;
  padding: clamp(70px, 7vw, 118px);
  background: transparent;
}

@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    align-self: auto;
    justify-self: auto;
    justify-content: flex-end;
    width: min(58%, 720px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 clamp(32px, 4vw, 62px) clamp(150px, 19vh, 188px) clamp(42px, 6vw, 88px);
    color: #18251f;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .movie-features__meta p {
    color: rgba(24, 37, 31, 0.72);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .movie-features__meta::after {
    background: rgba(24, 37, 31, 0.28);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .value-feature__content h3 {
    max-width: 560px;
    margin-top: clamp(30px, 4vh, 42px);
    margin-bottom: 20px;
    color: #18251f;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .value-feature__content > p {
    max-width: 540px;
    color: rgba(24, 37, 31, 0.88);
    font-weight: 500;
    line-height: 2.05;
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.92);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .brand-resonance-voice-copy--sample {
    color: rgba(24, 37, 31, 0.82);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta p,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible .movie-features__meta p {
    color: rgba(255, 255, 255, 0.78);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta::after,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible .movie-features__meta::after {
    background: rgba(255, 255, 255, 0.32);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .value-feature__content h3,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .value-feature__content > p,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible .value-feature__content h3,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible .value-feature__content > p {
    color: rgba(255, 255, 255, 0.94);
    text-shadow: 0 1px 16px rgba(0, 0, 0, 0.72);
  }
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__images {
    width: 100%;
    height: 100vh;
    height: 100dvh;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content {
    justify-content: flex-end;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin-left: 0;
    padding: 42px 24px calc(154px + env(safe-area-inset-bottom));
    background: transparent;
  }
}

/* Music presentation: use the same full-film layout as Voice. */
body.top-editorial .brand-resonance-value li.brand-resonance-music-slide.is-narrating {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  isolation: isolate;
}

body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__images {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__content {
  position: relative;
  z-index: 2;
  display: flex;
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  align-self: stretch;
  justify-self: end;
  justify-content: center;
  width: 50%;
  height: 100%;
  margin-left: auto;
  padding: clamp(70px, 7vw, 118px);
  background: transparent;
}

@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__content {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    align-self: auto;
    justify-self: auto;
    justify-content: flex-end;
    width: min(58%, 720px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 clamp(32px, 4vw, 62px) clamp(150px, 19vh, 188px) clamp(42px, 6vw, 88px);
    color: #18251f;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating .movie-features__meta p {
    color: rgba(24, 37, 31, 0.72);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating .movie-features__meta::after {
    background: rgba(24, 37, 31, 0.28);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating .value-feature__content h3 {
    max-width: 560px;
    margin-top: clamp(30px, 4vh, 42px);
    margin-bottom: 20px;
    color: #18251f;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating .value-feature__content > p {
    max-width: 540px;
    color: rgba(24, 37, 31, 0.88);
    font-weight: 500;
    line-height: 2.05;
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.92);
  }
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__images {
    width: 100%;
    height: 100vh;
    height: 100dvh;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__content {
    justify-content: flex-end;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin-left: 0;
    padding: 42px 24px calc(154px + env(safe-area-inset-bottom));
    background: transparent;
  }
}

/*
 * Film presentation: opt-in full-film layout matching Voice and Music.
 * Remove brand-resonance-film-slide--fullfilm from the Film item to use the
 * preserved legacy/default slide layout again.
 */
body.top-editorial .brand-resonance-value li.brand-resonance-film-slide--fullfilm.is-narrating {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  isolation: isolate;
}

body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__images {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__content {
  position: relative;
  z-index: 2;
  display: flex;
  grid-column: 1;
  grid-row: 1;
  flex-direction: column;
  align-self: stretch;
  justify-self: end;
  justify-content: center;
  width: 50%;
  height: 100%;
  margin-left: auto;
  padding: clamp(70px, 7vw, 118px);
  background: transparent;
}

@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__content {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    align-self: auto;
    justify-self: auto;
    justify-content: flex-end;
    width: min(58%, 720px);
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 clamp(32px, 4vw, 62px) clamp(150px, 19vh, 188px) clamp(42px, 6vw, 88px);
    color: #18251f;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating .movie-features__meta p {
    color: rgba(24, 37, 31, 0.72);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating .movie-features__meta::after {
    background: rgba(24, 37, 31, 0.28);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating .value-feature__content h3 {
    max-width: 560px;
    margin-top: clamp(30px, 4vh, 42px);
    margin-bottom: 20px;
    color: #18251f;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating .value-feature__content > p {
    max-width: 540px;
    color: rgba(24, 37, 31, 0.88);
    font-weight: 500;
    line-height: 2.05;
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.92);
  }
}

@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__images {
    width: 100%;
    height: 100vh;
    height: 100dvh;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__content {
    justify-content: flex-end;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin-left: 0;
    padding: 42px 24px calc(154px + env(safe-area-inset-bottom));
    background: transparent;
  }
}

/* Match the Value heading composition to the Interviewer heading. */
body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading {
  margin-bottom: clamp(64px, 7vw, 96px);
}

body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(400px, 0.72fr);
  align-items: end;
  column-gap: clamp(42px, 5vw, 82px);
}

body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div > p.value-design-wordmark {
  display: grid;
  gap: 0;
  color: #fff;
  line-height: 0.78;
}

body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div > p.value-design-wordmark::after {
  display: none;
}

body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div > h2 {
  display: flex;
  grid-column: 2;
  flex-direction: column;
  align-self: end;
  gap: 28px;
  width: 100%;
  margin: 0 0 0.08em;
  font-size: 14px;
  line-height: 1;
}

body.top-editorial .value-design-match .value-interviewer-heading__formula {
  color: #fff;
  font-size: clamp(28px, 3.2vw, 46px);
  letter-spacing: 0.1em;
}

body.top-editorial .value-design-match .value-interviewer-heading__plus {
  display: inline-block;
  margin-left: -0.9em;
  margin-right: -0.57em;
  font-size: 0.59em;
  line-height: 1;
  letter-spacing: 0;
  vertical-align: top;
}

body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading .brand-resonance-value__statement,
body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > p.brand-resonance-value__lead-copy {
  color: #fff;
}

@media (max-width: 820px) {
  body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div {
    display: block;
  }

  body.top-editorial .value-design-match .movie-features__header.value-interviewer-heading > div > h2 {
    gap: 22px;
    margin-top: 28px;
  }

body.top-editorial .value-design-match .value-interviewer-heading__formula {
    font-size: clamp(22px, 6.2vw, 28px);
    letter-spacing: 0.055em;
  }

body.top-editorial .value-design-match .value-interviewer-heading__plus {
    margin-right: -0.62em;
  }
}

/* Restore the earlier stacked presentation layout on mobile. */
@media (max-width: 820px) {
  body.top-editorial .brand-resonance-value li.brand-resonance-voice-slide.is-narrating,
  body.top-editorial .brand-resonance-value li.brand-resonance-music-slide.is-narrating,
  body.top-editorial .brand-resonance-value li.brand-resonance-film-slide--fullfilm.is-narrating {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    align-items: start;
    padding: 0 0 calc(118px + env(safe-area-inset-bottom));
    isolation: auto;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__images,
  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__images,
  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__images {
    position: relative;
    z-index: auto;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 4;
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content,
  body.top-editorial .brand-resonance-value .brand-resonance-music-slide.is-narrating > .value-feature__content,
  body.top-editorial .brand-resonance-value .brand-resonance-film-slide--fullfilm.is-narrating > .value-feature__content {
    position: relative;
    z-index: auto;
    display: block;
    grid-column: auto;
    grid-row: auto;
    align-self: auto;
    justify-self: auto;
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 24px 20px 0;
    background: transparent;
  }
}

/* Voice narration: crossfade each spoken line without moving the title. */
body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto auto;
  align-content: end;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .movie-features__meta {
  grid-column: 1;
  grid-row: 1;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating > .value-feature__content > h3 {
  grid-column: 1;
  grid-row: 2;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .brand-resonance-voice-copy {
  grid-column: 1;
  grid-row: 3;
  margin-top: 0;
  visibility: hidden;
  opacity: 0 !important;
  transform: translateY(8px);
  transition:
    opacity 0.58s ease,
    transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0.58s !important;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .brand-resonance-voice-copy--sample {
  display: flex;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating .brand-resonance-copy-play {
  grid-column: 1;
  grid-row: 4;
}

body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-body-visible:not(.is-sample-cue-visible) .brand-resonance-voice-copy--lead,
body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-body-visible.is-sample-cue-visible:not(.is-closing-copy-visible) .brand-resonance-voice-copy--sample,
body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-body-visible.is-closing-copy-visible .brand-resonance-voice-copy--closing {
  visibility: visible;
  opacity: 1 !important;
  transform: translateY(0);
  transition:
    opacity 0.58s ease,
    transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0s !important;
}

/* Keep the Voice title and prompt dark on desktop while the sample film is playing. */
@media (min-width: 821px) {
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta p {
    color: rgba(24, 37, 31, 0.72);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible .movie-features__meta::after {
    background: rgba(24, 37, 31, 0.28);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible > .value-feature__content > h3 {
    color: #18251f;
    text-shadow: 0 1px 18px rgba(255, 255, 255, 0.9);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-closing-video-visible > .value-feature__content > .brand-resonance-voice-copy--sample {
    color: rgba(24, 37, 31, 0.88);
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.92);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible.is-closing-copy-visible > .value-feature__content > h3,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible.is-closing-copy-visible > .value-feature__content > .brand-resonance-voice-copy--closing {
    color: rgba(24, 37, 31, 0.88);
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.92);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible.is-closing-copy-visible .movie-features__meta span,
  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible.is-closing-copy-visible .movie-features__meta p {
    color: rgba(24, 37, 31, 0.72);
  }

  body.top-editorial .brand-resonance-value .brand-resonance-voice-slide.is-narrating.is-after-sample-video-visible.is-closing-copy-visible .movie-features__meta::after {
    background: rgba(24, 37, 31, 0.28);
  }
}

/* Make presentation durations easier to scan. */
body.service-movie-page .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__time {
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
}

body.service-movie-page .brand-resonance-value .brand-resonance-copy-play__chapter {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.12em;
}

@media (min-width: 821px) {
  body.service-movie-page .brand-resonance-value .movie-features__header > .value-audio-trigger {
    grid-template-columns: 62px auto minmax(12px, 1fr) auto;
    gap: 10px;
  }
}

@media (max-width: 820px) {
  body.service-movie-page .brand-resonance-value .movie-features__header > .value-audio-trigger .value-audio-trigger__time {
    font-size: 13px;
  }
}

/* Service movie footer: restrained multi-column editorial layout. */
body.service-movie-page .site-footer--editorial {
  box-sizing: border-box;
  min-height: 390px;
  padding: clamp(92px, 7.5vw, 108px) 6.2vw 38px;
  color: #686b69;
  background: #f8f8f6;
  font-family: var(--te-latin);
}

body.service-movie-page .site-footer--editorial a {
  color: inherit;
  text-decoration: none;
  transition: opacity 240ms ease;
}

body.service-movie-page .site-footer--editorial a:hover,
body.service-movie-page .site-footer--editorial a:focus-visible {
  opacity: 0.5;
}

body.service-movie-page .site-footer--editorial a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 5px;
}

body.service-movie-page .editorial-footer {
  display: grid;
  grid-template-columns: repeat(20, minmax(0, 1fr));
  column-gap: 2.1%;
  align-items: start;
  width: 100%;
  margin: 0 auto;
}

body.service-movie-page .editorial-footer__brand {
  grid-column: 1 / span 3;
  grid-row: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: start;
}

body.service-movie-page .editorial-footer__brand strong {
  font-family: var(--te-sans);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .editorial-footer__brand strong span {
  margin-left: 2px;
  font-size: 0.6em;
  vertical-align: top;
}

body.service-movie-page .editorial-footer__brand small {
  margin-top: 14px;
  font-size: 9px;
  line-height: 1.55;
  letter-spacing: 0.06em;
}

body.service-movie-page .editorial-footer__navigation,
body.service-movie-page .editorial-footer__information {
  display: contents;
}

body.service-movie-page .editorial-footer__primary,
body.service-movie-page .editorial-footer__services,
body.service-movie-page .editorial-footer__contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

body.service-movie-page .editorial-footer__primary {
  grid-column: 5 / span 3;
  grid-row: 1;
  gap: 10px;
}

body.service-movie-page .editorial-footer__primary a {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__services {
  grid-column: 8 / span 4;
  grid-row: 1;
  gap: 9px;
}

body.service-movie-page .editorial-footer__services a,
body.service-movie-page .editorial-footer__contact a,
body.service-movie-page .editorial-footer__area p {
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__area {
  grid-column: 15 / span 3;
  grid-row: 1;
  margin: 0;
}

body.service-movie-page .editorial-footer__contact {
  grid-column: 13 / span 2;
  grid-row: 1;
  gap: 4px;
}

body.service-movie-page .editorial-footer__area h2,
body.service-movie-page .editorial-footer__contact h2 {
  margin: 0 0 20px;
  color: #8c8e8d;
  font-family: var(--te-latin);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__area p {
  margin: 0;
  color: #8c8e8d;
}

body.service-movie-page .editorial-footer__copyright {
  grid-column: 19 / -1;
  grid-row: 1;
  justify-self: end;
  color: #8c8e8d;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__signature {
  grid-column: 5 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  align-items: center;
  margin-top: clamp(68px, 6vw, 82px);
}

body.service-movie-page .editorial-footer__signature h2 {
  margin: 0;
  font-family: var(--te-latin);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__signature p {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em;
}

body.service-movie-page .editorial-footer__signature i {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}

@media (max-width: 820px) {
  body.service-movie-page .site-footer--editorial {
    min-height: 0;
    padding: 84px 24px 28px;
  }

  body.service-movie-page .editorial-footer {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    column-gap: 10px;
  }

  body.service-movie-page .editorial-footer__brand {
    display: none;
  }

  body.service-movie-page .editorial-footer__navigation,
  body.service-movie-page .editorial-footer__information {
    display: block;
  }

  body.service-movie-page .editorial-footer__navigation {
    grid-column: 5 / -1;
    grid-row: 1;
  }

  body.service-movie-page .editorial-footer__information {
    grid-column: 1 / span 4;
    grid-row: 1;
  }

  body.service-movie-page .editorial-footer__primary {
    gap: 11px;
  }

  body.service-movie-page .editorial-footer__primary a {
    font-size: 22px;
    line-height: 1.05;
  }

  body.service-movie-page .editorial-footer__services {
    gap: 8px;
    margin-top: 42px;
  }

  body.service-movie-page .editorial-footer__services a,
  body.service-movie-page .editorial-footer__contact a,
  body.service-movie-page .editorial-footer__area p {
    font-size: 11px;
  }

  body.service-movie-page .editorial-footer__area h2,
  body.service-movie-page .editorial-footer__contact h2 {
    margin-bottom: 18px;
    font-size: 11px;
  }

  body.service-movie-page .editorial-footer__contact {
    gap: 4px;
    margin-top: 36px;
  }

  body.service-movie-page .editorial-footer__signature {
    grid-column: 1 / -1;
    grid-row: 2;
    grid-template-columns: 37% minmax(0, 1fr);
    margin-top: 88px;
  }

  body.service-movie-page .editorial-footer__signature h2 {
    font-size: 13px;
  }

  body.service-movie-page .editorial-footer__signature p {
    justify-content: space-between;
    gap: 12px;
    font-size: 11px;
    white-space: nowrap;
  }

  body.service-movie-page .editorial-footer__copyright {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: start;
    margin-top: 26px;
    font-size: 9px;
  }
}

/* ELUNA+ original footer: dialogue becomes story, then film. */
body.service-movie-page .site-footer--eluna {
  padding: 0;
  color: #c8ceca;
  background: #0d0f0e;
  font-family: var(--te-latin);
}

body.service-movie-page .site-footer--eluna a {
  color: inherit;
  text-decoration: none;
}

body.service-movie-page .eluna-footer {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: clamp(70px, 6vw, 92px) max(5.55vw, 48px) 34px;
}

body.service-movie-page .eluna-footer__intro {
  display: block;
}

body.service-movie-page .eluna-footer__brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-self: start;
}

body.service-movie-page .eluna-footer__brand strong {
  color: #f1f1ed;
  font-family: var(--te-sans);
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 300;
  line-height: 0.88;
  letter-spacing: 0.07em;
}

body.service-movie-page .eluna-footer__brand strong span {
  margin-left: 3px;
  font-size: 0.48em;
  vertical-align: top;
}

body.service-movie-page .eluna-footer__brand small {
  margin-top: 16px;
  color: #858e89;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.service-movie-page .eluna-footer__consultation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 100px;
  padding: 0 28px;
  color: #fff;
  background: #173d34;
  transition: background-color 280ms ease;
}

body.service-movie-page .eluna-footer__consultation span {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: var(--te-serif);
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__consultation small {
  font-family: var(--te-latin);
  font-size: 9px;
  letter-spacing: 0.1em;
  opacity: 0.66;
}

body.service-movie-page .eluna-footer__consultation i {
  font-family: var(--te-latin);
  font-size: 19px;
  font-style: normal;
  transition: transform 280ms ease;
}

body.service-movie-page .eluna-footer__consultation:hover,
body.service-movie-page .eluna-footer__consultation:focus-visible {
  background: #285649;
}

body.service-movie-page .eluna-footer__consultation:hover i,
body.service-movie-page .eluna-footer__consultation:focus-visible i {
  transform: translateX(5px);
}

body.service-movie-page .eluna-footer__journey {
  display: grid;
  grid-template-columns: auto minmax(20px, 1fr) auto minmax(20px, 1fr) auto minmax(20px, 1fr) auto;
  gap: clamp(13px, 1.6vw, 24px);
  align-items: center;
  margin-top: clamp(76px, 7vw, 104px);
  color: #737b77;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.1em;
}

body.service-movie-page .eluna-footer__journey i {
  position: relative;
  display: block;
  height: 1px;
  background: #d5d9d6;
}

body.service-movie-page .eluna-footer__journey i::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 5px;
  border: 1px solid #9ca5a0;
  border-radius: 50%;
  background: #f8f8f6;
  content: "";
  transform: translateY(-50%);
}

body.service-movie-page .eluna-footer__directory {
  display: grid;
  grid-template-columns: minmax(340px, 1.24fr) minmax(220px, 0.84fr) minmax(260px, 0.92fr);
  gap: clamp(54px, 7vw, 116px);
  margin-top: clamp(54px, 5vw, 72px);
  padding-top: clamp(42px, 4vw, 58px);
  border-top: 1px solid #2a2f2c;
}

body.service-movie-page .eluna-footer__primary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px clamp(36px, 5vw, 78px);
}

body.service-movie-page .eluna-footer__primary a {
  display: flex;
  gap: 16px;
  align-items: baseline;
  width: fit-content;
  transition: opacity 220ms ease, transform 280ms ease;
}

body.service-movie-page .eluna-footer__primary small {
  color: #66706a;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__primary span {
  color: #e0e3df;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1;
  letter-spacing: 0.03em;
}

body.service-movie-page .eluna-footer__services {
  display: flex;
  flex-direction: column;
}

body.service-movie-page .eluna-footer__services > p {
  margin: 0 0 20px;
  color: #7c8580;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__services a {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 36px;
  border-bottom: 1px solid #292e2b;
  transition: opacity 220ms ease, padding-left 280ms ease;
}

body.service-movie-page .eluna-footer__services small {
  color: #66706a;
  font-size: 8px;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__services span {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

body.service-movie-page .eluna-footer__information {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
}

body.service-movie-page .eluna-footer__information section,
body.service-movie-page .eluna-footer__information nav {
  margin: 0;
}

body.service-movie-page .eluna-footer__information h2 {
  margin: 0 0 20px;
  color: #7c8580;
  font-family: var(--te-latin);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__information p,
body.service-movie-page .eluna-footer__information a {
  display: block;
  margin: 0;
  color: #a9b1ac;
  font-size: 10px;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

body.service-movie-page .eluna-footer__primary a:hover,
body.service-movie-page .eluna-footer__primary a:focus-visible {
  opacity: 0.58;
  transform: translateX(4px);
}

body.service-movie-page .eluna-footer__services a:hover,
body.service-movie-page .eluna-footer__services a:focus-visible {
  opacity: 0.58;
  padding-left: 4px;
}

body.service-movie-page .eluna-footer__information a:hover,
body.service-movie-page .eluna-footer__information a:focus-visible {
  opacity: 0.55;
}

body.service-movie-page .site-footer--eluna a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 5px;
}

body.service-movie-page .eluna-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: clamp(66px, 6vw, 90px);
  padding-top: 24px;
  border-top: 1px solid #2a2f2c;
  color: #7c8580;
}

body.service-movie-page .eluna-footer__bottom p,
body.service-movie-page .eluna-footer__bottom small {
  margin: 0;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
}

@media (max-width: 820px) {
  body.service-movie-page .eluna-footer {
    padding: 64px 24px 27px;
  }

  body.service-movie-page .eluna-footer__intro {
    display: block;
  }

  body.service-movie-page .eluna-footer__brand strong {
    font-size: 32px;
  }

  body.service-movie-page .eluna-footer__brand small {
    margin-top: 17px;
    font-size: 9px;
  }

  body.service-movie-page .eluna-footer__consultation {
    min-height: 86px;
    margin-top: 42px;
    padding: 0 22px;
  }

  body.service-movie-page .eluna-footer__consultation span {
    font-size: 14px;
  }

  body.service-movie-page .eluna-footer__journey {
    gap: 8px;
    margin-top: 62px;
    font-size: 8px;
  }

  body.service-movie-page .eluna-footer__directory {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 50px;
    padding-top: 42px;
  }

  body.service-movie-page .eluna-footer__primary {
    gap: 24px 20px;
  }

  body.service-movie-page .eluna-footer__primary a {
    gap: 12px;
  }

  body.service-movie-page .eluna-footer__primary span {
    font-size: 24px;
  }

  body.service-movie-page .eluna-footer__services {
    margin-top: 62px;
  }

  body.service-movie-page .eluna-footer__services > p {
    margin-bottom: 17px;
  }

  body.service-movie-page .eluna-footer__services a {
    grid-template-columns: 27px minmax(0, 1fr);
    min-height: 42px;
  }

  body.service-movie-page .eluna-footer__services span {
    font-size: 13px;
  }

  body.service-movie-page .eluna-footer__information {
    gap: 28px;
    margin-top: 58px;
  }

  body.service-movie-page .eluna-footer__information h2 {
    margin-bottom: 17px;
  }

  body.service-movie-page .eluna-footer__bottom {
    display: grid;
    gap: 13px;
    margin-top: 64px;
    padding-top: 22px;
  }
}

/* NSSG About-inspired Plans: quiet typography, generous space, and ruled information rows. */
body.top-editorial .top-service-plans {
  padding: 168px 0 184px;
  color: #4d504e;
  background: #fafafa;
}

body.top-editorial .top-service-heading--plans {
  grid-template-columns: 24% minmax(0, 76%);
  grid-template-rows: auto auto;
  gap: 0;
  align-items: start;
  margin-bottom: 96px;
}

body.top-editorial .top-service-heading--plans__title {
  display: contents;
}

body.top-editorial .top-service-heading--plans .top-service-detail__kicker {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  margin: 0;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045em;
  white-space: nowrap;
}

body.top-editorial .top-service-heading--plans .top-service-detail__kicker small {
  color: #989c99;
  font-family: var(--te-serif);
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .top-service-heading--plans h3 {
  grid-column: 2;
  grid-row: 1;
  max-width: 670px;
  padding: 0;
  color: #4d504e;
  font-family: var(--te-serif);
  font-size: clamp(28px, 2.45vw, 37px);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-heading--plans h3 em {
  margin-right: 0.08em;
  color: inherit;
  font-family: var(--te-latin);
  font-size: 1em;
  font-style: normal;
  line-height: inherit;
}

body.top-editorial .top-service-plans__intro {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  max-width: 680px;
  margin-top: 32px;
  padding: 0;
  justify-self: start;
}

body.top-editorial .top-service-plans__intro-index {
  display: none;
}

body.top-editorial .top-service-plans__intro > p:last-child {
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-plan-grid {
  display: block;
  width: min(66.7vw, 960px);
  margin-right: max(5.55vw, calc((100vw - 1280px) / 2));
  margin-left: auto;
  border-top: 1px solid #e1e3e1;
}

body.top-editorial .top-service-plan-grid article {
  display: grid;
  grid-template-columns: 48px minmax(170px, 0.72fr) minmax(160px, 0.58fr) minmax(300px, 1.35fr);
  grid-template-rows: auto auto auto;
  gap: 0 clamp(24px, 3vw, 52px);
  align-items: start;
  min-height: 0;
  padding: 42px 0 44px;
  color: #555957;
  background: transparent;
  border-bottom: 1px solid #e1e3e1;
}

body.top-editorial .top-service-plan-grid article > p:first-child {
  grid-column: 1 / span 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0 clamp(24px, 3vw, 52px);
  align-items: baseline;
  margin: 0;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-plan__number {
  color: #777b78;
  font-size: 11px;
  line-height: 1;
}

body.top-editorial .top-service-plan-grid h4 {
  grid-column: 2;
  grid-row: 2;
  margin: 18px 0 0;
  color: #555957;
  font-family: var(--te-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

body.top-editorial .top-service-plan--story h4,
body.top-editorial .top-service-plan--world h4 {
  margin-bottom: 0;
}

body.top-editorial .top-service-plan-grid article > .top-service-plan__bonus {
  grid-column: 2;
  grid-row: 3;
  display: block;
  width: auto;
  margin: 14px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #8b8f8c;
  background: transparent;
  font-family: var(--te-serif);
  font-size: 10px;
  line-height: 1.7;
  letter-spacing: 0.055em;
}

body.top-editorial .top-service-plan-grid strong {
  grid-column: 3;
  grid-row: 1;
  display: block;
  margin: 0;
  color: #555957;
  font-family: var(--te-latin);
  font-size: clamp(23px, 2vw, 30px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.025em;
}

body.top-editorial .top-service-plan-grid strong small {
  margin-left: 5px;
  color: #8b8f8c;
  font-family: var(--te-serif);
  font-size: 9px;
  font-weight: 400;
}

body.top-editorial .top-service-plan-grid article > .top-service-plan__fee-note {
  grid-column: 3;
  grid-row: 2 / span 2;
  display: block;
  margin: 18px 0 0;
  color: #8b8f8c;
  font-family: var(--te-serif);
  font-size: 9px;
  line-height: 1.85;
  letter-spacing: 0.045em;
}

body.top-editorial .top-service-plan-grid ul {
  grid-column: 4;
  grid-row: 1 / span 3;
  margin: -10px 0 0;
  padding: 0;
}

body.top-editorial .top-service-plan-grid li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid #e7e8e7;
  color: #696d6a;
  font-family: var(--te-serif);
  font-size: 10px;
  line-height: 1.65;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-plan-grid li::before {
  color: #9a9e9b;
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
}

@media (max-width: 1100px) and (min-width: 821px) {
  body.top-editorial .top-service-plan-grid {
    width: min(72vw, 820px);
  }

  body.top-editorial .top-service-plan-grid article {
    grid-template-columns: 44px minmax(170px, 1fr) minmax(160px, 0.72fr);
  }

  body.top-editorial .top-service-plan-grid ul {
    grid-column: 2 / -1;
    grid-row: 4;
    margin-top: 28px;
  }
}

@media (max-width: 820px) {
  body.top-editorial .top-service-plans {
    padding: 108px 0 122px;
  }

  body.top-editorial .top-service-heading--plans {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0;
    width: calc(100% - 40px);
    margin-bottom: 78px;
  }

  body.top-editorial .top-service-heading--plans__title {
    display: contents;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker {
    grid-column: 1;
    grid-row: 1;
    gap: 9px;
    margin: 0;
    padding-top: 0;
    font-size: 12px;
    white-space: normal;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker small {
    font-size: 8px;
    line-height: 1.5;
  }

  body.top-editorial .top-service-heading--plans h3 {
    grid-column: 1;
    grid-row: 2;
    margin-top: 36px;
    padding: 0;
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .top-service-plans__intro {
    grid-column: 1;
    grid-row: 3;
    margin-top: 28px;
  }

  body.top-editorial .top-service-plans__intro > p:last-child {
    font-size: 10px;
    line-height: 2.05;
  }

  body.top-editorial .top-service-plan-grid {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  body.top-editorial .top-service-plan-grid article {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto auto;
    gap: 0 17px;
    padding: 38px 0 44px;
  }

  body.top-editorial .top-service-plan-grid article > p:first-child {
    grid-column: 1 / -1;
    grid-row: 1;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0 17px;
    font-size: 14px;
  }

  body.top-editorial .top-service-plan-grid h4 {
    grid-column: 2;
    grid-row: 2;
    margin-top: 20px;
    font-size: 13px;
  }

  body.top-editorial .top-service-plan-grid article > .top-service-plan__bonus {
    grid-column: 2;
    grid-row: 3;
    margin-top: 12px;
  }

  body.top-editorial .top-service-plan-grid strong {
    grid-column: 2;
    grid-row: 4;
    margin-top: 27px;
    font-size: 27px;
  }

  body.top-editorial .top-service-plan-grid article > .top-service-plan__fee-note {
    grid-column: 2;
    grid-row: 5;
    margin-top: 13px;
    font-size: 9px;
  }

  body.top-editorial .top-service-plan-grid ul {
    grid-column: 2;
    grid-row: 6;
    margin-top: 27px;
  }

  body.top-editorial .top-service-plan-grid li {
    grid-template-columns: 27px minmax(0, 1fr);
    gap: 9px;
    padding: 10px 0;
    font-size: 10px;
  }
}

/* Delivery samples: continue the restrained, ruled visual language of Plans. */
body.top-editorial .top-service-deliverables {
  margin-top: 154px;
  padding-top: 92px;
  border-top: 0;
}

body.top-editorial .top-service-deliverables::before {
  display: none;
}

body.top-editorial .top-service-deliverables__heading {
  grid-template-columns: 24% minmax(0, 76%);
  gap: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

body.top-editorial .top-service-deliverables__heading > p {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  margin: 0;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045em;
}

body.top-editorial .top-service-deliverables__heading > p span + span {
  margin-left: 0;
  color: #989c99;
  font-family: var(--te-serif);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .top-service-deliverables__heading > div {
  grid-column: 2;
  padding-top: 0;
}

body.top-editorial .top-service-deliverables__heading h3 {
  max-width: 670px;
  color: #4d504e;
  font-size: clamp(28px, 2.45vw, 37px);
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-deliverables__heading div > p {
  max-width: 680px;
  margin-top: 32px;
  padding-top: 0;
  border-top: 0;
  color: #777b78;
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-deliverables__list {
  width: 75%;
  margin: 86px 0 0 auto;
  border-top: 1px solid #e1e3e1;
}

body.top-editorial .top-service-deliverables__list > li {
  border-bottom: 1px solid #e1e3e1;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even)::before {
  display: none;
}

body.top-editorial .top-service-deliverable,
body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable,
body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos {
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(36px, 4vw, 64px);
  padding: 54px 0;
}

body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__media,
body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable__content,
body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__media--short-videos,
body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content {
  order: initial;
}

body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__content {
  display: block;
  width: auto;
  max-width: none;
}

body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__media--short-videos {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

body.top-editorial .top-service-deliverable__number {
  margin-bottom: 16px;
  color: #9a9e9b;
  font-size: 10px;
  letter-spacing: 0.08em;
}

body.top-editorial .top-service-deliverable__type {
  margin-bottom: 12px;
  color: #8b8f8c;
  font-size: 9px;
}

body.top-editorial .top-service-deliverable__content h4 {
  color: #555957;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.75;
  letter-spacing: 0.04em;
}

body.top-editorial .top-service-deliverable__content > p:not([class]),
body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
body.top-editorial .top-service-deliverable__short-video-details > p:not([class]) {
  margin-top: 22px;
  color: #777b78;
  font-size: 11px;
  line-height: 2.15;
}

body.top-editorial .top-service-deliverable__plan-label {
  width: min(170px, 100%);
  margin-top: 27px;
  color: #777b78;
  font-size: 9px;
}

body.top-editorial .top-service-deliverable__plan-label::after {
  background: #d9dcda;
}

body.top-editorial .top-service-deliverable__content ul {
  gap: 7px 16px;
  margin-top: 12px;
}

body.top-editorial .top-service-deliverable__content li {
  padding: 6px 0;
  border: 0;
  border-bottom: 1px solid #d9dcda;
  border-radius: 0;
  color: #696d6a;
  background: transparent;
  font-size: 9px;
}

@media (max-width: 820px) {
  body.top-editorial .top-service-deliverables {
    width: calc(100% - 40px);
    margin-top: 96px;
    padding-top: 78px;
  }

  body.top-editorial .top-service-deliverables__heading {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0 17px;
  }

  body.top-editorial .top-service-deliverables__heading > p {
    grid-column: 1;
    gap: 9px;
    padding-top: 6px;
    font-size: 12px;
  }

  body.top-editorial .top-service-deliverables__heading > p span + span {
    font-size: 8px;
    line-height: 1.5;
  }

  body.top-editorial .top-service-deliverables__heading > div {
    grid-column: 2;
  }

  body.top-editorial .top-service-deliverables__heading h3 {
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .top-service-deliverables__heading div > p {
    margin-top: 28px;
    font-size: 10px;
    line-height: 2.05;
  }

  body.top-editorial .top-service-deliverables__list {
    width: 100%;
    margin-top: 70px;
  }

  body.top-editorial .top-service-deliverable,
  body.top-editorial .top-service-deliverables__list > li:nth-child(even) .top-service-deliverable,
  body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    padding: 38px 0 44px;
  }

  body.top-editorial .top-service-deliverable__content,
  body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__content {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0 17px;
  }

  body.top-editorial .top-service-deliverable__number {
    grid-column: 1;
    grid-row: 1 / span 6;
    margin: 4px 0 0;
    font-size: 10px;
  }

  body.top-editorial .top-service-deliverable__type {
    grid-column: 2;
    margin: 0;
  }

  body.top-editorial .top-service-deliverable__content h4 {
    grid-column: 2;
    margin-top: 15px;
    font-size: 13px;
  }

  body.top-editorial .top-service-deliverable__content > p:not([class]),
  body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
  body.top-editorial .top-service-deliverable__short-video-details {
    grid-column: 2;
  }

  body.top-editorial .top-service-deliverable__plan-label,
  body.top-editorial .top-service-deliverable__content > ul {
    grid-column: 2;
  }

  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__media--short-videos,
  body.top-editorial .top-service-deliverable--short-videos .top-service-deliverable__content {
    order: initial;
  }
}

/* Flow: use the same quiet heading and ruled-list language as Plans. */
body.top-editorial .top-service-flow {
  display: block;
  padding: 168px 0 184px;
  overflow: visible;
  border-top: 1px solid #e1e3e1;
  color: #4d504e;
  background: #fafafa;
}

body.top-editorial .top-service-flow::before {
  display: none;
}

body.top-editorial .top-service-flow > .top-service-heading {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  grid-template-rows: auto auto;
  gap: 0;
  width: min(88.9vw, 1280px);
  margin: 0 auto 96px;
}

body.top-editorial .top-service-flow .top-service-heading > div {
  display: contents;
}

body.top-editorial .top-service-flow .top-service-detail__kicker {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
  margin: 0;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045em;
  white-space: nowrap;
}

body.top-editorial .top-service-flow .top-service-detail__kicker small {
  color: #989c99;
  font-family: var(--te-serif);
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .top-service-flow .top-service-heading h3 {
  grid-column: 2;
  grid-row: 1;
  max-width: 670px;
  padding: 0;
  color: #4d504e;
  font-family: var(--te-serif);
  font-size: clamp(28px, 2.45vw, 37px);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-flow .top-service-heading > p {
  grid-column: 2;
  grid-row: 2;
  max-width: 680px;
  margin: 32px 0 0;
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .top-service-flow > ol {
  width: min(66.7vw, 960px);
  margin-right: max(5.55vw, calc((100vw - 1280px) / 2));
  margin-left: auto;
  border-top: 1px solid #e1e3e1;
  border-bottom: 0;
}

body.top-editorial .top-service-flow li {
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 24px;
  min-height: 94px;
  padding: 20px 4px 20px 0;
  border-top: 0;
  border-bottom: 1px solid #e1e3e1;
}

body.top-editorial .top-service-flow li span {
  margin: 0;
  color: #9a9e9b;
  font-family: var(--te-latin);
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.03em;
}

body.top-editorial .top-service-flow li strong {
  color: #555957;
  font-family: var(--te-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.04em;
}

@media (max-width: 1100px) and (min-width: 821px) {
  body.top-editorial .top-service-flow > ol {
    width: min(72vw, 820px);
  }
}

@media (max-width: 820px) {
  body.top-editorial .top-service-flow {
    padding: 108px 0 122px;
  }

  body.top-editorial .top-service-flow > .top-service-heading {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0 17px;
    width: calc(100% - 40px);
    margin: 0 auto 78px;
  }

  body.top-editorial .top-service-flow .top-service-detail__kicker {
    grid-column: 1;
    grid-row: 1 / span 2;
    gap: 9px;
    margin: 0;
    padding-top: 6px;
    font-size: 12px;
    white-space: normal;
  }

  body.top-editorial .top-service-flow .top-service-detail__kicker small {
    font-size: 8px;
    line-height: 1.5;
  }

  body.top-editorial .top-service-flow .top-service-heading h3 {
    grid-column: 2;
    grid-row: 1;
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .top-service-flow .top-service-heading > p {
    grid-column: 2;
    grid-row: 2;
    margin-top: 28px;
    color: #777b78;
    font-size: 10px;
    line-height: 2.05;
  }

  body.top-editorial .top-service-flow > ol {
    width: calc(100% - 40px);
    margin: 0 auto;
    border-top-color: #e1e3e1;
  }

  body.top-editorial .top-service-flow li {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 17px;
    min-height: 80px;
    padding: 17px 0;
    border-bottom-color: #e1e3e1;
  }

  body.top-editorial .top-service-flow li span {
    font-size: 28px;
  }

  body.top-editorial .top-service-flow li strong {
    font-size: 15px;
  }
}

/* Creator Story: align the portrait narrative with the quiet Plans system. */
body.top-editorial .creator-story--profile {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  grid-template-rows: auto auto auto auto;
  gap: 0 clamp(64px, 8vw, 120px);
  align-items: start;
  width: min(88.9vw, 1280px);
  margin: 0 auto;
  padding: 168px 0 184px;
  overflow: visible;
  border-top: 1px solid #e1e3e1;
  color: #4d504e;
  background: #fafafa;
  box-shadow: 0 0 0 100vmax #fafafa;
  clip-path: inset(0 -100vmax);
}

body.top-editorial .creator-story--profile .brand-statement__copy {
  display: contents;
}

body.top-editorial .creator-story--profile .brand-statement__copy > small {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  margin: 0;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045em;
}

body.top-editorial .creator-story--profile .creator-story__role {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: 0.08em;
}

body.top-editorial .creator-story--profile .brand-statement__copy > h2 {
  grid-column: 2;
  grid-row: 2;
  margin: 13px 0 0;
  color: #4d504e;
  font-family: var(--te-latin);
  font-size: clamp(28px, 2.45vw, 37px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.035em;
}

body.top-editorial .creator-story--profile .brand-statement__media {
  position: relative;
  top: auto;
  grid-column: 1;
  grid-row: 3;
  align-self: start;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-top: 72px;
  aspect-ratio: 4 / 5;
}

body.top-editorial .creator-story--profile .brand-statement__media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 24% center;
  filter: none;
}

body.top-editorial .creator-story--profile .creator-story__origin {
  grid-column: 2;
  grid-row: 3;
  margin-top: 72px;
  padding-top: 42px;
  border-top: 1px solid #e1e3e1;
}

body.top-editorial .creator-story--profile .creator-story__origin h3 {
  color: #4d504e;
  font-size: clamp(28px, 2.45vw, 37px);
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .creator-story--profile .creator-story__origin p {
  margin-top: 30px;
  color: #777b78;
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .creator-story--profile .creator-story__origin p + p {
  margin-top: 18px;
}

body.top-editorial .creator-story--profile .creator-story__profile-open {
  grid-column: auto;
  grid-row: auto;
  width: min(320px, 100%);
  margin-top: 30px;
  color: #696d6a;
  border-bottom-color: #cfd3d0;
}

body.top-editorial .creator-story--profile .creator-story__profile-open:hover,
body.top-editorial .creator-story--profile .creator-story__profile-open:focus-visible {
  color: #35403b;
  border-bottom-color: #777b78;
}

@media (max-width: 820px) {
  body.top-editorial .creator-story--profile {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    gap: 0 17px;
    width: calc(100% - 40px);
    padding: 108px 0 122px;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy > small {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-top: 6px;
    font-size: 12px;
    line-height: 1.5;
  }

  body.top-editorial .creator-story--profile .creator-story__role {
    grid-column: 2;
    grid-row: 1;
    font-size: 10px;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy > h2 {
    grid-column: 2;
    grid-row: 2;
    margin-top: 11px;
    font-size: 23px;
  }

  body.top-editorial .creator-story--profile .brand-statement__media {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    height: auto;
    margin-top: 56px;
    aspect-ratio: 4 / 3;
  }

  body.top-editorial .creator-story--profile .brand-statement__media img {
    height: 100%;
    object-position: 18% 38%;
  }

  body.top-editorial .creator-story--profile .creator-story__origin {
    grid-column: 2;
    grid-row: 4;
    margin-top: 56px;
    padding-top: 30px;
  }

  body.top-editorial .creator-story--profile .creator-story__origin h3 {
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .creator-story--profile .creator-story__origin p {
    margin-top: 26px;
    font-size: 11px;
    line-height: 2.1;
  }

  body.top-editorial .creator-story--profile .creator-story__profile-open {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    margin-top: 28px;
    font-size: 11px;
  }
}

/* FAQ and Contact: finish the page in the same restrained Plans language. */
body.top-editorial .movie-faq {
  padding: 168px 0 184px;
  overflow: visible;
  border-top: 1px solid #e1e3e1;
  color: #4d504e;
  background: #fafafa;
}

body.top-editorial .movie-faq::before {
  display: none;
}

body.top-editorial .movie-faq .chapter-heading {
  width: min(88.9vw, 1280px);
  margin: 0 auto;
  text-align: left;
}

body.top-editorial .movie-faq .chapter-heading h2 {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  gap: 0;
  align-items: start;
  margin: 0;
  color: #4d504e;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.035em;
}

body.top-editorial .movie-faq .chapter-heading h2 > span {
  grid-column: 1;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.045em;
}

body.top-editorial .movie-faq .chapter-heading h2 small {
  grid-column: 2;
  color: #4d504e;
  font-family: var(--te-serif);
  font-size: clamp(28px, 2.45vw, 37px);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .movie-faq .answer-board {
  display: block;
  width: min(66.7vw, 960px);
  margin: 86px max(5.55vw, calc((100vw - 1280px) / 2)) 0 auto;
  padding: 0;
  border: 0;
  color: #4d504e;
  background: transparent;
  box-shadow: none;
}

body.top-editorial .movie-faq .answer-board-head {
  padding: 0 0 22px;
  border-bottom: 1px solid #e1e3e1;
}

body.top-editorial .movie-faq .answer-board-head .section-kicker {
  margin: 0;
  color: #9a9e9b;
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .movie-faq .answer-board-list {
  display: block;
}

body.top-editorial .movie-faq .answer-board-list article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid #e1e3e1;
}

body.top-editorial .movie-faq .answer-board-list span {
  margin: 3px 0 0;
  color: #9a9e9b;
  font-family: var(--te-latin);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.top-editorial .movie-faq .answer-board-list h4 {
  margin: 0;
  color: #555957;
  font-family: var(--te-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

body.top-editorial .movie-faq .answer-board-list p {
  margin: 13px 0 0;
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
  text-align: left;
}

body.top-editorial .movie-contact {
  padding: 168px 0 184px;
  overflow: visible;
  border-top: 1px solid #e1e3e1;
  color: #4d504e;
  background: #fafafa;
}

body.top-editorial .movie-contact::before {
  content: none;
}

body.top-editorial .movie-contact > .movie-contact__inner {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  grid-template-rows: auto auto auto;
  gap: 0;
  align-items: start;
  width: min(88.9vw, 1280px);
  margin: 0 auto;
}

body.top-editorial .movie-contact__heading,
body.top-editorial .movie-contact__heading h2 {
  display: contents;
}

body.top-editorial .movie-contact__heading h2 > span {
  grid-column: 1;
  grid-row: 1 / span 2;
  padding-top: 4px;
  color: #555957;
  font-family: var(--te-latin);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.045em;
}

body.top-editorial .movie-contact__heading h2 small {
  grid-column: 2;
  grid-row: 1;
  color: #4d504e;
  font-family: var(--te-serif);
  font-size: clamp(28px, 2.45vw, 37px);
  font-weight: 400;
  line-height: 1.72;
  letter-spacing: 0.035em;
}

body.top-editorial .movie-contact__heading > p {
  grid-column: 2;
  grid-row: 2;
  max-width: 680px;
  margin: 32px 0 0;
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
  text-align: left;
}

body.top-editorial .movie-contact__panel {
  grid-column: 2;
  grid-row: 3;
  width: 100%;
  max-width: 680px;
  margin: 86px 0 0;
  padding: 42px 0 0;
  border-top: 1px solid #e1e3e1;
  color: #4d504e;
  background: transparent;
  box-shadow: none;
  text-align: left;
}

body.top-editorial .movie-contact__primary-eyebrow {
  margin: 0;
  color: #9a9e9b;
  font-family: var(--te-latin);
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.top-editorial .movie-contact__panel h3 {
  margin: 16px 0 0;
  color: #555957;
  font-family: var(--te-serif);
  font-size: clamp(17px, 1.5vw, 21px);
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

body.top-editorial .movie-contact__description {
  margin: 22px 0 0;
  color: #777b78;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 2.15;
  letter-spacing: 0.035em;
}

body.top-editorial .movie-contact__primary-link {
  width: min(380px, 100%);
  min-height: 60px;
  margin-top: 32px;
  padding: 0 15px 0 24px;
  border: 1px solid #173d34;
  color: #fff;
  background: #173d34;
  box-shadow: none;
}

body.top-editorial .movie-contact__primary-link:hover,
body.top-editorial .movie-contact__primary-link:focus-visible {
  color: #fff;
  background: #285649;
  box-shadow: none;
  transform: translateY(-2px);
}

@media (max-width: 1100px) and (min-width: 821px) {
  body.top-editorial .movie-faq .answer-board {
    width: min(72vw, 820px);
  }
}

@media (max-width: 820px) {
  body.top-editorial .movie-faq,
  body.top-editorial .movie-contact {
    padding: 108px 0 122px;
  }

  body.top-editorial .movie-faq .chapter-heading {
    width: calc(100% - 40px);
  }

  body.top-editorial .movie-faq .chapter-heading h2 {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 0 17px;
  }

  body.top-editorial .movie-faq .chapter-heading h2 > span {
    padding-top: 6px;
    font-size: 12px;
  }

  body.top-editorial .movie-faq .chapter-heading h2 small {
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .movie-faq .answer-board {
    width: calc(100% - 40px);
    margin: 70px auto 0;
    padding: 0;
  }

  body.top-editorial .movie-faq .answer-board-head {
    padding-bottom: 20px;
  }

  body.top-editorial .movie-faq .answer-board-list article {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 17px;
    padding: 24px 0;
  }

  body.top-editorial .movie-faq .answer-board-list span {
    font-size: 10px;
  }

  body.top-editorial .movie-faq .answer-board-list h4 {
    font-size: 15px;
  }

  body.top-editorial .movie-faq .answer-board-list p {
    margin-top: 12px;
    font-size: 11px;
    line-height: 2.1;
  }

  body.top-editorial .movie-contact > .movie-contact__inner {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0 17px;
    width: calc(100% - 40px);
  }

  body.top-editorial .movie-contact__heading h2 > span {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-top: 6px;
    font-size: 12px;
  }

  body.top-editorial .movie-contact__heading h2 small {
    grid-column: 2;
    grid-row: 1;
    font-size: 23px;
    line-height: 1.7;
  }

  body.top-editorial .movie-contact__heading > p {
    grid-column: 2;
    grid-row: 2;
    margin-top: 28px;
    font-size: 10px;
    line-height: 2.05;
  }

  body.top-editorial .movie-contact__panel {
    grid-column: 2;
    grid-row: 3;
    width: 100%;
    margin-top: 70px;
    padding: 30px 0 0;
  }

  body.top-editorial .movie-contact__panel h3 {
    margin-top: 15px;
    font-size: 18px;
  }

  body.top-editorial .movie-contact__description {
    margin-top: 20px;
    font-size: 11px;
    line-height: 2.1;
  }

  body.top-editorial .movie-contact__primary-link {
    width: 100%;
    min-height: 60px;
    margin-top: 28px;
    padding: 0 13px 0 20px;
  }
}

/* Match the short-video title-to-description gap to the other deliverables. */
body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__short-video-details {
  margin-top: 22px;
}

body.top-editorial .top-service-deliverables__list > li .top-service-deliverable.top-service-deliverable--short-videos .top-service-deliverable__short-video-details > p:not([class]) {
  margin-top: 0;
}

/* Archived Plans-style footer override; the original footer above is active. */
@media (max-width: 0px) {
body.service-movie-page .site-footer--eluna {
  padding: 0;
  border-top: 1px solid #232624;
  color: #c8ceca;
  background: #0d0f0e;
  font-family: var(--te-latin);
}

body.service-movie-page .eluna-footer {
  display: grid;
  grid-template-columns: 24% minmax(0, 76%);
  grid-template-rows: auto auto;
  width: min(88.9vw, 1280px);
  margin: 0 auto;
  padding: 128px 0 34px;
}

body.service-movie-page .eluna-footer__intro {
  grid-column: 1;
  grid-row: 1;
  display: block;
  align-self: start;
}

body.service-movie-page .eluna-footer__brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

body.service-movie-page .eluna-footer__brand strong {
  color: #f1f1ed;
  font-family: var(--te-sans);
  font-size: 28px;
  font-weight: 300;
  line-height: 0.9;
  letter-spacing: 0.07em;
}

body.service-movie-page .eluna-footer__brand strong span {
  margin-left: 2px;
  font-size: 0.48em;
}

body.service-movie-page .eluna-footer__brand small {
  margin-top: 14px;
  color: #858e89;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.12em;
}

body.service-movie-page .eluna-footer__directory {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(230px, 0.82fr);
  grid-template-rows: auto auto;
  gap: 0 clamp(52px, 7vw, 96px);
  margin: 0;
  padding: 0;
  border-top: 0;
}

body.service-movie-page .eluna-footer__primary {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #292d2a;
}

body.service-movie-page .eluna-footer__primary a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  border-bottom: 1px solid #292d2a;
  color: #dfe3df;
  transition: opacity 220ms ease, padding-left 280ms ease;
}

body.service-movie-page .eluna-footer__primary small {
  color: #6f7873;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__primary span {
  color: #e0e3df;
  font-family: var(--te-latin);
  font-size: 17px;
  line-height: 1;
  letter-spacing: 0.035em;
}

body.service-movie-page .eluna-footer__services {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
}

body.service-movie-page .eluna-footer__services > p {
  margin: 0 0 20px;
  color: #7c8580;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__services a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 47px;
  border-bottom: 1px solid #292e2b;
  color: #a9b1ac;
  transition: opacity 220ms ease, padding-left 280ms ease;
}

body.service-movie-page .eluna-footer__services a:first-of-type {
  border-top: 1px solid #292e2b;
}

body.service-movie-page .eluna-footer__services small {
  color: #66706a;
  font-size: 8px;
  letter-spacing: 0.08em;
}

body.service-movie-page .eluna-footer__services span {
  color: #c8ceca;
  font-family: var(--te-serif);
  font-size: 11px;
  line-height: 1.3;
  letter-spacing: 0.04em;
}

body.service-movie-page .eluna-footer__information {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(36px, 6vw, 80px);
  margin-top: 64px;
  padding-top: 42px;
  border-top: 1px solid #2a2f2c;
}

body.service-movie-page .eluna-footer__information h2 {
  margin: 0 0 18px;
  color: #7c8580;
  font-family: var(--te-latin);
  font-size: 9px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
}

body.service-movie-page .eluna-footer__information p,
body.service-movie-page .eluna-footer__information a {
  display: block;
  margin: 0;
  color: #a9b1ac;
  font-family: var(--te-serif);
  font-size: 10px;
  line-height: 1.9;
  letter-spacing: 0.035em;
}

body.service-movie-page .eluna-footer__primary a:hover,
body.service-movie-page .eluna-footer__primary a:focus-visible,
body.service-movie-page .eluna-footer__services a:hover,
body.service-movie-page .eluna-footer__services a:focus-visible {
  opacity: 0.58;
  padding-left: 4px;
  transform: none;
}

body.service-movie-page .eluna-footer__information a:hover,
body.service-movie-page .eluna-footer__information a:focus-visible {
  color: #f1f1ed;
  opacity: 1;
}

body.service-movie-page .eluna-footer__bottom {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 76px;
  padding-top: 22px;
  border-top: 1px solid #2a2f2c;
  color: #7c8580;
}

body.service-movie-page .eluna-footer__bottom p,
body.service-movie-page .eluna-footer__bottom small {
  margin: 0;
  font-size: 9px;
  line-height: 1;
  letter-spacing: 0.08em;
}

body.service-movie-page .site-footer--eluna a:focus-visible {
  outline: 1px solid #8c9690;
  outline-offset: 5px;
}

@media (max-width: 820px) {
  body.service-movie-page .eluna-footer {
    display: block;
    width: calc(100% - 40px);
    padding: 96px 0 27px;
  }

  body.service-movie-page .eluna-footer__brand strong {
    font-size: 28px;
  }

  body.service-movie-page .eluna-footer__brand small {
    margin-top: 14px;
    font-size: 9px;
  }

  body.service-movie-page .eluna-footer__directory {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin-top: 72px;
    padding: 0;
    border-top: 0;
  }

  body.service-movie-page .eluna-footer__primary {
    grid-column: 1;
    grid-row: auto;
    gap: 0;
  }

  body.service-movie-page .eluna-footer__primary a {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 17px;
    min-height: 56px;
  }

  body.service-movie-page .eluna-footer__primary span {
    font-size: 17px;
  }

  body.service-movie-page .eluna-footer__services {
    grid-column: 1;
    grid-row: auto;
    margin-top: 64px;
  }

  body.service-movie-page .eluna-footer__services > p {
    margin-bottom: 18px;
  }

  body.service-movie-page .eluna-footer__services a {
    min-height: 45px;
  }

  body.service-movie-page .eluna-footer__services span {
    font-size: 11px;
  }

  body.service-movie-page .eluna-footer__information {
    grid-column: 1;
    grid-row: auto;
    gap: 24px;
    margin-top: 58px;
    padding-top: 40px;
  }

  body.service-movie-page .eluna-footer__bottom {
    display: grid;
    gap: 13px;
    margin-top: 64px;
    padding-top: 22px;
  }
}
}

/* Tighten the transition from the closing philosophy copy into Plans. */
body.top-editorial .voice-words--concept-details {
  padding-bottom: 72px;
}

body.top-editorial .voice-words--concept-details .reprise-paragraphs {
  margin-bottom: 24px;
}

body.top-editorial .voice-concept-transition + .top-service-detail .top-service-plans {
  padding-top: 96px;
}

@media (max-width: 820px) {
  body.top-editorial .voice-words--concept-details {
    padding-bottom: 56px;
  }

  body.top-editorial .voice-words--concept-details .reprise-paragraphs {
    margin-bottom: 24px;
  }

  body.top-editorial .voice-concept-transition + .top-service-detail .top-service-plans {
    padding-top: 72px;
  }
}

/* Plans through footer: enlarge the complete type scale by 1.25x (8px -> 10px). */
body.top-editorial .top-service-heading--plans .top-service-detail__kicker,
body.top-editorial .top-service-deliverables__heading > p,
body.top-editorial .top-service-flow .top-service-detail__kicker,
body.top-editorial .creator-story--profile .brand-statement__copy > small,
body.top-editorial .movie-faq .chapter-heading h2 > span,
body.top-editorial .movie-contact__heading h2 > span {
  font-size: 21.25px;
}

body.top-editorial .top-service-heading--plans .top-service-detail__kicker small,
body.top-editorial .top-service-flow .top-service-detail__kicker small,
body.top-editorial .top-service-plan-grid strong small,
body.top-editorial .top-service-plan-grid article > .top-service-plan__fee-note,
body.top-editorial .top-service-plan-grid li::before,
body.top-editorial .top-service-deliverables__heading > p span + span,
body.top-editorial .top-service-deliverable__type,
body.top-editorial .top-service-deliverable__plan-label,
body.top-editorial .top-service-deliverable__content li,
body.top-editorial .movie-faq .answer-board-head .section-kicker,
body.top-editorial .movie-contact__primary-eyebrow,
body.service-movie-page .eluna-footer__brand small,
body.service-movie-page .eluna-footer__primary small,
body.service-movie-page .eluna-footer__information h2,
body.service-movie-page .eluna-footer__bottom p,
body.service-movie-page .eluna-footer__bottom small {
  font-size: 11.25px;
}

body.top-editorial .top-service-plans__intro > p:last-child,
body.top-editorial .top-service-plan__number,
body.top-editorial .top-service-deliverables__heading div > p,
body.top-editorial .top-service-deliverable__content > p:not([class]),
body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
body.top-editorial .top-service-deliverable__short-video-details > p:not([class]),
body.top-editorial .top-service-flow .top-service-heading > p,
body.top-editorial .creator-story--profile .creator-story__role,
body.top-editorial .creator-story--profile .creator-story__origin p,
body.top-editorial .movie-faq .answer-board-list p,
body.top-editorial .movie-contact__heading > p,
body.top-editorial .movie-contact__description,
body.service-movie-page .eluna-footer__services span {
  font-size: 13.75px;
}

body.top-editorial .top-service-plan-grid article > p:first-child,
body.top-editorial .top-service-plan-grid h4 {
  font-size: 17.5px;
}

body.top-editorial .top-service-plan-grid article > .top-service-plan__bonus,
body.top-editorial .top-service-plan-grid li,
body.top-editorial .top-service-deliverable__number,
body.top-editorial .top-service-deliverable__content .top-service-deliverable__note,
body.top-editorial .movie-faq .answer-board-list span,
body.service-movie-page .eluna-footer__services > p,
body.service-movie-page .eluna-footer__information p,
body.service-movie-page .eluna-footer__information a {
  font-size: 12.5px;
}

body.top-editorial .top-service-heading--plans h3,
body.top-editorial .top-service-deliverables__heading h3,
body.top-editorial .top-service-flow .top-service-heading h3,
body.top-editorial .creator-story--profile .brand-statement__copy > h2,
body.top-editorial .creator-story--profile .creator-story__origin h3,
body.top-editorial .movie-faq .chapter-heading h2 small,
body.top-editorial .movie-contact__heading h2 small {
  font-size: clamp(31.5px, 2.75625vw, 41.625px);
}

body.top-editorial .top-service-plan-grid strong {
  font-size: clamp(25.875px, 2.25vw, 33.75px);
}

body.top-editorial .top-service-deliverable__content h4,
body.top-editorial .movie-contact__panel h3 {
  font-size: clamp(21.25px, 1.875vw, 26.25px);
}

body.top-editorial .top-service-deliverable__play small,
body.top-editorial .top-service-deliverable__media figcaption,
body.top-editorial .top-service-deliverable__photo-count,
body.service-movie-page .eluna-footer__services small {
  font-size: 10px;
}

body.top-editorial .top-service-flow li span,
body.top-editorial .top-service-flow li strong {
  font-size: 13.75px;
}

body.top-editorial .creator-story--profile .creator-story__profile-open {
  font-size: 13.75px;
}

body.top-editorial .creator-story--profile .creator-story__profile-open i {
  font-size: 22.5px;
}

body.top-editorial .movie-faq .answer-board-list h4 {
  font-size: 18.75px;
}

body.top-editorial .movie-contact__primary-link span {
  font-size: 16.25px;
}

body.top-editorial .movie-contact__primary-link i {
  font-size: 25px;
}

body.service-movie-page .eluna-footer__brand strong {
  font-size: 35px;
}

body.service-movie-page .eluna-footer__primary span {
  font-size: 21.25px;
}

/* The Creator Story dialog follows the same scale when opened. */
body.top-editorial .interviewer-profile-popup__role,
body.top-editorial .interviewer-profile-popup__facts dd {
  font-size: 15px;
}

body.top-editorial .interviewer-profile-popup__body > h2,
body.top-editorial .interviewer-profile-popup__body h2 {
  font-size: clamp(42.5px, 5vw, 70px);
}

body.top-editorial .interviewer-profile-popup__career h3,
body.top-editorial .interviewer-profile-popup__career p,
body.top-editorial .interviewer-profile-popup__career li,
body.top-editorial .interviewer-profile-popup__lead {
  font-size: 16.25px;
}

body.top-editorial .interviewer-profile-popup__interview-heading {
  font-size: 18.75px;
}

body.top-editorial .interviewer-profile-popup__draft,
body.top-editorial .interviewer-profile-popup__facts dt {
  font-size: 12.5px;
}

body.top-editorial .interviewer-profile-popup__eyebrow {
  font-size: 13.75px;
}

@media (max-width: 820px) {
  body.top-editorial .top-service-heading--plans .top-service-detail__kicker,
  body.top-editorial .top-service-deliverables__heading > p,
  body.top-editorial .top-service-flow .top-service-detail__kicker,
  body.top-editorial .creator-story--profile .brand-statement__copy > small,
  body.top-editorial .movie-faq .chapter-heading h2 > span,
  body.top-editorial .movie-contact__heading h2 > span {
    font-size: 15px;
  }

  body.top-editorial .top-service-heading--plans .top-service-detail__kicker small,
  body.top-editorial .top-service-flow .top-service-detail__kicker small,
  body.top-editorial .top-service-deliverables__heading > p span + span {
    font-size: 10px;
  }

  body.top-editorial .top-service-heading--plans h3,
  body.top-editorial .top-service-deliverables__heading h3,
  body.top-editorial .top-service-flow .top-service-heading h3,
  body.top-editorial .creator-story--profile .brand-statement__copy > h2,
  body.top-editorial .creator-story--profile .creator-story__origin h3,
  body.top-editorial .movie-faq .chapter-heading h2 small,
  body.top-editorial .movie-contact__heading h2 small {
    font-size: 25.875px;
  }

  body.top-editorial .top-service-plans__intro > p:last-child,
  body.top-editorial .top-service-deliverables__heading div > p,
  body.top-editorial .top-service-flow .top-service-heading > p,
  body.top-editorial .creator-story--profile .creator-story__role,
  body.top-editorial .movie-contact__heading > p {
    font-size: 12.5px;
  }

  body.top-editorial .top-service-plan-grid h4,
  body.top-editorial .top-service-deliverable__content h4 {
    font-size: 16.25px;
  }

  body.top-editorial .top-service-plan-grid strong {
    font-size: 30.375px;
  }

  body.top-editorial .top-service-deliverable__short-video-controls button {
    font-size: 21.25px;
  }

  body.top-editorial .top-service-flow li span,
  body.top-editorial .top-service-flow li strong {
    font-size: 13.75px;
  }

  body.top-editorial .movie-faq .answer-board-list h4 {
    font-size: 18.75px;
  }

  body.top-editorial .creator-story--profile .creator-story__profile-open {
    font-size: 13.75px;
  }

  body.top-editorial .movie-contact__panel h3 {
    font-size: 22.5px;
  }

  body.top-editorial .movie-contact__primary-link span {
    font-size: 15px;
  }

  body.top-editorial .interviewer-profile-popup__body h2 {
    font-size: clamp(42.5px, 12.5vw, 55px);
  }

  body.top-editorial .interviewer-profile-popup__role {
    font-size: 13.75px;
  }

  body.top-editorial .interviewer-profile-popup__career p,
  body.top-editorial .interviewer-profile-popup__career li,
  body.top-editorial .interviewer-profile-popup__lead {
    font-size: 15px;
  }

  body.top-editorial .interviewer-profile-popup__interview-heading {
    font-size: 17.5px;
  }
}

/* Mobile section headings: stack every Plans-and-below heading in one column. */
@media (max-width: 820px) {
  body.top-editorial .top-service-deliverables__heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body.top-editorial .top-service-deliverables__heading > p,
  body.top-editorial .top-service-deliverables__heading > div {
    grid-column: 1;
  }

  body.top-editorial .top-service-deliverables__heading > p {
    padding-top: 0;
  }

  body.top-editorial .top-service-deliverables__heading > div {
    margin-top: 36px;
  }

  body.top-editorial .top-service-flow > .top-service-heading {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    gap: 0;
  }

  body.top-editorial .top-service-flow .top-service-detail__kicker {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0;
  }

  body.top-editorial .top-service-flow .top-service-heading h3 {
    grid-column: 1;
    grid-row: 2;
    margin-top: 36px;
  }

  body.top-editorial .top-service-flow .top-service-heading > p {
    grid-column: 1;
    grid-row: 3;
    margin-top: 28px;
  }

  body.top-editorial .creator-story--profile {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto auto;
    gap: 0;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy > small {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0;
  }

  body.top-editorial .creator-story--profile .creator-story__role {
    grid-column: 1;
    grid-row: 2;
    margin-top: 36px;
  }

  body.top-editorial .creator-story--profile .brand-statement__copy > h2 {
    grid-column: 1;
    grid-row: 3;
  }

  body.top-editorial .creator-story--profile .brand-statement__media {
    grid-column: 1;
    grid-row: 4;
  }

  body.top-editorial .creator-story--profile .creator-story__origin {
    grid-column: 1;
    grid-row: 5;
  }

  body.top-editorial .movie-faq .chapter-heading h2 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 0;
  }

  body.top-editorial .movie-faq .chapter-heading h2 > span {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0;
  }

  body.top-editorial .movie-faq .chapter-heading h2 > small {
    grid-column: 1;
    grid-row: 2;
    margin-top: 36px;
  }

  body.top-editorial .movie-contact > .movie-contact__inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 0;
  }

  body.top-editorial .movie-contact__heading h2 > span {
    grid-column: 1;
    grid-row: 1;
    padding-top: 0;
  }

  body.top-editorial .movie-contact__heading h2 > small {
    grid-column: 1;
    grid-row: 2;
    margin-top: 36px;
  }

  body.top-editorial .movie-contact__heading > p {
    grid-column: 1;
    grid-row: 3;
    margin-top: 28px;
  }

  body.top-editorial .movie-contact__panel {
    grid-column: 1;
    grid-row: 4;
  }
}

/* Mobile: slightly reduce selected long descriptions. */
@media (max-width: 820px) {
  body.top-editorial .top-service-deliverable__content > .top-service-deliverable__feature-copy,
  body.top-editorial .movie-faq .answer-board-list article:first-child p {
    font-size: 11.5px;
  }

  body.top-editorial .movie-faq .answer-board-list article:first-child h4 {
    font-size: 16.5px;
  }
}
/* Service movie: keep a real image above each background film until playback is visibly underway. */
body.service-movie-page [data-service-video-fallback] {
  position: relative;
}

body.service-movie-page [data-service-video-fallback] > .service-video-fallback {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: opacity 420ms cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 420ms;
}

body.service-movie-page [data-service-video-fallback] > .service-video-fallback img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  opacity: 1 !important;
  filter: none !important;
  clip-path: none !important;
  transform: none !important;
  transition: none !important;
}

body.service-movie-page [data-service-video-fallback].is-service-video-visible > .service-video-fallback {
  opacity: 0;
  visibility: hidden;
}

body.service-movie-page.service-movie-normal-scroll .brand-world-film__heading,
body.service-movie-page.service-movie-normal-scroll .concept-window-film__testimonial {
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page [data-service-video-fallback] > .service-video-fallback {
    transition: none;
  }
}

/* SNS branding: full-screen vertical story with a platform-specific palette. */
body.service-movie-page .sns-branding-slider {
  position: relative;
  height: 500svh;
  color: #fff;
  background: #8f5676;
}

body.service-movie-page .sns-branding-slider__stage {
  --sns-bg: #8f5676;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  color: #fff;
  background-color: var(--sns-bg);
  isolation: isolate;
  transition: background-color 760ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding-slider__stage::after {
  position: absolute;
  z-index: 0;
  inset: 0;
  background:
    linear-gradient(110deg, rgba(12, 16, 14, 0.2), transparent 48%),
    linear-gradient(0deg, rgba(12, 16, 14, 0.12), transparent 38%);
  content: "";
  pointer-events: none;
}

body.service-movie-page .sns-branding-slider__header {
  position: absolute;
  z-index: 4;
  top: clamp(82px, 10vh, 116px);
  right: clamp(72px, 7vw, 118px);
  left: clamp(34px, 6vw, 100px);
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 36px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

body.service-movie-page .sns-branding-slider__header > p {
  margin: 0;
  font-family: var(--te-latin);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.28em;
}

body.service-movie-page .sns-branding-slider__header h2 {
  display: flex;
  align-items: baseline;
  gap: 16px;
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.09em;
}

body.service-movie-page .sns-branding-slider__header h2 span {
  font-family: var(--te-latin);
  font-size: 0.72em;
  letter-spacing: 0.18em;
}

body.service-movie-page .sns-branding-slider__slides,
body.service-movie-page .sns-branding-slide {
  position: absolute;
  inset: 0;
}

body.service-movie-page .sns-branding-slide {
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(270px, 0.76fr) minmax(430px, 1.34fr);
  align-items: center;
  gap: clamp(42px, 6vw, 104px);
  padding: clamp(150px, 18vh, 200px) clamp(74px, 9vw, 142px) clamp(82px, 11vh, 120px) clamp(42px, 7vw, 112px);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 5vh, 0);
  transition:
    opacity 520ms ease,
    transform 880ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding-slide::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 2vw;
  width: 96vw;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.12);
  content: attr(data-platform);
  font-family: var(--te-latin);
  font-size: clamp(84px, 14.5vw, 220px);
  font-weight: 300;
  line-height: 0.8;
  letter-spacing: 0.05em;
  text-align: center;
  white-space: nowrap;
  transform: translateY(-50%);
}

body.service-movie-page .sns-branding-slide.is-active {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

body.service-movie-page .sns-branding-slide__copy {
  position: relative;
  z-index: 1;
  max-width: 520px;
}

body.service-movie-page .sns-branding-slide__number {
  margin: 0 0 clamp(18px, 3vh, 32px);
  font-family: var(--te-latin);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.22em;
  opacity: 0.72;
}

body.service-movie-page .sns-branding-slide__copy h3 {
  margin: 0;
  font-family: var(--te-latin);
  font-size: clamp(46px, 6vw, 94px);
  font-weight: 300;
  line-height: 0.92;
  letter-spacing: -0.025em;
}

body.service-movie-page .sns-branding-slide__statement {
  margin: clamp(24px, 4vh, 44px) 0 0;
  font-family: var(--te-serif);
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.08em;
}

body.service-movie-page .sns-branding-slide__description {
  max-width: 36em;
  margin: clamp(18px, 2.6vh, 30px) 0 0;
  font-family: var(--te-serif);
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.035em;
  opacity: 0.84;
}

body.service-movie-page .sns-branding-slide__media {
  position: relative;
  z-index: 1;
  width: 100%;
  height: min(58svh, 620px);
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 28px 80px rgba(18, 24, 21, 0.2);
}

body.service-movie-page .sns-branding-slide__media::after {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  content: "";
  pointer-events: none;
}

body.service-movie-page .sns-branding-slide__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.94;
  transform: scale(1.035);
  transition: transform 1400ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding-slide.is-active .sns-branding-slide__media img {
  transform: scale(1);
}

body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__copy {
  grid-column: 2;
  grid-row: 1;
}

body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
  grid-column: 1;
  grid-row: 1;
}

body.service-movie-page .sns-branding-slider__palette {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: clamp(18px, 2.3vw, 38px);
  display: grid;
  gap: 13px;
  transform: translateY(-50%);
}

body.service-movie-page .sns-branding-slider__palette button {
  --sns-dot: #fff;
  position: relative;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: border-color 260ms ease, transform 260ms ease;
}

body.service-movie-page .sns-branding-slider__palette button::before {
  width: 12px;
  height: 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: var(--sns-dot);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  content: "";
}

body.service-movie-page .sns-branding-slider__palette button span {
  position: absolute;
  top: 50%;
  right: calc(100% + 12px);
  font-family: var(--te-latin);
  font-size: 12px;
  letter-spacing: 0.08em;
  opacity: 0;
  pointer-events: none;
  transform: translate(5px, -50%);
  transition: opacity 220ms ease, transform 220ms ease;
  white-space: nowrap;
}

body.service-movie-page .sns-branding-slider__palette button:hover span,
body.service-movie-page .sns-branding-slider__palette button:focus-visible span,
body.service-movie-page .sns-branding-slider__palette button.is-active span {
  opacity: 0.78;
  transform: translate(0, -50%);
}

body.service-movie-page .sns-branding-slider__palette button.is-active {
  border-color: rgba(255, 255, 255, 0.85);
  transform: scale(1.14);
}

body.service-movie-page .sns-branding-slider__palette button:focus-visible,
body.service-movie-page .sns-branding-slider__controls button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

body.service-movie-page .sns-branding-slider__controls {
  position: absolute;
  z-index: 5;
  right: clamp(22px, 3vw, 48px);
  bottom: clamp(22px, 4vh, 42px);
  display: flex;
  align-items: center;
  gap: 9px;
}

body.service-movie-page .sns-branding-slider__controls button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: color 220ms ease, background-color 220ms ease;
}

body.service-movie-page .sns-branding-slider__controls button:hover {
  color: var(--sns-bg);
  background: #fff;
}

body.service-movie-page .sns-branding-slider__controls button span {
  font-size: 15px;
  line-height: 1;
}

body.service-movie-page .sns-branding-slider__controls p {
  display: flex;
  align-items: baseline;
  gap: 7px;
  min-width: 82px;
  margin: 0 0 0 8px;
  font-family: var(--te-latin);
}

body.service-movie-page .sns-branding-slider__controls strong {
  font-size: 20px;
  font-weight: 400;
}

body.service-movie-page .sns-branding-slider__controls p span {
  font-size: 12px;
  opacity: 0.7;
}

body.service-movie-page .sns-branding-slider__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 820px) {
  body.service-movie-page .sns-branding-slider__header {
    top: calc(70px + env(safe-area-inset-top));
    right: 22px;
    left: 22px;
    display: block;
    padding-bottom: 13px;
  }

  body.service-movie-page .sns-branding-slider__header > p {
    margin-bottom: 10px;
    font-size: 11px;
  }

  body.service-movie-page .sns-branding-slider__header h2 {
    gap: 11px;
    font-size: clamp(22px, 6vw, 27px);
  }

  body.service-movie-page .sns-branding-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    padding: calc(138px + env(safe-area-inset-top)) 22px calc(76px + env(safe-area-inset-bottom));
    transform: translate3d(0, 3vh, 0);
  }

  body.service-movie-page .sns-branding-slide::before {
    top: 46%;
    left: -8vw;
    width: 116vw;
    font-size: clamp(68px, 24vw, 120px);
  }

  body.service-movie-page .sns-branding-slide__copy,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__copy {
    order: 1;
    width: 100%;
    max-width: none;
  }

  body.service-movie-page .sns-branding-slide__number {
    margin-bottom: 11px;
    font-size: 11px;
  }

  body.service-movie-page .sns-branding-slide__copy h3 {
    font-size: clamp(42px, 13vw, 60px);
  }

  body.service-movie-page .sns-branding-slide__statement {
    margin-top: 16px;
    font-size: clamp(20px, 5.7vw, 25px);
    line-height: 1.5;
  }

  body.service-movie-page .sns-branding-slide__description {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.8;
  }

  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    order: 2;
    width: 100%;
    height: clamp(190px, 28svh, 300px);
  }

  body.service-movie-page .sns-branding-slider__palette {
    top: auto;
    right: auto;
    bottom: calc(24px + env(safe-area-inset-bottom));
    left: 20px;
    display: flex;
    gap: 8px;
    transform: none;
  }

  body.service-movie-page .sns-branding-slider__palette button span {
    display: none;
  }

  body.service-movie-page .sns-branding-slider__controls {
    right: 18px;
    bottom: calc(20px + env(safe-area-inset-bottom));
    gap: 7px;
  }

  body.service-movie-page .sns-branding-slider__controls button {
    width: 32px;
    height: 32px;
  }

  body.service-movie-page .sns-branding-slider__controls p {
    display: none;
  }
}

@media (max-width: 820px) and (max-height: 720px) {
  body.service-movie-page .sns-branding-slide {
    gap: 14px;
    padding-top: calc(128px + env(safe-area-inset-top));
  }

  body.service-movie-page .sns-branding-slide__statement {
    margin-top: 10px;
    font-size: 19px;
  }

  body.service-movie-page .sns-branding-slide__description {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.55;
  }

  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    height: 24svh;
  }
}

/* SNS branding introduction — one editorial title screen before the platform stories. */
body.service-movie-page .sns-branding-intro {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  padding: clamp(118px, 12vh, 170px) 6.3vw clamp(64px, 8vh, 112px);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 80% 18%, rgba(255, 255, 255, 0.14), transparent 31%),
    linear-gradient(128deg, rgba(255, 255, 255, 0.055), transparent 45%);
  isolation: isolate;
}

body.service-movie-page .sns-branding-intro::before {
  position: absolute;
  z-index: -1;
  top: 6vh;
  right: -0.08em;
  color: rgba(255, 255, 255, 0.07);
  content: "SNS";
  font-family: var(--te-latin);
  font-size: clamp(230px, 38vw, 670px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.02em;
  pointer-events: none;
}

body.service-movie-page .sns-branding-intro__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(290px, 0.58fr);
  grid-template-rows: 1fr auto;
  align-items: end;
  gap: clamp(48px, 7vw, 126px);
  width: min(100%, 1500px);
  margin: auto;
}

body.service-movie-page .sns-branding-intro__heading {
  align-self: center;
}

body.service-movie-page .sns-branding-intro__eyebrow {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 0 clamp(34px, 5vh, 60px);
  font-family: var(--te-latin);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.27em;
}

body.service-movie-page .sns-branding-intro__eyebrow span {
  display: grid;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 50%;
  place-items: center;
  letter-spacing: 0.08em;
}

body.service-movie-page .sns-branding-intro h2 {
  margin: 0;
  font-weight: 400;
}

body.service-movie-page .sns-branding-intro h2 span {
  display: block;
}

body.service-movie-page .sns-branding-intro h2 span:first-child {
  font-family: var(--te-latin);
  font-size: clamp(116px, 17vw, 280px);
  line-height: 0.66;
  letter-spacing: 0.035em;
}

body.service-movie-page .sns-branding-intro h2 span:last-child {
  margin-top: clamp(40px, 6vh, 72px);
  font-family: var(--te-serif);
  font-size: clamp(25px, 2.2vw, 38px);
  line-height: 1.4;
  letter-spacing: 0.17em;
}

body.service-movie-page .sns-branding-intro__lead {
  align-self: end;
  margin: 0 0 8px;
  padding-left: clamp(22px, 2.2vw, 38px);
  border-left: 1px solid rgba(255, 255, 255, 0.42);
  font-family: var(--te-serif);
  font-size: clamp(16px, 1.2vw, 19px);
  font-weight: 400;
  line-height: 2.05;
  letter-spacing: 0.08em;
}

body.service-movie-page .sns-branding-intro__platforms {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.28);
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  list-style: none;
}

body.service-movie-page .sns-branding-intro__platforms li {
  display: grid;
  min-height: clamp(118px, 15vh, 166px);
  place-content: center;
  justify-items: center;
  gap: 15px;
}

body.service-movie-page .sns-branding-intro__platforms li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

body.service-movie-page .sns-branding-intro__platforms li > span:last-child {
  font-family: var(--te-latin);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
}

body.service-movie-page .sns-branding-intro__icon {
  display: grid;
  width: 38px;
  height: 38px;
  color: #fff;
  place-items: center;
}

body.service-movie-page .sns-branding-intro__icon img {
  display: block;
  width: 100%;
  height: 38px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body.service-movie-page .sns-branding-intro__icon--note {
  width: 46px;
}

@media (max-width: 820px) {
  body.service-movie-page .sns-branding-intro {
    min-height: 100svh;
    padding: calc(90px + env(safe-area-inset-top)) 20px calc(38px + env(safe-area-inset-bottom));
  }

  body.service-movie-page .sns-branding-intro::before {
    top: 16svh;
    right: -0.2em;
    font-size: clamp(190px, 75vw, 340px);
  }

  body.service-movie-page .sns-branding-intro__inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    align-content: space-between;
    gap: 0;
  }

  body.service-movie-page .sns-branding-intro__eyebrow {
    margin-bottom: 42px;
  }

  body.service-movie-page .sns-branding-intro h2 span:first-child {
    font-size: clamp(104px, 34vw, 154px);
  }

  body.service-movie-page .sns-branding-intro h2 span:last-child {
    margin-top: 38px;
    font-size: clamp(23px, 6.5vw, 29px);
    letter-spacing: 0.13em;
  }

  body.service-movie-page .sns-branding-intro__lead {
    align-self: start;
    margin-top: 35px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.85;
  }

  body.service-movie-page .sns-branding-intro__platforms {
    align-self: end;
    margin-top: 44px;
  }

  body.service-movie-page .sns-branding-intro__platforms li {
    min-height: 92px;
    gap: 11px;
  }

  body.service-movie-page .sns-branding-intro__platforms li > span:last-child {
    font-size: clamp(8px, 2.3vw, 10px);
    letter-spacing: 0.035em;
  }

  body.service-movie-page .sns-branding-intro__icon {
    width: 28px;
    height: 28px;
  }

  body.service-movie-page .sns-branding-intro__icon img {
    height: 28px;
  }

  body.service-movie-page .sns-branding-intro__icon--note {
    width: 36px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro__eyebrow,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro h2,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro__lead,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro__platforms {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1), transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro.is-sns-revealed .sns-branding-intro__eyebrow,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro.is-sns-revealed h2,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro.is-sns-revealed .sns-branding-intro__lead,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro.is-sns-revealed .sns-branding-intro__platforms {
    opacity: 1;
    transform: translateY(0);
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro h2 {
    transition-delay: 0.1s;
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro__lead {
    transition-delay: 0.2s;
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-intro__platforms {
    transition-delay: 0.3s;
  }
}

/* SNS branding — VALUE-inspired entrance rhythm. */
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__letter > span,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media img,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-primary,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-scope,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__more {
  will-change: opacity, transform, filter, clip-path;
}

body.service-movie-page .sns-branding-slide__title-line {
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}

body.service-movie-page .sns-branding-slide__letter {
  display: inline-block;
  overflow: hidden;
  margin-bottom: -0.18em;
  padding-bottom: 0.18em;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__letter > span {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 108%, 0);
  transition:
    transform 1000ms var(--letter-delay) cubic-bezier(0.22, 1, 0.36, 1),
    opacity 750ms calc(var(--letter-delay) + 125ms) ease;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__letter > span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide:not(.is-sns-revealed) .sns-branding-slide__media {
  clip-path: inset(0 100% 0 0);
  transform: var(--sns-media-base-transform, translate3d(0, 0, 0)) translate3d(-22px, 0, 0);
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__media {
  clip-path: inset(0);
  opacity: 1;
  transform: var(--sns-media-base-transform, translate3d(0, 0, 0)) translate3d(0, 0, 0);
  transition:
    clip-path 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms,
    transform 1150ms cubic-bezier(0.22, 1, 0.36, 1) 180ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-exiting:not(.is-sns-revealed) .sns-branding-slide__media {
  clip-path: inset(0);
  transform: var(--sns-media-base-transform, translate3d(0, 0, 0)) translate3d(0, 0, 0);
  animation: sns-branding-media-fade-out 680ms ease both;
}

@keyframes sns-branding-media-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media::before {
  position: absolute;
  z-index: 9;
  inset: 0;
  background: #edf1ef;
  content: "";
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right center;
  transition: transform 1050ms cubic-bezier(0.22, 1, 0.36, 1) 250ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__media::before {
  transform: scaleX(0);
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide:not(.is-sns-revealed) .sns-branding-slide__media img {
  filter: saturate(0.78) brightness(1.04);
  transform: scale(1.075);
  transition:
    filter 1500ms ease 220ms,
    transform 1800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__media img {
  filter: none;
  transform: scale(1.001);
  transition:
    filter 1500ms ease 220ms,
    transform 1800ms cubic-bezier(0.22, 1, 0.36, 1) 220ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide:not(.is-sns-revealed) .sns-branding-slide__meta-primary,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide:not(.is-sns-revealed) .sns-branding-slide__meta-scope,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide:not(.is-sns-revealed) .sns-branding-slide__more {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition:
    opacity 680ms ease,
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__meta-primary,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__meta-scope,
body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__more {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 680ms ease,
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__meta-primary {
  transition-delay: 760ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__meta-scope {
  transition-delay: 880ms;
}

body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide.is-sns-revealed .sns-branding-slide__more {
  transition-delay: 560ms;
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__letter > span,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media::before,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media img,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-primary,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-scope,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__more {
    opacity: 1;
    filter: none;
    clip-path: none !important;
    transition: none !important;
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media img,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-primary,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__meta-scope,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__more,
  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__letter > span {
    transform: none !important;
  }

  body.service-movie-page .sns-branding.is-sns-animation-ready .sns-branding-slide__media::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .sns-branding-slider__stage,
  body.service-movie-page .sns-branding-slide,
  body.service-movie-page .sns-branding-slide__media img {
    transition: none;
  }
}

/* SNS branding normal-flow mode: the content scrolls naturally while the full section color changes. */
body.service-movie-page .sns-branding-slider {
  --sns-bg: #8f5676;
  height: auto;
  background-color: var(--sns-bg);
  transition: background-color 760ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.service-movie-page .sns-branding-slider__stage {
  position: relative;
  top: auto;
  height: auto;
  min-height: 0;
  overflow: visible;
  background: transparent;
  transition: none;
}

body.service-movie-page .sns-branding-slider__slides {
  position: relative;
  inset: auto;
}

body.service-movie-page .sns-branding-slide,
body.service-movie-page .sns-branding-slide.is-active {
  position: relative;
  inset: auto;
  min-height: 100vh;
  min-height: 100svh;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: none;
}

body.service-movie-page .sns-branding-slide + .sns-branding-slide {
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

body.service-movie-page .sns-branding-slider__palette,
body.service-movie-page .sns-branding-slider__controls,
body.service-movie-page .sns-branding-slider__status {
  display: none;
}

@media (max-width: 820px) {
  body.service-movie-page .sns-branding-slide,
  body.service-movie-page .sns-branding-slide.is-active {
    position: relative;
    min-height: 100vh;
    min-height: 100svh;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.service-movie-page .sns-branding-slider {
    transition: none;
  }
}

/* SNS branding — VIVACE NEXT-style work cards using ELUNA+'s VALUE typeface. */
body.service-movie-page .sns-branding-slider__header {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.service-movie-page .sns-branding-slide,
body.service-movie-page .sns-branding-slide.is-active {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  scroll-margin-top: 0;
  isolation: isolate;
}

body.service-movie-page .sns-branding-slide + .sns-branding-slide {
  border-top: 0;
}

body.service-movie-page .sns-branding-slide::before {
  display: none;
}

body.service-movie-page .sns-branding-slide__copy,
body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__copy {
  position: static;
  width: auto;
  max-width: none;
}

body.service-movie-page .sns-branding-slide__copy h3 {
  position: absolute;
  z-index: 3;
  top: 13.8svh;
  left: 6.3vw;
  margin: 0;
  color: #fff;
  font-family: var(--te-latin);
  font-size: clamp(86px, 13.5vw, 260px);
  font-weight: 400;
  line-height: 0.78;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

body.service-movie-page .sns-branding-slide__media,
body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
  position: absolute;
  z-index: 1;
  top: 12svh;
  left: 55vw;
  width: min(34vw, 57.6svh);
  height: auto;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

body.service-movie-page .sns-branding-slide__media::after {
  display: none;
}

body.service-movie-page .sns-branding-slide__media img,
body.service-movie-page .sns-branding-slide.is-active .sns-branding-slide__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transform: none;
  transition: none;
}

body.service-movie-page .sns-branding-slide__media--tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: clamp(8px, 0.85vw, 14px);
  overflow: hidden;
  background: transparent;
}

body.service-movie-page .sns-branding-slide__media--tiles img,
body.service-movie-page .sns-branding-slide.is-active .sns-branding-slide__media--tiles img {
  position: static;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

body.service-movie-page .sns-branding-slide__meta-primary,
body.service-movie-page .sns-branding-slide__meta-scope {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: var(--te-latin);
  list-style: none;
}

body.service-movie-page .sns-branding-slide__meta-primary {
  top: 50.3svh;
  left: 6.3vw;
  width: 27vw;
  gap: 10px clamp(24px, 3.2vw, 52px);
  font-size: clamp(16px, 1.47vw, 21px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.025em;
}

body.service-movie-page .sns-branding-slide__meta-scope {
  top: 54.3svh;
  left: 7.1vw;
  width: 26vw;
  gap: 7px clamp(18px, 2.1vw, 32px);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.018em;
}

body.service-movie-page .sns-branding-slide__more {
  position: absolute;
  z-index: 3;
  top: 70.5svh;
  left: 5.1vw;
  display: inline-flex;
  align-items: center;
  gap: 28px;
  width: 220px;
  color: #fff;
  font-family: var(--te-latin);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: lowercase;
}

body.service-movie-page .sns-branding-slide__more small {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

body.service-movie-page .sns-branding-slide__more::after {
  display: block;
  flex: 1 1 auto;
  height: 1px;
  background: currentColor;
  content: "";
  transition: transform 320ms ease;
  transform-origin: left center;
}

body.service-movie-page .sns-branding-slide__more:hover::after,
body.service-movie-page .sns-branding-slide__more:focus-visible::after {
  transform: scaleX(0.72);
}

body.service-movie-page .sns-branding-slide__more:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 6px;
}

@media (min-width: 1800px) {
  body.service-movie-page .sns-branding-slide__copy h3 {
    top: -0.04em;
    left: 3.8vw;
  }

  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    top: 9.5svh;
    left: 55vw;
    width: 55.6svh;
    height: 69.5svh;
    aspect-ratio: 4 / 5;
  }

  body.service-movie-page .sns-branding-slide__meta-primary {
    top: 49.5svh;
    left: 3.8vw;
    width: 23vw;
  }

  body.service-movie-page .sns-branding-slide__meta-scope {
    top: 55.7svh;
    left: 3.8vw;
    width: 23vw;
  }

  body.service-movie-page .sns-branding-slide__more {
    top: auto;
    bottom: 3.2svh;
    left: 3.8vw;
    width: 18vw;
  }
}

@media (max-width: 820px) {
  body.service-movie-page .sns-branding-slide,
  body.service-movie-page .sns-branding-slide.is-active {
    --sns-mobile-image-top: calc(148px + env(safe-area-inset-top));
    --sns-mobile-image-width: min(calc(100vw - 80px), 38svh);
    --sns-mobile-image-height: calc(var(--sns-mobile-image-width) * 1.25);
    height: 100svh;
    min-height: 0;
    padding: 0;
    overflow: hidden;
  }

  body.service-movie-page .sns-branding-slide__copy h3 {
    top: calc(75px + env(safe-area-inset-top));
    left: 20px;
    font-size: clamp(62px, 17vw, 92px);
    line-height: 0.8;
    letter-spacing: 0.055em;
  }

  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    --sns-media-base-transform: translateX(-50%);
    top: var(--sns-mobile-image-top);
    left: 50%;
    width: var(--sns-mobile-image-width);
    height: var(--sns-mobile-image-height);
    aspect-ratio: 4 / 5;
    transform: var(--sns-media-base-transform);
  }

  body.service-movie-page .sns-branding-slide__meta-primary {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 22px);
    left: 20px;
    width: calc(100% - 40px);
    gap: 8px 26px;
    font-size: 15px;
  }

  body.service-movie-page .sns-branding-slide__meta-scope {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 57px);
    left: 20px;
    width: calc(100% - 40px);
    gap: 7px 20px;
    font-size: 14px;
    line-height: 1.3;
  }

  body.service-movie-page .sns-branding-slide__more {
    top: auto;
    bottom: calc(28px + env(safe-area-inset-bottom));
    left: 20px;
    width: min(220px, calc(100% - 40px));
    font-size: 17px;
  }
}

@media (max-width: 820px) and (max-height: 720px) {
  body.service-movie-page .sns-branding-slide,
  body.service-movie-page .sns-branding-slide.is-active {
    --sns-mobile-image-top: calc(132px + env(safe-area-inset-top));
  }

  body.service-movie-page .sns-branding-slide__copy h3 {
    top: calc(66px + env(safe-area-inset-top));
    font-size: clamp(56px, 15.5vw, 78px);
  }

  body.service-movie-page .sns-branding-slide__meta-primary {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 18px);
  }

  body.service-movie-page .sns-branding-slide__meta-scope {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 48px);
    gap: 5px 17px;
    font-size: 13px;
  }

  body.service-movie-page .sns-branding-slide__more {
    bottom: calc(22px + env(safe-area-inset-bottom));
  }
}

/* SNS branding — readable Japanese catch copy in place of portfolio metadata. */
body.service-movie-page .sns-branding-slide,
body.service-movie-page .sns-branding-slide.is-active {
  --sns-content-width: min(33vw, 420px);
}

body.service-movie-page .sns-branding-slide__text {
  position: absolute;
  z-index: 3;
  top: 50.5svh;
  left: 6.3vw;
  width: var(--sns-content-width);
}

body.service-movie-page .sns-branding-slide__catch,
body.service-movie-page .sns-branding-slide__description {
  position: static;
  top: auto;
  display: block;
  left: auto;
  width: 100%;
  max-width: none;
  color: #fff;
  letter-spacing: 0.05em;
}

body.service-movie-page .sns-branding-slide__catch {
  margin: 0;
  font-family: var(--te-serif);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 400;
  line-height: 1.65;
}

body.service-movie-page .sns-branding-slide__description {
  margin: clamp(16px, 1.8vw, 24px) 0 0;
  font-family: var(--te-serif);
  font-size: clamp(14px, 1.05vw, 16px);
  font-weight: 400;
  line-height: 2.05;
}

@media (min-width: 1800px) {
  body.service-movie-page .sns-branding-slide__text {
    top: 49.5svh;
    left: 3.8vw;
    width: var(--sns-content-width);
  }
}

@media (min-width: 821px) {
  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    width: var(--sns-content-width);
  }
}

@media (min-width: 1800px) {
  body.service-movie-page .sns-branding-slide__media,
  body.service-movie-page .sns-branding-slide:nth-child(even) .sns-branding-slide__media {
    width: var(--sns-content-width);
  }
}

@media (max-width: 820px) {
  body.service-movie-page .sns-branding-slide,
  body.service-movie-page .sns-branding-slide.is-active {
    --sns-content-width: calc(100vw - 40px);
    --sns-mobile-image-width: var(--sns-content-width);
  }

  body.service-movie-page .sns-branding-slide__text {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 20px);
    left: 20px;
    width: var(--sns-content-width);
  }

  body.service-movie-page .sns-branding-slide__catch {
    font-size: clamp(19px, 5.3vw, 23px);
    line-height: 1.55;
  }

  body.service-movie-page .sns-branding-slide__description {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.85;
  }

}

@media (max-width: 820px) and (max-height: 720px) {
  body.service-movie-page .sns-branding-slide__text {
    top: calc(var(--sns-mobile-image-top) + var(--sns-mobile-image-height) + 16px);
  }

  body.service-movie-page .sns-branding-slide__catch {
    font-size: 18px;
  }

  body.service-movie-page .sns-branding-slide__description {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.72;
  }
}