.results-motion {
  --results-black: #070707;
  --results-red: #f00012;
  --results-line: rgba(7, 7, 7, .18);
  --results-ease: cubic-bezier(.2, .78, .2, 1);
  --results-content: min(1480px, calc(100% - 96px));
  --results-header: 80px;
  overflow: clip;
  color: var(--results-black);
  background: #fff;
}
.results-motion img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.results-motion picture {
  display: block;
  width: 100%;
  height: 100%;
}
.results-motion [data-reveal] {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.9s var(--results-ease), transform 0.9s var(--results-ease);
}
.results-motion [data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}
.results-motion [data-reveal-delay="1"] {
  transition-delay: 0.08s;
}
.results-motion [data-reveal-delay="2"] {
  transition-delay: 0.16s;
}
.results-motion [data-reveal-delay="3"] {
  transition-delay: 0.24s;
}

.results-motion .motion-hero {
  --hero-scroll: 0;
  --hero-pointer-x: 0px;
  --hero-pointer-y: 0px;
  position: relative;
  min-height: min(920px, 100svh - 24px);
  overflow: hidden;
  color: #fff;
  background: #050505;
  isolation: isolate;
}

.results-motion .motion-hero__media,
.results-motion .motion-hero__shade,
.results-motion .motion-hero__grain {
  position: absolute;
  inset: 0;
}

.results-motion .motion-hero__media {
  transform: translate3d(var(--hero-pointer-x), calc(var(--hero-pointer-y) + var(--hero-scroll) * 90px), 0) scale(calc(1.065 - var(--hero-scroll) * 0.02));
  will-change: transform;
}

.results-motion .motion-hero__media img {
  object-position: center 48%;
}

.results-motion .motion-hero__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.08) 78%), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
}

.results-motion .motion-hero__grain {
  z-index: 2;
  opacity: 0.14;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.results-motion .motion-hero__copy {
  position: relative;
  z-index: 3;
  width: var(--results-content);
  margin: 0 auto;
  padding: clamp(180px, 19vh, 240px) 0 100px;
}

.results-motion .motion-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 24px;
  font-size: clamp(13px, 1.1vw, 18px);
  font-weight: 900;
  letter-spacing: 0.12em;
}

.results-motion .motion-hero__eyebrow::before {
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  content: "";
}

.results-motion .motion-hero h1 {
  max-width: 1120px;
  margin: 0;
  font-size: clamp(50px, 5vw, 70px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.07em;
}

.results-motion .motion-hero h1 span,
.results-motion .motion-hero__lead span {
  display: block;
  overflow: hidden;
}

.results-motion .motion-hero h1 i,
.results-motion .motion-hero__lead i {
  display: block;
  font-style: normal;
  transform: translateY(112%);
  animation: results-motion-line-in 1.05s var(--results-ease) forwards;
}

.results-motion .motion-hero h1 span:nth-child(2) i {
  animation-delay: 0.08s;
}

.results-motion .motion-hero__lead {
  max-width: 780px;
  margin: 40px 0 0;
  font-size: clamp(15px, 1.25vw, 21px);
  line-height: 1.9;
}

.results-motion .motion-hero__lead i {
  animation-delay: 0.22s;
}

.results-motion .motion-hero__scroll {
  position: absolute;
  z-index: 3;
  right: 34px;
  bottom: 30px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.25em;
  writing-mode: vertical-rl;
}

.results-motion .motion-hero__scroll::after {
  width: 1px;
  height: 76px;
  background: rgba(255, 255, 255, 0.72);
  content: "";
  transform-origin: top;
  animation: results-motion-scroll-line 1.8s ease-in-out infinite;
}

@keyframes results-motion-line-in {
  to {
    transform: translateY(0);
  }
}
@keyframes results-motion-scroll-line {
  0%, 100% {
    opacity: 0.35;
    transform: scaleY(0.2);
  }
  45% {
    opacity: 1;
    transform: scaleY(1);
  }
}
.results-motion .results-teams {
  padding: clamp(92px, 10vw, 160px) 0 clamp(110px, 12vw, 190px);
  background: #fff;
}

.results-motion .results-teams__inner {
  width: var(--results-content);
  margin: 0 auto;
}

.results-motion .results-teams__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 46px;
  margin-bottom: clamp(54px, 7vw, 104px);
  padding-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
}

.results-motion .results-teams__head small,
.results-motion .results-prize__head small,
.results-motion .results-ranking-feature__head small {
  color: var(--results-red);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-teams__head h2 {
  margin: 14px 0 0;
  font-size: clamp(52px, 7vw, 110px);
  line-height: 0.8;
  letter-spacing: -0.07em;
}

.results-motion .results-team-nav {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  max-width: 840px;
}

.results-motion .results-teams__head > div:first-child {
  flex: 0 0 auto;
}

.results-motion .results-team-nav button {
  flex: 0 0 auto;
  min-height: 48px;
  min-width: 0;
  padding: 0 clamp(1px, 0.75vw, 18px);
  border: 1px solid #c8c8c8;
  border-radius: 999px;
  color: #626262;
  background: #fff;
  cursor: pointer;
  font-size: clamp(7px, 0.85vw, 12px);
  font-weight: 900;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: color 0.35s var(--results-ease), background 0.35s var(--results-ease), border-color 0.35s var(--results-ease);
}

.results-motion .results-team-nav button:hover,
.results-motion .results-team-nav button.is-active {
  border-color: #090909;
  color: #fff;
  background: #090909;
}

.results-motion .results-team-nav button:focus-visible {
  outline: 3px solid var(--results-red);
  outline-offset: 3px;
}

.results-motion .results-team-panel {
  display: none;
  grid-template-columns: minmax(0, 1.24fr) minmax(350px, 0.76fr);
  align-items: start;
  gap: clamp(42px, 5.6vw, 92px);
}

.results-motion .results-team-panel.is-active {
  display: grid;
}

.results-motion .results-team-viewer {
  min-width: 0;
}

.results-motion .results-team-viewer__main {
  position: relative;
  aspect-ratio: 3/2;
  margin: 0;
  overflow: hidden;
  background: #0b0b0b;
  isolation: isolate;
}

.results-motion .results-team-viewer__main > picture {
  position: relative;
  z-index: 1;
}

.results-motion .results-team-viewer__main [data-team-main] {
  object-position: center;
  transition: opacity 0.38s ease, transform 0.7s var(--results-ease), filter 0.45s ease;
}

.results-motion .results-team-viewer__main.is-changing [data-team-main] {
  opacity: 0.22;
  filter: blur(3px) saturate(0.7);
  transform: scale(1.025);
}

.results-motion .results-team-viewer__next {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0;
  filter: saturate(0.8);
  transform: scale(1.045);
  transition: clip-path 0.68s var(--results-ease), opacity 0.3s ease, transform 0.78s var(--results-ease), filter 0.48s ease;
  will-change: clip-path, opacity, transform;
}

.results-motion .results-team-viewer__next.is-from-left {
  clip-path: inset(0 100% 0 0);
}

.results-motion .results-team-viewer__next.is-from-right {
  clip-path: inset(0 0 0 100%);
}

.results-motion .results-team-viewer__next.is-visible {
  opacity: 1;
  filter: none;
  clip-path: inset(0);
  transform: scale(1);
}

.results-motion .results-team-viewer__next.is-settling {
  opacity: 0;
}

.results-motion .results-team-viewer__counter {
  position: absolute;
  z-index: 4;
  right: 14px;
  bottom: 12px;
  padding: 7px 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  backdrop-filter: blur(8px);
}

.results-motion .results-team-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.results-motion .results-team-thumb {
  position: relative;
  min-width: 0;
  padding: 0;
  aspect-ratio: 3/2;
  overflow: hidden;
  border: 0;
  background: #111;
  cursor: pointer;
  appearance: none;
}

.results-motion .results-team-thumb::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--results-red);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s var(--results-ease);
}

.results-motion .results-team-thumb img {
  opacity: 0.58;
  filter: grayscale(0.35);
  transform: scale(1.02);
  transition: opacity 0.4s ease, filter 0.4s ease, transform 0.65s var(--results-ease);
}

.results-motion .results-team-thumb span {
  position: absolute;
  z-index: 2;
  right: 7px;
  bottom: 6px;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-shadow: 0 1px 5px #000;
}

.results-motion .results-team-thumb:hover img,
.results-motion .results-team-thumb:focus-visible img,
.results-motion .results-team-thumb.is-active img {
  opacity: 1;
  filter: none;
  transform: scale(1);
}

.results-motion .results-team-thumb.is-active::after {
  transform: scaleX(1);
}

.results-motion .results-team-thumb:focus-visible {
  outline: 3px solid var(--results-red);
  outline-offset: 3px;
}

.results-motion .results-team-backstage {
  position: relative;
  margin-top: clamp(16px, 2vw, 24px);
  overflow: hidden;
  aspect-ratio: 16/9;
  color: #fff;
  background: #080808;
  isolation: isolate;
}

.results-motion .results-team-backstage__poster,
.results-motion .results-team-backstage__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.results-motion .results-team-backstage__poster {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: inherit;
  background: #080808;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.results-motion .results-team-backstage__poster[hidden],
.results-motion .results-team-backstage__frame[hidden],
.results-motion .results-team-backstage__reset[hidden] {
  display: none;
}

.results-motion .results-team-backstage__poster > img {
  position: absolute;
  inset: 0;
  transform: scale(1.001);
  transition: transform 0.75s var(--results-ease);
}

.results-motion .results-team-backstage__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.12) 42%, rgba(0, 0, 0, 0.84)), linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent 65%);
  pointer-events: none;
}

.results-motion .results-team-backstage__label,
.results-motion .results-match-highlight__label {
  position: absolute;
  z-index: 2;
  top: clamp(14px, 2vw, 24px);
  left: clamp(14px, 2vw, 24px);
  padding: 9px 12px;
  color: #fff;
  background: var(--results-red);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.14em;
  transition: transform 0.4s var(--results-ease);
}

.results-motion .results-team-backstage__play,
.results-motion .results-match-highlight__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(70px, 7vw, 88px);
  height: clamp(70px, 7vw, 88px);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.28);
  pointer-events: none;
  place-items: center;
  transform: translate(-50%, -50%);
  transition: transform 0.4s var(--results-ease);
}

.results-motion .results-team-backstage__play i,
.results-motion .results-match-highlight__play i {
  width: 0;
  height: 0;
  margin-left: 6px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid var(--results-red);
}

.results-motion .results-team-backstage__copy {
  position: absolute;
  z-index: 2;
  right: clamp(18px, 2.6vw, 34px);
  bottom: clamp(18px, 2.6vw, 34px);
  left: clamp(18px, 2.6vw, 34px);
  pointer-events: none;
}

.results-motion .results-team-backstage__copy small,
.results-motion .results-team-backstage__copy strong {
  display: block;
}

.results-motion .results-team-backstage__copy small {
  margin-bottom: 6px;
  font-size: clamp(11px, 1vw, 14px);
  font-weight: 900;
  letter-spacing: 0.13em;
}

.results-motion .results-team-backstage__copy strong {
  font-size: clamp(15px, 1.5vw, 22px);
  line-height: 1.35;
}

.results-motion .results-team-backstage__poster:hover > img {
  transform: scale(1.035);
}

.results-motion .results-team-backstage__poster:hover .results-team-backstage__play {
  transform: translate(-50%, -50%) scale(1.08);
}

.results-motion .results-team-backstage__poster:hover .results-team-backstage__label {
  transform: translateX(6px);
}

.results-motion .results-team-backstage__poster:focus-visible {
  outline: 3px solid var(--results-red);
  outline-offset: -5px;
}

.results-motion .results-team-backstage__frame {
  z-index: 3;
  background: #000;
}

.results-motion .results-team-backstage__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.results-motion .results-team-backstage__reset {
  position: absolute;
  z-index: 4;
  top: 14px;
  right: 14px;
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  color: #fff;
  background: rgba(7, 7, 7, 0.78);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.04em;
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.results-motion .results-team-backstage__reset:hover,
.results-motion .results-team-backstage__reset:focus-visible {
  border-color: var(--results-red);
  background: var(--results-red);
}

.results-motion .results-team-backstage__reset:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.results-motion .results-team-panel__index {
  margin: 0 0 12px;
  color: #888;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-team-panel__content h3 {
  margin: 0 0 24px;
  font-size: clamp(42px, 5vw, 78px);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

.results-motion .results-team-panel__staff {
  margin: 0;
  padding: 18px 0;
  border-top: 1px solid #d8d8d8;
  font-size: 14px;
  line-height: 1.8;
}

.results-motion .results-team-panel__players {
  max-height: 300px;
  margin: 24px 0 0;
  padding-right: 12px;
  overflow: auto;
  color: #555;
  font-size: clamp(12px, 0.9vw, 14px);
  line-height: 1.95;
  letter-spacing: 0.01em;
  scrollbar-width: thin;
}

.results-motion .results-team-panel__emblems {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px 8px;
  margin: clamp(30px, 4vw, 52px) 0 0;
  padding: clamp(22px, 2.4vw, 34px) 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.results-motion .results-team-emblem {
  min-width: 0;
  text-align: center;
}

.results-motion .results-team-emblem img {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  object-fit: contain;
  transition: transform 0.45s var(--results-ease);
}

.results-motion .results-team-emblem:hover img {
  transform: translateY(-4px) scale(1.04);
}

.results-motion .results-team-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.results-motion .results-team-panel__roster {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  margin: 0;
  padding: 0 24px;
  border: 1px solid #111;
  color: #111;
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease;
}

.results-motion .results-team-panel__roster {
  color: #fff;
  background: #111;
}

.results-motion .results-team-panel__roster:hover,
.results-motion .results-team-panel__roster:focus-visible {
  border-color: var(--results-red);
  background: var(--results-red);
}

body.results-roster-open {
  overflow: hidden;
}

.results-roster-modal {
  width: min(1240px, 100vw - 36px);
  max-width: none;
  max-height: min(92vh, 980px);
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #111;
  background: #fff;
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.48);
}

.results-roster-modal::backdrop {
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(7px);
}

.results-roster-modal__shell {
  position: relative;
  max-height: min(92vh, 980px);
  padding: clamp(34px, 5vw, 72px);
  overflow: auto;
  overscroll-behavior: contain;
}

.results-roster-modal__close {
  position: sticky;
  z-index: 5;
  top: 0;
  float: right;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid #111;
  background: #fff;
  cursor: pointer;
}

.results-roster-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #111;
  transform: translate(-50%, -50%) rotate(45deg);
}

.results-roster-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.results-roster-modal__close:focus-visible {
  outline: 3px solid #f00012;
  outline-offset: 3px;
}

.results-roster-modal__head {
  padding-right: 70px;
  border-bottom: 1px solid #cfcfcf;
}

.results-roster-modal__head small {
  color: #f00012;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.results-roster-modal__head h2 {
  margin: 12px 0 18px;
  font-size: clamp(42px, 6vw, 90px);
  line-height: 0.88;
  letter-spacing: -0.06em;
}

.results-roster-modal__head p {
  margin: 0 0 28px;
  font-size: 14px;
  line-height: 1.8;
}

.results-roster-club {
  padding: 34px 0;
  border-bottom: 1px solid #ddd;
}

.results-roster-club > header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.results-roster-club__emblem {
  display: grid;
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  background: #f2f2f2;
  place-items: center;
}

.results-roster-club__emblem img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.results-roster-club header small {
  color: #888;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-roster-club header h3 {
  margin: 3px 0 0;
  font-size: 24px;
}

.results-roster-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.results-player-card {
  position: relative;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  min-width: 0;
  min-height: 116px;
  overflow: hidden;
  border: 1px solid #ddd;
  background: #fafafa;
}

.results-player-card__portrait {
  min-width: 0;
  overflow: hidden;
  background: #e5e5e5;
}

.results-player-card__portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.results-player-card__info {
  align-self: center;
  min-width: 0;
  padding: 14px;
}

.results-player-card__info small {
  display: inline-grid;
  width: 28px;
  height: 22px;
  margin-bottom: 7px;
  color: #fff;
  background: #111;
  font-size: 9px;
  font-weight: 900;
  place-items: center;
}

.results-player-card__info strong {
  display: block;
  font-size: 15px;
  line-height: 1.25;
}

.results-roster-modal__note {
  margin: 28px 0 0;
  color: #777;
  font-size: 11px;
  line-height: 1.7;
}

.results-motion .results-matches {
  --rail-p: 0;
  position: relative;
  height: calc(100svh + 5100px);
  background: #efefef;
}

.results-motion .results-matches__sticky {
  --results-matches-gutter: calc((100% - var(--results-content)) / 2);
  position: sticky;
  top: var(--results-header);
  height: calc(100svh - var(--results-header));
  max-height: 900px;
  overflow: hidden;
}

.results-motion .results-matches__top {
  position: absolute;
  z-index: 3;
  top: clamp(48px, 5vh, 56px);
  right: var(--results-matches-gutter);
  left: var(--results-matches-gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.results-motion .results-matches__top h2 {
  margin: 0;
  font-size: clamp(42px, 5.5vw, 88px);
  line-height: 0.8;
  letter-spacing: -0.065em;
}

.results-motion .results-matches__top span {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.results-motion .results-match-track {
  position: absolute;
  top: clamp(148px, 16vh, 166px);
  left: var(--results-matches-gutter);
  display: flex;
  gap: 22px;
  width: max-content;
  transform: translate3d(calc(var(--rail-p) * var(--rail-distance) * -1px), 0, 0);
  will-change: transform;
}

.results-motion .results-match-card {
  position: relative;
  width: min(72vw, 1040px);
  height: min(66vh, 700px);
  overflow: hidden;
  color: #fff;
  background: #111;
}

.results-motion .results-match-card__media {
  position: absolute;
  inset: 0;
}

.results-motion .results-match-card__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 28%, rgba(0, 0, 0, 0.82) 100%);
  content: "";
  pointer-events: none;
}

.results-motion .results-match-highlight {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #111;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.results-motion .results-match-highlight > picture {
  position: absolute;
  inset: 0;
}

.results-motion .results-match-highlight > img,
.results-motion .results-match-highlight > picture img {
  transform: scale(1.001);
  transition: transform 0.75s var(--results-ease);
}

.results-motion .results-match-highlight__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.26), transparent 48%), linear-gradient(90deg, rgba(0, 0, 0, 0.25), transparent 65%);
  pointer-events: none;
}

.results-motion .results-match-highlight__play {
  width: clamp(72px, 7vw, 90px);
  height: clamp(72px, 7vw, 90px);
}

.results-motion .results-match-highlight__copy,
.results-motion .results-match-highlight__type {
  position: absolute;
  z-index: 2;
  bottom: clamp(140px, 20vh, 190px);
  pointer-events: none;
}

.results-motion .results-match-highlight__copy {
  left: clamp(20px, 3.4vw, 48px);
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 900;
  letter-spacing: 0.04em;
}

.results-motion .results-match-highlight__type {
  right: clamp(20px, 3.4vw, 48px);
  padding: 6px 8px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.14em;
}

.results-motion .results-match-highlight:hover > img,
.results-motion .results-match-highlight:hover > picture img {
  transform: scale(1.025);
}

.results-motion .results-match-highlight:hover .results-match-highlight__play {
  transform: translate(-50%, -50%) scale(1.08);
}

.results-motion .results-match-highlight:hover .results-match-highlight__label {
  transform: translateX(6px);
}

.results-motion .results-match-highlight:focus-visible {
  outline: 4px solid var(--results-red);
  outline-offset: -6px;
}

.results-motion .results-match-card__content {
  position: absolute;
  z-index: 2;
  right: clamp(20px, 3.4vw, 48px);
  bottom: clamp(20px, 3.4vw, 44px);
  left: clamp(20px, 3.4vw, 48px);
  display: grid;
  grid-template-columns: minmax(150px, 0.58fr) minmax(470px, 1.42fr);
  align-items: end;
  gap: clamp(22px, 3.5vw, 52px);
}

.results-motion .results-match-card__meta small {
  display: block;
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-match-card__meta > strong {
  display: block;
  margin-top: 9px;
  font-size: clamp(22px, 2.5vw, 35px);
  line-height: 1.1;
}

.results-motion .results-scoreboard {
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.55);
}

.results-motion .results-scoreboard__teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  align-items: end;
  gap: 12px;
}

.results-motion .results-scoreboard__team {
  display: grid;
  align-items: end;
  gap: 4px 12px;
  min-width: 0;
}

.results-motion .results-scoreboard__team--home {
  grid-template-columns: minmax(0, 1fr) auto;
}

.results-motion .results-scoreboard__team--away {
  grid-template-columns: auto minmax(0, 1fr);
}

.results-motion .results-scoreboard__team > span {
  grid-column: 1/-1;
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.results-motion .results-scoreboard__team--away > span {
  text-align: right;
}

.results-motion .results-scoreboard__team > strong {
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(15px, 1.55vw, 23px);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.results-motion .results-scoreboard__team > b {
  color: #fff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 0.9;
  letter-spacing: -0.04em;
}

.results-motion .results-scoreboard__team--away > b {
  grid-column: 1;
  grid-row: 2;
}

.results-motion .results-scoreboard__team--away > strong {
  grid-column: 2;
  grid-row: 2;
  text-align: right;
}

.results-motion .results-scoreboard__team.is-winner > strong,
.results-motion .results-scoreboard__team.is-winner > b {
  color: #ff6c61;
}

.results-motion .results-scoreboard__separator {
  align-self: end;
  padding-bottom: 8px;
  color: rgba(255, 255, 255, 0.52);
  text-align: center;
}

.results-motion .results-scoreboard__pk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 14px 0 0;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.results-motion .results-scoreboard__pk span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.results-motion .results-scoreboard__pk b {
  min-width: 1em;
  font-size: 19px;
  text-align: center;
}

.results-motion .results-scoreboard__pk i {
  color: rgba(255, 255, 255, 0.55);
  font-style: normal;
}

.results-motion .results-scoreboard > small {
  display: block;
  margin-top: 9px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  font-weight: 900;
  text-align: right;
  letter-spacing: 0.17em;
}

.results-motion .results-matches__progress {
  position: absolute;
  right: var(--results-matches-gutter);
  bottom: 12px;
  left: var(--results-matches-gutter);
  height: 2px;
  background: rgba(0, 0, 0, 0.18);
}

.results-motion .results-matches__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: #050505;
  transform: scaleX(var(--rail-p));
  transform-origin: left;
}

.results-motion .results-tournament {
  --results-bracket-line: rgba(7, 7, 7, .26);
  --results-bracket-soft-line: rgba(7, 7, 7, .12);
  position: relative;
  padding: clamp(88px, 9vw, 148px) 0 clamp(100px, 11vw, 168px);
  overflow: hidden;
  background: #efefef;
}
.results-motion .results-tournament__inner {
  position: relative;
  width: min(1440px, 100% - 80px);
  margin: 0 auto;
}
.results-motion .results-tournament__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 460px);
  align-items: end;
  gap: clamp(40px, 7vw, 110px);
  margin-bottom: clamp(52px, 7vw, 92px);
}
.results-motion .results-tournament__head small {
  display: block;
  color: var(--results-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
}
.results-motion .results-tournament__head h2 {
  margin: 14px 0 0;
  font-size: clamp(56px, 7vw, 108px);
  line-height: 0.82;
  letter-spacing: -0.07em;
}
.results-motion .results-tournament__head p {
  margin: 0;
  color: #555;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.9;
}
.results-motion .results-bracket {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(7, 7, 7, 0.13);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 26px 80px rgba(7, 7, 7, 0.08);
  isolation: isolate;
}
.results-motion .results-bracket__canvas {
  position: relative;
  display: grid;
  min-height: 760px;
  padding: clamp(42px, 4.4vw, 68px);
  overflow: hidden;
  grid-template-columns: minmax(230px, 1fr) 96px minmax(230px, 1fr) 126px minmax(270px, 1.08fr);
}
.results-motion .results-bracket__column {
  position: relative;
  z-index: 2;
  display: grid;
  min-width: 0;
  gap: 28px;
}
.results-motion .results-bracket__column--round1 {
  grid-column: 1;
  grid-template-rows: 1fr 1fr 0.92fr;
}
.results-motion .results-bracket__column--semifinal {
  grid-column: 3;
  grid-template-rows: 1fr 1fr 0.92fr;
}
.results-motion .results-bracket__column--final {
  grid-column: 5;
  grid-template-rows: 2fr 0.92fr;
}
.results-motion .results-bracket__slot {
  display: flex;
  align-items: center;
  min-height: 0;
}
.results-motion .results-bracket__slot--center {
  align-items: center;
}
.results-motion .results-bracket__slot--placement {
  align-items: end;
  padding-top: 20px;
}
.results-motion .results-bracket__slot--ghost {
  pointer-events: none;
}
.results-motion .results-bracket__lines {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.results-motion .results-bracket__path {
  fill: none;
  stroke: #111;
  stroke-linecap: square;
  stroke-linejoin: miter;
  stroke-width: 2.5;
  vector-effect: non-scaling-stroke;
}
.results-motion .results-bracket__path.is-winner {
  stroke: var(--results-red);
  stroke-width: 3.5;
}
.results-motion .results-bracket-match {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(7, 7, 7, 0.17);
  background: #fff;
  box-shadow: 0 12px 32px rgba(7, 7, 7, 0.06);
}
.results-motion .results-bracket-match::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: #111;
  content: "";
}
.results-motion .results-bracket-match__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 38px;
  padding: 0 14px 0 18px;
  border-bottom: 1px solid rgba(7, 7, 7, 0.1);
  background: #f7f7f7;
}
.results-motion .results-bracket-match__head span {
  color: var(--results-red);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.results-motion .results-bracket-match__head strong {
  color: #777;
  font-size: 10px;
  font-weight: 800;
}
.results-motion .results-bracket-match__team {
  position: relative;
  display: grid;
  min-height: 58px;
  padding: 8px 14px 8px 18px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
}
.results-motion .results-bracket-match__team + .results-bracket-match__team {
  border-top: 1px solid rgba(7, 7, 7, 0.1);
}
.results-motion .results-bracket-match__team span {
  min-width: 0;
  overflow: hidden;
  font-size: clamp(11px, 0.92vw, 14px);
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.results-motion .results-bracket-match__team small {
  padding: 4px 5px;
  color: #777;
  background: #eee;
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.results-motion .results-bracket-match__team b {
  min-width: 24px;
  font-size: clamp(23px, 2.2vw, 34px);
  line-height: 1;
  text-align: right;
}
.results-motion .results-bracket-match__team.is-winner {
  color: #fff;
  background: #111;
}
.results-motion .results-bracket-match__team.is-winner span {
  font-size: clamp(12px, 1vw, 16px);
}
.results-motion .results-bracket-match__team.is-winner b {
  color: var(--results-red);
  font-size: clamp(27px, 2.5vw, 38px);
}
.results-motion .results-bracket-match__team.is-winner::before {
  position: absolute;
  top: 50%;
  left: 7px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--results-red);
  content: "";
  transform: translateY(-50%);
}
.results-motion .results-bracket-match__team.is-winner small {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
.results-motion .results-bracket-match--placement {
  border-color: rgba(7, 7, 7, 0.24);
  box-shadow: none;
}
.results-motion .results-bracket-match--placement::before {
  background: #777;
}
.results-motion .results-bracket-match--placement .results-bracket-match__head {
  background: #ededed;
}
.results-motion .results-bracket-match--final {
  border-color: rgba(7, 7, 7, 0.22);
  background: #fff;
  box-shadow: 0 24px 58px rgba(7, 7, 7, 0.14);
  transform: scale(1.04);
}
.results-motion .results-bracket-match--final::before {
  width: 3px;
  background: #111;
}
.results-motion .results-bracket-match--final .results-bracket-match__head {
  color: inherit;
  border-bottom-color: rgba(7, 7, 7, 0.1);
  background: #f7f7f7;
}
.results-motion .results-bracket-match--final .results-bracket-match__head strong {
  color: #777;
}
.results-motion .results-bracket-match--final .results-bracket-match__team:not(.is-winner) {
  color: inherit;
  border-top-color: rgba(7, 7, 7, 0.1);
  background: #fff;
}

@media (max-width: 1150px) {
  .results-motion .results-tournament__inner {
    width: min(1100px, 100% - 48px);
  }
  .results-motion .results-bracket__canvas {
    min-height: 720px;
    padding: 36px 28px 54px;
    grid-template-columns: minmax(190px, 1fr) 56px minmax(190px, 1fr) 76px minmax(220px, 1fr);
  }
  .results-motion .results-bracket-match__team span {
    font-size: 11px;
  }
}
body.results-video-open {
  overflow: hidden;
}

.results-motion .results-video-modal {
  width: min(1200px, 100vw - 48px);
  max-width: none;
  max-height: 92dvh;
  padding: 0;
  overflow: auto;
  border: 0;
  color: #fff;
  background: #070707;
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.58);
  overscroll-behavior: contain;
}

.results-motion .results-video-modal::backdrop {
  background: rgba(0, 0, 0, 0.84);
  backdrop-filter: blur(8px);
}

.results-motion .results-video-modal__shell {
  padding: clamp(18px, 2.5vw, 34px);
}

.results-motion .results-video-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 20px;
}

.results-motion .results-video-modal__head small {
  display: block;
  color: var(--results-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-video-modal__head h2 {
  margin: 8px 0 0;
  font-size: clamp(22px, 3vw, 42px);
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.results-motion .results-video-modal__close {
  position: relative;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.results-motion .results-video-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}

.results-motion .results-video-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.results-motion .results-video-modal__close:hover {
  border-color: var(--results-red);
  background: var(--results-red);
}

.results-motion .results-video-modal__close:focus-visible {
  outline: 3px solid var(--results-red);
  outline-offset: 3px;
}

.results-motion .results-video-modal__frame {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #000;
}

.results-motion .results-video-modal__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.results-motion .results-prize {
  padding: clamp(110px, 13vw, 190px) 0;
}

.results-motion .results-prize__inner {
  width: var(--results-content);
  margin: 0 auto;
}

.results-motion .results-prize__head {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  align-items: end;
  gap: 60px;
  margin-bottom: 70px;
}

.results-motion .results-prize__head h2 {
  margin: 18px 0 0;
  font-size: clamp(52px, 7vw, 108px);
  line-height: 0.85;
  letter-spacing: -0.07em;
}

.results-motion .results-prize__head p {
  margin: 0;
  font-size: 17px;
  line-height: 1.9;
}

.results-motion .results-awards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.results-motion .results-award {
  position: relative;
  min-height: clamp(500px, 43vw, 680px);
  overflow: hidden;
  color: #fff;
  background: #111;
}

.results-motion .results-award__media,
.results-motion .results-award__shade {
  position: absolute;
  inset: 0;
}

.results-motion .results-award__media img {
  opacity: 1;
  transition: opacity 0.34s ease, transform 0.8s var(--results-ease);
}

.results-motion .results-award.is-swapping .results-award__media img {
  opacity: 0.18;
  transform: scale(1.02);
}

.results-motion .results-award__shade {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 30%, rgba(0, 0, 0, 0.82));
}

.results-motion .results-award__detail {
  position: absolute;
  z-index: 3;
  top: auto;
  right: 20px;
  bottom: 20px;
  width: min(34%, 150px);
  padding: 0;
  aspect-ratio: 4/3;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: #111;
  cursor: pointer;
  appearance: none;
}

.results-motion .results-award__detail img {
  transition: opacity 0.34s ease, transform 0.7s var(--results-ease);
}

.results-motion .results-award.is-swapping .results-award__detail img {
  opacity: 0.35;
}

.results-motion .results-award__detail:hover img {
  transform: scale(1.035);
}

.results-motion .results-award__detail:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.results-motion .results-award__content {
  position: absolute;
  z-index: 2;
  right: calc(min(34%, 150px) + 32px);
  bottom: 28px;
  left: 28px;
}

.results-motion .results-award__content small {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.results-motion .results-award__content b {
  display: block;
  margin-top: 14px;
  font-size: clamp(28px, 3.3vw, 52px);
  line-height: 1;
  letter-spacing: -0.05em;
}

.results-motion .results-award__content strong {
  display: block;
  margin-top: 13px;
  font-size: 18px;
}

.results-motion .results-award__content span {
  display: block;
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
}

.results-motion .results-potm {
  margin-top: clamp(120px, 14vw, 210px);
  padding-top: clamp(68px, 7vw, 100px);
  border-top: 1px solid #d7d7d7;
}

.results-motion .results-potm__head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  align-items: end;
  gap: clamp(36px, 6vw, 90px);
  margin-bottom: clamp(48px, 6vw, 82px);
}

.results-motion .results-potm__head small {
  display: block;
  color: var(--results-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.results-motion .results-potm__head h2 {
  margin: 15px 0 0;
  font-size: clamp(48px, 6.3vw, 98px);
  line-height: 0.82;
  letter-spacing: -0.07em;
}

.results-motion .results-potm__head p {
  margin: 0 0 4px;
  color: #555;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.9;
}

.results-motion .results-potm__grid {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  gap: 14px;
}

.results-motion .results-potm-card {
  position: relative;
  grid-column: span 4;
  min-width: 0;
  aspect-ratio: 4/5;
  overflow: hidden;
  color: #fff;
  background: #111;
  isolation: isolate;
}

.results-motion .results-potm-card:nth-child(5) {
  grid-column: 3/span 4;
}

.results-motion .results-potm-card:nth-child(6) {
  grid-column: 7/span 4;
}

.results-motion .results-potm-card:nth-child(7) {
  grid-column: 11/span 4;
}

.results-motion .results-potm-card__media,
.results-motion .results-potm-card__shade {
  position: absolute;
  inset: 0;
}

.results-motion .results-potm-card__media img {
  object-position: var(--potm-position, center);
  transform: scale(1.002);
}

.results-motion .results-potm-card__shade {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 38%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 58%);
}

.results-motion .results-potm-card::after {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--results-red);
  content: "";
  transform: scaleX(0.22);
  transform-origin: left;
}

.results-motion .results-potm-card__meta {
  position: absolute;
  z-index: 2;
  top: 18px;
  right: 18px;
  left: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.results-motion .results-potm-card__meta span,
.results-motion .results-potm-card__meta strong {
  display: inline-flex;
  min-height: 29px;
  align-items: center;
  padding: 0 9px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.12em;
}

.results-motion .results-potm-card__meta span {
  color: #fff;
  background: var(--results-red);
}

.results-motion .results-potm-card__meta strong {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(7px);
}

.results-motion .results-potm-card__content {
  position: absolute;
  z-index: 2;
  right: clamp(18px, 2vw, 28px);
  bottom: clamp(22px, 2.3vw, 34px);
  left: clamp(18px, 2vw, 28px);
}

.results-motion .results-potm-card__content small {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.results-motion .results-potm-card__content b {
  display: block;
  margin-top: 11px;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 0.95;
  letter-spacing: -0.045em;
}

.results-motion .results-potm-card__content h3 {
  margin: 11px 0 0;
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 1.25;
}

.results-motion .results-potm-card__content p {
  margin: 5px 0 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}

.results-motion .results-potm-card__content em {
  display: block;
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.04em;
}

.results-motion .results-potm-card.is-final::before {
  position: absolute;
  z-index: 2;
  top: 56px;
  left: 18px;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
  content: "FINAL";
  writing-mode: vertical-rl;
}

@media (max-width: 1200px) {
  .results-motion .results-potm__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .results-motion .results-potm-card,
  .results-motion .results-potm-card:nth-child(5),
  .results-motion .results-potm-card:nth-child(6) {
    grid-column: span 4;
  }
  .results-motion .results-potm-card:nth-child(7) {
    grid-column: 3/span 4;
  }
}
@media (max-width: 760px) {
  .results-motion .results-potm {
    margin-top: 100px;
    padding-top: 58px;
  }
  .results-motion .results-potm__head {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 38px;
  }
  .results-motion .results-potm__head h2 {
    font-size: clamp(43px, 13vw, 62px);
  }
  .results-motion .results-potm__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .results-motion .results-potm-card,
  .results-motion .results-potm-card:nth-child(5),
  .results-motion .results-potm-card:nth-child(6),
  .results-motion .results-potm-card:nth-child(7) {
    grid-column: 1;
    aspect-ratio: 4/5;
  }
  .results-motion .results-potm-card__content b {
    font-size: clamp(29px, 9vw, 42px);
  }
}
.results-motion .results-ranking-feature {
  margin-top: clamp(120px, 14vw, 210px);
}

.results-motion .results-ranking-feature__head {
  margin-bottom: 50px;
}

.results-motion .results-ranking-feature__head h2 {
  margin: 14px 0 0;
  font-size: clamp(52px, 7vw, 108px);
  line-height: 0.85;
  letter-spacing: -0.07em;
}

.results-motion .results-champion {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);
  min-height: clamp(520px, 47vw, 760px);
  color: #fff;
  background: #080808;
}

.results-motion .results-champion__media {
  grid-column: 2;
  grid-row: 1;
  min-height: 100%;
  overflow: hidden;
}

.results-motion .results-champion__copy {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px, 5vw, 80px);
}

.results-motion .results-champion__copy > span {
  color: var(--results-red);
  font-size: 18px;
  font-weight: 900;
}

.results-motion .results-champion__copy small {
  margin-top: 40px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.results-motion .results-champion__copy h3 {
  margin: 14px 0 0;
  font-size: clamp(48px, 5vw, 72px);
  line-height: 0.88;
  letter-spacing: -0.06em;
}

.results-motion .results-champion__copy p {
  margin: 34px 0 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.12em;
}

.results-motion .results-ranking__row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 102px;
  padding: 0 clamp(24px, 4vw, 60px);
  border-bottom: 1px solid var(--results-line);
}

.results-motion .results-ranking__row strong {
  font-size: 15px;
}

.results-motion .results-ranking__row b {
  font-size: clamp(20px, 2.2vw, 32px);
}

.results-motion .results-ranking__row span {
  color: #777;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

@media (max-width: 1100px) {
  .results-motion {
    --results-content: min(1100px, calc(100% - 48px));
    --results-header: 78px;
  }
  .results-motion .results-team-panel {
    grid-template-columns: minmax(0, 1fr) 390px;
    gap: 42px;
  }
  .results-motion .results-match-card__content {
    grid-template-columns: minmax(140px, 0.5fr) minmax(410px, 1.5fr);
    gap: 28px;
  }
  .results-roster-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1100px) {
  .results-motion .results-teams__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .results-motion .results-team-nav {
    width: 100%;
    max-width: none;
  }
  .results-motion .results-team-panel {
    grid-template-columns: 1fr;
  }
  .results-motion .results-team-panel__players {
    max-height: none;
  }
}
@media (max-width: 760px) {
  .results-motion {
    --results-content: calc(100% - 36px);
  }
  .results-motion [data-reveal] {
    transform: translate3d(0, 22px, 0);
  }
  .results-motion .motion-hero {
    min-height: inherit;
  }
  .results-motion .motion-hero__media img {
    object-position: 62% center;
  }
  .results-motion .motion-hero__copy {
    padding: 150px 0 90px;
  }
  .results-motion .motion-hero h1 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .results-motion .motion-hero__lead {
    margin-top: 28px;
    line-height: 1.75;
  }
  .results-motion .motion-hero__scroll {
    right: 16px;
    bottom: 18px;
  }
  .results-motion .results-teams {
    padding: 84px 0 100px;
  }
  .results-motion .results-team-nav {
    display: flex;
    grid-template-columns: none;
    width: calc(100vw - 18px);
    margin-right: -18px;
    padding: 0 18px 10px 0;
    overflow-x: auto;
    scrollbar-width: thin;
    gap: 8px;
  }
  .results-motion .results-team-nav button {
    flex: 0 0 auto;
    min-width: auto;
    padding: 0 18px;
    font-size: 12px;
  }
  .results-motion .results-team-viewer__main {
    aspect-ratio: 3/2;
  }
  .results-motion .results-team-thumbs {
    gap: 5px;
  }
  .results-motion .results-team-thumb span {
    display: none;
  }
  .results-motion .results-team-backstage {
    margin-top: 16px;
  }
  .results-motion .results-team-backstage__label,
  .results-motion .results-match-highlight__label {
    top: 12px;
    left: 12px;
    padding: 8px 10px;
    font-size: 8px;
  }
  .results-motion .results-team-backstage__play,
  .results-motion .results-match-highlight__play {
    width: 60px;
    height: 60px;
  }
  .results-motion .results-team-backstage__play i,
  .results-motion .results-match-highlight__play i {
    margin-left: 4px;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }
  .results-motion .results-team-backstage__copy {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }
  .results-motion .results-team-backstage__copy small {
    margin-bottom: 4px;
    font-size: 9px;
  }
  .results-motion .results-team-backstage__copy strong {
    font-size: 14px;
  }
  .results-motion .results-team-panel__content h3 {
    font-size: clamp(42px, 13vw, 62px);
  }
  .results-motion .results-team-panel__players {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.85;
  }
  .results-motion .results-team-panel__emblems {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px 5px;
  }
  .results-motion .results-team-emblem img {
    width: 42px;
    height: 42px;
  }
  .results-motion .results-team-panel__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .results-roster-modal {
    width: calc(100vw - 18px);
    max-height: 96vh;
  }
  .results-roster-modal__shell {
    max-height: 96vh;
    padding: 24px 18px 36px;
  }
  .results-roster-modal__head h2 {
    font-size: clamp(38px, 14vw, 62px);
  }
  .results-roster-grid {
    grid-template-columns: 1fr;
  }
  .results-motion .results-video-modal {
    width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
  }
  .results-motion .results-video-modal__shell {
    padding: 14px;
  }
  .results-motion .results-video-modal__head {
    gap: 14px;
    margin-bottom: 14px;
  }
  .results-motion .results-video-modal__head h2 {
    font-size: clamp(17px, 5vw, 24px);
  }
  .results-motion .results-video-modal__close {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
  .results-player-card {
    grid-template-columns: 82px minmax(0, 1fr);
  }
  .results-motion .results-matches {
    height: auto !important;
    padding: 86px 0 80px;
    overflow: hidden;
  }
  .results-motion .results-matches__sticky {
    position: relative;
    top: auto;
    height: auto;
    max-height: none;
    overflow: visible;
  }
  .results-motion .results-matches__top {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: var(--results-content);
    margin: 0 auto 56px;
  }
  .results-motion .results-matches__top span {
    display: none;
  }
  .results-motion .results-match-track {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 0 18px 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    transform: none !important;
  }
  .results-motion .results-match-card {
    flex: 0 0 88vw;
    width: 88vw;
    height: min(680px, 76vh);
    min-height: 540px;
    scroll-snap-align: center;
  }
  .results-motion .results-match-card__content {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .results-motion .results-match-highlight__copy,
  .results-motion .results-match-highlight__type {
    bottom: 220px;
  }
  .results-motion .results-match-highlight__copy {
    left: 20px;
    font-size: 14px;
  }
  .results-motion .results-match-highlight__type {
    right: 20px;
  }
  .results-motion .results-scoreboard__teams {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    gap: 7px;
  }
  .results-motion .results-scoreboard__team {
    gap: 4px 7px;
  }
  .results-motion .results-scoreboard__team > strong {
    font-size: clamp(12px, 3.3vw, 16px);
  }
  .results-motion .results-scoreboard__team > b {
    font-size: clamp(32px, 10vw, 46px);
  }
  .results-motion .results-matches__progress {
    display: none;
  }
  .results-motion .results-tournament {
    padding: 76px 0 90px;
  }
  .results-motion .results-tournament__inner {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }
  .results-motion .results-tournament__head {
    grid-template-columns: 1fr;
    gap: 26px;
    margin-bottom: 44px;
    padding: 0 6px;
  }
  .results-motion .results-tournament__head h2 {
    font-size: clamp(50px, 17vw, 76px);
  }
  .results-motion .results-bracket {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }
  .results-motion .results-bracket__canvas {
    display: grid;
    box-sizing: border-box;
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    min-height: 0;
    padding: 28px 8px 40px;
    overflow: hidden;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(4, auto);
    column-gap: 12px;
    row-gap: clamp(58px, 18vw, 78px);
  }
  .results-motion .results-bracket__column {
    display: contents;
  }
  .results-motion .results-bracket__slot {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
    align-self: stretch;
    align-items: stretch;
  }
  .results-motion .results-bracket__slot--placement {
    padding-top: 0;
  }
  .results-motion .results-bracket__slot--ghost {
    display: none;
  }
  .results-motion .results-bracket__slot[data-match-slot=m7] {
    width: min(54%, 190px);
    grid-column: 1/-1;
    grid-row: 1;
    justify-self: center;
  }
  .results-motion .results-bracket__slot[data-match-slot=m4] {
    grid-column: 1;
    grid-row: 2;
  }
  .results-motion .results-bracket__slot[data-match-slot=m5] {
    grid-column: 2;
    grid-row: 2;
  }
  .results-motion .results-bracket__slot[data-match-slot=m1] {
    grid-column: 1;
    grid-row: 3;
  }
  .results-motion .results-bracket__slot[data-match-slot=m2] {
    grid-column: 2;
    grid-row: 3;
  }
  .results-motion .results-bracket__slot[data-match-slot=m6] {
    grid-column: 1;
    grid-row: 4;
    margin-top: 10px !important;
  }
  .results-motion .results-bracket__slot[data-match-slot=m3] {
    grid-column: 2;
    grid-row: 4;
    margin-top: 10px !important;
  }
  .results-motion .results-bracket__lines {
    display: block;
  }
  .results-motion .results-bracket-match {
    height: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .results-motion .results-bracket-match--final {
    transform: none;
  }
  .results-motion .results-bracket-match__head {
    display: flex;
    min-height: 36px;
    padding: 0 8px 0 10px;
    gap: 5px;
  }
  .results-motion .results-bracket-match__head span {
    flex: 0 0 auto;
    font-size: 7px;
    line-height: 1.2;
  }
  .results-motion .results-bracket-match__head strong {
    min-width: 0;
    font-size: 8px;
    line-height: 1.2;
    text-align: right;
  }
  .results-motion .results-bracket-match__team {
    min-height: 58px;
    padding: 7px 8px 8px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-content: center;
    align-items: end;
    gap: 4px 6px;
  }
  .results-motion .results-bracket-match__team span {
    grid-column: 1/-1;
    min-height: 2.4em;
    overflow: visible;
    font-size: clamp(8px, 2.55vw, 10px);
    line-height: 1.2;
    text-overflow: clip;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
  }
  .results-motion .results-bracket-match__team small {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    padding: 3px 4px;
    font-size: 7px;
  }
  .results-motion .results-bracket-match__team b {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    justify-self: end;
    font-size: clamp(20px, 6.2vw, 25px);
  }
  .results-motion .results-bracket-match__team.is-winner::before {
    display: none;
  }
  .results-motion .results-bracket-match__team.is-winner span {
    font-size: clamp(8px, 2.55vw, 10px);
  }
  .results-motion .results-bracket-match__team.is-winner b {
    font-size: clamp(22px, 6.8vw, 28px);
  }
  .results-motion .results-prize {
    padding: 100px 0;
  }
  .results-motion .results-prize__head {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .results-motion .results-awards {
    grid-template-columns: 1fr;
  }
  .results-motion .results-award {
    min-height: 128vw;
  }
  .results-motion .results-ranking-feature {
    margin-top: 110px;
  }
  .results-motion .results-champion {
    grid-template-columns: 1fr;
  }
  .results-motion .results-champion__media {
    grid-column: 1;
    grid-row: 2;
    min-height: 76vw;
  }
  .results-motion .results-champion__copy {
    grid-column: 1;
    grid-row: 1;
    min-height: 330px;
  }
  .results-motion .results-ranking__row {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
    min-height: 92px;
    padding: 18px 20px;
  }
  .results-motion .results-ranking__row span {
    grid-column: 2;
  }
}
.results-motion .results-matches.is-static {
  height: auto !important;
  padding: 110px 0 90px;
  overflow: hidden;
}

.results-motion .results-matches.is-static .results-matches__sticky {
  position: relative;
  top: auto;
  height: auto;
  max-height: none;
  overflow: visible;
}

.results-motion .results-matches.is-static .results-matches__top {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  width: var(--results-content);
  margin: 0 auto 64px;
}

.results-motion .results-matches.is-static .results-match-track {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  padding: 0 4vw 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  transform: none !important;
}

.results-motion .results-matches.is-static .results-match-card {
  flex: 0 0 min(82vw, 1040px);
  scroll-snap-align: center;
}

.results-motion .results-matches.is-static .results-matches__progress {
  display: none;
}

@media (min-width: 761px) and (max-height: 760px) {
  .results-motion .results-match-track {
    top: 128px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .results-motion [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .results-motion .motion-hero__media {
    transform: none;
  }
  .results-motion .motion-hero h1 i,
  .results-motion .motion-hero__lead i {
    transform: none;
    animation: none;
  }
  .results-motion .motion-hero__scroll::after {
    animation: none;
  }
  .results-motion .results-team-viewer__main [data-team-main],
  .results-motion .results-team-viewer__next,
  .results-motion .results-team-thumb img,
  .results-motion .results-team-backstage__poster > img,
  .results-motion .results-team-backstage__label,
  .results-motion .results-team-backstage__play,
  .results-motion .results-match-highlight > img,
  .results-motion .results-match-highlight > picture img,
  .results-motion .results-match-highlight__label,
  .results-motion .results-match-highlight__play,
  .results-motion .results-award__media img,
  .results-motion .results-award__detail img {
    transition: none;
  }
  .results-motion .results-team-viewer__main.is-changing [data-team-main] {
    opacity: 1;
    filter: none;
    transform: none;
  }
}
.road-motion {
  --road-content: min(1480px, calc(100% - 96px));
  --road-ease: cubic-bezier(.2, .78, .2, 1);
  --road-header: 80px;
  --road-progress: 0;
  overflow: clip;
  color: #050505;
  background: #fff;
}

.road-motion picture {
  display: block;
  width: 100%;
  height: 100%;
}

.road-motion [data-road-reveal] {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.9s var(--road-ease), transform 0.9s var(--road-ease);
}

.road-motion [data-road-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

.road-motion [data-road-reveal-delay="1"] {
  transition-delay: 0.08s;
}

.road-motion [data-road-reveal-delay="2"] {
  transition-delay: 0.16s;
}

.road-motion-hero {
  --road-hero-progress: 0;
  position: relative;
  min-height: min(920px, 100svh - 24px);
  overflow: hidden;
  color: #fff;
  background: #050505;
  isolation: isolate;
}

.road-motion-hero__media,
.road-motion-hero__shade,
.road-motion-hero__grain {
  position: absolute;
  inset: 0;
}

.road-motion-hero__media {
  transform: translate3d(0, calc(var(--road-hero-progress) * 32px), 0) scale(1.035);
  will-change: transform;
}

.road-motion-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
}

.road-motion-hero__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.08) 78%), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
}

.road-motion-hero__grain {
  z-index: 2;
  opacity: 0.14;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='road-grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23road-grain)' opacity='.52'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.road-motion-hero__copy {
  position: relative;
  z-index: 3;
  width: var(--road-content);
  margin: 0 auto;
  padding: clamp(180px, 19vh, 240px) 0 100px;
}

.road-motion-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 24px;
  font-size: clamp(13px, 1.1vw, 18px);
  font-weight: 900;
  letter-spacing: 0.12em;
}

.road-motion-hero__eyebrow::before {
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  content: "";
}

.road-motion-hero h1 {
  max-width: 1120px;
  margin: 0;
  font-size: clamp(50px, 5vw, 70px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.07em;
}

.road-motion-hero h1 span,
.road-motion-hero__lead span {
  display: block;
  overflow: hidden;
}

.road-motion-hero h1 i,
.road-motion-hero__lead i {
  display: block;
  font-style: normal;
  transform: translateY(112%);
  animation: road-motion-line-in 1.05s var(--road-ease) forwards;
}

.road-motion-hero h1 span:nth-child(2) i {
  animation-delay: 0.08s;
}

.road-motion-hero__lead {
  max-width: 780px;
  margin: 40px 0 0;
  font-size: clamp(15px, 1.25vw, 21px);
  line-height: 1.9;
}

.road-motion-hero__lead i {
  animation-delay: 0.22s;
}

.road-motion-hero__scroll {
  position: absolute;
  z-index: 3;
  right: 34px;
  bottom: 30px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.25em;
  writing-mode: vertical-rl;
}

.road-motion-hero__scroll::after {
  width: 1px;
  height: 76px;
  background: rgba(255, 255, 255, 0.72);
  content: "";
  transform-origin: top;
  animation: road-motion-scroll-line 1.8s ease-in-out infinite;
}

@keyframes road-motion-line-in {
  to {
    transform: translateY(0);
  }
}
@keyframes road-motion-scroll-line {
  0%, 100% {
    opacity: 0.35;
    transform: scaleY(0.2);
  }
  45% {
    opacity: 1;
    transform: scaleY(1);
  }
}
.road-motion .road-progress {
  position: sticky;
  z-index: 40;
  top: var(--road-header);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 26px;
  min-height: 74px;
  padding: 0 max(28px, 4vw);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
}

.road-motion .road-progress__label {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.road-motion .road-progress__track {
  position: relative;
  height: 2px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.15);
}

.road-motion .road-progress__track span {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  transform: scaleX(var(--road-progress));
  transform-origin: left;
}

.road-motion .road-progress__count {
  min-width: 48px;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
}

.road-motion .road-section-head {
  width: var(--road-content);
  margin: 0 auto;
  padding: clamp(90px, 11vw, 170px) 0 clamp(55px, 7vw, 100px);
}

.road-motion .road-section-head__index {
  display: block;
  margin-bottom: 18px;
  color: #f00012;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.road-motion .road-section-head h2 {
  max-width: 1040px;
  margin: 0;
  font-size: clamp(38px, 5vw, 78px);
  line-height: 1.05;
  letter-spacing: -0.055em;
}

.road-motion .road-section-head p {
  max-width: 760px;
  margin: 34px 0 0;
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 1.9;
}

.road-motion .road-index {
  display: grid;
  width: var(--road-content);
  margin: 0 auto 120px;
  border-top: 1px solid rgba(5, 5, 5, 0.18);
  border-left: 1px solid rgba(5, 5, 5, 0.18);
  grid-template-columns: repeat(7, 1fr);
}

.road-motion .road-index button {
  position: relative;
  min-height: 126px;
  overflow: hidden;
  padding: 18px 16px;
  border: 0;
  border-right: 1px solid rgba(5, 5, 5, 0.18);
  border-bottom: 1px solid rgba(5, 5, 5, 0.18);
  background: #fff;
  text-align: left;
  cursor: pointer;
}

.road-motion .road-index button::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #050505;
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.45s var(--road-ease);
}

.road-motion .road-index button:hover::before,
.road-motion .road-index button:focus-visible::before,
.road-motion .road-index button.is-active::before {
  transform: scaleX(1);
}

.road-motion .road-index button:focus-visible {
  z-index: 1;
  outline: 3px solid #1478f2;
  outline-offset: -3px;
}

.road-motion .road-index small {
  display: block;
  color: #999;
  font-size: 11px;
  font-weight: 900;
}

.road-motion .road-index strong {
  display: block;
  margin-top: 28px;
  font-size: clamp(13px, 1.08vw, 17px);
  line-height: 1.35;
}

.road-motion .road-gates {
  position: relative;
}

.road-motion .road-gate {
  --gate-progress: 0;
  position: relative;
  min-height: 125vh;
  color: #111;
  background: #fff;
}

.road-motion .road-gate:nth-child(even) {
  color: #fff;
  background: #080808;
}

.road-motion .road-gate__sticky {
  position: sticky;
  top: calc(var(--road-header) + 74px);
  display: grid;
  width: var(--road-content);
  min-height: calc(100svh - var(--road-header) - 74px);
  margin: 0 auto;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.35fr);
  align-items: center;
  gap: clamp(46px, 7vw, 120px);
}

.road-motion .road-gate__number {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 0;
  color: rgba(0, 0, 0, 0.045);
  font-size: clamp(150px, 21vw, 360px);
  line-height: 0.75;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -0.1em;
  transform: translate3d(calc((1 - var(--gate-progress)) * -60px), -50%, 0);
}

.road-motion .road-gate:nth-child(even) .road-gate__number {
  color: rgba(255, 255, 255, 0.065);
}

.road-motion .road-gate__copy {
  position: relative;
  z-index: 2;
}

.road-motion .road-gate__copy small {
  color: #f00012;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.road-motion .road-gate__copy h3 {
  margin: 18px 0 26px;
  font-size: clamp(42px, 5.2vw, 82px);
  line-height: 1;
  letter-spacing: -0.06em;
}

.road-motion .road-gate__copy p {
  max-width: 540px;
  margin: 0;
  font-size: clamp(15px, 1.22vw, 19px);
  line-height: 1.9;
  opacity: calc(0.25 + var(--gate-progress) * 0.75);
  transform: translateY(calc((1 - var(--gate-progress)) * 25px));
}

.road-motion .road-gate__media {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  min-width: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  gap: clamp(6px, 0.55vw, 10px);
  background: #080808;
}

.road-motion .road-gate__photo {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: auto;
  margin: 0;
  overflow: hidden;
  background: #101010;
  transition: flex-grow 0.82s var(--road-ease);
}

.road-motion .road-gate__photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
  .road-motion .road-gate__media:hover .road-gate__photo {
    flex-grow: 0.58;
  }
  .road-motion .road-gate__media .road-gate__photo:hover {
    flex-grow: 2.42;
  }
}
.road-motion .road-accordion {
  width: min(1320px, 100% - 80px);
  margin: clamp(100px, 12vw, 170px) auto;
  border-top: 1px solid #cfcfcf;
  counter-reset: road-accordion-gate;
}

.road-motion .road-accordion__item {
  position: relative;
  overflow: clip;
  border-bottom: 1px solid #cfcfcf;
  background: #fff;
  counter-increment: road-accordion-gate;
}

.road-motion .road-accordion__item::before {
  position: absolute;
  top: 50%;
  left: 4px;
  color: rgba(5, 5, 5, 0.045);
  content: counter(road-accordion-gate, decimal-leading-zero);
  font-size: clamp(110px, 15vw, 230px);
  line-height: 0.75;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -0.1em;
  pointer-events: none;
  transform: translateY(-50%);
}

.road-motion .road-accordion__trigger {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) 48px;
  align-items: center;
  width: 100%;
  min-height: 104px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.road-motion .road-accordion__item.is-open .road-accordion__trigger::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  content: "";
}

.road-motion .road-accordion__trigger:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid #1478f2;
  outline-offset: -3px;
}

.road-motion .road-accordion__trigger > span {
  color: #f00012;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.road-motion .road-accordion__trigger > strong {
  font-size: clamp(25px, 4vw, 50px);
  letter-spacing: -0.035em;
}

.road-motion .road-accordion__trigger > i {
  position: relative;
  width: 32px;
  height: 32px;
  justify-self: end;
}

.road-motion .road-accordion__trigger > i::before,
.road-motion .road-accordion__trigger > i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1px;
  background: #111;
  content: "";
  transform: translate(-50%, -50%);
  transition: transform 0.35s ease;
}

.road-motion .road-accordion__trigger > i::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.road-motion .road-accordion__item.is-open .road-accordion__trigger > i::after {
  transform: translate(-50%, -50%) rotate(0);
}

.road-motion .road-accordion__panel {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 0.65s cubic-bezier(0.2, 0.78, 0.2, 1), opacity 0.35s ease;
}

.road-motion .road-accordion__item.is-open .road-accordion__panel {
  grid-template-rows: 1fr;
  opacity: 1;
}

.road-motion .road-accordion__panel-inner {
  display: grid;
  grid-template-columns: minmax(240px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(34px, 5vw, 80px);
  min-height: 0;
  padding: 0 8px;
  overflow: hidden;
}

.road-motion .road-accordion__item.is-open .road-accordion__panel-inner {
  padding-bottom: clamp(44px, 6vw, 80px);
}

.road-motion .road-accordion__panel p {
  margin: 0;
  color: #555;
  font-size: 15px;
  line-height: 2;
}

.road-motion .road-accordion__media {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.road-motion .road-accordion__media--wide {
  grid-template-columns: minmax(0, 1fr);
}

.road-motion .road-accordion__media figure {
  margin: 0;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #111;
}

.road-motion #gate-02 .road-accordion__media figure {
  aspect-ratio: 1704/1414;
}

.road-motion .road-accordion__media--wide figure {
  aspect-ratio: 40/21;
}

.road-motion .road-accordion__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.2, 0.75, 0.2, 1);
}

@media (hover: hover) and (pointer: fine) {
  .road-motion .road-accordion__media figure:hover img {
    transform: scale(1.025);
  }
}
.road-motion .road-vote {
  position: relative;
  overflow: hidden;
  padding: clamp(110px, 13vw, 190px) 0;
  color: #fff;
  background: #070707;
}

.road-motion .road-vote::before {
  position: absolute;
  top: -30%;
  right: -10%;
  width: 55vw;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  box-shadow: 0 0 0 9vw rgba(255, 255, 255, 0.025), 0 0 0 18vw rgba(255, 255, 255, 0.018);
  content: "";
}

.road-motion .road-vote__inner {
  position: relative;
  display: grid;
  width: var(--road-content);
  margin: 0 auto;
  grid-template-columns: 0.8fr 1.2fr;
  align-items: end;
  gap: 80px;
}

.road-motion .road-vote__copy small {
  color: #f00012;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.road-motion .road-vote__copy h2 {
  margin: 20px 0 28px;
  font-size: clamp(40px, 5.2vw, 70px);
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.road-motion .road-vote__copy p {
  font-size: 16px;
  line-height: 1.9;
}

.road-motion .road-vote__number {
  text-align: right;
}

.road-motion .road-vote__number b {
  display: block;
  font-size: clamp(68px, 10.3vw, 170px);
  line-height: 0.78;
  letter-spacing: -0.07em;
  white-space: nowrap;
}

.road-motion .road-vote__number span {
  display: block;
  margin-top: 26px;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

@media (max-width: 1100px) {
  .road-motion {
    --road-content: min(1100px, calc(100% - 48px));
    --road-header: 78px;
  }
  .road-motion .road-index {
    grid-template-columns: repeat(4, 1fr);
  }
  .road-motion .road-gate__sticky {
    grid-template-columns: minmax(230px, 0.8fr) minmax(0, 1.2fr);
    gap: 42px;
  }
  .road-motion .road-accordion__panel-inner {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .road-motion {
    --road-content: calc(100% - 36px);
  }
  .road-motion [data-road-reveal] {
    transform: translate3d(0, 22px, 0);
  }
  .road-motion [data-road-reveal].is-revealed {
    transform: none;
  }
  .road-motion-hero {
    min-height: inherit;
  }
  .road-motion-hero__media {
    transform: scale(1.025);
    will-change: auto;
  }
  .road-motion-hero__media img {
    object-position: 62% center;
  }
  .road-motion-hero__copy {
    padding: 150px 0 90px;
  }
  .road-motion-hero h1 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .road-motion-hero__lead {
    margin-top: 28px;
    line-height: 1.75;
  }
  .road-motion-hero__scroll {
    right: 16px;
    bottom: 18px;
  }
  .road-motion .road-progress {
    top: var(--road-header);
    min-height: 58px;
    padding: 0 18px;
    gap: 12px;
  }
  .road-motion .road-progress__label {
    display: none;
  }
  .road-motion .road-index {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 70px;
  }
  .road-motion .road-index button {
    min-height: 94px;
  }
  .road-motion .road-index strong {
    margin-top: 16px;
  }
  .road-motion .road-accordion {
    width: calc(100% - 32px);
  }
  .road-motion .road-accordion__trigger {
    grid-template-columns: 50px minmax(0, 1fr) 34px;
    min-height: 82px;
  }
  .road-motion .road-accordion__trigger > strong {
    font-size: 23px;
  }
  .road-motion .road-accordion__media {
    grid-template-columns: 1fr;
  }
  .road-motion .road-gate {
    min-height: auto;
    padding: 70px 0 90px;
  }
  .road-motion .road-gate__sticky {
    position: relative;
    top: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .road-motion .road-gate__number {
    top: 20px;
    right: -8px;
    left: auto;
    font-size: 150px;
    transform: none;
  }
  .road-motion .road-gate__copy p {
    opacity: 1;
    transform: none;
  }
  .road-motion .road-gate__media {
    order: -1;
    display: grid;
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(230px, 62vw));
    gap: 8px;
  }
  .road-motion .road-gate__photo {
    flex: none;
    width: 100%;
    transition: none;
  }
  .road-motion .road-gate__photo img {
    object-fit: cover;
  }
  .road-motion .road-vote__inner {
    grid-template-columns: 1fr;
    gap: 56px;
  }
  .road-motion .road-vote__number {
    text-align: left;
  }
  .road-motion .road-vote__number b {
    font-size: clamp(58px, 17vw, 90px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .road-motion [data-road-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .road-motion-hero__media {
    transform: scale(1.025);
    will-change: auto;
  }
  .road-motion-hero h1 i,
  .road-motion-hero__lead i {
    transform: none;
    animation: none;
  }
  .road-motion-hero__scroll::after {
    animation: none;
  }
  .road-motion .road-index button::before,
  .road-motion .road-gate__photo,
  .road-motion .road-accordion__panel,
  .road-motion .road-accordion__trigger > i::before,
  .road-motion .road-accordion__trigger > i::after,
  .road-motion .road-accordion__media img {
    transition: none;
  }
  .road-motion .road-gate__number,
  .road-motion .road-gate__copy p {
    opacity: 1;
    transform: none;
  }
}
/* J.LEAGUE ALL-STAR DAZN CUP uniform feature */
.road-motion .road-uniform {
  position: relative;
  overflow: clip;
  color: #050505;
  background: #fff;
}

.road-motion .road-uniform__overview {
  display: grid;
  width: var(--road-content);
  margin: 0 auto;
  padding: clamp(96px, 9vw, 150px) 0;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.92fr);
  align-items: start;
  gap: clamp(44px, 6vw, 96px);
}

.road-motion .road-uniform__overview-media {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: #e9e9e9;
}

.road-motion .road-uniform__overview-media::after {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(5, 5, 5, 0.08);
  content: "";
  pointer-events: none;
}

.road-motion .road-uniform__overview-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.road-motion .road-uniform__overview-copy {
  min-width: 0;
}

.road-motion .road-uniform__overview-head {
  padding-bottom: clamp(34px, 4vw, 56px);
  border-bottom: 1px solid rgba(5, 5, 5, 0.22);
}

.road-motion .road-uniform__overview-head > small,
.road-motion .road-uniform__section-label small,
.road-motion .road-uniform__motif-head small {
  display: block;
  color: #f00012;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.road-motion .road-uniform__overview-head h2 {
  margin: 18px 0 0;
  font-size: clamp(38px, 4.1vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.road-motion .road-uniform__overview-head p {
  margin: 24px 0 0;
  color: #777;
  font-size: clamp(11px, 0.95vw, 14px);
  line-height: 1.75;
}

.road-motion .road-uniform__theme,
.road-motion .road-uniform__concept {
  padding-top: clamp(32px, 3.5vw, 50px);
}

.road-motion .road-uniform__section-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
}

.road-motion .road-uniform__section-label span,
.road-motion .road-uniform__motif-head span {
  color: #777;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.road-motion .road-uniform__theme h3 {
  margin: 24px 0 0;
  font-size: clamp(28px, 2.8vw, 46px);
  line-height: 1.32;
  letter-spacing: -0.04em;
}

.road-motion .road-uniform__concept-list {
  margin: 24px 0 0;
  padding: 0;
  border-top: 1px solid rgba(5, 5, 5, 0.22);
  list-style: none;
}

.road-motion .road-uniform__concept-list li {
  display: grid;
  min-height: 94px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(5, 5, 5, 0.22);
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.road-motion .road-uniform__concept-list li > span {
  color: #aaa;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.road-motion .road-uniform__concept-list strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: clamp(13px, 1.1vw, 17px);
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.road-motion .road-uniform__concept-list p {
  margin: 7px 0 0;
  color: #555;
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.55;
}

.road-motion .road-uniform__suminagashi {
  border-top: 1px solid rgba(5, 5, 5, 0.18);
  background: #fff;
}

.road-motion .road-uniform__suminagashi-strip {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  overflow: hidden;
  background: #eee;
}

.road-motion .road-uniform__suminagashi-strip figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1492/2048;
  border-right: 1px solid rgba(255, 255, 255, 0.64);
  background: #eee;
}

.road-motion .road-uniform__suminagashi-strip figure:last-child {
  border-right: 0;
}

.road-motion .road-uniform__suminagashi-strip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.road-motion .road-uniform__motif {
  display: grid;
  width: var(--road-content);
  margin: 0 auto;
  padding: clamp(92px, 9vw, 150px) 0;
  grid-template-columns: minmax(190px, 0.42fr) minmax(0, 1.58fr);
  align-items: start;
  gap: clamp(48px, 7vw, 112px);
}

.road-motion .road-uniform__motif-head {
  position: sticky;
  top: calc(var(--road-header) + 36px);
}

.road-motion .road-uniform__motif-head span {
  display: block;
  margin-top: 14px;
  color: #050505;
  font-size: clamp(20px, 1.8vw, 28px);
  letter-spacing: -0.025em;
}

.road-motion .road-uniform__motif-copy {
  min-width: 0;
}

.road-motion .road-uniform__motif-copy h3 {
  margin: -8px 0 clamp(30px, 3.5vw, 48px);
  font-size: clamp(52px, 6vw, 96px);
  line-height: 0.9;
  letter-spacing: -0.065em;
}

.road-motion .road-uniform__motif-copy p {
  max-width: 920px;
  margin: 0;
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 2;
  letter-spacing: 0.005em;
}

.road-motion .road-uniform__motif-copy p + p {
  margin-top: 10px;
}

@media (hover: hover) and (pointer: fine) {
  .road-motion .road-uniform__overview-media img,
  .road-motion .road-uniform__suminagashi-strip img {
    transition: transform 0.9s var(--road-ease);
  }
  .road-motion .road-uniform__overview-media:hover img {
    transform: scale(1.025);
  }
  .road-motion .road-uniform__suminagashi-strip figure:hover img {
    transform: scale(1.035);
  }
}
@media (max-width: 1100px) {
  .road-motion .road-uniform__overview {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.95fr);
    gap: 42px;
  }
  .road-motion .road-uniform__overview-head h2 {
    font-size: clamp(36px, 4.8vw, 58px);
  }
  .road-motion .road-uniform__motif {
    gap: 54px;
  }
}
@media (max-width: 900px) {
  .road-motion .road-uniform__overview {
    grid-template-columns: minmax(0, 1fr);
  }
  .road-motion .road-uniform__overview-media {
    aspect-ratio: 16/10;
  }
  .road-motion .road-uniform__motif {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .road-motion .road-uniform__motif-head {
    position: static;
  }
}
@media (max-width: 760px) {
  .road-motion .road-uniform__overview {
    padding: 78px 0 92px;
    gap: 38px;
  }
  .road-motion .road-uniform__overview-media {
    width: 100%;
    margin: 0;
    aspect-ratio: 4/3;
  }
  .road-motion .road-uniform__overview-head h2 {
    font-size: clamp(36px, 10vw, 50px);
  }
  .road-motion .road-uniform__section-label {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }
  .road-motion .road-uniform__theme h3 {
    font-size: clamp(27px, 8vw, 38px);
  }
  .road-motion .road-uniform__concept-list li {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
  }
  .road-motion .road-uniform__suminagashi-strip {
    display: flex;
    width: 100%;
    padding: 0 16px 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .road-motion .road-uniform__suminagashi-strip figure {
    flex: 0 0 min(46vw, 230px);
    aspect-ratio: 1492/2048;
    scroll-snap-align: start;
  }
  .road-motion .road-uniform__motif {
    padding: 76px 0 96px;
  }
  .road-motion .road-uniform__motif-head span {
    font-size: 23px;
  }
  .road-motion .road-uniform__motif-copy h3 {
    margin-top: 0;
    font-size: clamp(50px, 16vw, 74px);
  }
  .road-motion .road-uniform__motif-copy p {
    font-size: 15px;
    line-height: 1.9;
  }
}
@media (prefers-reduced-motion: reduce) {
  .road-motion .road-uniform__overview-media img,
  .road-motion .road-uniform__suminagashi-strip img {
    transition: none;
  }
}
@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Medium.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
.project-layout {
  --project-header: 104px;
  overflow: clip;
  color: #111;
  background: #fff;
}
.project-layout__hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100vw;
  aspect-ratio: 16/9;
  height: min(56.25vw, 1100px);
  max-height: 1100px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: #fff;
  background: #05070d;
  isolation: isolate;
}
.project-layout__hero-image, .project-layout__hero-overlay {
  position: absolute;
  inset: 0;
}
.project-layout__hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-layout__hero-overlay {
  background: linear-gradient(90deg, rgba(3, 7, 18, 0.76) 0%, rgba(3, 7, 18, 0.38) 46%, rgba(3, 7, 18, 0.08) 100%), linear-gradient(180deg, rgba(3, 7, 18, 0.08) 0%, rgba(3, 7, 18, 0.34) 100%);
}
.project-layout__hero-inner {
  position: relative;
  z-index: 1;
  width: min(1500px, 100% - 64px);
  margin: 0 auto;
  padding: clamp(36px, 6vw, 104px);
}
.project-layout__hero-copy {
  max-width: 760px;
}
.project-layout__hero-copy > p {
  margin: 0 0 12px;
  color: #f00012;
  font-size: clamp(16px, 1.5vw, 26px);
  font-weight: 800;
  letter-spacing: 0.04em;
}
.project-layout__hero-copy h1 {
  margin: 0;
  font-size: clamp(38px, 4.2vw, 72px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.045em;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
}
.project-layout__hero-text {
  max-width: 660px;
  margin-top: 26px;
  font-size: clamp(14px, 1.2vw, 20px);
  line-height: 2;
  text-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}
.project-layout__hero-text p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 500;
  letter-spacing: 0;
}
.project-layout__scene {
  position: relative;
}
.project-layout__intro {
  display: grid;
  min-height: clamp(620px, 44.9vw, 776px);
  place-items: center;
  background: #fff;
}
.project-layout__intro-inner {
  width: min(720px, 100% - 48px);
  padding: clamp(72px, 8vw, 130px) 0;
  text-align: center;
}
.project-layout__intro-logo {
  display: block;
  width: min(400px, 72vw);
  height: auto;
  margin: 0 auto;
  opacity: var(--intro-logo, 0);
  transform: translate3d(0, calc((1 - var(--intro-logo, 0)) * 34px), 0);
  will-change: opacity, transform;
}
.project-layout__intro-title {
  margin: clamp(28px, 3.4vw, 58px) 0 0;
  font-size: clamp(25px, 2.35vw, 40px);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.035em;
  opacity: var(--intro-title, 0);
  transform: translate3d(0, calc((1 - var(--intro-title, 0)) * 30px), 0);
  will-change: opacity, transform;
}
.project-layout__orbs {
  --orbs-panel-height: min(600px, 45vw, calc(100svh - var(--project-header) - 120px));
  --orbs-stage-height: var(--orbs-panel-height);
  position: relative;
  height: calc(var(--orbs-panel-height) + min(180vh, 1600px));
  min-height: 0;
  background: #fff;
  color: #fff;
  box-sizing: border-box;
}
.project-layout__orbs-stage {
  position: sticky;
  top: calc(50% - var(--orbs-stage-height) / 2);
  width: 100%;
  height: var(--orbs-stage-height);
  overflow: hidden;
  background: #fff;
}
.project-layout__orbs-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.project-layout__orbs-inner::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: #000;
  opacity: calc(1 - var(--orbs-backdrop, 0));
  pointer-events: none;
}
.project-layout__orbs-backdrop {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: url("../images/project/youaretheallstar.jpg") center/cover no-repeat;
  background-attachment: scroll;
  opacity: var(--orbs-backdrop, 0);
  will-change: opacity;
}
.project-layout__orb {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(49.6vw, 857px);
  min-width: 360px;
  aspect-ratio: 1;
  padding: 7%;
  border-radius: 50%;
  text-align: center;
  opacity: var(--orbs-enter, 0);
  will-change: opacity, transform;
}
.project-layout__orb strong,
.project-layout__orb span {
  display: block;
  max-width: 90%;
  opacity: var(--orbs-label, 0);
  transform: translate3d(0, calc((1 - var(--orbs-label, 0)) * 18px), 0);
  will-change: opacity, transform;
}
.project-layout__orb strong {
  font-size: clamp(24px, 2.8vw, 48px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.045em;
  white-space: nowrap;
}
.project-layout__orb span {
  margin-top: clamp(10px, 1.15vw, 18px);
  font-size: clamp(13px, 1.3vw, 22px);
  line-height: 1.45;
  font-weight: 800;
}
.project-layout__orb--white {
  top: -10%;
  left: 30%;
  color: #111;
  background: #fff;
  transform: translate(-50%, -50%) translate3d(0, calc((1 - var(--orbs-enter, 0)) * -100vh + var(--orbs-separate, 0) * -105%), 0);
  justify-content: flex-end;
}
.project-layout__orb--red {
  top: 110%;
  left: 69%;
  color: #fff;
  background: #f00012;
  transform: translate(-50%, -50%) translate3d(0, calc((1 - var(--orbs-enter, 0)) * 100vh + var(--orbs-separate, 0) * 105%), 0);
  justify-content: flex-start;
}
.project-layout__orbs-logo {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: block;
  width: min(670px, 46vw);
  height: auto;
  opacity: var(--orbs-logo, 0);
  transform: translate(-50%, -50%) translate3d(0, calc((1 - var(--orbs-logo, 0)) * 34px), 0);
  will-change: opacity, transform;
}
.project-layout__feature {
  position: relative;
  z-index: 2;
  background: #fff;
}
.project-layout__feature-copy {
  width: min(1200px, 100% - 64px);
  margin: 0 auto;
  padding: clamp(86px, 8vw, 138px) 0 clamp(100px, 10vw, 170px);
  text-align: center;
  opacity: var(--feature-copy, 0);
  transform: translate3d(0, calc((1 - var(--feature-copy, 0)) * 28px), 0);
  will-change: opacity, transform;
}
.project-layout__feature-copy small {
  display: block;
  color: #f00012;
  font-size: clamp(12px, 1.35vw, 22px);
  font-weight: 800;
  letter-spacing: 0;
}
.project-layout__feature-copy h2 {
  margin: 20px 0 36px;
  font-size: clamp(38px, 4vw, 68px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.project-layout__feature-copy p {
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(15px, 1.4vw, 24px);
  line-height: 2;
}
.project-layout__feature-media {
  min-width: 0;
  overflow: hidden;
  opacity: var(--feature-media, 0);
  transform: translate3d(calc((1 - var(--feature-media, 0)) * 34px), 0, 0);
  will-change: opacity, transform;
}
.project-layout__feature-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.project-layout__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(180px, 21vw, 367px);
  min-height: clamp(50px, 4.3vw, 74px);
  margin-top: clamp(30px, 4vw, 56px);
  margin-left: auto;
  margin-right: auto;
  padding: 12px 24px;
  border: 1px solid #8f8f8f;
  color: #111;
  background: #fff;
  text-decoration: none;
  font-size: clamp(15px, 1.45vw, 24px);
  font-weight: 500;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.project-layout__button:hover, .project-layout__button:focus-visible {
  border-color: #111;
  color: #fff;
  background: #111;
}
.project-layout__button--center {
  margin-right: auto;
  margin-left: auto;
}
.project-layout__banner {
  position: relative;
  z-index: 2;
  background: #fff;
}
.project-layout__banner-media {
  width: 100%;
  height: clamp(440px, 37.7vw, 651px);
  background-image: url("../images/project/bg.jpg");
  background-repeat: no-repeat;
  background-position: center calc(50% + var(--banner-offset, 0px));
  background-size: cover;
  background-attachment: fixed;
  will-change: background-position;
}
.project-layout__data {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: start center;
  background: #fff;
}
.project-layout__data-inner {
  width: min(1200px, 100% - 64px);
  margin: 0 auto;
  padding: clamp(86px, 8vw, 138px) 0 80px;
  text-align: center;
  opacity: var(--data-progress, 0);
  transform: translate3d(0, calc((1 - var(--data-progress, 0)) * 28px), 0);
  will-change: opacity, transform;
}
.project-layout__data-inner small {
  display: block;
  color: #f00012;
  font-size: clamp(12px, 1.35vw, 22px);
  font-weight: 800;
  letter-spacing: 0;
}
.project-layout__data-inner h2 {
  margin: 20px 0 36px;
  font-size: clamp(38px, 4vw, 68px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.04em;
}
.project-layout__data-inner > p {
  max-width: 980px;
  margin: 0 auto clamp(60px, 6vw, 96px);
  font-size: clamp(15px, 1.4vw, 24px);
  line-height: 2;
}
.project-layout__meta {
  margin: 0 auto;
  text-align: left;
  max-width: 800px;
}
.project-layout__meta div {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 34px;
  align-items: center;
  min-height: 40px;
  padding: 28px 0;
  border-top: 1px solid #aaa;
}
.project-layout__meta div:last-child {
  border-bottom: 1px solid #aaa;
}
.project-layout__meta dt,
.project-layout__meta dd {
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.8;
}
.project-layout__meta dt {
  font-weight: 800;
}
.project-layout__meta dd {
  margin: 0;
}
@media (max-width: 1100px) {
  .project-layout {
    --project-header: 78px;
  }
  .project-layout__hero-inner {
    width: min(100%, 100% - 32px);
    padding: 36px 24px;
  }
  .project-layout__orbs {
    --orbs-panel-height: min(560px, 45vw, calc(100svh - var(--project-header) - 120px));
  }
  .project-layout__feature-copy p {
    line-height: 1.85;
  }
}
@media (max-width: 760px) {
  .project-layout__hero {
    min-height: 440px;
    aspect-ratio: auto;
    height: min(120vw, 680px);
  }
  .project-layout__hero-inner {
    width: 100%;
    padding: 30px 20px;
  }
  .project-layout__hero-copy h1 {
    font-size: clamp(32px, 9vw, 48px);
  }
  .project-layout__hero-text {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.75;
  }
  .project-layout__intro {
    min-height: 560px;
  }
  .project-layout__intro-inner {
    width: min(100%, 100% - 36px);
    padding: 70px 0;
  }
  .project-layout__intro-logo {
    width: min(88vw, 420px);
  }
  .project-layout__intro-title {
    font-size: clamp(23px, 7vw, 30px);
  }
  .project-layout__orbs {
    --orbs-panel-height: min(500px, 78vw, calc(100svh - var(--project-header) - 80px));
    height: calc(var(--orbs-panel-height) + min(160vh, 1280px));
    min-height: 0;
  }
  .project-layout__orb {
    width: min(78vw, 430px);
    padding: 10%;
  }
  .project-layout__orb strong {
    font-size: clamp(18px, 5.8vw, 27px);
    white-space: normal;
  }
  .project-layout__orb span {
    max-width: 84%;
    font-size: clamp(12px, 3.7vw, 17px);
  }
  .project-layout__orb--white {
    top: 18%;
    left: 35%;
  }
  .project-layout__orb--red {
    top: 80%;
    left: 67%;
  }
  .project-layout__orbs-logo {
    width: min(82vw, 520px);
  }
  .project-layout__feature-copy {
    width: min(100%, 100% - 40px);
    padding: 72px 0 100px;
  }
  .project-layout__feature-media {
    min-height: 74vw;
  }
  .project-layout__button {
    width: min(100%, 300px);
  }
  .project-layout__banner-media {
    height: 72vw;
    min-height: 360px;
    background-attachment: scroll;
  }
  .project-layout__data {
    min-height: 0;
  }
  .project-layout__data-inner {
    width: min(100%, 100% - 40px);
    padding: 72px 0 100px;
  }
  .project-layout__data-inner h2 {
    font-size: clamp(31px, 9vw, 44px);
  }
  .project-layout__data-inner > p {
    margin-bottom: 48px;
  }
  .project-layout__meta div {
    grid-template-columns: 1fr;
    gap: 6px;
    min-height: 0;
    padding: 24px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-layout__intro-logo, .project-layout__intro-title, .project-layout__orb, .project-layout__orb strong, .project-layout__orb span, .project-layout__orbs-logo, .project-layout__feature-copy, .project-layout__feature-media, .project-layout__data-inner {
    transition: none;
  }
}

@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Medium-Italic.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Medium-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Heavy.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Heavy.woff") format("woff");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Heavy-Italic.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Heavy-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Black.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "JLeague Sans";
  src: url("fonts/WOFF2/JLeague-Sans-Black-Italic.woff2") format("woff2"), url("fonts/WOFF/JLeague-Sans-Black-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
:root {
  --black: #030303;
  --g1: #f3f3f3;
  --g2: #eaeaea;
  --g3: #d9d9d9;
  --g4: #c8c8c8;
  --line: #cfcfcf;
  --content: min(1500px, 88vw);
  --site-header-height: 80px;
  --font: "JLeague Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif ;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  color: var(--black);
  background: #fff;
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

html.menu-open {
  overflow: hidden;
}

body.menu-open {
  overflow: hidden;
  overscroll-behavior: none;
}

a {
  color: inherit;
}

button {
  color: inherit;
  font: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

.site-header {
  position: sticky;
  z-index: 50;
  top: 0;
  display: flex;
  align-items: center;
  height: var(--site-header-height);
  padding: 0 30px;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid #f3f3f3;
  backdrop-filter: blur(12px);
  isolation: isolate;
}

.brand,
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.brand-mark {
  position: relative;
  width: 46px;
  height: 57px;
  background: #030303;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 72% 100%, 0 100%);
}

.brand-mark:before,
.brand-mark:after {
  position: absolute;
  border-radius: 50%;
  background: #fff;
  content: "";
}

.brand-mark:before {
  top: 12px;
  left: 10px;
  width: 13px;
  height: 13px;
}

.brand-mark:after {
  right: 8px;
  bottom: 8px;
  width: 16px;
  height: 16px;
}

.brand-mark i {
  position: absolute;
  top: 29px;
  left: 9px;
  width: 21px;
  height: 6px;
  background: #fff;
}

.brand-text {
  font-size: 12px;
  font-style: italic;
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.05em;
}

.site-nav {
  margin-left: auto;
}

.site-nav ul {
  display: flex;
  gap: clamp(19px, 2vw, 36px);
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav li {
  list-style: none;
}

.nav-link {
  position: relative;
  display: block;
  padding: 32px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.nav-link:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #f00012, #00a85a 50%, #1478f2);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.nav-link:hover:after,
.nav-link:focus-visible:after,
.nav-link.current:after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .nav-link:after {
    transition: none;
  }
}
.menu-button {
  position: relative;
  display: none;
  color: #030303;
  cursor: pointer;
  appearance: none;
}

.menu-button:focus-visible {
  outline: 3px solid #1478f2;
  outline-offset: 4px;
}

@media (max-width: 1240px) {
  body {
    padding-top: var(--site-header-height, 80px);
  }
  .site-header {
    position: fixed;
    right: 0;
    left: 0;
  }
  .site-nav {
    position: fixed;
    top: var(--site-header-height, 80px);
    right: 0;
    left: 0;
    display: grid;
    height: calc(100svh - var(--site-header-height, 80px));
    margin: 0;
    overflow: auto;
    background: linear-gradient(90deg, #f00012 0 33.333%, #00a85a 33.333% 66.666%, #1478f2 66.666% 100%) top/100% 6px no-repeat, #050505;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-16px);
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s;
    visibility: hidden;
    overscroll-behavior: contain;
  }
  .site-nav.open {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
  }
  .site-nav ul {
    width: min(980px, 100% - 48px);
    margin: auto;
    padding: 52px 0;
    counter-reset: site-nav;
    display: grid;
    gap: 0;
    text-align: left;
  }
  .site-nav li {
    counter-increment: site-nav;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  }
  .site-nav li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
  }
  .nav-link {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 28px 0;
    color: #fff;
    font-size: 44px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .nav-link:before {
    content: counter(site-nav, decimal-leading-zero);
    margin-top: 0.35em;
    color: #f00012;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.14em;
  }
  .nav-link:after {
    display: none;
  }
  .nav-link:hover,
  .nav-link:focus-visible {
    color: #fff;
  }
  .site-nav.open .nav-link.current {
    color: #fff;
  }
  .site-nav.open .nav-link.current .nav-link__label {
    display: inline-block;
    width: fit-content;
    max-width: 100%;
    color: transparent;
    background: linear-gradient(90deg, #f00012 0%, #00a85a 50%, #1478f2 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .menu-button {
    display: grid;
    width: 62px;
    min-width: 62px;
    height: 54px;
    margin-left: auto;
    padding: 6px 8px;
    border: 1px solid #030303;
    background: #fff;
    gap: 5px;
    justify-items: center;
    align-content: center;
    transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
  }
  .menu-button:hover,
  .menu-button[aria-expanded=true] {
    border-color: #030303;
    color: #fff;
    background: #030303;
  }
  .menu-button span {
    display: block;
    width: 32px;
    height: 2px;
    background: currentColor;
    transform-origin: center;
    transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .menu-button b {
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  .menu-button[aria-expanded=true] span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .menu-button[aria-expanded=true] span:nth-child(2) {
    opacity: 0;
  }
  .menu-button[aria-expanded=true] span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
}
@media (max-width: 760px) {
  .page-top-button {
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    width: 50px;
    height: 50px;
  }
  .site-nav ul {
    width: calc(100% - 36px);
    padding: 34px 0;
  }
  .nav-link {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 14px;
    padding: 21px 0;
    font-size: 30px;
    line-height: 1.04;
  }
  .nav-link:before {
    font-size: 10px;
  }
  .nav-link:after {
    bottom: 12px;
    left: 48px;
    height: 2px;
  }
  .menu-button {
    width: 56px;
    min-width: 56px;
    height: 50px;
  }
  .menu-button span {
    width: 29px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav,
  .menu-button,
  .menu-button span,
  .page-top-button,
  .social-links a,
  .social-links img {
    transition: none;
  }
}
.page-hero {
  position: relative;
  display: grid;
  min-height: 700px;
  padding: 90px max(7vw, 80px);
  overflow: hidden;
  background: var(--g2);
  grid-template-columns: minmax(0, 1fr) 373px;
  align-items: center;
  gap: 70px;
}

.page-hero:before,
.page-hero:after,
.home-hero:before,
.home-hero:after,
.visual-placeholder:before,
.visual-placeholder:after,
.hero-visual:before,
.hero-visual:after,
.gate-image:before,
.gate-image:after,
.event-image:before,
.event-image:after,
.match-image:before,
.match-image:after,
.team-photo:before,
.team-photo:after,
.visual-wide:before,
.visual-wide:after,
.visual-tall:before,
.visual-tall:after,
.uniqlo-main:before,
.uniqlo-main:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 1px;
  background: #d0d0d0;
  content: "";
}

.page-hero:before,
.home-hero:before {
  transform: translate(-50%, -50%) rotate(22deg);
}

.page-hero:after,
.home-hero:after {
  transform: translate(-50%, -50%) rotate(-22deg);
}

.hero-copy {
  position: relative;
  z-index: 1;
  max-width: 930px;
}

.hero-copy > p {
  margin: 0 0 26px;
  font-size: 40px;
  font-weight: 500;
}

.hero-copy h1 {
  margin: 0;
  font-size: clamp(46px, 3.5vw, 60px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: -0.045em;
}

.hero-copy > div {
  margin-top: 34px;
  font-size: 24px;
  font-weight: 500;
  line-height: 2;
}

.hero-visual {
  position: relative;
  z-index: 2;
  display: grid;
  height: 86px;
  background: rgba(255, 255, 255, 0.75);
  place-items: center;
  font-size: 30px;
  overflow: hidden;
}

.hero-visual:before {
  transform: translate(-50%, -50%) rotate(13deg);
}

.hero-visual:after {
  transform: translate(-50%, -50%) rotate(-13deg);
}

.home-hero {
  position: relative;
  display: grid;
  min-height: 924px;
  overflow: hidden;
  background: var(--g2);
  place-items: center;
}

.home-copy {
  position: relative;
  z-index: 2;
  text-align: center;
}

.home-copy h1 {
  margin: 0;
  font-size: clamp(44px, 3.5vw, 60px);
  font-weight: 900;
  line-height: 1.32;
  letter-spacing: -0.04em;
}

.home-copy > p {
  margin: 48px 0 0;
  font-size: 40px;
}

.play-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 60px;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
}

.play-button span,
.video-button span {
  display: grid;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  place-items: center;
}

.play-button span:after {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #b9b9b9;
  content: "";
}

.home-intro {
  display: grid;
  min-height: 690px;
  padding: 110px 5vw 90px;
  align-content: center;
  gap: 100px;
}

.intro-copy {
  text-align: center;
}

.intro-copy h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.4;
}

.intro-copy p {
  margin: 34px 0 0;
  font-size: 24px;
  line-height: 2;
}

.club-wall {
  position: relative;
  height: 720px;
  overflow: hidden;
}

.club-grid {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(6, 1fr);
}

.club-grid span {
  background: hsl(0, 0%, var(--shade, 85%));
}

.club-wall > p {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 373px;
  height: 124px;
  margin: 0;
  background: rgba(255, 255, 255, 0.74);
  transform: translate(-50%, -50%);
  place-items: center;
  text-align: center;
  font-size: 30px;
}

.home-links {
  display: grid;
}

.home-card {
  min-height: 490px;
  padding: 0 max(7vw, 110px);
  background: var(--g1);
  grid-template-columns: 1fr 520px;
  align-items: center;
  gap: 80px;
  text-decoration: none;
}

.home-card:nth-child(even) {
  background: #fff;
}

.home-card.reverse > div {
  order: 2;
}

.home-card.reverse > span {
  order: 1;
}

.home-card small {
  font-size: 18px;
  font-weight: 900;
}

.home-card h2 {
  margin: 18px 0 12px;
  font-size: 40px;
  line-height: 1.35;
}

.home-card p {
  font-size: 20px;
}

.home-card > span {
  display: grid;
  height: 230px;
  background: #fff;
  place-items: center;
  font-size: 30px;
}

.orbit-section {
  display: grid;
  min-height: 1150px;
  place-items: center;
}

.orbit-diagram {
  position: relative;
  width: min(900px, 75vw);
  aspect-ratio: 1;
  border: 1px solid #ddd;
  border-radius: 50%;
}

.orbit-diagram:before {
  position: absolute;
  inset: 22%;
  border: 1px solid #ddd;
  border-radius: 50%;
  content: "";
}

.orbit-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 255px;
  height: 255px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  place-items: center;
  align-content: center;
}

.orbit-center b {
  font-size: 64px;
}

.orbit-center span {
  font-size: 22px;
  font-weight: 900;
}

.orbit-item {
  position: absolute;
  display: grid;
  width: 150px;
  height: 150px;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
  place-items: center;
  text-align: center;
  font-size: 21px;
  font-weight: 900;
}

.item1 {
  top: -6%;
  left: 50%;
  transform: translateX(-50%);
}

.item2 {
  top: 12%;
  right: 0;
}

.item3 {
  top: 50%;
  right: -7%;
  transform: translateY(-50%);
}

.item4 {
  right: 0;
  bottom: 12%;
}

.item5 {
  bottom: -6%;
  left: 50%;
  transform: translateX(-50%);
}

.item6 {
  bottom: 12%;
  left: 0;
}

.item7 {
  top: 50%;
  left: -7%;
  transform: translateY(-50%);
}

.item8 {
  top: 12%;
  left: 0;
}

.statement-band,
.statement-white {
  display: grid;
  min-height: 840px;
  padding: 100px 6vw;
  text-align: center;
  place-items: center;
  align-content: center;
}

.statement-band {
  background: var(--g1);
}

.statement-band h2,
.statement-white h2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.35;
}

.statement-band p {
  margin: 42px 0 0;
  font-size: 20px;
  line-height: 2;
}

.statement-white {
  gap: 80px;
}

.visual-wide {
  position: relative;
  width: min(1000px, 80vw);
  height: 380px;
  overflow: hidden;
  background: var(--g2);
  display: grid;
  place-items: center;
}

.visual-wide:before {
  transform: translate(-50%, -50%) rotate(20deg);
}

.visual-wide:after {
  transform: translate(-50%, -50%) rotate(-20deg);
}

.road-title {
  padding: 90px 30px;
  text-align: center;
}

.road-title h2 {
  margin: 0;
  font-size: 40px;
}

.gate-list {
  display: grid;
}

.gate-row {
  display: grid;
  min-height: 368px;
  background: var(--g1);
  grid-template-columns: 330px 500px minmax(300px, 1fr) 270px;
  align-items: center;
  gap: 36px;
  padding: 0 80px;
}

.gate-row.alt {
  background: #e2e2e2;
}

.gate-title small {
  font-size: 30px;
  color: #aaa;
  font-style: italic;
  font-weight: 900;
}

.gate-title h2 {
  margin: 20px 0 0;
  font-size: 40px;
}

.gate-image {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #dfdfdf;
  display: grid;
  place-items: center;
}

.gate-image:before {
  transform: translate(-50%, -50%) rotate(36deg);
}

.gate-image:after {
  transform: translate(-50%, -50%) rotate(-36deg);
}

.gate-row > p {
  font-size: 20px;
  line-height: 1.65;
}

.gate-stat {
  display: grid;
  min-height: 280px;
  border-left: 1px solid #111;
  place-items: center;
  align-content: center;
  gap: 22px;
  text-align: center;
}

.gate-stat:before {
  width: 79px;
  height: 79px;
  border-radius: 50%;
  background: #d6d6d6;
  content: "";
}

.gate-stat b {
  font-size: 40px;
}

.gate-stat span {
  font-size: 20px;
}

.vote-summary {
  display: grid;
  padding: 45px max(4vw, 70px);
  grid-template-columns: 1fr 1.25fr;
  gap: 22px;
}

.vote-summary > article {
  min-height: 500px;
  padding: 28px 40px;
  border: 1px solid #000;
}

.vote-summary h2 {
  margin: 0;
  font-size: 40px;
}

.vote-summary p {
  font-size: 20px;
  line-height: 1.65;
}

.vote-cards {
  display: grid;
  margin-top: 28px;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.vote-cards > div {
  display: grid;
  min-height: 230px;
  padding: 30px;
  background: var(--g3);
  align-content: space-between;
}

.vote-cards b {
  font-size: 26px;
}

.vote-cards span {
  font-size: 24px;
  font-weight: 900;
}

.vote-summary dl {
  display: grid;
  gap: 30px;
}

.vote-summary dt {
  font-size: 18px;
}

.vote-summary dd {
  margin: 0;
  font-size: 50px;
  font-weight: 900;
}

.vote-summary dd small {
  font-size: 20px;
}

.facts-link {
  display: grid;
  min-height: 390px;
  background: var(--g3);
  place-items: center;
  align-content: center;
  gap: 40px;
  text-decoration: none;
}

.facts-link h2 {
  margin: 0;
  font-size: 40px;
}

.facts-link span {
  font-size: 18px;
}

.uniform-section {
  padding: 90px 6vw 50px;
}

.uniform-section > h2,
.design-notes h2,
.motif-section h2,
.facts-section > h2 {
  margin: 0 0 70px;
  text-align: center;
  font-size: 40px;
}

.uniform-layout {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 80px;
}

.jersey-grid {
  display: grid;
  padding: 70px;
  background: #eaebed;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.jersey {
  position: relative;
  aspect-ratio: 0.75;
  filter: drop-shadow(0 10px 12px rgba(0, 0, 0, 0.15));
}

.jersey:before {
  position: absolute;
  inset: 0;
  background: var(--jersey);
  clip-path: polygon(24% 0, 42% 7%, 58% 7%, 76% 0, 100% 17%, 86% 40%, 75% 32%, 72% 100%, 28% 100%, 25% 32%, 14% 40%, 0 17%);
  content: "";
}

.jersey:after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 22%;
  height: 16%;
  border-radius: 0 0 50% 50%;
  background: #fff;
  transform: translateX(-50%);
  content: "";
}

.jersey span {
  position: absolute;
  inset: 0;
  opacity: 0.55;
  background: repeating-radial-gradient(ellipse at 25% 20%, transparent 0 7px, rgba(255, 255, 255, 0.7) 8px 12px, transparent 13px 23px);
  clip-path: polygon(24% 0, 42% 7%, 58% 7%, 76% 0, 100% 17%, 86% 40%, 75% 32%, 72% 100%, 28% 100%, 25% 32%, 14% 40%, 0 17%);
}

.j1 {
  --jersey: #bd2e66 ;
}

.j2 {
  --jersey: #e6ad17 ;
}

.j3 {
  --jersey: #139056 ;
}

.j4 {
  --jersey: #5eb4db ;
}

.j5 {
  --jersey: #0068b7 ;
}

.j6 {
  --jersey: #e2553e ;
}

.uniform-copy {
  padding: 20px 40px;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.75;
}

.design-columns {
  display: grid;
  padding: 0 6vw 80px;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 80px;
}

.visual-tall {
  position: relative;
  min-height: 740px;
  overflow: hidden;
  background: #eaebed;
  display: grid;
  place-items: center;
}

.visual-tall:before {
  transform: translate(-50%, -50%) rotate(41deg);
}

.visual-tall:after {
  transform: translate(-50%, -50%) rotate(-41deg);
}

.design-notes {
  display: grid;
  align-content: start;
  gap: 55px;
}

.design-notes article {
  padding-bottom: 55px;
  border-bottom: 1px solid #000;
  text-align: center;
}

.design-notes h2 {
  margin-bottom: 30px;
}

.design-notes p {
  font-size: 26px;
  font-weight: 900;
  line-height: 1.7;
}

.motif-section {
  display: grid;
  padding: 0 6vw 110px;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.motif-image {
  min-height: 300px;
  background: repeating-linear-gradient(90deg, #f8f8f8 0 60px, #57b8d9 60px 120px, #e85c44 120px 180px, #b32d67 180px 240px, #1c9465 240px 300px, #e8ad24 300px 360px), repeating-radial-gradient(circle at 0 0, transparent 0 8px, #fff 9px 12px);
}

.motif-section h2 {
  text-align: center;
  font-size: 40px;
}

.motif-section h3 {
  text-align: center;
  font-size: 30px;
}

.motif-section p {
  font-size: 20px;
  line-height: 2;
  text-align: center;
}

.uniqlo-section {
  display: grid;
  padding: 80px 6vw;
  grid-template-columns: 430px 1fr;
  gap: 70px;
  align-items: center;
}

.uniqlo-section i {
  display: inline-block;
  width: 78px;
  height: 78px;
  margin-right: 10px;
  background: #d9d9d9;
}

.uniqlo-section h2 {
  font-size: 40px;
}

.uniqlo-section p {
  font-size: 24px;
  line-height: 2;
}

.uniqlo-main {
  position: relative;
  min-height: 370px;
  overflow: hidden;
  background: var(--g3);
  display: grid;
  place-items: center;
}

.uniqlo-main:before {
  transform: translate(-50%, -50%) rotate(29deg);
}

.uniqlo-main:after {
  transform: translate(-50%, -50%) rotate(-29deg);
}

.gallery-grid,
.street-grid {
  position: relative;
  display: grid;
  padding: 0 3vw 100px;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.gallery-grid > div,
.street-grid > div {
  min-height: 360px;
  background: linear-gradient(33deg, transparent calc(50% - 1px), #ccc 50%, transparent calc(50% + 1px)), linear-gradient(-33deg, transparent calc(50% - 1px), #ccc 50%, transparent calc(50% + 1px)), var(--g3);
}

.gallery-grid > div:nth-child(even),
.street-grid > div:nth-child(even) {
  background-color: #cdcdcd;
}

.gallery-grid > p {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px 70px;
  background: rgba(255, 255, 255, 0.85);
  transform: translate(-50%, -50%);
  font-size: 30px;
}

.practice-section {
  display: grid;
  padding: 100px 0 80px 5vw;
  grid-template-columns: 330px 1fr;
  gap: 60px;
  align-items: center;
}

.practice-section h2 {
  font-size: 40px;
}

.practice-section p {
  font-size: 24px;
  line-height: 2;
}

.practice-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}

.practice-images span {
  height: 430px;
  background: linear-gradient(33deg, transparent calc(50% - 1px), #ccc 50%, transparent calc(50% + 1px)), linear-gradient(-33deg, transparent calc(50% - 1px), #ccc 50%, transparent calc(50% + 1px)), #eaebed;
}

.crowd-band,
.award-band {
  display: grid;
  min-height: 600px;
  background: linear-gradient(20deg, transparent calc(50% - 1px), #c7c7c7 50%, transparent calc(50% + 1px)), linear-gradient(-20deg, transparent calc(50% - 1px), #c7c7c7 50%, transparent calc(50% + 1px)), var(--g3);
  place-items: center;
}

.crowd-band h2,
.award-band h2 {
  font-size: 40px;
}

.event-list {
  display: grid;
  padding: 70px 6vw;
  gap: 70px;
}

.event-row {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 80px;
  align-items: center;
  min-height: 440px;
}

.event-row.reverse > div:first-child {
  order: 2;
}

.event-row.reverse > div:last-child {
  order: 1;
}

.event-row h2 {
  font-size: 40px;
}

.event-row p {
  font-size: 24px;
  line-height: 2;
}

.event-image {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  background: #eaebed;
  display: grid;
  place-items: center;
}

.event-image:before {
  transform: translate(-50%, -50%) rotate(33deg);
}

.event-image:after {
  transform: translate(-50%, -50%) rotate(-33deg);
}

.award-band {
  min-height: 600px;
}

.final-events {
  padding-top: 100px;
}

.results-intro {
  padding: 110px 8vw;
  text-align: center;
}

.results-intro h2 {
  font-size: 40px;
}

.results-intro p {
  font-size: 24px;
  line-height: 2;
}

.teams-section,
.matches-section {
  padding: 0 3vw 100px;
}

.teams-section > h2,
.matches-section > h2 {
  margin: 0 0 60px;
  text-align: center;
  font-size: 40px;
}

.team-tabs {
  display: flex;
  justify-content: center;
  gap: 36px;
  margin-bottom: 70px;
}

.team-tab {
  width: 360px;
  height: 96px;
  border: 0;
  background: var(--g3);
  font-size: 24px;
  cursor: pointer;
}

.team-tab.active {
  background: #9a9a9a;
  color: #fff;
}

.team-panel {
  display: none;
}

.team-panel.active {
  display: block;
}

.team-panel > p {
  text-align: center;
  font-size: 24px;
}

.team-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.team-nav button {
  min-height: 94px;
  border: 0;
  background: #f2f2f2;
  font-size: 20px;
  font-weight: 900;
}

.team-nav button.active {
  background: #898989;
  color: #fff;
}

.team-board {
  display: grid;
  min-height: 880px;
  padding: 70px;
  background: var(--g3);
  grid-template-columns: 2fr 1fr;
  gap: 60px;
}

.team-photo {
  position: relative;
  overflow: hidden;
  background: #fcfcfc;
  display: grid;
  place-items: center;
}

.team-photo:before {
  transform: translate(-50%, -50%) rotate(31deg);
}

.team-photo:after {
  transform: translate(-50%, -50%) rotate(-31deg);
}

.emblem-grid {
  position: relative;
  display: grid;
  align-content: start;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.emblem-grid i {
  aspect-ratio: 1;
  border-radius: 50%;
  background: #fff;
}

.emblem-grid p {
  position: absolute;
  top: 38%;
  left: 50%;
  width: 90%;
  padding: 18px;
  background: rgba(80, 80, 80, 0.3);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 24px;
}

.matches-section {
  padding-top: 80px;
}

.match-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.match-card {
  display: grid;
  min-height: 900px;
  padding: 48px 60px;
  background: var(--g3);
  justify-items: center;
  align-content: start;
}

.match-card h3 {
  margin: 0;
  font-size: 40px;
}

.match-card > small {
  margin-top: 10px;
  font-size: 24px;
}

.score {
  display: flex;
  align-items: center;
  gap: 55px;
  margin: 24px 0;
}

.score i {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #fff;
}

.score b {
  font-size: 70px;
  white-space: nowrap;
}

.match-image {
  position: relative;
  width: 100%;
  min-height: 410px;
  overflow: hidden;
  background: #fcfcfc;
  display: grid;
  place-items: center;
}

.match-image:before {
  transform: translate(-50%, -50%) rotate(31deg);
}

.match-image:after {
  transform: translate(-50%, -50%) rotate(-31deg);
}

.video-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.video-button span {
  width: 52px;
  height: 52px;
  background: #aaa;
  color: #fff;
}

.match-card.final {
  width: 100%;
  min-height: 1350px;
  margin-top: 22px;
}

.match-card.final .match-image {
  min-height: 870px;
}

.facts-section {
  padding: 80px 2vw;
}

.facts-section > h2 {
  margin-bottom: 70px;
}

.key-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.key-facts article {
  display: grid;
  min-height: 450px;
  padding: 45px 15px;
  border: 1px solid #000;
  text-align: center;
  justify-items: center;
  align-content: space-between;
}

.key-facts h3 {
  font-size: 30px;
}

.key-facts i {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #d9d9d9;
}

.key-facts p {
  margin: 0;
  font-size: 60px;
  font-weight: 900;
  white-space: nowrap;
}

.key-facts small {
  font-size: 24px;
}

.operation-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.operation-facts article {
  display: grid;
  min-height: 360px;
  padding: 40px;
  border: 1px solid #000;
  text-align: center;
  align-content: center;
  gap: 14px;
}

.operation-facts h3 {
  font-size: 27px;
}

.operation-facts span {
  font-size: 20px;
}

.operation-facts b {
  font-size: 70px;
}

.operation-facts small {
  font-size: 28px;
}

.video-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.video-grid button {
  display: grid;
  min-height: 560px;
  border: 1px solid #000;
  background: #fff;
  place-items: center;
  cursor: pointer;
}

.video-grid span {
  display: grid;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: #d9d9d9;
  color: #fff;
  place-items: center;
}

.voice-grid,
.reaction-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.voice-grid article,
.reaction-grid article {
  min-height: 370px;
  padding: 34px;
  border: 1px solid #000;
  text-align: center;
}

.voice-grid i {
  display: block;
  width: 174px;
  height: 174px;
  margin: 0 auto;
  border-radius: 50%;
  background: #d9d9d9;
}

.voice-grid h3,
.reaction-grid h3 {
  font-size: 30px;
}

.voice-grid p {
  font-size: 19px;
  line-height: 1.8;
}

.reaction-grid article {
  display: grid;
  place-items: center;
}

.big-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.big-stats article {
  display: grid;
  min-height: 610px;
  padding: 50px;
  border: 1px solid #000;
  text-align: center;
  align-content: center;
  gap: 35px;
}

.big-stats h3 {
  font-size: 40px;
}

.big-stats span {
  font-size: 24px;
}

.big-stats b {
  font-size: 100px;
}

.big-stats small {
  font-size: 40px;
}

.street-grid {
  padding: 0;
  gap: 8px;
}

.future-box {
  display: grid;
  min-height: 360px;
  margin-top: 40px;
  border: 1px solid #000;
  place-items: center;
  font-size: 30px;
  font-weight: 900;
}

.site-footer {
  display: grid;
  min-height: 444px;
  padding: 40px 5vw 22px;
  border-top: 1px solid #ddd;
  place-items: center;
  align-content: center;
  gap: 35px;
  text-align: center;
}

.footer-brand {
  flex-direction: column;
  gap: 4px;
}

.footer-brand .brand-mark {
  width: 86px;
  height: 74px;
}

.footer-nav {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.footer-nav a {
  font-size: 15px;
  text-decoration: none;
}

.social-links {
  display: flex;
  gap: 18px;
}

.social-links a {
  display: grid;
  width: 46px;
  height: 46px;
  border: 1px solid #030303;
  border-radius: 50%;
  background: #fff;
  place-items: center;
  text-decoration: none;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.social-links a:hover,
.social-links a:focus-visible {
  border-color: #030303;
  background: #030303;
  transform: translateY(-2px);
}

.social-links a:focus-visible {
  outline: 3px solid #1478f2;
  outline-offset: 4px;
}

.social-links img {
  width: 21px;
  height: 21px;
  object-fit: contain;
  transition: filter 0.25s ease;
}

.social-links a:hover img,
.social-links a:focus-visible img {
  filter: invert(1);
}

.page-top-button {
  position: fixed;
  z-index: 45;
  right: max(22px, env(safe-area-inset-right));
  bottom: max(22px, env(safe-area-inset-bottom));
  display: grid;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 1px solid #030303;
  border-radius: 50%;
  color: #f00012;
  background: #030303;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  place-items: center;
  transform: translateY(16px);
  transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.page-top-button.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

body.menu-open .page-top-button {
  opacity: 0;
  pointer-events: none;
  transform: translateY(16px);
}

.page-top-button svg {
  display: block;
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.page-top-button:hover,
.page-top-button:focus-visible {
  border-color: #030303;
  color: #f00012;
  background: #fff;
  transform: translateY(-2px);
}

.page-top-button:focus-visible {
  outline: 3px solid #1478f2;
  outline-offset: 4px;
}

.site-footer small {
  font-size: 12px;
}

@media (max-width: 1100px) {
  :root {
    --site-header-height: 78px ;
  }
  .site-header {
    padding: 0 18px;
  }
  .brand-mark {
    width: 34px;
    height: 42px;
  }
  .brand-text {
    font-size: 10px;
  }
  .page-hero {
    min-height: 620px;
    padding: 70px 6vw;
    grid-template-columns: 1fr;
  }
  .hero-copy > p {
    font-size: 24px;
  }
  .hero-copy h1 {
    font-size: 42px;
  }
  .hero-copy > div {
    font-size: 18px;
    line-height: 1.9;
  }
  .hero-visual {
    display: none;
  }
  .home-hero {
    min-height: 680px;
  }
  .home-copy h1 {
    font-size: 40px;
  }
  .home-copy > p {
    font-size: 24px;
  }
  .home-intro {
    gap: 60px;
  }
  .intro-copy h2 {
    font-size: 30px;
  }
  .intro-copy p {
    font-size: 17px;
  }
  .club-wall {
    height: auto;
    min-height: 0;
  }
  .home-card {
    grid-template-columns: 1fr 360px;
    padding: 40px 6vw;
  }
  .home-card h2 {
    font-size: 30px;
  }
  .gate-row {
    grid-template-columns: 170px 260px 1fr 180px;
    padding: 0 30px;
    gap: 20px;
  }
  .gate-title h2 {
    font-size: 30px;
  }
  .gate-row > p {
    font-size: 17px;
  }
  .gate-stat b {
    font-size: 28px;
  }
  .uniform-layout,
  .design-columns,
  .motif-section {
    gap: 40px;
  }
  .jersey-grid {
    padding: 35px;
  }
  .uniform-copy {
    font-size: 23px;
  }
  .team-nav button {
    font-size: 14px;
  }
  .team-board {
    padding: 35px;
  }
  .score {
    gap: 20px;
  }
  .score i {
    width: 80px;
    height: 80px;
  }
  .score b {
    font-size: 50px;
  }
}
@media (max-width: 760px) {
  .page-hero {
    min-height: 510px;
    padding: 55px 24px;
  }
  .hero-copy > p {
    margin-bottom: 14px;
    font-size: 16px;
  }
  .hero-copy h1 {
    font-size: 30px;
    line-height: 1.35;
  }
  .hero-copy > div {
    margin-top: 22px;
    font-size: 14px;
    line-height: 1.8;
  }
  .home-hero {
    min-height: 550px;
    padding: 40px 22px;
  }
  .home-copy h1 {
    font-size: 29px;
  }
  .home-copy > p {
    font-size: 17px;
  }
  .play-button {
    margin-top: 40px;
    font-size: 14px;
  }
  .play-button span {
    width: 48px;
    height: 48px;
  }
  .home-intro {
    min-height: auto;
    padding: 70px 20px;
  }
  .intro-copy h2 {
    font-size: 23px;
  }
  .intro-copy p {
    font-size: 14px;
    line-height: 1.8;
  }
  .club-wall {
    height: auto;
    min-height: 0;
  }
  .club-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(10, 1fr);
  }
  .club-wall > p {
    width: 220px;
    height: 90px;
    font-size: 20px;
  }
  .home-card,
  .home-card.reverse {
    min-height: auto;
    padding: 60px 24px;
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .home-card.reverse > div,
  .home-card.reverse > span {
    order: initial;
  }
  .home-card h2 {
    font-size: 25px;
  }
  .home-card p {
    font-size: 16px;
  }
  .home-card > span {
    height: 180px;
  }
  .orbit-section {
    min-height: 760px;
  }
  .orbit-diagram {
    width: 80vw;
  }
  .orbit-center {
    width: 150px;
    height: 150px;
  }
  .orbit-center b {
    font-size: 40px;
  }
  .orbit-center span {
    font-size: 14px;
  }
  .orbit-item {
    width: 84px;
    height: 84px;
    font-size: 10px;
  }
  .statement-band,
  .statement-white {
    min-height: 520px;
    padding: 70px 20px;
  }
  .statement-band h2,
  .statement-white h2 {
    font-size: 28px;
  }
  .statement-band p {
    font-size: 14px;
  }
  .visual-wide {
    height: 250px;
  }
  .road-title {
    padding: 55px 20px;
  }
  .road-title h2 {
    font-size: 26px;
  }
  .gate-row,
  .gate-row.alt {
    min-height: auto;
    padding: 42px 22px;
    background: var(--g1);
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .gate-row.alt {
    background: #e2e2e2;
  }
  .gate-title h2 {
    font-size: 28px;
  }
  .gate-image {
    height: 220px;
  }
  .gate-row > p {
    font-size: 15px;
  }
  .gate-stat {
    min-height: 150px;
    border-top: 1px solid #111;
    border-left: 0;
  }
  .gate-stat:before {
    width: 50px;
    height: 50px;
  }
  .vote-summary {
    padding: 20px;
    grid-template-columns: 1fr;
  }
  .vote-summary > article {
    padding: 24px;
  }
  .vote-summary h2 {
    font-size: 28px;
  }
  .vote-summary p {
    font-size: 15px;
  }
  .vote-cards {
    grid-template-columns: 1fr;
  }
  .facts-link {
    min-height: 260px;
  }
  .facts-link h2 {
    font-size: 28px;
  }
  .uniform-section {
    padding: 60px 20px;
  }
  .uniform-section > h2,
  .design-notes h2,
  .motif-section h2,
  .facts-section > h2 {
    margin-bottom: 35px;
    font-size: 28px;
  }
  .uniform-layout,
  .design-columns,
  .motif-section,
  .uniqlo-section {
    grid-template-columns: 1fr;
  }
  .jersey-grid {
    padding: 25px;
  }
  .uniform-copy {
    padding: 0;
    font-size: 20px;
  }
  .visual-tall {
    min-height: 350px;
  }
  .design-columns {
    padding: 0 20px 60px;
  }
  .design-notes p {
    font-size: 18px;
  }
  .motif-section {
    padding: 0 20px 60px;
  }
  .motif-section p {
    font-size: 15px;
  }
  .uniqlo-section {
    padding: 50px 20px;
  }
  .uniqlo-main {
    min-height: 250px;
  }
  .gallery-grid,
  .street-grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 12px 60px;
  }
  .gallery-grid > div,
  .street-grid > div {
    min-height: 170px;
  }
  .gallery-grid > p {
    padding: 12px 20px;
    font-size: 17px;
    white-space: nowrap;
  }
  .practice-section {
    padding: 60px 20px;
    grid-template-columns: 1fr;
  }
  .practice-section h2 {
    font-size: 28px;
  }
  .practice-section p {
    font-size: 16px;
  }
  .practice-images {
    grid-template-columns: 1fr;
  }
  .practice-images span {
    height: 230px;
  }
  .crowd-band,
  .award-band {
    min-height: 330px;
  }
  .crowd-band h2,
  .award-band h2 {
    font-size: 25px;
  }
  .event-list {
    padding: 55px 20px;
    gap: 55px;
  }
  .event-row,
  .event-row.reverse {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .event-row.reverse > div:first-child,
  .event-row.reverse > div:last-child {
    order: initial;
  }
  .event-row h2 {
    font-size: 27px;
  }
  .event-row p {
    font-size: 15px;
  }
  .event-image {
    min-height: 240px;
  }
  .results-intro {
    padding: 70px 20px;
  }
  .results-intro h2 {
    font-size: 26px;
  }
  .results-intro p {
    font-size: 15px;
  }
  .teams-section,
  .matches-section {
    padding: 0 12px 70px;
  }
  .team-tabs {
    gap: 10px;
    margin-bottom: 35px;
  }
  .team-tab {
    width: 50%;
    height: 64px;
    font-size: 16px;
  }
  .team-nav {
    overflow-x: auto;
    grid-template-columns: repeat(6, 170px);
  }
  .team-board {
    min-height: auto;
    padding: 18px;
    grid-template-columns: 1fr;
  }
  .team-photo {
    height: 300px;
  }
  .emblem-grid {
    padding: 20px;
    gap: 20px;
  }
  .match-grid {
    grid-template-columns: 1fr;
  }
  .match-card {
    min-height: auto;
    padding: 35px 18px;
  }
  .match-card h3 {
    font-size: 28px;
  }
  .match-card > small {
    font-size: 17px;
  }
  .score {
    gap: 14px;
  }
  .score i {
    width: 56px;
    height: 56px;
  }
  .score b {
    font-size: 38px;
  }
  .match-image {
    min-height: 260px;
  }
  .match-card.final {
    min-height: auto;
  }
  .match-card.final .match-image {
    min-height: 360px;
  }
  .facts-section {
    padding: 55px 12px;
  }
  .key-facts {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .key-facts article {
    min-height: 300px;
    padding: 25px 6px;
  }
  .key-facts h3 {
    font-size: 17px;
  }
  .key-facts i {
    width: 80px;
    height: 80px;
  }
  .key-facts p {
    font-size: 30px;
  }
  .key-facts small {
    font-size: 14px;
  }
  .operation-facts,
  .voice-grid,
  .reaction-grid,
  .big-stats {
    grid-template-columns: 1fr;
  }
  .operation-facts b {
    font-size: 50px;
  }
  .video-grid {
    gap: 8px;
  }
  .video-grid button {
    min-height: 240px;
  }
  .voice-grid,
  .reaction-grid {
    gap: 12px;
  }
  .big-stats article {
    min-height: 370px;
  }
  .big-stats b {
    font-size: 58px;
  }
  .street-grid {
    padding: 0;
  }
  .future-box {
    min-height: 220px;
  }
  .footer-nav {
    gap: 15px;
  }
  .footer-nav a {
    font-size: 11px;
  }
  .site-footer {
    min-height: 380px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
:root {
  --header-offset: 104px;
  --card-mask: #f8f8f8;
  --card-shadow: # {
    $club-wall-shadow
  } ;
}

.club-wall {
  position: relative;
  width: 100vw;
  min-height: 0;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0, #f7f7f7 100%);
}

.club-grid {
  position: relative;
  display: grid;
  width: 100%;
  height: auto;
  margin: 0;
  gap: 0;
  align-content: start;
  isolation: isolate;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-template-rows: repeat(6, minmax(0, max-content));
}
.club-grid .club-grid__tile {
  position: relative;
  overflow: hidden;
  aspect-ratio: 5/4;
  background: var(--club-color);
  isolation: isolate;
}
.club-grid .club-grid__tile:before {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.16));
}
.club-grid .club-grid__image {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: calc(0.18 + var(--club-reveal, 0) * 0.82);
  transform: scale(calc(1.05 - var(--club-reveal, 0) * 0.05));
  filter: saturate(calc(0.78 + var(--club-reveal, 0) * 0.28)) contrast(1.05);
  transition: opacity 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}
.club-grid .club-grid__picture {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}

.club-wall > p {
  position: absolute;
  top: clamp(18px, 4vw, 42px);
  left: clamp(18px, 4vw, 42px);
  z-index: 3;
  padding: 18px 34px;
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 36px var(--card-shadow);
}

.home-links {
  display: grid;
  gap: 0;
}
.home-links .home-card {
  position: relative;
  min-height: 500px;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  color: #111;
  text-decoration: none;
  background: #fff;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.home-links .home-card:nth-child(even) {
  background: #fff;
}
.home-links .home-card__visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  min-height: 0;
  background: transparent;
}
.home-links .home-card__image {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.9s ease;
}
.home-links .home-card__mask {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: min(58%, 860px);
  height: 100%;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  transform: translateX(0);
  transition: transform 0.72s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.home-links .home-card__content {
  position: relative;
  z-index: 3;
  display: grid;
  align-content: center;
  justify-items: start;
  width: min(100%, 640px);
  min-height: inherit;
  padding: clamp(34px, 5vw, 80px) clamp(24px, 4vw, 60px) clamp(34px, 5vw, 80px) clamp(64px, 7vw, 120px);
  color: #111;
  transition: transform 0.35s ease;
}
.home-links .home-card__content small {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.home-links .home-card__content h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.22;
}
.home-links .home-card__content p {
  margin: 0;
  font-size: 20px;
  line-height: 1.7;
}
.home-links .home-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}
.home-links .home-card:hover .home-card__mask {
  transform: translateX(-112%);
}
.home-links .home-card:hover .home-card__content {
  transform: translateX(3px);
}
.home-links .home-card:hover .home-card__image {
  transform: scale(1.06);
}
.home-links .home-card:hover .home-card__content, .home-links .home-card:focus-visible .home-card__content {
  color: #111;
}
.home-links .home-card:focus-visible {
  outline: 3px solid #111;
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  :root {
    --header-offset: 78px;
  }
  .club-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(0, max-content));
  }
  .club-grid .club-grid__tile {
    aspect-ratio: 4/3;
  }
  .home-links .home-card {
    min-height: 520px;
  }
  .home-links .home-card__mask {
    width: min(64%, 800px);
  }
  .home-links .home-card__content {
    width: min(60%, 620px);
    padding: clamp(28px, 4vw, 56px) clamp(20px, 4vw, 40px) clamp(28px, 4vw, 56px) clamp(48px, 5vw, 80px);
  }
  .home-links .home-card__content p {
    font-size: 17px;
  }
}
@media (max-width: 760px) {
  :root {
    --header-offset: 78px;
  }
  .club-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(10, minmax(0, max-content));
  }
  .club-grid .club-grid__tile {
    aspect-ratio: 1/1;
  }
  .club-wall > p {
    padding: 12px 20px;
    font-size: 18px;
  }
  .home-links .home-card {
    min-height: 420px;
  }
  .home-links .home-card__mask {
    width: 84%;
    clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
  }
  .home-links .home-card__content {
    width: 86%;
    padding: 44px 20px;
  }
  .home-links .home-card__content h2 {
    font-size: 24px;
  }
  .home-links .home-card__content p {
    font-size: 15px;
  }
}
.home-hero {
  position: relative;
  width: 100vw;
  aspect-ratio: 16/9;
  height: min(56.25vw, 1100px);
  max-height: 1100px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #05070d;
  color: #fff;
  isolation: isolate;
}
.home-hero::before, .home-hero::after {
  content: none;
}
.home-hero__drift, .home-hero__overlay, .home-hero__sequence, .home-hero__video {
  position: absolute;
  inset: 0;
}
.home-hero__drift {
  z-index: 0;
  overflow: hidden;
  transition: opacity 0.8s ease, filter 0.8s ease;
}
.home-hero__drift-item {
  position: absolute;
  overflow: hidden;
  border-radius: 26px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.22);
  will-change: transform, opacity;
  animation-name: hero-drift;
  animation-duration: var(--hero-drift-duration, 36s);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-delay: var(--hero-drift-delay, 0s);
  animation-direction: alternate;
}
.home-hero__drift-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.06);
}
.home-hero__overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(3, 7, 18, 0.62) 0%, rgba(3, 7, 18, 0.28) 42%, rgba(3, 7, 18, 0.08) 100%), linear-gradient(180deg, rgba(3, 7, 18, 0.18) 0%, rgba(3, 7, 18, 0.45) 100%);
  pointer-events: none;
}
.home-hero__sequence {
  z-index: 2;
  pointer-events: none;
}
.home-hero__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.9s ease, visibility 0s linear 0.9s;
}
.home-hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.home-hero__slide-media {
  position: absolute;
  inset: 0;
}
.home-hero__slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  filter: saturate(1.03) contrast(1.05);
  transition: transform 6.5s ease, filter 0.8s ease;
}
.home-hero__slide.is-active .home-hero__slide-media img {
  transform: scale(1.14);
}
.home-hero__slide-copy {
  position: absolute;
  top: 50%;
  left: clamp(24px, 6vw, 110px);
  z-index: 2;
  max-width: min(60vw, 720px);
  opacity: 0;
  transform: translateY(-45%);
  transition: opacity 0.85s ease, transform 0.85s ease;
}
.home-hero__slide-copy p {
  margin: 0;
  font-size: clamp(34px, 5vw, 72px);
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: -0.045em;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
  white-space: pre-line;
}
.home-hero__slide.is-copy-visible .home-hero__slide-copy {
  opacity: 1;
  transform: translateY(-50%);
}
.home-hero__slide.is-copy-hidden .home-hero__slide-copy {
  opacity: 0;
  transform: translateY(-56%);
}
.home-hero__video {
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 0s linear 1s;
}
.home-hero__video.is-visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.home-hero__video-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero.is-video-active .home-hero__sequence {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.home-hero.is-video-active .home-hero__drift {
  opacity: 0.36;
  filter: blur(1px) saturate(0.9);
}
.home-hero.is-video-active .home-hero__overlay {
  background: linear-gradient(90deg, rgba(3, 7, 18, 0.56) 0%, rgba(3, 7, 18, 0.2) 45%, rgba(3, 7, 18, 0.1) 100%), linear-gradient(180deg, rgba(3, 7, 18, 0.28) 0%, rgba(3, 7, 18, 0.52) 100%);
}

@keyframes hero-drift {
  0% {
    transform: translate3d(var(--hero-drift-x0, 0), var(--hero-drift-y0, 0), 0) scale(var(--hero-drift-scale-start, 0.86)) rotate(var(--hero-drift-rotate0, 0deg));
    opacity: 0;
  }
  12% {
    opacity: var(--hero-drift-opacity, 0.3);
  }
  50% {
    opacity: calc(var(--hero-drift-opacity, 0.3) + 0.08);
  }
  100% {
    transform: translate3d(var(--hero-drift-x1, 0), var(--hero-drift-y1, 0), 0) scale(var(--hero-drift-scale-end, 1.08)) rotate(var(--hero-drift-rotate1, 0deg));
    opacity: 0;
  }
}
@media (max-width: 1100px) {
  .home-hero {
    height: min(56.25vw, 1100px);
  }
  .home-hero__slide-copy {
    left: clamp(18px, 5vw, 60px);
    max-width: min(72vw, 640px);
  }
  .home-hero__slide-copy p {
    font-size: clamp(28px, 4.5vw, 54px);
  }
  .home-hero__drift-item {
    border-radius: 22px;
  }
}
@media (max-width: 760px) {
  .home-hero {
    aspect-ratio: 16/9;
    height: auto !important;
  }
  .home-hero__drift-item {
    border-radius: 16px;
  }
  .home-hero__slide-copy {
    top: auto;
    right: 20px;
    bottom: 92px;
    left: 20px;
    max-width: none;
    transform: none;
  }
  .home-hero__slide-copy p {
    font-size: clamp(24px, 8vw, 38px);
  }
  .home-hero__slide.is-copy-visible .home-hero__slide-copy {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-hero__drift-item {
    animation: none;
  }
  .home-hero__slide-media img, .home-hero__slide, .home-hero__video, .home-hero__drift {
    transition-duration: 0.01ms;
  }
}
body[data-page=top] .home-hero {
  --hero-ease: cubic-bezier(.16, 1, .3, 1);
  --hero-image-x: 0px;
  --hero-image-y: 0px;
  position: relative;
  display: block;
  width: 100vw;
  aspect-ratio: 16/9;
  height: min(56.25vw, 1100px);
  max-height: 1100px;
  margin-left: calc(50% - 50vw);
  padding: 0;
  overflow: hidden;
  background: #05070d;
  color: #fff;
  isolation: isolate;
}
body[data-page=top] .home-hero::before, body[data-page=top] .home-hero::after {
  content: none;
}
body[data-page=top] .home-hero__drift {
  display: none;
}
body[data-page=top] .home-hero__overlay, body[data-page=top] .home-hero__sequence, body[data-page=top] .home-hero__video {
  position: absolute;
  inset: 0;
}
body[data-page=top] .home-hero__overlay {
  z-index: 4;
  background: linear-gradient(90deg, rgba(2, 5, 12, 0.42), rgba(2, 5, 12, 0.08) 64%), linear-gradient(180deg, rgba(2, 5, 12, 0.08), rgba(2, 5, 12, 0.34));
  pointer-events: none;
  transition: opacity 0.8s ease;
}
body[data-page=top] .home-hero__sequence {
  z-index: 2;
  display: none;
}
body[data-page=top] .home-hero__slide {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
  visibility: hidden;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s var(--hero-ease), visibility 0s linear 1.2s;
  will-change: clip-path;
}
body[data-page=top] .home-hero__slide.is-active {
  z-index: 2;
  visibility: visible;
  clip-path: inset(0);
  transition-delay: 0s;
}
body[data-page=top] .home-hero__slide.is-leaving {
  z-index: 1;
  visibility: visible;
  clip-path: inset(0 0 0 100%);
  transition-delay: 0s;
}
body[data-page=top] .home-hero__slide-media {
  position: absolute;
  inset: -1.5%;
  overflow: hidden;
}
body[data-page=top] .home-hero__slide-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(112deg, rgba(255, 255, 255, 0.055), transparent 36%);
  content: "";
  pointer-events: none;
}
body[data-page=top] .home-hero__slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.96) contrast(1.04);
  transform: translate3d(var(--hero-image-x), var(--hero-image-y), 0) scale(1.015);
  transition: transform 12s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}
body[data-page=top] .home-hero.is-started .home-hero__slide.is-active .home-hero__slide-media img {
  transform: translate3d(var(--hero-image-x), var(--hero-image-y), 0) scale(1.055);
}
body[data-page=top] .home-hero__slide-copy {
  position: absolute;
  inset: auto auto clamp(92px, 12vh, 154px) clamp(28px, 7vw, 124px);
  z-index: 5;
  display: block;
  width: min(74vw, 1100px);
  max-width: none;
  padding: 0;
  text-align: left;
  opacity: 1;
  transform: none;
}
body[data-page=top] .home-hero__slide-copy p {
  max-width: none;
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 5.2vw, 82px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.045em;
  text-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
}
body[data-page=top] .home-hero__copy-line {
  display: block;
  overflow: hidden;
  padding-bottom: 0.08em;
}
body[data-page=top] .home-hero__copy-line > span {
  display: block;
  opacity: 0;
  transform: translate3d(0, 115%, 0) skewY(3deg);
  transition: opacity 0.25s ease, transform 1.05s var(--hero-ease);
  will-change: transform;
}
body[data-page=top] .home-hero__copy-line:nth-child(2) > span {
  transition-delay: 0.1s;
}
body[data-page=top] .home-hero__slide.is-copy-visible .home-hero__copy-line > span {
  opacity: 1;
  transform: translate3d(0, 0, 0) skewY(0);
}
body[data-page=top] .home-hero__slide.is-copy-hidden .home-hero__copy-line > span {
  opacity: 0;
  transform: translate3d(0, -110%, 0) skewY(-2deg);
  transition-delay: 0s;
  transition-duration: 0.7s;
}
body[data-page=top] .home-hero__video {
  z-index: 3;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  clip-path: none;
  background: #05070d;
  transition: opacity 0.9s ease, visibility 0s linear 0.9s;
  will-change: opacity;
}
body[data-page=top] .home-hero__video.is-visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
body[data-page=top] .home-hero__video-el {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(1.01);
}
body[data-page=top] .home-hero.is-video-active .home-hero__slide.is-leaving {
  clip-path: inset(0 100% 0 0);
}
body[data-page=top] .home-hero.is-video-active .home-hero__overlay {
  opacity: 0.18;
}
body[data-page=top] .home-hero__status {
  position: absolute;
  right: clamp(24px, 3.2vw, 58px);
  bottom: clamp(24px, 4vh, 44px);
  left: clamp(24px, 3.2vw, 58px);
  z-index: 7;
  display: grid;
  grid-template-columns: auto auto minmax(140px, 270px);
  gap: 22px;
  align-items: center;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
}
body[data-page=top] .home-hero__status-label {
  white-space: nowrap;
}
body[data-page=top] .home-hero__status-number {
  display: inline-flex;
  gap: 5px;
  align-items: baseline;
  font-size: 12px;
  letter-spacing: 0.08em;
}
body[data-page=top] .home-hero__status-number b {
  font-size: 18px;
  font-weight: 900;
}
body[data-page=top] .home-hero__status-number i {
  opacity: 0.45;
  font-style: normal;
}
body[data-page=top] .home-hero__progress {
  position: relative;
  display: block;
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.34);
}
body[data-page=top] .home-hero__progress > span {
  position: absolute;
  inset: 0;
  display: block;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left center;
}
body[data-page=top] .home-hero__progress > span.is-running {
  animation: home-hero-progress var(--hero-step-duration, 6800ms) linear both;
}
body[data-page=top] .home-hero__scroll {
  position: absolute;
  top: auto;
  right: clamp(24px, 3.2vw, 58px);
  bottom: clamp(24px, 4vh, 44px);
  z-index: 7;
  display: flex;
  gap: 12px;
  align-items: center;
  color: rgba(255, 255, 255, 0.76);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  transform: none;
  transform-origin: center;
}
body[data-page=top] .home-hero__scroll i {
  display: block;
  width: 64px;
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.3);
}
body[data-page=top] .home-hero__scroll i::after {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
  animation: home-hero-scroll-line 2s var(--hero-ease) infinite;
}
@media (max-width: 1100px) {
  body[data-page=top] .home-hero__slide-copy {
    width: min(82vw, 900px);
  }
}
@media (max-width: 760px) {
  body[data-page=top] .home-hero__slide-media {
    inset: -4%;
  }
  body[data-page=top] .home-hero__slide-copy {
    inset: auto 20px 108px;
    width: auto;
    padding: 0;
  }
  body[data-page=top] .home-hero__slide-copy p {
    max-width: 100%;
    font-size: clamp(26px, 7.5vw, 36px);
    line-height: 1.12;
  }
  body[data-page=top] .home-hero__copy-line > span {
    transform: translate3d(0, 115%, 0) skewY(3deg);
  }
  body[data-page=top] .home-hero__status {
    right: 20px;
    bottom: 14px;
    left: 20px;
    grid-template-columns: auto minmax(80px, 1fr);
    gap: 14px;
  }
  body[data-page=top] .home-hero__status-label {
    display: none;
  }
  body[data-page=top] .home-hero__scroll {
    top: auto;
    right: 20px;
    bottom: 20px;
    display: flex;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=top] .home-hero__slide, body[data-page=top] .home-hero__video, body[data-page=top] .home-hero__slide-media img, body[data-page=top] .home-hero__copy-line > span, body[data-page=top] .home-hero__overlay {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
  body[data-page=top] .home-hero__progress {
    display: none;
  }
  body[data-page=top] .home-hero__scroll {
    display: flex;
  }
  body[data-page=top] .home-hero__scroll i::after {
    animation: none;
  }
  body[data-page=top] .home-hero.is-started .home-hero__slide.is-active .home-hero__slide-media img {
    transform: scale(1.015);
  }
}

@keyframes home-hero-progress {
  to {
    transform: scaleX(1);
  }
}
@keyframes home-hero-scroll-line {
  0% {
    transform: translateX(-105%);
  }
  55%, 100% {
    transform: translateX(105%);
  }
}
body[data-page=top] .club-wall {
  --wall-progress: 0;
  --wall-scale: 1.075;
  --wall-rotate: -1.25deg;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 0;
  margin-left: 0;
  overflow: clip;
  background: #050505;
}
body[data-page=top] .club-grid {
  position: relative;
  top: auto;
  z-index: 1;
  display: grid;
  width: 100%;
  height: calc(100svh - var(--header-offset, 104px));
  min-height: 0;
  margin: 0;
  gap: 2px;
  overflow: hidden;
  align-content: stretch;
  isolation: isolate;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  grid-template-rows: repeat(6, minmax(0, 1fr));
  transform: scale(var(--wall-scale)) rotate(var(--wall-rotate));
  transform-origin: center;
  will-change: transform;
}
body[data-page=top] .club-grid .club-grid__tile {
  position: relative;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: auto;
  opacity: 0;
  background: var(--club-color);
  contain: paint;
  isolation: isolate;
  will-change: opacity, transform;
}
body[data-page=top] .club-grid .club-grid__tile::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.28)), var(--club-color);
  content: "";
  opacity: 0.3;
  pointer-events: none;
  transition: opacity 0.45s ease;
}
body[data-page=top] .club-grid .club-grid__tile::after {
  position: absolute;
  top: 0;
  right: var(--club-line-inset, 0);
  bottom: 0;
  left: auto;
  z-index: 3;
  width: clamp(2px, 0.18vw, 4px);
  background: var(--club-color);
  content: "";
  opacity: 0.95;
  transform: scaleY(var(--club-reveal, 0));
  transform-origin: center top;
  pointer-events: none;
}
body[data-page=top] .club-grid .club-grid__tile:nth-child(10n) {
  --club-line-inset: 2px;
}
body[data-page=top] .club-grid .club-grid__image {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  filter: none;
  transform: scale(1.015);
  transition: transform 0.65s var(--hero-ease, cubic-bezier(0.16, 1, 0.3, 1));
}
@media (hover: hover) and (pointer: fine) {
  body[data-page=top] .club-grid .club-grid__tile:hover {
    z-index: 4;
  }
  body[data-page=top] .club-grid .club-grid__tile:hover::before {
    opacity: 0.04;
  }
  body[data-page=top] .club-grid .club-grid__tile:hover .club-grid__image {
    transform: scale(1.075);
  }
}
@media (max-width: 760px) {
  body[data-page=top] .club-wall {
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  body[data-page=top] .club-grid {
    position: relative;
    top: auto;
    height: auto;
    min-height: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(10, minmax(0, max-content));
    transform: none;
  }
  body[data-page=top] .club-grid .club-grid__tile {
    --club-line-inset: 0;
    aspect-ratio: 5/4;
  }
  body[data-page=top] .club-grid .club-grid__tile:nth-child(6n) {
    --club-line-inset: 1px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=top] .club-grid {
    transform: none !important;
  }
  body[data-page=top] .club-grid .club-grid__tile {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
  }
  body[data-page=top] .club-grid .club-grid__image {
    transition-duration: 0.01ms !important;
  }
}

.home-links {
  position: relative;
  z-index: 1;
  margin-top: clamp(20px, 3vw, 44px);
}

.home-links .home-card__visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}

.home-links .home-card__visual::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.42) 40%, rgba(0, 0, 0, 0.18) 64%, rgba(0, 0, 0, 0) 82%);
  transition: opacity 0.35s ease;
}

.home-links .home-card:hover .home-card__content,
.home-links .home-card:focus-visible .home-card__content {
  color: #fff;
}

.home-links .home-card:hover .home-card__visual::before,
.home-links .home-card:focus-visible .home-card__visual::before {
  opacity: 1;
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__mask {
    left: 0;
    right: auto;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
  }
  .home-links .home-card:nth-child(odd) .home-card__content {
    margin-right: auto;
    justify-items: start;
    text-align: left;
    padding: clamp(34px, 5vw, 80px) clamp(24px, 4vw, 60px) clamp(34px, 5vw, 80px) clamp(64px, 7vw, 120px);
  }
  .home-links .home-card:nth-child(even) .home-card__mask {
    left: auto;
    right: 0;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  }
  .home-links .home-card:nth-child(even) .home-card__content {
    margin-left: auto;
    justify-items: flex-start;
    text-align: left;
    padding: clamp(34px, 5vw, 80px) clamp(64px, 7vw, 120px) clamp(34px, 5vw, 80px) clamp(24px, 4vw, 60px);
  }
  .home-links .home-card:nth-child(odd):hover .home-card__mask,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__mask {
    transform: translateX(-112%);
  }
  .home-links .home-card:nth-child(even):hover .home-card__mask,
  .home-links .home-card:nth-child(even):focus-visible .home-card__mask {
    transform: translateX(112%);
  }
  .home-links .home-card:nth-child(odd):hover .home-card__content,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__content {
    transform: translateX(3px);
  }
  .home-links .home-card:nth-child(even):hover .home-card__content,
  .home-links .home-card:nth-child(even):focus-visible .home-card__content {
    transform: translateX(-3px);
  }
}
.home-links .home-card__content {
  color: #fff;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
  transition: color 0.35s ease, transform 0.35s ease;
}

.home-links .home-card:hover .home-card__content,
.home-links .home-card:focus-visible .home-card__content {
  color: #111;
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__content {
    margin-left: 0;
    margin-right: auto;
    justify-items: start;
    text-align: left;
    padding-left: clamp(24px, 4vw, 60px);
    padding-right: clamp(24px, 4vw, 60px);
  }
  .home-links .home-card:nth-child(even) .home-card__content {
    margin-left: auto;
    margin-right: 0;
    justify-items: flex-start;
    text-align: left;
    padding-left: clamp(24px, 4vw, 60px);
    padding-right: clamp(24px, 4vw, 60px);
  }
}
@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__mask {
    transform: translateX(-101%);
  }
  .home-links .home-card:nth-child(even) .home-card__mask {
    transform: translateX(101%);
  }
  .home-links .home-card:nth-child(odd):hover .home-card__mask,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__mask,
  .home-links .home-card:nth-child(even):hover .home-card__mask,
  .home-links .home-card:nth-child(even):focus-visible .home-card__mask {
    transform: translateX(0);
  }
}
.home-links .home-card__mask {
  opacity: 0;
}

.home-links .home-card:hover .home-card__mask,
.home-links .home-card:focus-visible .home-card__mask {
  opacity: 1;
}

.home-links .home-card {
  min-height: clamp(220px, 24vw, 360px);
  background: transparent;
  box-shadow: none;
  border-bottom: 1px solid #fff;
}
.home-links .home-card:last-child {
  border-bottom: 0;
}

.home-links .home-card__content {
  color: #fff;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.home-links .home-card__visual::before {
  opacity: 0.28;
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__content {
    margin-right: auto;
    justify-items: start;
    text-align: left;
  }
  .home-links .home-card:nth-child(even) .home-card__content {
    margin-left: auto;
    justify-items: flex-start;
    text-align: left;
  }
  .home-links .home-card:nth-child(odd) .home-card__mask {
    left: 0;
    right: auto;
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    transform: translateX(-101%);
  }
  .home-links .home-card:nth-child(even) .home-card__mask {
    left: auto;
    right: 0;
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    transform: translateX(101%);
  }
  .home-links .home-card:nth-child(odd):hover .home-card__mask,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__mask,
  .home-links .home-card:nth-child(even):hover .home-card__mask,
  .home-links .home-card:nth-child(even):focus-visible .home-card__mask {
    transform: translateX(0);
  }
}
.home-links .home-card:hover .home-card__content,
.home-links .home-card:focus-visible .home-card__content {
  color: #111;
}

/* Final layout override for the home-card blocks.
   This aligns the content box itself, not just the text inside it. */
.home-links .home-card__content {
  align-self: center;
  width: min(56vw, 620px);
  max-width: calc(100% - clamp(48px, 7vw, 120px));
  margin: 0;
  justify-self: start;
}

.home-links .home-card__content small {
  display: block;
  width: 100%;
  text-align: left;
}

.home-links .home-card__index {
  color: #ff3b30;
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__content {
    justify-self: start;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
    padding-left: clamp(24px, 4vw, 60px);
    padding-right: clamp(24px, 4vw, 60px);
  }
  .home-links .home-card:nth-child(even) .home-card__content {
    justify-self: flex-start;
    margin-left: auto;
    margin-right: 0;
    text-align: right;
    padding-left: clamp(24px, 4vw, 60px);
    padding-right: clamp(24px, 4vw, 60px);
  }
}
@media (max-width: 760px) {
  .home-links .home-card__content {
    width: calc(100% - 40px);
    max-width: none;
    justify-self: center;
  }
}
@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__content {
    justify-self: start;
    width: min(56vw, 860px);
  }
  .home-links .home-card:nth-child(even) .home-card__content {
    justify-self: flex-start;
    width: min(48vw, 860px);
    text-align: left;
  }
}
/* Legacy positioning retained for non-top implementations. */
.home-links .home-card__image {
  object-position: center center;
  filter: brightness(0.66) saturate(0.92) contrast(1.05);
  transform: scale(1.03);
}

.home-links .home-card__visual::before {
  opacity: 0.78;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.08) 100%);
}

.home-links .home-card:hover .home-card__visual::before,
.home-links .home-card:focus-visible .home-card__visual::before {
  opacity: 0.1;
}

.home-links .home-card:hover .home-card__image,
.home-links .home-card:focus-visible .home-card__image {
  filter: brightness(1) saturate(1) contrast(1);
  transform: scale(1.06);
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__image {
    object-position: 72% center;
  }
  .home-links .home-card:nth-child(even) .home-card__image {
    object-position: 28% center;
  }
  .home-links .home-card:nth-child(odd):hover .home-card__image,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__image {
    object-position: 82% center;
  }
  .home-links .home-card:nth-child(even):hover .home-card__image,
  .home-links .home-card:nth-child(even):focus-visible .home-card__image {
    object-position: 18% center;
  }
}
@media (max-width: 760px) {
  .home-links .home-card__image {
    object-position: center center;
  }
}
.home-links .home-card {
  border-bottom: 0;
}

.home-links .home-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #ff3b30 0%, #34c759 50%, #007aff 100%);
  pointer-events: none;
}

.home-links .home-card:last-child::after {
  content: none;
}

.home-links .home-card__picture {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.home-links .home-card__image {
  object-position: center center;
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.9s ease, object-position 0.9s ease;
}

.home-links .home-card__visual::before {
  opacity: 0.82;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.58) 42%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 90%);
}

.home-links .home-card:hover .home-card__visual::before,
.home-links .home-card:focus-visible .home-card__visual::before {
  opacity: 0.12;
}

@media (min-width: 761px) {
  .home-links .home-card:nth-child(odd) .home-card__image {
    object-position: 66% center;
  }
  .home-links .home-card:nth-child(even) .home-card__image {
    object-position: 34% center;
  }
  .home-links .home-card:nth-child(odd):hover .home-card__image,
  .home-links .home-card:nth-child(odd):focus-visible .home-card__image {
    object-position: 74% center;
  }
  .home-links .home-card:nth-child(even):hover .home-card__image,
  .home-links .home-card:nth-child(even):focus-visible .home-card__image {
    object-position: 26% center;
  }
}
@media (max-width: 760px) {
  .home-links .home-card__image {
    object-position: center center;
  }
}
.subpage-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: min(56.25vw, 980px);
  min-height: 660px;
  overflow: hidden;
  color: #fff;
  background: #030303;
  isolation: isolate;
}
.subpage-hero__media, .subpage-hero__shade {
  position: absolute;
  inset: 0;
}
.subpage-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  transform: scale(1.035);
  animation: match-day-hero-in 7s cubic-bezier(0.2, 0.75, 0.25, 1) both;
}
.subpage-hero__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.42) 45%, rgba(0, 0, 0, 0.05) 78%), linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.42));
}
.subpage-hero__copy {
  position: relative;
  z-index: 2;
  width: min(1500px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(40px, 6vw, 100px);
}
.subpage-hero__copy > p {
  margin: 0 0 18px;
  font-size: clamp(16px, 1.45vw, 25px);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-shadow: 0 5px 18px rgba(0, 0, 0, 0.55);
}
.subpage-hero__copy h1 {
  width: fit-content;
  max-width: min(1100px, 100%);
  margin: 0;
  font-size: clamp(54px, 6.2vw, 78px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.06em;
}
.subpage-hero__scroll {
  position: absolute;
  right: clamp(22px, 3vw, 52px);
  bottom: clamp(26px, 3vw, 48px);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2em;
  writing-mode: vertical-rl;
}
.subpage-hero__scroll::after {
  width: 1px;
  height: 74px;
  background: rgba(255, 255, 255, 0.8);
  content: "";
}
.subpage-hero--all-star .subpage-hero__media img {
  object-position: center 45%;
}
.subpage-hero--facts .subpage-hero__media img {
  object-position: center 42%;
}

.subpage-hero__copy h1,
.match-day-hero__copy h1 {
  width: fit-content;
  max-width: min(1100px, 100%);
  color: #fff;
  background: linear-gradient(128deg, #f00012 0%, #f00012 10%, #00aa5b 50%, #1178f2 90%, #1178f2 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.45));
}

@media (max-width: 1100px) {
  .subpage-hero {
    min-height: 620px;
  }
  .subpage-hero__copy {
    width: calc(100% - 48px);
    padding: 48px 24px;
  }
}
@media (max-width: 760px) {
  .subpage-hero {
    min-height: inherit;
  }
  .subpage-hero__media img {
    object-position: 60% center;
  }
  .subpage-hero__shade {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.76));
  }
  .subpage-hero__copy {
    width: 100%;
    padding: 34px 22px;
  }
  .subpage-hero__copy > p {
    margin-bottom: 13px;
    font-size: 13px;
  }
  .subpage-hero__copy h1 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .subpage-hero__scroll {
    right: 14px;
    bottom: 18px;
  }
  .subpage-hero--all-star .subpage-hero__media img, .subpage-hero--facts .subpage-hero__media img {
    object-position: center;
  }
}
.project-page {
  overflow: hidden;
  background: #fff;
}

.project-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100vw;
  aspect-ratio: 16/9;
  height: min(56.25vw, 1100px);
  max-height: 1100px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: #fff;
  background: #05070d;
  isolation: isolate;
}

.project-hero__image,
.project-hero__overlay {
  position: absolute;
  inset: 0;
}

.project-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-hero__overlay {
  background: linear-gradient(90deg, rgba(3, 7, 18, 0.74) 0%, rgba(3, 7, 18, 0.38) 50%, rgba(3, 7, 18, 0.08) 100%), linear-gradient(180deg, rgba(3, 7, 18, 0.14) 0%, rgba(3, 7, 18, 0.34) 100%);
}

.project-hero__copy {
  position: relative;
  z-index: 1;
  width: min(62vw, 900px);
  padding: clamp(32px, 6vw, 78px);
}

.project-hero__copy p {
  margin: 0 0 20px;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #ff3b30;
}

.project-hero__copy h1 {
  margin: 0;
  font-size: clamp(44px, 4.8vw, 78px);
  line-height: 1.14;
  letter-spacing: -0.045em;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.project-hero__copy div {
  margin-top: 24px;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.9;
  text-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.project-scroll {
  position: relative;
}

.project-scene {
  position: relative;
  min-height: 180vh;
}

.project-scene__sticky {
  position: sticky;
  top: var(--header-offset, 104px);
  display: grid;
  align-items: center;
  width: 100%;
  height: calc(100svh - var(--header-offset, 104px));
  overflow: hidden;
}

.project-scene--intro {
  background: #fff;
}

.project-intro {
  display: flex;
  flex-direction: column;
  gap: clamp(18px, 3vw, 36px);
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: clamp(40px, 7vw, 120px);
}

.project-intro__logo {
  width: min(76vw, 960px);
  height: auto;
  opacity: var(--intro-logo, 0);
  transform: translate3d(0, calc((1 - var(--intro-logo, 0)) * 44px), 0);
}

.project-intro__title {
  margin: 0;
  font-size: clamp(32px, 4.2vw, 74px);
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.045em;
  opacity: var(--intro-title, 0);
  transform: translate3d(0, calc((1 - var(--intro-title, 0)) * 44px), 0);
}

.project-scene--orbs,
.project-scene--reveal {
  background: #030303;
  color: #fff;
}

.project-orbs,
.project-reveal {
  position: relative;
  width: min(1400px, 100%);
  height: 100%;
  margin: 0 auto;
}

.project-orbs__disc,
.project-reveal__disc {
  position: absolute;
  display: grid;
  place-items: center;
  width: clamp(150px, 18vw, 290px);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  font-size: clamp(16px, 1.6vw, 24px);
  font-weight: 900;
  letter-spacing: 0.06em;
  will-change: transform, opacity;
}

.project-orbs__disc span,
.project-reveal__disc span {
  display: block;
  max-width: 72%;
  opacity: var(--scene-label, 0);
  transform: translateY(calc((1 - var(--scene-label, 0)) * 18px));
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.project-scene--orbs .project-orbs__disc--white {
  top: 16%;
  left: 18%;
  background: #fff;
  color: #030303;
  opacity: var(--orbs-enter, 0);
  transform: translate3d(0, calc((1 - var(--orbs-enter, 0)) * -110%), 0);
}

.project-scene--orbs .project-orbs__disc--red {
  bottom: 16%;
  left: 28%;
  background: #e80016;
  color: #fff;
  opacity: var(--orbs-enter, 0);
  transform: translate3d(0, calc((1 - var(--orbs-enter, 0)) * 110%), 0);
}

.project-scene--orbs .project-orbs__disc span {
  opacity: var(--orbs-label, 0);
  transform: translateY(calc((1 - var(--orbs-label, 0)) * 16px));
}

.project-scene--reveal .project-reveal__disc--white {
  top: 18%;
  left: 18%;
  border: 6px solid #fff;
  background: transparent;
  color: #fff;
  opacity: 1;
  transform: translate3d(0, calc((1 - var(--reveal-progress, 0)) * -34vh), 0);
}

.project-scene--reveal .project-reveal__disc--red {
  bottom: 16%;
  left: 30%;
  background: #e80016;
  color: #fff;
  opacity: 1;
  transform: translate3d(0, calc((1 - var(--reveal-progress, 0)) * 34vh), 0);
}

.project-reveal__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(72vw, 900px);
  height: auto;
  opacity: var(--reveal-logo, 0);
  transform: translate3d(-50%, calc(-50% + (1 - var(--reveal-logo, 0)) * 36px), 0);
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.16));
}

.project-scene--split {
  background: linear-gradient(180deg, #fff 0%, #f4f4f4 100%);
}

.project-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.96fr);
  gap: clamp(24px, 4vw, 80px);
  width: min(1500px, 100%);
  margin: 0 auto;
  padding: clamp(32px, 6vw, 104px);
  align-items: center;
}

.project-split__copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
  opacity: var(--split-progress, 0);
  transform: translate3d(0, calc((1 - var(--split-progress, 0)) * 36px), 0);
}

.project-split__copy small {
  display: block;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.project-split__copy small span {
  color: #ff3b30;
}

.project-split__copy h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 64px);
  line-height: 1.16;
  letter-spacing: -0.045em;
}

.project-split__copy p {
  margin: 0;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.9;
}

.project-split__link {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 8px;
  padding: 14px 22px;
  border: 1px solid currentColor;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, color 0.2s ease;
}

.project-split__link:hover,
.project-split__link:focus-visible {
  color: #fff;
  background: #030303;
}

.project-split__media {
  position: relative;
  min-height: clamp(420px, 54vw, 760px);
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.14);
  opacity: var(--split-progress, 0);
  transform: translate3d(0, calc((1 - var(--split-progress, 0)) * 36px), 0);
}

.project-split__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-scene--parallax {
  min-height: 200vh;
  background: #030303;
}

.project-parallax {
  position: relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  color: #fff;
  overflow: hidden;
}

.project-parallax__bg {
  position: absolute;
  inset: 0;
}

.project-parallax__bg img {
  width: 100%;
  height: 120%;
  object-fit: cover;
  filter: saturate(1.02) contrast(1.04) brightness(0.86);
  transform: translate3d(0, calc(var(--parallax-progress, 0) * -10vh), 0) scale(1.08);
}

.project-parallax::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(3, 7, 18, 0.12) 0%, rgba(3, 7, 18, 0.44) 100%);
  content: "";
}

.project-parallax__copy {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  padding: clamp(36px, 6vw, 104px);
  opacity: var(--parallax-progress, 0);
  transform: translate3d(0, calc((1 - var(--parallax-progress, 0)) * 36px), 0);
}

.project-parallax__copy small {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.project-parallax__copy small span {
  color: #ff3b30;
}

.project-parallax__copy h2 {
  margin: 0;
  font-size: clamp(36px, 4.4vw, 68px);
  line-height: 1.12;
  letter-spacing: -0.045em;
}

.project-parallax__copy p {
  margin: 18px 0 0;
  max-width: 760px;
  font-size: clamp(16px, 1.7vw, 24px);
  line-height: 1.9;
}

@media (max-width: 1100px) {
  .project-hero__copy {
    width: min(72vw, 760px);
  }
  .project-scene__sticky {
    top: var(--header-offset, 78px);
    height: calc(100svh - var(--header-offset, 78px));
  }
  .project-split {
    grid-template-columns: 1fr;
  }
  .project-split__media {
    min-height: 420px;
  }
  .project-scene--orbs .project-orbs__disc--white {
    left: 12%;
  }
  .project-scene--orbs .project-orbs__disc--red {
    left: 24%;
  }
  .project-scene--reveal .project-reveal__disc--white {
    left: 12%;
  }
  .project-scene--reveal .project-reveal__disc--red {
    left: 24%;
  }
}
@media (max-width: 760px) {
  .project-hero {
    display: block;
  }
  .project-hero__copy {
    width: 100%;
    padding: 28px 20px 34px;
  }
  .project-hero__copy h1 {
    font-size: clamp(34px, 8vw, 52px);
  }
  .project-hero__copy div {
    font-size: 16px;
    line-height: 1.8;
  }
  .project-scene {
    min-height: 150vh;
  }
  .project-scene__sticky {
    align-items: flex-start;
  }
  .project-intro {
    padding: 24px 20px 40px;
  }
  .project-intro__logo {
    width: 100%;
  }
  .project-intro__title {
    font-size: clamp(28px, 8vw, 46px);
  }
  .project-orbs__disc,
  .project-reveal__disc {
    width: min(42vw, 190px);
    font-size: 14px;
  }
  .project-scene--orbs .project-orbs__disc--white,
  .project-scene--reveal .project-reveal__disc--white {
    left: 6%;
  }
  .project-scene--orbs .project-orbs__disc--red,
  .project-scene--reveal .project-reveal__disc--red {
    left: 28%;
  }
  .project-reveal__logo {
    width: 88vw;
  }
  .project-split {
    gap: 20px;
    padding: 24px 20px 40px;
  }
  .project-split__media {
    min-height: 280px;
    border-radius: 18px;
  }
  .project-parallax__copy {
    padding: 28px 20px 40px;
  }
  .project-parallax__copy h2 {
    font-size: clamp(28px, 9vw, 42px);
  }
  .project-parallax__copy p {
    font-size: 16px;
    line-height: 1.8;
  }
}
/* Top contents menu */
body[data-page=top] .home-links {
  --card-ease: cubic-bezier(.16, 1, .3, 1);
  --card-duration: .62s;
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  min-width: 0;
  margin: 0;
  gap: 0;
  overflow: hidden;
  background: #fff;
}
body[data-page=top] .home-links .home-card {
  --card-image-x: 0px;
  --card-image-y: 0px;
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: clamp(480px, 45svh, 600px);
  padding: 0;
  overflow: hidden;
  color: #111;
  text-decoration: none;
  background: #0a0a0a;
  border: 0;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.85s var(--card-ease), transform 1s var(--card-ease), box-shadow 0.35s ease;
  isolation: isolate;
}
body[data-page=top] .home-links .home-card::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
  height: 1px;
  background: linear-gradient(90deg, #ff3b30, #34c759 50%, #007aff);
  content: "";
  pointer-events: none;
}
body[data-page=top] .home-links .home-card:last-child::after {
  content: none;
}
body[data-page=top] .home-links .home-card:focus-visible {
  z-index: 2;
  outline: 3px solid #e60012;
  outline-offset: -3px;
}
body[data-page=top] .home-links.is-motion-ready .home-card {
  opacity: 0;
  transform: translate3d(0, 64px, 0);
}
body[data-page=top] .home-links.is-motion-ready .home-card.is-inview {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body[data-page=top] .home-links .home-card__visual {
  position: absolute;
  inset: 0;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  background: #0a0a0a;
}
body[data-page=top] .home-links .home-card__visual::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.08) 52%, rgba(0, 0, 0, 0.35)), linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.35));
  content: "";
  pointer-events: none;
  transition: opacity 0.55s ease;
}
body[data-page=top] .home-links .home-card:nth-child(even) .home-card__visual::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.08) 52%, rgba(0, 0, 0, 0.35)), linear-gradient(180deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.35));
}
body[data-page=top] .home-links .home-card__image {
  position: absolute;
  inset: -2%;
  z-index: 1;
  width: 104%;
  height: 104%;
  object-fit: cover;
  filter: saturate(0.55) contrast(1.04) brightness(0.82);
  transform: translate3d(var(--card-image-x), var(--card-image-y), 0) scale(1.01);
  transition: transform 1.1s var(--card-ease), filter 0.75s ease;
  will-change: transform;
}
body[data-page=top] .home-links .home-card__mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  width: min(58%, 920px);
  height: 100%;
  opacity: 1;
  background: #fff;
  clip-path: none;
  transform: scaleX(1);
  transition: transform 0.9s var(--card-ease);
  will-change: transform;
}
body[data-page=top] .home-links .home-card__content {
  position: relative;
  z-index: 4;
  display: grid;
  width: min(52%, 820px);
  min-width: 0;
  min-height: inherit;
  padding: clamp(44px, 6vw, 100px) clamp(34px, 7vw, 120px);
  align-content: center;
  justify-items: start;
  color: #111;
  text-align: left;
  text-shadow: none;
  transition: color 0.45s ease, text-shadow 0.45s ease, transform 0.8s var(--card-ease);
}
body[data-page=top] .home-links .home-card__content small {
  display: flex;
  margin: 0 0 clamp(24px, 3vw, 44px);
  gap: 18px;
  align-items: center;
  font-size: clamp(12px, 0.95vw, 15px);
  font-style: italic;
  font-weight: 900;
  letter-spacing: 0.12em;
  transition: color 0.45s ease;
}
body[data-page=top] .home-links .home-card__content h2 {
  max-width: 720px;
  margin: 0 0 18px;
  font-size: clamp(34px, 4.1vw, 68px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -0.04em;
}
body[data-page=top] .home-links .home-card__content p {
  margin: 0;
  font-size: clamp(15px, 1.25vw, 20px);
  line-height: 1.8;
}
body[data-page=top] .home-links .home-card__index {
  color: #e60012;
  font-size: clamp(34px, 4.6vw, 72px);
  line-height: 0.72;
  letter-spacing: -0.07em;
  transition: color 0.45s ease;
}
body[data-page=top] .home-links .home-card__arrow {
  display: grid;
  width: 58px;
  height: 58px;
  margin-top: clamp(34px, 4vw, 58px);
  border: 1px solid currentColor;
  border-radius: 50%;
  place-items: center;
  color: #111;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  transition: color 0.35s ease, border-color 0.35s ease, background-color 0.35s ease, transform 0.55s var(--card-ease);
}
@media (min-width: 761px) {
  body[data-page=top] .home-links .home-card:nth-child(odd) .home-card__mask {
    right: auto;
    left: 0;
    transform-origin: left center;
  }
  body[data-page=top] .home-links .home-card:nth-child(odd) .home-card__content {
    margin-right: auto;
    margin-left: 0;
  }
  body[data-page=top] .home-links .home-card:nth-child(odd) .home-card__image {
    object-position: 72% center;
  }
  body[data-page=top] .home-links .home-card:nth-child(even) .home-card__mask {
    right: 0;
    left: auto;
    transform-origin: right center;
  }
  body[data-page=top] .home-links .home-card:nth-child(even) .home-card__content {
    margin-right: 0;
    margin-left: auto;
  }
  body[data-page=top] .home-links .home-card:nth-child(even) .home-card__image {
    object-position: 28% center;
  }
}
@media (hover: hover) and (pointer: fine) {
  body[data-page=top] .home-links .home-card:hover,
  body[data-page=top] .home-links .home-card:focus-visible {
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.16);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__content,
  body[data-page=top] .home-links .home-card:hover .home-card__index,
  body[data-page=top] .home-links .home-card:hover .home-card__arrow,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__content,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__index,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__arrow {
    color: #fff;
  }
  body[data-page=top] .home-links .home-card:hover .home-card__content,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__content {
    text-shadow: 0 10px 32px rgba(0, 0, 0, 0.24);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__image,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__image {
    filter: saturate(1.02) contrast(1.03) brightness(0.92);
    transform: translate3d(var(--card-image-x), var(--card-image-y), 0) scale(1.03);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__arrow,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__arrow {
    color: #111;
    border-color: #fff;
    background: #fff;
    transform: rotate(45deg);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__mask,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__mask {
    transform: scaleX(0);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__visual::before,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__visual::before {
    opacity: 0.68;
  }
  body[data-page=top] .home-links .home-card:nth-child(odd):hover .home-card__content,
  body[data-page=top] .home-links .home-card:nth-child(odd):focus-visible .home-card__content {
    transform: translate3d(12px, 0, 0);
  }
  body[data-page=top] .home-links .home-card:nth-child(even):hover .home-card__content,
  body[data-page=top] .home-links .home-card:nth-child(even):focus-visible .home-card__content {
    transform: translate3d(-12px, 0, 0);
  }
}
@media (max-width: 760px) {
  body[data-page=top] .home-links .home-card {
    min-height: 520px;
    background: #fff;
  }
  body[data-page=top] .home-links .home-card__visual {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: 60%;
  }
  body[data-page=top] .home-links .home-card__visual::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28));
  }
  body[data-page=top] .home-links .home-card:nth-child(even) .home-card__visual::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.28));
  }
  body[data-page=top] .home-links .home-card__image {
    object-position: center center;
  }
  body[data-page=top] .home-links .home-card__mask {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 49%;
    clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
    transform: none;
  }
  body[data-page=top] .home-links .home-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 45%;
    margin: 0;
    padding: 42px 20px 24px;
    align-content: center;
  }
  body[data-page=top] .home-links .home-card__content small {
    margin-bottom: 12px;
  }
  body[data-page=top] .home-links .home-card__content h2 {
    margin-bottom: 10px;
    font-size: clamp(25px, 7vw, 34px);
  }
  body[data-page=top] .home-links .home-card__content p {
    font-size: 14px;
    line-height: 1.65;
  }
  body[data-page=top] .home-links .home-card__arrow {
    width: 42px;
    height: 42px;
    margin-top: 16px;
    font-size: 17px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=top] .home-links .home-card,
  body[data-page=top] .home-links .home-card__mask,
  body[data-page=top] .home-links .home-card__content,
  body[data-page=top] .home-links .home-card__image,
  body[data-page=top] .home-links .home-card__index,
  body[data-page=top] .home-links .home-card__arrow {
    transition-duration: 0.01ms !important;
  }
  body[data-page=top] .home-links.is-motion-ready .home-card {
    opacity: 1;
    transform: none;
  }
  body[data-page=top] .home-links .home-card__image {
    --card-image-x: 0px;
    --card-image-y: 0px;
  }
}

/* Reference parity for the top contents menu */
body[data-page=top] .home-links {
  --allstar-red: #e60012;
}
body[data-page=top] .home-links__header {
  display: flex;
  width: min(1600px, 90vw);
  min-height: 200px;
  margin: 0 auto;
  padding: clamp(90px, 10vw, 60px) 0 clamp(70px, 8vw, 60px);
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #111;
  opacity: 0;
  transform: translate3d(0, 42px, 0);
  transition: opacity 0.9s var(--card-ease), transform 1.05s var(--card-ease);
}
body[data-page=top] .home-links__header.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
body[data-page=top] .home-links__header .section-kicker {
  margin: 0 0 0.8em;
  color: var(--allstar-red);
  font-size: clamp(12px, 0.9vw, 15px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.18em;
}
body[data-page=top] .home-links__header h2 {
  margin: 0;
  font-size: clamp(68px, 12vw, 90px);
  font-weight: 900;
  line-height: 0.72;
  letter-spacing: -0.08em;
}
body[data-page=top] .home-links .home-card {
  background: #0b0b0b;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}
body[data-page=top] .home-links .home-card::after {
  content: none;
}
body[data-page=top] .home-links .home-card:last-child {
  border-bottom: 0;
}
body[data-page=top] .home-links .home-card:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
body[data-page=top] .home-links .home-card__visual {
  inset: 0;
  height: auto;
  background: #0b0b0b;
}
body[data-page=top] .home-links .home-card__image {
  object-position: center center;
  transform: translate3d(var(--card-image-x), var(--card-image-y), 0) scale(1.04);
}
body[data-page=top] .home-links .home-card__content {
  max-width: none;
}
body[data-page=top] .home-links .home-card__content small {
  font-size: clamp(11px, 0.95vw, 15px);
  font-style: normal;
  letter-spacing: 0.15em;
}
body[data-page=top] .home-links .home-card__content h2 {
  max-width: 760px;
  margin-bottom: 20px;
  line-height: 1.12;
  letter-spacing: -0.045em;
}
body[data-page=top] .home-links .home-card__index {
  color: var(--allstar-red);
}
@media (min-width: 761px) {
  body[data-page=top] .home-links .home-card__mask {
    transform: scaleX(1);
  }
  body[data-page=top] .home-links .home-card__content {
    color: #111;
    text-shadow: none;
  }
  body[data-page=top] .home-links .home-card__arrow {
    color: #111;
    border-color: #111;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__mask {
    right: auto;
    left: 0;
    clip-path: none;
    transform: scaleX(1);
    transform-origin: left center;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__content {
    margin-right: auto;
    margin-left: 0;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__image {
    object-position: 84% center;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__mask {
    right: 0;
    left: auto;
    clip-path: none;
    transform: scaleX(1);
    transform-origin: right center;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__content {
    margin-right: 0;
    margin-left: auto;
  }
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__image {
    object-position: 16% center;
  }
}
@media (hover: hover) and (pointer: fine) {
  body[data-page=top] .home-links .home-card:hover .home-card__mask,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__mask {
    opacity: 1;
    transform: scaleX(0);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__content,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__content {
    color: #fff;
    text-shadow: 0 10px 32px rgba(0, 0, 0, 0.24);
    transform: translate3d(12px, 0, 0);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__index,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__index {
    color: #fff;
  }
  body[data-page=top] .home-links .home-card:hover .home-card__image,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__image {
    filter: saturate(1.02) contrast(1.03) brightness(0.92);
    transform: translate3d(var(--card-image-x), var(--card-image-y), 0) scale(1.03);
  }
  body[data-page=top] .home-links .home-card:hover .home-card__visual::before,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__visual::before {
    opacity: 0.68;
  }
  body[data-page=top] .home-links .home-card:hover .home-card__arrow,
  body[data-page=top] .home-links .home-card:focus-visible .home-card__arrow {
    color: #111;
    border-color: #fff;
    background: #fff;
    transform: rotate(45deg);
  }
  body[data-page=top] .home-links .home-card:nth-of-type(even):hover .home-card__content,
  body[data-page=top] .home-links .home-card:nth-of-type(even):focus-visible .home-card__content {
    transform: translate3d(-12px, 0, 0);
  }
}
@media (max-width: 760px) {
  body[data-page=top] .home-links__header {
    display: block;
    width: calc(100% - 40px);
    min-height: 250px;
    padding: 86px 0 64px;
  }
  body[data-page=top] .home-links__header h2 {
    margin-top: 30px;
    font-size: clamp(30px, 14vw, 116px);
  }
  body[data-page=top] .home-links .home-card {
    display: grid;
    min-height: 0;
    background: #fff;
    border: 0 !important;
  }
  body[data-page=top] .home-links .home-card::after {
    content: none !important;
    display: none !important;
  }
  body[data-page=top] .home-links .home-card__visual {
    position: relative;
    inset: auto;
    order: 2;
    width: 100%;
    height: auto;
    border: 0;
    background: #0b0b0b;
  }
  body[data-page=top] .home-links .home-card__visual::before {
    content: none;
  }
  body[data-page=top] .home-links .home-card__picture {
    position: relative;
    inset: auto;
    height: auto;
  }
  body[data-page=top] .home-links .home-card__image {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    filter: none;
    transform: none;
  }
  body[data-page=top] .home-links .home-card__mask,
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__mask,
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__mask {
    display: none;
  }
  body[data-page=top] .home-links .home-card__content,
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__content,
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__content {
    position: relative;
    inset: auto;
    order: 1;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 28px 22px 16px;
    align-content: end;
    color: #111;
    text-shadow: none;
    transform: none;
    margin-top: 30px;
  }
  body[data-page=top] .home-links .home-card__content small,
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__content small,
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__content small {
    margin-bottom: clamp(24px, 3vw, 44px);
  }
  body[data-page=top] .home-links .home-card__content h2,
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__content h2,
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__content h2 {
    margin-bottom: 20px;
    font-size: clamp(28px, 8vw, 40px);
  }
  body[data-page=top] .home-links .home-card__content p,
  body[data-page=top] .home-links .home-card:nth-of-type(odd) .home-card__content p,
  body[data-page=top] .home-links .home-card:nth-of-type(even) .home-card__content p {
    font-size: 14px;
    line-height: 1.8;
  }
  body[data-page=top] .home-links .home-card__arrow {
    width: 48px;
    height: 48px;
    margin-top: 26px;
    border-color: #111;
    color: #111;
    font-size: 22px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=top] .home-links__header {
    opacity: 1;
    transform: none;
    transition-duration: 0.01ms !important;
  }
}

.match-day-layout {
  --match-red: #f00012;
  --match-header-height: 80px;
  overflow: visible;
  color: #030303;
  background: #fff;
}

.match-day-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: min(56.25vw, 980px);
  min-height: 660px;
  overflow: hidden;
  color: #fff;
  background: #030303;
  isolation: isolate;
}
.match-day-hero__media, .match-day-hero__shade {
  position: absolute;
  inset: 0;
}
.match-day-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  transform: scale(1.035);
  animation: match-day-hero-in 7s cubic-bezier(0.2, 0.75, 0.25, 1) both;
}
.match-day-hero__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.42) 45%, rgba(0, 0, 0, 0.05) 78%), linear-gradient(180deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.42));
}
.match-day-hero__copy {
  position: relative;
  z-index: 2;
  width: min(1500px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(40px, 6vw, 100px);
}
.match-day-hero__copy > p {
  margin: 0 0 18px;
  font-size: clamp(16px, 1.45vw, 25px);
  font-weight: 900;
  letter-spacing: 0.04em;
}
.match-day-hero__copy > p span {
  color: var(--match-red);
  font-style: italic;
}
.match-day-hero__copy h1 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(54px, 6.2vw, 78px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.06em;
  text-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.match-day-hero__copy > div {
  max-width: 820px;
  margin-top: clamp(24px, 3vw, 46px);
  font-size: clamp(15px, 1.3vw, 22px);
  line-height: 1.9;
  text-shadow: 0 5px 18px rgba(0, 0, 0, 0.55);
}
.match-day-hero__scroll {
  position: absolute;
  right: clamp(22px, 3vw, 52px);
  bottom: clamp(26px, 3vw, 48px);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.2em;
  writing-mode: vertical-rl;
}
.match-day-hero__scroll::after {
  width: 1px;
  height: 74px;
  background: rgba(255, 255, 255, 0.8);
  content: "";
}

@keyframes match-day-hero-in {
  from {
    opacity: 0.6;
    transform: scale(1.11);
  }
  to {
    opacity: 1;
    transform: scale(1.035);
  }
}
.match-day-scene-title small,
.match-day-section-heading small {
  display: block;
  margin-bottom: 20px;
  font-size: clamp(13px, 1.2vw, 20px);
  font-weight: 900;
  letter-spacing: 0.08em;
}
.match-day-scene-title small span,
.match-day-section-heading small span {
  color: var(--match-red);
  font-style: italic;
}
.match-day-scene-title h2,
.match-day-section-heading h2 {
  margin: 0;
  font-size: clamp(44px, 5.2vw, 70px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.055em;
}
.match-day-scene-title--light,
.match-day-section-heading--light {
  color: #fff;
}

.match-day-scene-title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 12;
  width: min(900px, 100% - 48px);
  text-align: center;
  opacity: var(--match-title-progress, 0);
  transform: translate3d(-50%, calc(-50% + (1 - var(--match-title-progress, 0)) * 36px), 0);
  pointer-events: none;
  will-change: opacity, transform;
}

.match-day-section-heading {
  width: min(1320px, 100% - 96px);
  margin: 0 auto;
}

.match-day-assemble {
  position: relative;
  height: 330svh;
  scroll-margin-top: var(--match-header-height);
  color: #030303;
  background: #f0f0f0;
}
.match-day-assemble__stage {
  position: sticky;
  top: var(--match-header-height);
  width: 100%;
  height: calc(100svh - var(--match-header-height));
  overflow: hidden;
  background: radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.8), transparent 44%), #f0f0f0;
  perspective: 1200px;
  cursor: crosshair;
}
.match-day-assemble__stage::after {
  position: absolute;
  inset: 0;
  z-index: 30;
  background: radial-gradient(circle at center, transparent 48%, rgba(0, 0, 0, 0.12));
  pointer-events: none;
  content: "";
}
.match-day-assemble__collage {
  position: absolute;
  inset: 0;
}
.match-day-assemble__item {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: clamp(180px, 23vw, 410px);
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
  background: #fff;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
  opacity: 0;
  transform-origin: center;
  will-change: opacity, transform;
}
.match-day-assemble__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.03);
}
.match-day-assemble__item:nth-child(1) {
  z-index: 12;
  width: clamp(310px, 46vw, 760px);
}
.match-day-assemble__item:nth-child(2) {
  z-index: 9;
}
.match-day-assemble__item:nth-child(3) {
  z-index: 8;
  width: clamp(190px, 25vw, 430px);
}
.match-day-assemble__item:nth-child(4) {
  z-index: 10;
  width: clamp(180px, 21vw, 360px);
}
.match-day-assemble__item:nth-child(5) {
  z-index: 7;
  width: clamp(180px, 22vw, 380px);
}
.match-day-assemble__item:nth-child(6) {
  z-index: 15;
  width: clamp(130px, 15vw, 260px);
}
.match-day-assemble__item:nth-child(7), .match-day-assemble__item:nth-child(8) {
  z-index: 14;
  width: clamp(170px, 20vw, 345px);
}

.match-day-depth {
  position: relative;
  min-height: 290svh;
  padding: 18svh 5vw;
  color: #fff;
  background: #030303;
}
.match-day-depth__stage {
  position: sticky;
  top: var(--match-header-height);
  z-index: 2;
  display: grid;
  height: calc(100svh - var(--match-header-height));
  pointer-events: none;
  place-items: center;
  background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.11), transparent 36%), #030303;
}
.match-day-depth__collage {
  position: absolute;
  inset: 0;
}
.match-day-depth__item {
  position: absolute;
  z-index: 5;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 3/2;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.55);
  background: #111;
  will-change: translate;
}
.match-day-depth__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.78) saturate(0.92);
}
.match-day-depth__item:nth-child(1) {
  top: 8%;
  left: 5%;
  width: min(29vw, 440px);
  transform: rotate(-4deg);
}
.match-day-depth__item:nth-child(2) {
  top: 20%;
  right: 5%;
  width: min(25vw, 370px);
  transform: rotate(5deg);
}
.match-day-depth__item:nth-child(3) {
  top: 33%;
  left: 9%;
  width: min(22vw, 330px);
  transform: rotate(3deg);
}
.match-day-depth__item:nth-child(4) {
  top: 45%;
  right: 12%;
  width: min(27vw, 410px);
  transform: rotate(-6deg);
}
.match-day-depth__item:nth-child(5) {
  top: 58%;
  left: 3%;
  width: min(30vw, 470px);
  transform: rotate(-3deg);
}
.match-day-depth__item:nth-child(6) {
  top: 69%;
  right: 7%;
  width: min(20vw, 310px);
  transform: rotate(6deg);
}
.match-day-depth__item:nth-child(7) {
  top: 80%;
  left: 10%;
  width: min(26vw, 400px);
  transform: rotate(-5deg);
}
.match-day-depth__item:nth-child(8) {
  top: 88%;
  right: 4%;
  width: min(23vw, 350px);
  transform: rotate(4deg);
}

.match-day-film {
  position: relative;
  z-index: 10;
  height: 360svh;
  overflow: visible;
  background: #fff;
  isolation: isolate;
}
.match-day-film__stage {
  position: sticky;
  top: var(--match-header-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: calc(100svh - var(--match-header-height));
  min-height: min(680px, 100svh - var(--match-header-height));
  overflow: hidden;
  padding: clamp(42px, 5vh, 76px) 0 clamp(28px, 4vh, 58px);
}
.match-day-film__viewport {
  margin-top: clamp(30px, 4vh, 58px);
  outline: 0;
}
.match-day-film__track {
  display: flex;
  gap: clamp(18px, 2vw, 34px);
  padding: 0 max(4vw, 24px);
  will-change: transform;
}
.match-day-film__slide {
  flex: 0 0 min(56vw, 900px);
  margin: 0;
  opacity: 0.32;
  transform: scale(0.92);
  transition: opacity 0.45s ease, transform 0.6s cubic-bezier(0.22, 0.75, 0.2, 1);
}
.match-day-film__slide.is-active {
  opacity: 1;
  transform: scale(1);
}
.match-day-film__slide img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.match-day-film__slide figcaption {
  display: flex;
  gap: 12px;
  align-items: baseline;
  margin-top: 16px;
  font-size: clamp(13px, 1.15vw, 18px);
  font-weight: 900;
  letter-spacing: 0.06em;
}
.match-day-film__slide figcaption span {
  color: var(--match-red);
  font-style: italic;
}
.match-day-film__footer {
  width: min(1320px, 100% - 96px);
  margin: clamp(22px, 3vh, 42px) auto 0;
}
.match-day-film__progress {
  position: relative;
  width: 100%;
  height: 2px;
  overflow: hidden;
  background: #d4d4d4;
}
.match-day-film__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e60012 0%, #00a651 50%, #005bac 100%);
  transform: scaleX(var(--match-film-progress, 0));
  transform-origin: left center;
}
.match-day-film__controls {
  display: grid;
  grid-template-columns: 100px auto 100px;
  gap: 28px;
  align-items: center;
  width: 100%;
  margin: clamp(16px, 2vh, 28px) auto 0;
}
.match-day-film__controls button {
  min-height: 46px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #030303;
  background: transparent;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.12em;
  cursor: pointer;
}
.match-day-film__controls button:disabled {
  opacity: 0.28;
  cursor: default;
}
.match-day-film__controls button:focus-visible {
  outline: 2px solid var(--match-red);
  outline-offset: 5px;
}
.match-day-film__controls p {
  margin: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.match-day-film__controls p span {
  color: var(--match-red);
  font-size: 28px;
}

@media (max-height: 820px) and (min-width: 761px) {
  .match-day-film__stage {
    justify-content: flex-start;
    padding: clamp(18px, 3vh, 28px) 0 clamp(14px, 2.5vh, 22px);
  }
  .match-day-film .match-day-section-heading small {
    margin-bottom: 8px;
    font-size: clamp(11px, 2vh, 15px);
  }
  .match-day-film .match-day-section-heading h2 {
    font-size: clamp(30px, 7vh, 58px);
    line-height: 1;
  }
  .match-day-film__viewport {
    margin-top: clamp(10px, 2.5vh, 20px);
  }
  .match-day-film__slide {
    flex-basis: min(46vw, 680px);
  }
  .match-day-film__slide img {
    height: min(38vh, 320px);
    aspect-ratio: auto;
  }
  .match-day-film__slide figcaption {
    margin-top: 8px;
  }
  .match-day-film__footer {
    margin-top: clamp(10px, 2vh, 18px);
  }
  .match-day-film__controls {
    margin-top: 8px;
  }
  .match-day-film__controls button {
    min-height: 36px;
  }
  .match-day-film__controls p span {
    font-size: 22px;
  }
}
.match-day-area {
  padding: clamp(90px, 9vw, 160px) 0 clamp(110px, 11vw, 190px);
  background: #f0f0f0;
}
.match-day-area__map {
  position: relative;
  width: min(1400px, 100% - 96px);
  margin: clamp(56px, 7vw, 110px) auto 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.18);
  aspect-ratio: 835/532;
  background: #222;
}
.match-day-area__map::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), transparent 45%, rgba(0, 0, 0, 0.2));
  pointer-events: none;
  content: "";
}
.match-day-area__map > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.82) contrast(1.04) brightness(0.88);
}
.match-day-area__pin {
  position: absolute;
  top: var(--pin-y);
  left: var(--pin-x);
  z-index: 3;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 16px 0 0;
  border: 0;
  border-radius: 999px;
  color: #050505;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 9px 24px rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform 0.25s ease;
}
.match-day-area__pin b {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  border-radius: 50%;
  color: #fff;
  background: #050505;
  place-items: center;
}
.match-day-area__pin span {
  font-size: 14px;
  font-weight: 800;
  white-space: nowrap;
}
.match-day-area__pin:hover, .match-day-area__pin:focus-visible {
  transform: translate(-50%, -50%) scale(1.05);
}
.match-day-area__pin:focus-visible {
  outline: 3px solid var(--match-red);
  outline-offset: 3px;
}

body.match-day-area-modal-open {
  overflow: hidden;
}

.match-day-area-modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  align-items: end;
  color: #050505;
  background: rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(3px);
}
.match-day-area-modal[hidden] {
  display: none !important;
}
.match-day-area-modal__sheet {
  position: relative;
  width: 100%;
  min-height: min(72vh, 760px);
  padding: 0 22px calc(30px + env(safe-area-inset-bottom));
  border-radius: 46px 46px 0 0;
  background: #fff;
  box-shadow: 0 -18px 55px rgba(0, 0, 0, 0.2);
  animation: match-day-area-sheet-in 0.38s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.match-day-area-modal__close {
  position: absolute;
  top: 34px;
  left: 34px;
  z-index: 8;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  color: #050505;
  background: transparent;
  font-size: 46px;
  font-weight: 200;
  line-height: 1;
  cursor: pointer;
}
.match-day-area-modal__stage {
  position: relative;
  height: 360px;
  margin-top: -130px;
  overflow: hidden;
  touch-action: pan-y;
}
.match-day-area-modal__card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(46vw, 380px);
  padding: 0;
  overflow: hidden;
  border: 10px solid #fff;
  border-radius: 18px;
  aspect-ratio: 1/1;
  background: #ddd;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.18);
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: transform 0.46s cubic-bezier(0.22, 0.75, 0.25, 1), opacity 0.35s, filter 0.35s;
  will-change: transform;
}
.match-day-area-modal__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--area-photo-focus);
  pointer-events: none;
}
.match-day-area-modal__card[data-position="0"] {
  z-index: 4;
  opacity: 1;
  filter: none;
  transform: translate(-50%, -50%) translateX(0) rotate(0deg) scale(1);
}
.match-day-area-modal__card[data-position="-1"] {
  z-index: 3;
  opacity: 0.96;
  filter: saturate(0.85);
  transform: translate(-50%, -50%) translateX(calc(-1 * min(38vw, 390px))) rotate(-7deg) scale(0.8);
}
.match-day-area-modal__card[data-position="1"] {
  z-index: 3;
  opacity: 0.96;
  filter: saturate(0.85);
  transform: translate(-50%, -50%) translateX(min(38vw, 390px)) rotate(7deg) scale(0.8);
}
.match-day-area-modal__card[data-position="-2"] {
  z-index: 2;
  opacity: 0.5;
  transform: translate(-50%, -50%) translateX(calc(-1 * min(86vw, 700px))) rotate(-10deg) scale(0.62);
}
.match-day-area-modal__card[data-position="2"] {
  z-index: 2;
  opacity: 0.5;
  transform: translate(-50%, -50%) translateX(min(86vw, 700px)) rotate(10deg) scale(0.62);
}
.match-day-area-modal__card[data-hidden=true] {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.5);
}
.match-day-area-modal__meta {
  max-width: 850px;
  margin: -6px auto 0;
  padding: 16px 70px 0;
  text-align: center;
}
.match-day-area-modal__meta small {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
}
.match-day-area-modal__meta h3 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.35;
}
.match-day-area-modal__meta p {
  max-width: 720px;
  margin: 18px auto 0;
  font-size: 16px;
  line-height: 1.95;
}
.match-day-area-modal__controls {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
}
.match-day-area-modal__arrow {
  display: grid;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: #111;
  font-size: 32px;
  cursor: pointer;
  place-items: center;
}
.match-day-area-modal__dots {
  display: flex;
  gap: 9px;
}
.match-day-area-modal__dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c9c9c9;
  cursor: pointer;
}
.match-day-area-modal__dots button.is-active {
  background: #111;
  transform: scale(1.35);
}
.match-day-area-modal__count {
  min-width: 48px;
  font-size: 13px;
  font-weight: 700;
}

@keyframes match-day-area-sheet-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.match-day-schedule {
  padding: clamp(100px, 10vw, 180px) 0;
  color: #fff;
  background: #030303;
}
.match-day-schedule__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(1380px, 100% - 48px);
  margin: clamp(58px, 7vw, 110px) auto 0;
  border: 1px solid rgba(255, 255, 255, 0.36);
}
.match-day-schedule__tabs button {
  position: relative;
  display: flex;
  gap: clamp(16px, 2vw, 34px);
  align-items: baseline;
  justify-content: center;
  min-height: clamp(88px, 9vw, 132px);
  padding: 20px;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transition: color 0.35s ease, background-color 0.35s ease;
  align-items: center;
}
.match-day-schedule__tabs button + button {
  border-left: 1px solid rgba(255, 255, 255, 0.36);
}
.match-day-schedule__tabs button::before {
  position: absolute;
  inset: auto 0 0;
  height: 5px;
  background: var(--match-red);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s cubic-bezier(0.22, 0.75, 0.2, 1);
  content: "";
}
.match-day-schedule__tabs button span {
  font-size: clamp(13px, 1.15vw, 18px);
  font-weight: 900;
  letter-spacing: 0.12em;
}
.match-day-schedule__tabs button strong {
  font-size: clamp(28px, 3.2vw, 52px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
}
.match-day-schedule__tabs button:hover, .match-day-schedule__tabs button.is-active {
  color: #030303;
  background: #fff;
}
.match-day-schedule__tabs button:hover::before, .match-day-schedule__tabs button.is-active::before {
  transform: scaleX(1);
}
.match-day-schedule__tabs button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -6px;
}
.match-day-schedule__panels {
  width: min(1200px, 100% - 96px);
  margin: 0 auto;
}
.match-day-schedule__panel[hidden] {
  display: none;
}
.match-day-schedule__panel.is-active {
  animation: match-day-schedule-in 0.55s ease both;
}
.match-day-schedule__panel-head {
  display: flex;
  grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.5fr);
  gap: 20px;
  align-items: center;
  margin-top: clamp(54px, 7vw, 100px);
}
.match-day-schedule__panel-head p {
  grid-row: 1/3;
  margin: 0;
  color: var(--match-red);
  font-size: clamp(30px, 3.8vw, 58px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
}
.match-day-schedule__panel-head h3 {
  margin: 0;
  font-size: clamp(25px, 2.8vw, 44px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.035em;
}
.match-day-schedule__panel-head address {
  margin: 0;
  color: #aaa;
  font-size: clamp(13px, 1.1vw, 17px);
  font-style: normal;
  letter-spacing: 0.03em;
}
.match-day-schedule__table {
  overflow: visible;
}
.match-day-schedule__table-head, .match-day-schedule__list li {
  display: grid;
  grid-template-columns: clamp(96px, 10vw, 144px) repeat(var(--schedule-columns), minmax(210px, 1fr));
  width: 100%;
  min-width: 0;
}
.match-day-schedule__table-head {
  position: sticky;
  top: var(--match-header-height);
  z-index: 5;
  min-height: 72px;
  color: #030303;
  background: #fff;
}
.match-day-schedule__table-head span,
.match-day-schedule__table-head strong {
  display: flex;
  align-items: center;
  padding: 18px clamp(16px, 2vw, 30px);
  font-size: clamp(12px, 1.05vw, 15px);
  font-weight: 900;
  letter-spacing: 0.08em;
  justify-content: center;
}
.match-day-schedule__table-head span {
  color: var(--match-red);
  font-style: italic;
}
.match-day-schedule__table-head strong {
  border-left: 1px solid #d4d4d4;
}
.match-day-schedule__list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.match-day-schedule__list li {
  min-height: clamp(92px, 9vw, 132px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.match-day-schedule__list li.is-continuation {
  min-height: clamp(72px, 7vw, 104px);
}
.match-day-schedule__list time {
  display: flex;
  align-items: center;
  padding: clamp(24px, 2.5vw, 30px) clamp(12px, 1.5vw, 22px);
  color: var(--match-red);
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
}
.match-day-schedule__cell {
  padding: clamp(22px, 2.4vw, 30px) clamp(16px, 2vw, 22px);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.7;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.match-day-schedule__cell.is-empty {
  color: rgba(255, 255, 255, 0.18);
}
.match-day-schedule__note {
  width: min(1200px, 100% - 96px);
  margin: 28px auto 0;
  color: #888;
  font-size: 12px;
}

@keyframes match-day-schedule-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 1100px) {
  .match-day-layout {
    --match-header-height: 78px;
  }
  .match-day-hero {
    min-height: 620px;
  }
  .match-day-hero__copy {
    width: calc(100% - 48px);
    padding: 48px 24px;
  }
}
@media (max-width: 760px) {
  .match-day-hero {
    height: calc(100svh - 68px);
    min-height: 570px;
  }
  .match-day-hero__media img {
    object-position: 60% center;
  }
  .match-day-hero__shade {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.2)), linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.76));
  }
  .match-day-hero__copy {
    width: 100%;
    padding: 34px 22px;
  }
  .match-day-hero__copy h1 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .match-day-hero__copy > div {
    font-size: 14px;
  }
  .match-day-hero__copy > div br {
    display: none;
  }
  .match-day-hero__scroll {
    right: 14px;
    bottom: 18px;
  }
  .match-day-scene-title small,
  .match-day-section-heading small {
    margin-bottom: 13px;
    font-size: 12px;
  }
  .match-day-scene-title h2,
  .match-day-section-heading h2 {
    font-size: clamp(34px, 10.5vw, 50px);
  }
  .match-day-scene-title {
    width: calc(100% - 34px);
  }
  .match-day-section-heading {
    width: calc(100% - 40px);
  }
  .match-day-assemble {
    height: 280svh;
  }
  .match-day-assemble__item {
    top: 50%;
    left: 50%;
    width: 42vw;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24);
  }
  .match-day-assemble__item:nth-child(1) {
    width: 78vw;
  }
  .match-day-assemble__item:nth-child(2) {
    width: 42vw;
  }
  .match-day-assemble__item:nth-child(3) {
    width: 42vw;
  }
  .match-day-assemble__item:nth-child(4) {
    width: 42vw;
  }
  .match-day-assemble__item:nth-child(5) {
    width: 42vw;
  }
  .match-day-assemble__item:nth-child(6) {
    width: 30vw;
  }
  .match-day-assemble__item:nth-child(7), .match-day-assemble__item:nth-child(8) {
    display: block;
    width: 40vw;
  }
  .match-day-depth {
    min-height: 310svh;
    padding-inline: 16px;
  }
  .match-day-depth__item {
    width: 54vw;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34);
  }
  .match-day-depth__item:nth-child(1) {
    top: 8%;
    right: auto;
    left: 3%;
    width: 54vw;
  }
  .match-day-depth__item:nth-child(2) {
    top: 20%;
    right: 3%;
    left: auto;
    width: 54vw;
  }
  .match-day-depth__item:nth-child(3) {
    top: 33%;
    right: auto;
    left: 6%;
    width: 46vw;
  }
  .match-day-depth__item:nth-child(4) {
    top: 45%;
    right: 4%;
    left: auto;
    width: 58vw;
  }
  .match-day-depth__item:nth-child(5) {
    top: 58%;
    right: auto;
    left: 2%;
    width: 62vw;
  }
  .match-day-depth__item:nth-child(6) {
    top: 69%;
    right: 5%;
    left: auto;
    width: 42vw;
  }
  .match-day-depth__item:nth-child(7) {
    top: 80%;
    right: auto;
    left: 5%;
    width: 55vw;
  }
  .match-day-depth__item:nth-child(8) {
    top: 89%;
    right: 3%;
    left: auto;
    display: block;
    width: 48vw;
  }
  .match-day-film {
    height: 330svh;
  }
  .match-day-film__stage {
    min-height: min(560px, 100svh - var(--match-header-height));
    padding: 34px 0 24px;
  }
  .match-day-film__viewport {
    margin-top: 28px;
  }
  .match-day-film__track {
    gap: 14px;
    padding: 0 20px;
  }
  .match-day-film__slide {
    flex-basis: 84vw;
  }
  .match-day-film__footer {
    width: calc(100% - 40px);
    margin-top: 22px;
  }
  .match-day-film__controls {
    grid-template-columns: 72px auto 72px;
    gap: 14px;
    width: 100%;
    margin-top: 16px;
  }
  .match-day-film__controls button {
    font-size: 11px;
  }
  .match-day-area {
    padding: 76px 0 90px;
  }
  .match-day-area__map {
    width: calc(100% - 40px);
    margin-top: 44px;
    aspect-ratio: 835/532;
  }
  .match-day-area__pin {
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .match-day-area__pin b {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    background: #050505;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
    font-size: 12px;
  }
  .match-day-area__pin span {
    display: none;
  }
  .match-day-area-modal__sheet {
    min-height: 72vh;
    padding: 0 16px calc(22px + env(safe-area-inset-bottom));
    border-radius: 38px 38px 0 0;
  }
  .match-day-area-modal__close {
    top: 27px;
    left: 24px;
    width: 44px;
    height: 44px;
    font-size: 40px;
  }
  .match-day-area-modal__stage {
    height: 310px;
    margin-top: -105px;
  }
  .match-day-area-modal__card {
    width: 64vw;
    max-width: 290px;
    border-width: 7px;
    border-radius: 13px;
  }
  .match-day-area-modal__card[data-position="-1"] {
    transform: translate(-50%, -50%) translateX(-58vw) rotate(-8deg) scale(0.82);
  }
  .match-day-area-modal__card[data-position="1"] {
    transform: translate(-50%, -50%) translateX(58vw) rotate(8deg) scale(0.82);
  }
  .match-day-area-modal__meta {
    margin-top: -8px;
    padding: 10px 18px 0;
    text-align: left;
  }
  .match-day-area-modal__meta small {
    font-size: 11px;
  }
  .match-day-area-modal__meta h3 {
    font-size: 25px;
  }
  .match-day-area-modal__meta p {
    font-size: 14px;
    line-height: 1.75;
  }
  .match-day-area-modal__controls {
    justify-content: space-between;
    margin-top: 20px;
    padding: 0 16px;
  }
  .match-day-area-modal__arrow {
    display: none;
  }
  .match-day-area-modal__count {
    text-align: right;
  }
  .match-day-schedule {
    padding: 82px 0;
  }
  .match-day-schedule__tabs {
    width: calc(100% - 40px);
    margin-top: 44px;
  }
  .match-day-schedule__tabs button {
    flex-direction: column;
    gap: 8px;
    align-items: center;
    min-height: 96px;
    padding: 14px 8px;
  }
  .match-day-schedule__tabs button strong {
    font-size: 25px;
  }
  .match-day-schedule__panels {
    width: calc(100% - 40px);
    min-height: 620px;
  }
  .match-day-schedule__panel-head {
    display: block;
    margin-top: 42px;
  }
  .match-day-schedule__panel-head p {
    margin-bottom: 15px;
    font-size: 34px;
  }
  .match-day-schedule__panel-head h3 {
    font-size: 24px;
  }
  .match-day-schedule__panel-head address {
    margin-top: 8px;
  }
  .match-day-schedule__table {
    width: 100%;
    margin-top: 28px;
  }
  .match-day-schedule__table-head, .match-day-schedule__list li {
    grid-template-columns: 58px repeat(var(--schedule-columns), minmax(0, 1fr));
    min-width: 0;
  }
  .match-day-schedule__table-head {
    min-height: 58px;
  }
  .match-day-schedule__table-head span,
  .match-day-schedule__table-head strong {
    padding: 10px 7px;
    font-size: 10px;
    line-height: 1.3;
    letter-spacing: 0;
  }
  .match-day-schedule__list {
    width: 100%;
    margin: 0;
  }
  .match-day-schedule__list time {
    padding: 20px 5px;
    font-size: 16px;
  }
  .match-day-schedule__cell {
    padding: 18px 7px;
    font-size: 11px;
    line-height: 1.55;
  }
  .match-day-schedule__note {
    width: calc(100% - 40px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .subpage-hero__media img,
  .match-day-hero__media img {
    animation: none;
  }
  .match-day-assemble,
  .match-day-depth {
    height: auto;
  }
  .match-day-assemble__stage,
  .match-day-depth__stage {
    position: relative;
    height: min(900px, 100svh);
  }
  .match-day-assemble__item,
  .match-day-assemble .match-day-scene-title,
  .match-day-depth__item,
  .match-day-depth .match-day-scene-title {
    opacity: 1;
    transform: none;
  }
  .match-day-film__track,
  .match-day-film__slide {
    transition: none;
  }
  .match-day-film {
    height: auto !important;
    padding: 80px 0;
  }
  .match-day-film__stage {
    position: relative;
    height: auto;
    min-height: 0;
    padding: 0;
  }
  .match-day-film__viewport {
    overflow-x: auto;
  }
  .match-day-film__track {
    transform: none !important;
  }
}
body[data-page=match] .match-day-heading {
  width: min(1380px, 100% - 64px);
  margin: 0 auto clamp(42px, 5vw, 72px);
}
body[data-page=match] .match-day-heading p {
  margin: 0 0 18px;
  color: #f00012;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
}
body[data-page=match] .match-day-heading h2 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 62px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.065em;
}
body[data-page=match] .match-day-gallery-area {
  position: relative;
  overflow: hidden;
  background: #fff;
}
body[data-page=match] .match-day-masonry-section {
  position: relative;
  padding: 6px 8px 8px;
  overflow: hidden;
  background: transparent;
}
body[data-page=match] .match-day-masonry {
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
body[data-page=match] .match-day-masonry.is-reveal-ready .match-day-masonry__item {
  opacity: 0;
  transition: opacity 0.8s ease var(--match-gallery-reveal-delay, 0ms);
}
body[data-page=match] .match-day-masonry.is-reveal-ready .match-day-masonry__item.is-revealed {
  opacity: 1;
}
body[data-page=match] .match-day-masonry__grid {
  width: 100%;
}
body[data-page=match] .match-day-masonry__grid:not(.is-enhanced) {
  columns: 5 230px;
  column-gap: 6px;
}
body[data-page=match] .match-day-masonry__grid:not(.is-enhanced) .match-day-masonry__item {
  display: block;
  width: 100%;
  margin: 0 0 6px;
  break-inside: avoid;
}
body[data-page=match] .match-day-masonry__grid.is-enhanced {
  display: flex;
  gap: 6px;
  align-items: stretch;
}
body[data-page=match] .match-day-masonry__column {
  display: flex;
  min-width: 0;
  flex: var(--column-weight) 1 0;
  flex-direction: column;
  gap: 6px;
}
body[data-page=match] .match-day-masonry__column > .match-day-masonry__item:last-child {
  flex: 1 1 0;
  min-height: 0;
  aspect-ratio: auto;
}
body[data-page=match] .match-day-masonry__item {
  position: relative;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  aspect-ratio: var(--tile-ratio, 1);
  color: #111;
  background: #ededed;
  cursor: zoom-in;
  appearance: none;
  isolation: isolate;
}
body[data-page=match] .match-day-masonry__item::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  content: "";
  pointer-events: none;
}
body[data-page=match] .match-day-masonry__item picture,
body[data-page=match] .match-day-masonry__item img {
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page=match] .match-day-masonry__item img {
  object-fit: cover;
  object-position: center;
  filter: saturate(0.96) contrast(1.02);
  transform: scale(1.001);
  transition: transform 0.7s cubic-bezier(0.2, 0.78, 0.2, 1), filter 0.35s ease;
}
body[data-page=match] .match-day-masonry__item:hover img, body[data-page=match] .match-day-masonry__item:focus-visible img {
  filter: saturate(1.08) contrast(1.04);
  transform: scale(1.025);
}
body[data-page=match] .match-day-masonry__item:focus-visible {
  z-index: 4;
  outline: 3px solid #f00012;
  outline-offset: -3px;
}
body[data-page=match] .match-day-dazn-message {
  padding: clamp(74px, 9vw, 132px) 24px clamp(84px, 9.5vw, 142px);
  background: #fff;
  text-align: center;
}
body[data-page=match] .match-day-dazn-message__inner {
  width: min(1040px, 100%);
  margin: 0 auto;
}
body[data-page=match] .match-day-dazn-message__body {
  display: grid;
  gap: clamp(26px, 3vw, 42px);
}
body[data-page=match] .match-day-dazn-message__body p {
  margin: 0;
  font-size: clamp(15px, 1.35vw, 20px);
  font-weight: 700;
  line-height: 2.25;
  letter-spacing: 0.05em;
}
body[data-page=match] .match-day-dazn-message__logo {
  display: block;
  width: min(620px, 72vw);
  height: auto;
  margin: clamp(52px, 6vw, 78px) auto 0;
}
body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__body p,
body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__logo {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.72s cubic-bezier(0.2, 0.78, 0.2, 1), transform 0.72s cubic-bezier(0.2, 0.78, 0.2, 1);
  transition-delay: var(--match-day-dazn-line-delay, 80ms);
}
body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__body p.is-match-day-dazn-line-visible,
body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__logo.is-match-day-dazn-line-visible {
  opacity: 1;
  transform: none;
}
body[data-page=match].match-day-modal-open {
  overflow: hidden;
}
body[data-page=match] .match-day-photo-modal {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #050505;
}
body[data-page=match] .match-day-photo-modal::backdrop {
  background: #050505;
}
body[data-page=match] .match-day-photo-modal__shell {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  padding: clamp(58px, 7vh, 92px) clamp(62px, 8vw, 132px) clamp(50px, 6vh, 78px);
  place-items: center;
}
body[data-page=match] .match-day-photo-modal__stage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  touch-action: pan-y;
}
body[data-page=match] .match-day-photo-modal__stage picture,
body[data-page=match] .match-day-photo-modal__stage img {
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page=match] .match-day-photo-modal__stage img {
  object-fit: contain;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.22s ease, transform 0.45s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=match] .match-day-photo-modal__stage img.is-changing {
  opacity: 0.16;
  transform: scale(0.985);
}
body[data-page=match] .match-day-photo-modal__close {
  position: absolute;
  z-index: 5;
  top: 22px;
  right: 24px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  background: rgba(5, 5, 5, 0.35);
  cursor: pointer;
  backdrop-filter: blur(8px);
}
body[data-page=match] .match-day-photo-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
body[data-page=match] .match-day-photo-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
body[data-page=match] .match-day-photo-modal__close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
body[data-page=match] .match-day-photo-modal__arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  min-width: 62px;
  padding: 18px 10px;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
  cursor: pointer;
  transform: translateY(-50%);
}
body[data-page=match] .match-day-photo-modal__arrow::after {
  display: block;
  width: 34px;
  height: 1px;
  margin-top: 10px;
  background: currentColor;
  content: "";
  transition: width 0.25s ease;
}
body[data-page=match] .match-day-photo-modal__arrow:hover::after, body[data-page=match] .match-day-photo-modal__arrow:focus-visible::after {
  width: 48px;
}
body[data-page=match] .match-day-photo-modal__arrow:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
body[data-page=match] .match-day-photo-modal__arrow--prev {
  left: 18px;
  text-align: left;
}
body[data-page=match] .match-day-photo-modal__arrow--next {
  right: 18px;
  text-align: right;
}
body[data-page=match] .match-day-photo-modal__arrow--next::after {
  margin-left: auto;
}
body[data-page=match] .match-day-photo-modal__status {
  position: absolute;
  right: clamp(62px, 8vw, 132px);
  bottom: 22px;
  left: clamp(62px, 8vw, 132px);
  display: flex;
  gap: 18px;
  align-items: center;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
body[data-page=match] .match-day-photo-modal__status i {
  position: relative;
  height: 1px;
  overflow: hidden;
  flex: 1;
  background: rgba(255, 255, 255, 0.22);
}
body[data-page=match] .match-day-photo-modal__status b {
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(var(--match-photo-progress, 0));
  transform-origin: left;
  transition: transform 0.35s ease;
}
body[data-page=match] .match-day-area {
  position: relative;
  padding: clamp(105px, 12vw, 190px) 0;
  overflow: hidden;
  background: transparent;
}
body[data-page=match] .match-day-area::before {
  position: absolute;
  top: -220px;
  right: -150px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
body[data-page=match] .match-day-area__layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  gap: 18px;
  align-items: start;
  width: min(1420px, 100% - 48px);
  margin: 0 auto;
}
body[data-page=match] .match-day-area__viewport {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #dfe7dd;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.12);
}
body[data-page=match] .match-day-area__canvas {
  position: relative;
  width: 100%;
  aspect-ratio: 1702/1627;
  isolation: isolate;
}
body[data-page=match] .match-day-area__base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[data-page=match] .match-day-area__veil {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03) 45%, rgba(255, 255, 255, 0.22)), linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 35%, transparent 65%, rgba(255, 255, 255, 0.12));
  content: "";
  pointer-events: none;
}
body[data-page=match] .match-day-area__pins {
  position: absolute;
  z-index: 4;
  inset: 0;
}
body[data-page=match] .match-day-area__guide {
  position: absolute;
  z-index: 5;
  right: 18px;
  bottom: 18px;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 11px 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 9px 30px rgba(0, 0, 0, 0.14);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  backdrop-filter: blur(8px);
}
body[data-page=match] .match-day-area__guide i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f00012;
  box-shadow: 0 0 0 6px rgba(240, 0, 18, 0.12);
}
body[data-page=match] .match-day-area__pin {
  position: absolute;
  z-index: 2;
  top: var(--pin-y);
  left: var(--pin-x);
  display: grid;
  min-width: 116px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  place-items: center;
  transform: translate(-50%, -50%);
  transition: z-index 0s, transform 0.42s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=match] .match-day-area__pin:hover, body[data-page=match] .match-day-area__pin:focus-visible, body[data-page=match] .match-day-area__pin.is-active {
  z-index: 10;
  transform: translate(-50%, -50%) translateY(-6px) scale(1.025);
}
body[data-page=match] .match-day-area__pin:focus-visible {
  outline: 3px solid var(--pin-accent);
  outline-offset: 4px;
}
body[data-page=match] .match-day-area__pin-stack {
  position: relative;
  display: block;
  width: 104px;
  height: 70px;
}
body[data-page=match] .match-day-area__pin-stack picture {
  position: absolute;
  top: 7px;
  width: 62px;
  height: 54px;
  border: 3px solid #fff;
  border-radius: 4px;
  object-fit: cover;
  background: #ddd;
  transition: transform 0.42s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=match] .match-day-area__pin-stack picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[data-page=match] .match-day-area__pin-stack picture:nth-child(1) {
  left: 0;
  transform: rotate(-8deg);
}
body[data-page=match] .match-day-area__pin-stack picture:nth-child(2) {
  left: 21px;
  z-index: 2;
  transform: translateY(-6px);
}
body[data-page=match] .match-day-area__pin-stack picture:nth-child(3) {
  right: 0;
  transform: rotate(8deg);
}
body[data-page=match] .match-day-area .match-day-area__pin:hover .match-day-area__pin-stack picture:nth-child(1),
body[data-page=match] .match-day-area .match-day-area__pin:focus-visible .match-day-area__pin-stack picture:nth-child(1),
body[data-page=match] .match-day-area .match-day-area__pin.is-active .match-day-area__pin-stack picture:nth-child(1) {
  transform: translateX(-9px) rotate(-11deg);
}
body[data-page=match] .match-day-area .match-day-area__pin:hover .match-day-area__pin-stack picture:nth-child(2),
body[data-page=match] .match-day-area .match-day-area__pin:focus-visible .match-day-area__pin-stack picture:nth-child(2),
body[data-page=match] .match-day-area .match-day-area__pin.is-active .match-day-area__pin-stack picture:nth-child(2) {
  transform: translateY(-11px);
}
body[data-page=match] .match-day-area .match-day-area__pin:hover .match-day-area__pin-stack picture:nth-child(3),
body[data-page=match] .match-day-area .match-day-area__pin:focus-visible .match-day-area__pin-stack picture:nth-child(3),
body[data-page=match] .match-day-area .match-day-area__pin.is-active .match-day-area__pin-stack picture:nth-child(3) {
  transform: translateX(9px) rotate(11deg);
}
body[data-page=match] .match-day-area__pin-label {
  position: relative;
  z-index: 3;
  display: block;
  max-width: 190px;
  margin-top: -2px;
  padding: 7px 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  color: #111;
  background: rgba(255, 255, 255, 0.95);
  opacity: 1;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
  transform: none;
  transition: color 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, transform 0.35s ease;
}
body[data-page=match] .match-day-area .match-day-area__pin:hover .match-day-area__pin-label,
body[data-page=match] .match-day-area .match-day-area__pin:focus-visible .match-day-area__pin-label {
  border-color: var(--pin-accent);
  color: #fff;
  background: var(--pin-accent);
  transform: translateY(-2px);
}
body[data-page=match] .match-day-area .match-day-area__pin.is-active .match-day-area__pin-label {
  border-color: var(--pin-accent);
  color: #fff;
  background: var(--pin-accent);
  transform: translateY(-2px);
}
body[data-page=match] .match-day-area__preview {
  position: sticky;
  top: 94px;
  overflow: hidden;
  color: #fff;
  background: #0a0a0a;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}
body[data-page=match] .match-day-area__preview-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/3;
  background: #222;
}
body[data-page=match] .match-day-area__preview-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.42));
  content: "";
}
body[data-page=match] .match-day-area__preview-media picture,
body[data-page=match] .match-day-area__preview-media img {
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page=match] .match-day-area__preview-media img {
  object-fit: cover;
  transition: opacity 0.25s ease, transform 0.6s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=match] .match-day-area__preview.is-changing body[data-page=match] .match-day-area__preview-media img {
  opacity: 0.3;
  transform: scale(1.025);
}
body[data-page=match] .match-day-area__preview-body {
  padding: 30px;
}
body[data-page=match] .match-day-area__preview-body > p {
  margin: 0 0 18px;
  color: #ff5663;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}
body[data-page=match] .match-day-area__preview-body h3 {
  margin: 0;
  font-size: clamp(30px, 2.6vw, 40px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
}
body[data-page=match] .match-day-area__preview-body > span {
  display: block;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
body[data-page=match] .match-day-area__preview-body button {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 60px;
  margin-top: 28px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}
body[data-page=match] .match-day-area__preview-body button:hover, body[data-page=match] .match-day-area__preview-body button:focus-visible {
  border-color: #f00012;
  background: #f00012;
}
body[data-page=match] .match-day-area__preview-body button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
body[data-page=match] .match-day-area-sheet {
  --match-day-area-sheet-vh: 100dvh;
  --match-day-area-sheet-shell-height: min(62dvh, 620px);
  --match-day-area-sheet-mobile-shell-height: 54dvh;
  position: fixed;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100vh;
  height: var(--match-day-area-sheet-vh);
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
}
body[data-page=match] .match-day-area-sheet[open] {
  display: flex;
  align-items: flex-end;
}
body[data-page=match] .match-day-area-sheet::backdrop {
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(7px);
}
body[data-page=match] .match-day-area-sheet__shell {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  height: min(82vh, 780px);
  height: min(82dvh, 780px);
  height: var(--match-day-area-sheet-shell-height);
  overflow: hidden;
  color: #fff;
  background: #0a0a0a;
  box-shadow: 0 -28px 90px rgba(0, 0, 0, 0.42);
  transform: translateY(0);
  will-change: transform;
}
body[data-page=match] .match-day-area-sheet.is-opening .match-day-area-sheet__shell {
  animation: match-day-area-sheet-in-v6 0.52s cubic-bezier(0.2, 0.78, 0.2, 1) both;
}
body[data-page=match] .match-day-area-sheet.is-closing .match-day-area-sheet__shell {
  animation: match-day-area-sheet-out-v1 0.36s cubic-bezier(0.55, 0.06, 0.68, 0.19) both;
}
body[data-page=match] .match-day-area-sheet__head {
  position: relative;
  display: flex;
  gap: 28px;
  align-items: end;
  justify-content: space-between;
  padding: 26px clamp(76px, 7vw, 110px) 24px clamp(26px, 5vw, 76px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
body[data-page=match] .match-day-area-sheet__head small {
  color: #ff4b59;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.17em;
}
body[data-page=match] .match-day-area-sheet__head h3 {
  margin: 8px 0 0;
  font-size: clamp(30px, 4vw, 56px);
  line-height: 0.95;
  font-weight: 900;
}
body[data-page=match] .match-day-area-sheet__head > span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
body[data-page=match] .match-day-area-sheet__close {
  position: absolute;
  top: 20px;
  right: 22px;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  color: #fff;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
}
body[data-page=match] .match-day-area-sheet__close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
body[data-page=match] .match-day-area-sheet__viewer {
  position: relative;
  min-height: 0;
  overflow: hidden;
}
body[data-page=match] .match-day-area-sheet__rail {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 100%;
  padding: 16px clamp(52px, 6vw, 92px) 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
}
body[data-page=match] .match-day-area-sheet__rail::-webkit-scrollbar {
  display: none;
}
body[data-page=match] .match-day-area-sheet__slide {
  position: relative;
  min-width: 280px;
  max-height: 100%;
  aspect-ratio: 3/2;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: #171717;
  flex: 0 0 calc((100% - 10px) / 2);
  opacity: 0.48;
  cursor: pointer;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  transform: scale(0.94);
  transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.78, 0.2, 1), border-color 0.35s ease;
}
body[data-page=match] .match-day-area-sheet__slide.is-active {
  border-color: #fff;
  opacity: 1;
  transform: scale(1);
}
body[data-page=match] .match-day-area-sheet__slide picture,
body[data-page=match] .match-day-area-sheet__slide img {
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page=match] .match-day-area-sheet__slide img {
  object-fit: cover;
}
body[data-page=match] .match-day-area-sheet__slide:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -3px;
}
body[data-page=match] .match-day-area-sheet__arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 48px;
  height: 70px;
  padding: 0;
  border: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.48);
  font-size: 34px;
  cursor: pointer;
  transform: translateY(-50%);
}
body[data-page=match] .match-day-area-sheet__arrow--prev {
  left: 0;
}
body[data-page=match] .match-day-area-sheet__arrow--next {
  right: 0;
}
body[data-page=match] .match-day-area-sheet__arrow:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}
body[data-page=match] .match-day-schedule {
  padding: clamp(100px, 11vw, 180px) 0;
  color: #080808;
  background: #f4f4f1;
}
body[data-page=match] .match-day-schedule__tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto clamp(54px, 6vw, 80px);
  border: 1px solid #111;
}
body[data-page=match] .match-day-schedule__tabs button {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 4px 20px;
  align-items: end;
  min-height: 116px;
  padding: 24px 30px;
  border: 0;
  color: #111;
  background: #fff;
  text-align: left;
  cursor: pointer;
}
body[data-page=match] .match-day-schedule__tabs button + button {
  border-left: 1px solid #111;
}
body[data-page=match] .match-day-schedule__tabs button small {
  grid-row: 1/3;
  color: #888;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
  writing-mode: vertical-rl;
}
body[data-page=match] .match-day-schedule__tabs button strong {
  font-size: clamp(31px, 3.2vw, 44px);
  font-weight: 900;
}
body[data-page=match] .match-day-schedule__tabs button span {
  font-size: clamp(13px, 1.15vw, 16px);
  font-weight: 900;
  letter-spacing: 0.11em;
}
body[data-page=match] .match-day-schedule__tabs button.is-active {
  color: #fff;
  background: #111;
}
body[data-page=match] .match-day-schedule__tabs button.is-active small {
  color: rgba(255, 255, 255, 0.6);
}
body[data-page=match] .match-day-schedule__tabs button:focus-visible {
  outline: 3px solid #f00012;
  outline-offset: -5px;
}
body[data-page=match] .match-day-schedule__panels {
  width: min(1380px, 100% - 48px);
  min-height: 0;
  margin: 0 auto;
}
body[data-page=match] .match-day-schedule__panel[hidden] {
  display: none;
}
body[data-page=match] .match-day-schedule__panel.is-active {
  animation: none;
}
body[data-page=match] .match-day-schedule__panel-head {
  display: flex;
  gap: 30px;
  align-items: end;
  justify-content: space-between;
  margin: 0 0 42px;
  padding: 0 0 24px;
  border-bottom: 1px solid #111;
}
body[data-page=match] .match-day-schedule__panel-head h3 {
  margin: 0;
  font-size: clamp(36px, 5vw, 72px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.05em;
}
body[data-page=match] .match-day-schedule__panel-head address {
  margin: 0;
  color: #111;
  font-size: clamp(14px, 1.1vw, 17px);
  font-style: normal;
  font-weight: 800;
}
body[data-page=match] .match-day-schedule__timeline {
  display: grid;
  gap: 18px;
}
body[data-page=match] .match-day-schedule__moment {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  min-height: 320px;
  border: 1px solid #cfcfcf;
  background: #fff;
}
body[data-page=match] .match-day-schedule__moment:nth-child(even) {
  grid-template-columns: minmax(420px, 0.95fr) minmax(0, 1fr);
}
body[data-page=match] .match-day-schedule__moment:nth-child(even) .match-day-schedule__photos {
  order: -1;
}
body[data-page=match] .match-day-schedule__events {
  display: flex;
  align-items: center;
  padding: clamp(30px, 4vw, 64px);
}
body[data-page=match] .match-day-schedule__events ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
body[data-page=match] .match-day-schedule__events li {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 14px;
  padding: 13px 0;
  border-top: 1px solid #e3e3e3;
  font-size: 13px;
  line-height: 1.6;
}
body[data-page=match] .match-day-schedule__events li:first-child {
  border-top: 0;
}
body[data-page=match] .match-day-schedule__events li.is-continuation {
  padding-top: 4px;
}
body[data-page=match] .match-day-schedule__events li.is-continuation time {
  color: transparent;
}
body[data-page=match] .match-day-schedule__events li time {
  color: #111;
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1;
  font-weight: 900;
}
body[data-page=match] .match-day-schedule__events li div {
  min-width: 0;
}
body[data-page=match] .match-day-schedule__events li p {
  display: grid;
  grid-template-columns: minmax(74px, auto) minmax(0, 1fr);
  gap: 10px;
  margin: 0;
}
body[data-page=match] .match-day-schedule__events li p + p {
  margin-top: 7px;
}
body[data-page=match] .match-day-schedule__events li small {
  color: #f00012;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
}
body[data-page=match] .match-day-schedule__events li span {
  color: #333;
  font-size: clamp(15px, 1.2vw, 18px);
  overflow-wrap: anywhere;
}
body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events li {
  grid-template-columns: clamp(82px, 8vw, 116px) minmax(0, 1fr);
  gap: clamp(16px, 2vw, 28px);
  align-items: center;
  padding: clamp(20px, 2.4vw, 30px) 0;
}
body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events p {
  display: block;
}
body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events span {
  line-height: 1.7;
  font-weight: 700;
}
body[data-page=match] .match-day-schedule__table {
  position: relative;
  background: #fff;
}
body[data-page=match] .match-day-schedule__table-head {
  position: sticky;
  top: var(--match-header-height, 80px);
  z-index: 4;
  display: grid;
  grid-template-columns: clamp(96px, 10vw, 144px) repeat(3, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  min-height: 72px;
  color: #fff;
  background: #111;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16);
}
body[data-page=match] .match-day-schedule__table-head span,
body[data-page=match] .match-day-schedule__table-head strong {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px clamp(16px, 2vw, 30px);
  font-size: clamp(12px, 1.05vw, 15px);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
}
body[data-page=match] .match-day-schedule__table-head span {
  color: #f00012;
  font-style: italic;
}
body[data-page=match] .match-day-schedule__table-head strong {
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}
body[data-page=match] .match-day-schedule__moment--day-2, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) {
  display: block;
  min-height: 0;
  overflow: visible;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events {
  display: block;
  padding: 0;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li {
  display: grid;
  grid-template-columns: clamp(96px, 10vw, 144px) minmax(0, 1fr);
  gap: 0;
  min-height: clamp(92px, 9vw, 132px);
  padding: 0;
  border-top: 1px solid #d8d8d8;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.7;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li:first-child, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li:first-child {
  border-top: 0;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li.is-continuation, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li.is-continuation {
  min-height: clamp(72px, 7vw, 104px);
  padding: 0;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li time, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li time {
  display: flex;
  align-items: center;
  padding: clamp(24px, 2.5vw, 30px) clamp(12px, 1.5vw, 22px);
  color: #f00012;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height: 1;
  letter-spacing: -0.04em;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li.is-continuation time, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li.is-continuation time {
  color: transparent;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li div, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p {
  display: flex;
  gap: 0;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: clamp(22px, 2.4vw, 30px) clamp(16px, 2vw, 22px);
  border-left: 1px solid #d8d8d8;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p + p, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p + p {
  margin-top: 0;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p.is-empty, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p.is-empty {
  color: #c7c7c7;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li small, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li small {
  display: none;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li span, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li span {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p.is-empty span, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p.is-empty span {
  color: #c7c7c7;
}
body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__photos, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__photos {
  order: 0;
  width: 100%;
  min-height: clamp(360px, 42vw, 600px);
  border-top: 1px solid #cfcfcf;
}
body[data-page=match] .match-day-schedule__photos {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 4px;
  min-height: 320px;
  padding: 4px;
  background: #eee;
}
body[data-page=match] .match-day-schedule__photos button {
  position: relative;
  grid-column: span 2;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #ccc;
  cursor: zoom-in;
}
body[data-page=match] .match-day-schedule__photos button:first-child {
  grid-column: span 4;
  grid-row: span 2;
}
body[data-page=match] .match-day-schedule__photos button:nth-child(n+4) {
  display: none;
}
body[data-page=match] .match-day-schedule__photos button picture,
body[data-page=match] .match-day-schedule__photos button img {
  display: block;
  width: 100%;
  height: 100%;
}
body[data-page=match] .match-day-schedule__photos button img {
  object-fit: cover;
  transition: transform 0.55s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=match] .match-day-schedule__photos button > span {
  position: absolute;
  inset: 0;
  display: grid;
  color: #fff;
  background: rgba(0, 0, 0, 0.42);
  font-size: 24px;
  font-weight: 900;
  place-items: center;
}
body[data-page=match] .match-day-schedule__photos button:hover img, body[data-page=match] .match-day-schedule__photos button:focus-visible img {
  transform: scale(1.035);
}
body[data-page=match] .match-day-schedule__photos button:focus-visible {
  outline: 3px solid #f00012;
  outline-offset: -3px;
}
body[data-page=match] .match-day-schedule__photos.count-1 button:first-child {
  grid-column: 1/-1;
}
body[data-page=match] .match-day-schedule__photos.count-2 button:nth-child(2) {
  grid-row: span 2;
}
@media (max-width: 1050px) {
  body[data-page=match] .match-day-area__layout {
    grid-template-columns: 1fr;
    width: min(900px, 100% - 36px);
  }
  body[data-page=match] .match-day-area__preview {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1fr);
  }
  body[data-page=match] .match-day-area__preview-media {
    height: 100%;
    aspect-ratio: auto;
  }
  body[data-page=match] .match-day-area__preview-body {
    padding: 34px;
  }
  body[data-page=match] .match-day-schedule__moment, body[data-page=match] .match-day-schedule__moment:nth-child(even) {
    grid-template-columns: 1fr;
  }
  body[data-page=match] .match-day-schedule__moment:nth-child(even) .match-day-schedule__photos {
    order: 0;
  }
  body[data-page=match] .match-day-schedule__photos {
    min-height: 360px;
  }
}
@media (max-width: 760px) {
  body[data-page=match] .match-day-heading {
    width: calc(100% - 36px);
    margin-bottom: 34px;
  }
  body[data-page=match] .match-day-heading p {
    margin-bottom: 12px;
    font-size: 10px;
  }
  body[data-page=match] .match-day-heading h2 {
    font-size: clamp(32px, 8.5vw, 52px);
  }
  body[data-page=match] .match-day-masonry-section {
    padding: 4px;
  }
  body[data-page=match] .match-day-masonry__grid.is-enhanced, body[data-page=match] .match-day-masonry__column {
    gap: 4px;
  }
  body[data-page=match] .match-day-masonry__grid:not(.is-enhanced) {
    column-gap: 4px;
  }
  body[data-page=match] .match-day-masonry__grid:not(.is-enhanced) .match-day-masonry__item {
    margin-bottom: 4px;
  }
  body[data-page=match] .match-day-dazn-message {
    padding: 62px 18px 76px;
  }
  body[data-page=match] .match-day-dazn-message__body {
    gap: 24px;
  }
  body[data-page=match] .match-day-dazn-message__body p {
    font-size: 14px;
    font-weight: 700;
    line-height: 2.05;
    letter-spacing: 0.03em;
  }
  body[data-page=match] .match-day-dazn-message__body p br {
    display: none;
  }
  body[data-page=match] .match-day-dazn-message__logo {
    width: min(330px, 86vw);
    margin-top: 44px;
  }
  body[data-page=match] .match-day-photo-modal__shell {
    padding: 64px 12px 66px;
  }
  body[data-page=match] .match-day-photo-modal__close {
    top: 12px;
    right: 12px;
    width: 44px;
    height: 44px;
  }
  body[data-page=match] .match-day-photo-modal__arrow {
    top: auto;
    bottom: 12px;
    min-width: 72px;
    transform: none;
  }
  body[data-page=match] .match-day-photo-modal__arrow--prev {
    left: 10px;
  }
  body[data-page=match] .match-day-photo-modal__arrow--next {
    right: 10px;
  }
  body[data-page=match] .match-day-photo-modal__status {
    right: 96px;
    bottom: 24px;
    left: 96px;
    justify-content: center;
  }
  body[data-page=match] .match-day-photo-modal__status i {
    display: none;
  }
  body[data-page=match] .match-day-area {
    padding: 88px 0;
  }
  body[data-page=match] .match-day-area__layout {
    display: block;
    width: 100%;
  }
  body[data-page=match] .match-day-area__viewport {
    width: 100%;
    overflow: hidden;
    border-right: 0;
    border-left: 0;
    box-shadow: none;
  }
  body[data-page=match] .match-day-area__canvas {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1702/1627;
  }
  body[data-page=match] .match-day-area__guide {
    display: none;
  }
  body[data-page=match] .match-day-area__pin {
    z-index: 5;
    grid-template-rows: auto auto;
    justify-items: center;
    min-width: 58px;
    min-height: 34px;
  }
  body[data-page=match] .match-day-area__pin:hover, body[data-page=match] .match-day-area__pin:focus-visible, body[data-page=match] .match-day-area__pin.is-active {
    transform: translate(-50%, -50%);
  }
  body[data-page=match] .match-day-area__pin-stack {
    z-index: 1;
    width: 52px;
    height: 38px;
  }
  body[data-page=match] .match-day-area__pin-stack picture {
    top: 5px;
    width: 32px;
    height: 28px;
    border-width: 2px;
  }
  body[data-page=match] .match-day-area__pin-stack picture:nth-child(2) {
    left: 10px;
  }
  body[data-page=match] .match-day-area__pin-label {
    z-index: 4;
    display: block !important;
    max-width: min(150px, 40vw);
    margin-top: 1px;
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #111;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    visibility: visible;
    opacity: 1;
    font-size: clamp(9px, 2.45vw, 10px);
    line-height: 1.15;
    white-space: nowrap;
    transform: none;
  }
  body[data-page=match] .match-day-area__pin-label span {
    display: block;
    color: inherit;
    font: inherit;
    line-height: inherit;
    white-space: inherit;
  }
  body[data-page=match] .match-day-area__preview {
    display: block;
    margin: 12px;
  }
  body[data-page=match] .match-day-area__preview-media {
    aspect-ratio: 16/9;
  }
  body[data-page=match] .match-day-area__preview-body {
    padding: 25px 20px;
  }
  body[data-page=match] .match-day-area__preview-body h3 {
    font-size: 38px;
  }
  body[data-page=match] .match-day-area-sheet__shell {
    height: 88vh;
    height: 88dvh;
    height: var(--match-day-area-sheet-mobile-shell-height);
  }
  body[data-page=match] .match-day-area-sheet__head {
    display: block;
    padding: 22px 64px 18px 18px;
  }
  body[data-page=match] .match-day-area-sheet__head h3 {
    font-size: 30px;
  }
  body[data-page=match] .match-day-area-sheet__head > span {
    display: block;
    margin-top: 10px;
  }
  body[data-page=match] .match-day-area-sheet__rail {
    gap: 8px;
    padding: 12px 18px 64px;
  }
  body[data-page=match] .match-day-area-sheet__slide {
    min-width: 94vw;
    flex-basis: 94vw;
    opacity: 0.65;
  }
  body[data-page=match] .match-day-area-sheet__arrow {
    top: auto;
    bottom: 16px;
    transform: none;
  }
  body[data-page=match] .match-day-area-sheet__arrow--prev {
    left: 12px;
  }
  body[data-page=match] .match-day-area-sheet__arrow--next {
    right: 12px;
  }
  body[data-page=match] .match-day-schedule {
    padding: 86px 0;
  }
  body[data-page=match] .match-day-schedule__tabs {
    width: calc(100% - 40px);
    margin-bottom: 40px;
  }
  body[data-page=match] .match-day-schedule__tabs button {
    min-height: 94px;
    padding: 15px;
  }
  body[data-page=match] .match-day-schedule__tabs button strong {
    font-size: 23px;
  }
  body[data-page=match] .match-day-schedule__panels {
    width: calc(100% - 24px);
  }
  body[data-page=match] .match-day-schedule__panel-head {
    display: block;
    margin-bottom: 28px;
  }
  body[data-page=match] .match-day-schedule__panel-head h3 {
    font-size: 34px;
  }
  body[data-page=match] .match-day-schedule__panel-head address {
    margin-top: 12px;
  }
  body[data-page=match] .match-day-schedule__moment, body[data-page=match] .match-day-schedule__moment:nth-child(even) {
    display: block;
    min-height: 0;
  }
  body[data-page=match] .match-day-schedule__events {
    padding: 24px 18px;
  }
  body[data-page=match] .match-day-schedule__events li {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    font-size: 12px;
  }
  body[data-page=match] .match-day-schedule__events li p {
    display: block;
  }
  body[data-page=match] .match-day-schedule__events li small {
    display: block;
    margin-bottom: 2px;
  }
  body[data-page=match] .match-day-schedule__photos {
    min-height: 260px;
  }
  body[data-page=match] .match-day-schedule__table-head {
    display: none;
  }
  body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events li {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 14px;
  }
  body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events time {
    font-size: 22px;
  }
  body[data-page=match] .match-day-schedule__panel--day-1 .match-day-schedule__events span {
    font-size: 15px;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events {
    padding: 0;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li {
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    padding: 0;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li.is-continuation, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li.is-continuation {
    min-height: 0;
    padding: 0;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li time, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li time {
    align-items: flex-start;
    justify-content: center;
    padding: 21px 8px;
    font-size: 18px;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li div, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li div {
    display: block;
    min-width: 0;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    min-height: 58px;
    padding: 17px 14px;
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #d8d8d8;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p:first-child, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p:first-child {
    border-top: 0;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li p.is-empty, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li p.is-empty {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li small, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li small {
    display: block;
    margin: 0;
    color: #f00012;
    font-size: 10px;
    line-height: 1.5;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__events li span, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__events li span {
    font-size: 14px;
    line-height: 1.65;
  }
  body[data-page=match] .match-day-schedule__moment--day-2 .match-day-schedule__photos, body[data-page=match] .match-day-schedule__moment--day-2:nth-child(even) .match-day-schedule__photos {
    min-height: 280px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page=match] .match-day-masonry.is-reveal-ready .match-day-masonry__item {
    opacity: 1;
    transition: none;
  }
  body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__body p,
  body[data-page=match] .match-day-dazn-message.is-motion-ready .match-day-dazn-message__logo {
    opacity: 1;
    transform: none;
    transition: none;
  }
  body[data-page=match] .match-day-masonry__item img,
  body[data-page=match] .match-day-photo-modal__stage img,
  body[data-page=match] .match-day-photo-modal__status b,
  body[data-page=match] .match-day-area__pin,
  body[data-page=match] .match-day-area__pin-stack picture,
  body[data-page=match] .match-day-area__pin-stack img,
  body[data-page=match] .match-day-area__pin-label,
  body[data-page=match] .match-day-area__preview-media img,
  body[data-page=match] .match-day-area-sheet__slide,
  body[data-page=match] .match-day-schedule__photos img {
    transition: none;
  }
  body[data-page=match] .match-day-area-sheet__shell {
    animation: none;
  }
}

@keyframes match-day-area-sheet-in-v6 {
  from {
    transform: translateY(100%);
  }
  to {
    transform: none;
  }
}
@keyframes match-day-area-sheet-out-v1 {
  from {
    transform: none;
  }
  to {
    transform: translateY(100%);
  }
}
.project-page {
  overflow: hidden;
  background: #fff;
}

.project-hero {
  position: relative;
  display: flex;
  align-items: center;
  width: 100vw;
  aspect-ratio: 16/9;
  height: min(56.25vw, 1100px);
  max-height: 1100px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  color: #fff;
  background: #05070d;
}

.project-hero__image,
.project-hero__overlay {
  position: absolute;
  inset: 0;
}

.project-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-hero__overlay {
  background: linear-gradient(90deg, rgba(3, 7, 18, 0.72) 0%, rgba(3, 7, 18, 0.34) 48%, rgba(3, 7, 18, 0.1) 100%), linear-gradient(180deg, rgba(3, 7, 18, 0.12) 0%, rgba(3, 7, 18, 0.32) 100%);
}

.project-hero__copy {
  position: relative;
  z-index: 1;
  width: min(62vw, 900px);
  padding: clamp(32px, 6vw, 110px);
}

.project-hero__copy p {
  margin: 0 0 20px;
  font-size: clamp(18px, 2vw, 28px);
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #ff3b30;
}

.project-hero__copy h1 {
  margin: 0;
  font-size: clamp(44px, 4.8vw, 78px);
  line-height: 1.14;
  letter-spacing: -0.045em;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);
}

.project-hero__copy div {
  margin-top: 24px;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.9;
  text-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.project-section {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  grid-template-areas: "media copy";
  min-height: clamp(620px, 72vw, 920px);
}

.project-section--reverse {
  grid-template-columns: minmax(360px, 0.88fr) minmax(0, 1.12fr);
  grid-template-areas: "copy media";
}

.project-section__media {
  position: relative;
  grid-area: media;
  overflow: hidden;
  background: #030303;
}

.project-section__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project-section__media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.28) 100%);
  pointer-events: none;
  content: "";
}

.project-section__badge {
  position: absolute;
  top: clamp(18px, 3vw, 42px);
  left: clamp(18px, 3vw, 42px);
  z-index: 1;
  width: min(34vw, 320px);
  height: auto;
}

.project-section__media--frame img {
  object-position: center center;
}

.project-section__copy {
  display: flex;
  grid-area: copy;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  padding: clamp(36px, 6vw, 96px);
  background: #fff;
}

.project-section__copy small {
  display: block;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.project-section__copy small span {
  color: #ff3b30;
}

.project-section__copy h2 {
  margin: 0;
  font-size: clamp(32px, 3.8vw, 58px);
  line-height: 1.18;
  letter-spacing: -0.045em;
}

.project-section__copy p {
  margin: 0;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.9;
}

.project-section__note {
  font-size: 18px;
  font-weight: 900;
  color: #666;
}

.project-info {
  display: grid;
  gap: 18px;
  margin: 8px 0 0;
}

.project-info div {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(3, 3, 3, 0.18);
}

.project-info dt {
  font-weight: 900;
}

.project-info dd {
  margin: 0;
  line-height: 1.8;
}

.project-section__link {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 8px;
  padding: 14px 22px;
  border: 1px solid currentColor;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 0.04em;
  transition: background 0.2s ease, color 0.2s ease;
}

.project-section__link:hover,
.project-section__link:focus-visible {
  color: #fff;
  background: #030303;
}

.project-section--closing .project-section__copy {
  color: #fff;
  background: #030303;
}

.project-section--closing .project-info div {
  border-top-color: rgba(255, 255, 255, 0.22);
}

.project-section--closing .project-section__link {
  border-color: #fff;
}

.project-section--closing .project-section__link:hover,
.project-section--closing .project-section__link:focus-visible {
  color: #030303;
  background: #fff;
}

@media (max-width: 1100px) {
  .project-hero__copy {
    width: min(72vw, 760px);
  }
  .project-section,
  .project-section--reverse {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "copy";
    min-height: 0;
  }
  .project-section__media {
    min-height: 420px;
  }
  .project-section__copy {
    padding: clamp(30px, 6vw, 72px);
  }
  .project-section--reverse {
    grid-template-areas: "media" "copy";
  }
}
@media (max-width: 760px) {
  .project-hero {
    display: block;
  }
  .project-hero__copy {
    width: 100%;
    padding: 28px 20px 34px;
  }
  .project-hero__copy h1 {
    font-size: clamp(34px, 8vw, 52px);
  }
  .project-hero__copy div {
    font-size: 16px;
    line-height: 1.8;
  }
  .project-section__media {
    min-height: 260px;
  }
  .project-section__badge {
    width: min(58vw, 280px);
  }
  .project-section__copy {
    padding: 28px 20px 40px;
  }
  .project-info div {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.project-layout {
  --project-refresh-header: 80px;
  --project-refresh-ease: cubic-bezier(.22, 1, .36, 1);
  --project-refresh-red: #ed0015;
}

.project-layout .project-layout__intro {
  display: grid;
  min-height: clamp(560px, 62vw, 820px);
  background: #fff;
  place-items: center;
}

.project-layout .project-layout__intro-inner {
  width: min(830px, 100% - 48px);
  padding: clamp(84px, 10vw, 144px) 0;
  text-align: center;
}

.project-layout .project-layout__intro-logo {
  display: block;
  width: min(420px, 48vw);
  height: auto;
  margin: 0 auto;
  clip-path: inset(0 0 var(--intro-logo-clip, 100%) 0);
  opacity: var(--intro-logo, 0);
  transform: translate3d(0, calc((1 - var(--intro-logo, 0)) * 28px), 0) scale(calc(0.97 + var(--intro-logo, 0) * 0.03));
  will-change: clip-path, opacity, transform;
}

.project-layout .project-layout__intro-title {
  width: fit-content;
  margin: clamp(30px, 4vw, 58px) auto 0;
  overflow: hidden;
  font-size: clamp(28px, 3.2vw, 52px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.045em;
  clip-path: inset(0 var(--intro-title-clip, 100%) 0 0);
  opacity: var(--intro-title, 0);
  transform: translate3d(0, calc((1 - var(--intro-title, 0)) * 22px), 0);
  will-change: clip-path, opacity, transform;
}

.project-layout .project-layout__orbs {
  position: relative;
  height: max(2300px, 260vh);
  min-height: 0;
  color: #fff;
  background: #050505;
}

.project-layout .project-layout__orbs-stage {
  position: sticky;
  top: var(--project-refresh-header);
  width: 100%;
  height: calc(100svh - var(--project-refresh-header));
  min-height: 620px;
  overflow: hidden;
  background: #050505;
  isolation: isolate;
}

.project-layout .project-layout__orbs-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--story-media-width, 100%);
  height: 100%;
  overflow: hidden;
  background: #080808;
  transition: none;
  will-change: width;
}

.project-layout .project-layout__orbs-inner::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.42));
  content: "";
  pointer-events: none;
}

.project-layout .project-layout__orbs-backdrop {
  position: absolute;
  z-index: 0;
  inset: -24px 0;
  width: 100%;
  height: calc(100% + 48px);
  background-position: center calc(50% + var(--story-parallax, 0px));
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
  transform: none;
  will-change: background-position;
}

.project-layout .project-layout__orb {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  display: flex;
  width: 50.5%;
  min-width: 0;
  aspect-ratio: auto;
  padding: clamp(42px, 5vw, 84px);
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-align: left;
  will-change: transform;
}

.project-layout .project-layout__orb strong,
.project-layout .project-layout__orb span {
  display: block;
  max-width: 610px;
  opacity: 1;
  transform: none;
}

.project-layout .project-layout__orb strong {
  font-size: clamp(34px, 4.3vw, 72px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.06em;
  white-space: normal;
  text-align: center;
}

.project-layout .project-layout__orb span {
  margin-top: clamp(26px, 3vw, 44px);
  font-size: clamp(14px, 1.2vw, 20px);
  line-height: 1.8;
  font-weight: 700;
  text-align: center;
}

.project-layout .project-layout__orb--white {
  top: 0;
  left: 0;
  color: #111;
  background: #f7f7f4;
  transform: translate3d(var(--panel-left, -102%), 0, 0);
}

.project-layout .project-layout__orb--red {
  top: 0;
  right: 0;
  left: auto;
  color: #fff;
  background: var(--project-refresh-red);
  transform: translate3d(var(--panel-right, 102%), 0, 0);
}

.project-layout .project-layout__orbs-logo {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: block;
  width: min(620px, 72%);
  height: auto;
  margin: 0;
  opacity: 1;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);
  will-change: auto;
}

.project-layout .project-layout__feature-copy {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: flex;
  width: 52%;
  height: 100%;
  overflow: hidden;
  padding: clamp(64px, 7vw, 120px) clamp(36px, 6vw, 96px);
  color: #111;
  background: #fff;
  clip-path: inset(0 0 0 var(--feature-clip, 100%));
  flex-direction: column;
  justify-content: center;
  opacity: 1;
  transform: translate3d(var(--feature-copy-x, 28px), 0, 0);
  will-change: clip-path, transform;
}

.project-layout .project-layout__feature-copy::before {
  position: absolute;
  z-index: -1;
  top: clamp(34px, 5vw, 74px);
  right: clamp(20px, 3vw, 50px);
  color: rgba(17, 17, 17, 0.045);
  font-size: clamp(58px, 8vw, 136px);
  line-height: 0.75;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -0.07em;
  content: "ALL FOR NEXT";
  pointer-events: none;
}

.project-layout .project-layout__feature-copy small,
.project-layout .project-layout__data-inner > small {
  display: block;
  margin: 0 0 22px;
  color: var(--project-refresh-red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.project-layout .project-layout__feature-copy h2,
.project-layout .project-layout__data-inner h2 {
  margin: 0;
  font-size: clamp(40px, 4.6vw, 76px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.project-layout .project-layout__feature-copy p,
.project-layout .project-layout__data-inner > p {
  max-width: none;
  margin: clamp(32px, 3.5vw, 54px) 0 0;
  font-size: clamp(14px, 1.12vw, 18px);
  line-height: 2;
}

.project-layout .project-layout__button {
  position: relative;
  display: inline-flex;
  width: fit-content;
  min-width: 220px;
  min-height: 62px;
  margin-top: 48px;
  overflow: hidden;
  padding: 0 28px;
  border: 1px solid #222;
  align-items: center;
  justify-content: center;
  color: #111;
  background: transparent;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  isolation: isolate;
  transition: color 0.45s var(--project-refresh-ease), border-color 0.45s var(--project-refresh-ease);
}

.project-layout .project-layout__button::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: #111;
  content: "";
  transform: translate3d(-102%, 0, 0);
  transition: transform 0.55s var(--project-refresh-ease);
}

.project-layout .project-layout__button:hover,
.project-layout .project-layout__button:focus-visible {
  border-color: #111;
  color: #fff;
  background: transparent;
}

.project-layout .project-layout__button:hover::before,
.project-layout .project-layout__button:focus-visible::before {
  transform: none;
}

.project-layout .project-layout__button:focus-visible {
  outline: 3px solid #1478f2;
  outline-offset: 4px;
}

.project-layout .project-layout__banner {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 1180px;
  padding: 0;
  color: #fff;
  background: #070707;
  grid-template-columns: minmax(480px, 0.92fr) minmax(0, 1.08fr);
  align-items: start;
}

.project-layout .project-layout__banner-media {
  position: sticky;
  top: var(--project-refresh-header);
  width: 100%;
  height: calc(100svh - var(--project-refresh-header));
  min-height: 680px;
  background-repeat: no-repeat;
  background-position: center calc(50% + var(--banner-offset, 0px));
  background-size: cover;
  background-attachment: scroll;
  grid-column: 2;
  grid-row: 1;
  will-change: background-position;
}

.project-layout .project-layout__banner-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.34));
  content: "";
  pointer-events: none;
}

.project-layout .project-layout__data {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1180px;
  color: #fff;
  background: #070707;
  grid-column: 1;
  grid-row: 1;
}

.project-layout .project-layout__data-inner {
  width: 100%;
  margin: 0;
  padding: clamp(92px, 10vw, 170px) clamp(40px, 7vw, 110px);
  opacity: 1;
  text-align: left;
  transform: none;
  will-change: auto;
}

.project-layout .project-layout__facts {
  display: grid;
  margin-top: clamp(48px, 6vw, 84px);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  grid-template-columns: repeat(3, 1fr);
}

.project-layout .project-layout__facts > div {
  padding: 28px 14px 26px;
  text-align: center;
}

.project-layout .project-layout__facts > div + div {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.project-layout .project-layout__facts strong,
.project-layout .project-layout__facts span {
  display: block;
}

.project-layout .project-layout__facts strong {
  font-size: clamp(48px, 5.3vw, 88px);
  line-height: 0.9;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.project-layout .project-layout__facts span {
  margin-top: 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.project-layout .project-layout__meta {
  max-width: none;
  margin: 56px 0 0;
  color: #fff;
  text-align: left;
}

.project-layout .project-layout__meta div {
  display: grid;
  min-height: 0;
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  grid-template-columns: 100px 1fr;
  align-items: start;
  gap: 24px;
}

.project-layout .project-layout__meta div:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.project-layout .project-layout__meta dt,
.project-layout .project-layout__meta dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}

.project-layout .project-layout__meta dt {
  font-weight: 900;
}

.project-layout .project-layout__button--center {
  margin-right: 0;
  margin-left: 0;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}

.project-layout .project-layout__button--center::before {
  background: #fff;
}

.project-layout .project-layout__button--center:hover,
.project-layout .project-layout__button--center:focus-visible {
  border-color: #fff;
  color: #111;
}

@media (max-width: 1100px) {
  .project-layout {
    --project-refresh-header: 78px;
  }
  .project-layout .project-layout__orb {
    padding: 44px;
  }
  .project-layout .project-layout__feature-copy {
    padding-right: 42px;
    padding-left: 42px;
  }
  .project-layout .project-layout__banner {
    grid-template-columns: 1fr 1fr;
  }
  .project-layout .project-layout__data-inner {
    padding-right: 42px;
    padding-left: 42px;
  }
}
@media (max-width: 760px) {
  .project-layout .project-layout__intro {
    min-height: 520px;
  }
  .project-layout .project-layout__intro-inner {
    padding: 80px 0;
  }
  .project-layout .project-layout__orbs {
    height: auto;
    min-height: 0;
  }
  .project-layout .project-layout__orbs-stage {
    position: relative;
    top: auto;
    display: grid;
    height: auto;
    min-height: 0;
    overflow: visible;
    grid-template-columns: 1fr;
  }
  .project-layout .project-layout__orbs-inner {
    display: contents;
  }
  .project-layout .project-layout__orb {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-height: 430px;
    padding: 58px 24px;
    grid-column: 1;
    transform: none;
  }
  .project-layout .project-layout__orb--white {
    grid-row: 1;
  }
  .project-layout .project-layout__orb--red {
    grid-row: 2;
  }
  .project-layout .project-layout__orb strong {
    font-size: clamp(37px, 11vw, 58px);
  }
  .project-layout .project-layout__orb span br {
    display: none;
  }
  .project-layout .project-layout__orbs-backdrop {
    position: relative;
    inset: auto;
    width: 100%;
    height: 74vw;
    min-height: 320px;
    background-position: center;
    grid-column: 1;
    grid-row: 3;
    will-change: auto;
  }
  .project-layout .project-layout__orbs-logo {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 36px);
    max-width: 520px;
    margin: 0 auto 18px;
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    justify-self: center;
    transform: none;
  }
  .project-layout .project-layout__feature-copy {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 76px 24px 96px;
    clip-path: none;
    grid-column: 1;
    grid-row: 4;
    transform: none;
  }
  .project-layout .project-layout__feature-copy::before {
    top: 48px;
    right: 12px;
    font-size: 18vw;
  }
  .project-layout .project-layout__feature-copy h2,
  .project-layout .project-layout__data-inner h2 {
    font-size: clamp(40px, 12vw, 60px);
  }
  .project-layout .project-layout__button {
    width: 100%;
  }
  .project-layout .project-layout__button::before {
    display: none;
  }
  .project-layout .project-layout__button:hover,
  .project-layout .project-layout__button:focus-visible {
    border-color: currentColor;
    color: inherit;
  }
  .project-layout .project-layout__banner {
    display: block;
    min-height: 0;
  }
  .project-layout .project-layout__banner-media {
    position: relative;
    top: auto;
    height: 76vw;
    min-height: 360px;
    background-position: center;
    will-change: auto;
  }
  .project-layout .project-layout__data {
    min-height: 0;
  }
  .project-layout .project-layout__data-inner {
    padding: 78px 24px 96px;
  }
  .project-layout .project-layout__facts > div {
    padding: 26px 8px 24px;
  }
  .project-layout .project-layout__facts strong {
    font-size: clamp(42px, 14vw, 64px);
  }
  .project-layout .project-layout__facts span {
    font-size: 9px;
  }
  .project-layout .project-layout__meta div {
    grid-template-columns: 76px 1fr;
    gap: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-layout .project-layout__intro-logo,
  .project-layout .project-layout__intro-title {
    clip-path: none;
    opacity: 1;
    transform: none;
    will-change: auto;
  }
  .project-layout .project-layout__orbs {
    height: auto;
    min-height: 0;
  }
  .project-layout .project-layout__orbs-stage {
    position: relative;
    top: auto;
    display: grid;
    height: auto;
    min-height: 0;
    overflow: visible;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .project-layout .project-layout__orbs-inner {
    display: contents;
  }
  .project-layout .project-layout__orb {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    min-height: 560px;
    grid-row: 1;
    transform: none;
  }
  .project-layout .project-layout__orb--white {
    grid-column: 1;
  }
  .project-layout .project-layout__orb--red {
    grid-column: 2;
  }
  .project-layout .project-layout__orbs-backdrop {
    position: relative;
    inset: auto;
    width: 100%;
    height: 760px;
    min-height: 0;
    background-position: center;
    grid-column: 1;
    grid-row: 2;
    will-change: auto;
  }
  .project-layout .project-layout__orbs-logo {
    position: relative;
    top: auto;
    left: auto;
    width: min(70%, 520px);
    margin: 0 auto 28px;
    grid-column: 1;
    grid-row: 2;
    align-self: end;
    justify-self: center;
    transform: none;
  }
  .project-layout .project-layout__feature-copy {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    min-height: 760px;
    clip-path: none;
    grid-column: 2;
    grid-row: 2;
    transform: none;
  }
  .project-layout .project-layout__banner-media {
    background-position: center;
    will-change: auto;
  }
  .project-layout .project-layout__button,
  .project-layout .project-layout__button::before {
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 760px) {
  .project-layout .project-layout__orbs-stage {
    grid-template-columns: 1fr;
  }
  .project-layout .project-layout__orb--white {
    grid-column: 1;
    grid-row: 1;
  }
  .project-layout .project-layout__orb--red {
    grid-column: 1;
    grid-row: 2;
  }
  .project-layout .project-layout__orbs-backdrop,
  .project-layout .project-layout__orbs-logo {
    grid-column: 1;
    grid-row: 3;
  }
  .project-layout .project-layout__orbs-backdrop {
    height: 74vw;
    min-height: 320px;
  }
  .project-layout .project-layout__feature-copy {
    min-height: 0;
    grid-column: 1;
    grid-row: 4;
  }
}
.subpage-hero {
  --subpage-hero-progress: 0;
  --subpage-hero-ease: cubic-bezier(.2, .78, .2, 1);
  display: block;
  height: auto;
  min-height: min(920px, 100svh - 24px);
}
.subpage-hero__media, .subpage-hero__shade, .subpage-hero__grain {
  position: absolute;
  inset: 0;
}
.subpage-hero__media {
  transform: translate3d(0, calc(var(--subpage-hero-progress) * 32px), 0) scale(1.035);
  will-change: transform;
}
.subpage-hero__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  animation: none;
  transform: none;
}
.subpage-hero__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.08) 78%), linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.55));
}
.subpage-hero__grain {
  z-index: 2;
  opacity: 0.14;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='subpage-grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23subpage-grain)' opacity='.52'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.subpage-hero__copy {
  position: relative;
  z-index: 3;
  width: min(1480px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(180px, 19vh, 240px) 0 100px;
}
.subpage-hero__copy > p {
  display: flex;
  margin: 0 0 24px;
  align-items: center;
  gap: 16px;
  font-size: clamp(13px, 1.1vw, 18px);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-shadow: none;
}
.subpage-hero__copy > p::before {
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  content: "";
  flex: 0 0 auto;
}
.subpage-hero__copy h1 {
  width: auto;
  max-width: 1120px;
  margin: 0;
  color: #fff;
  background: none;
  background-clip: border-box;
  font-size: clamp(50px, 5vw, 70px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.07em;
  text-shadow: none;
  filter: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}
.subpage-hero__copy h1 span {
  display: block;
  overflow: hidden;
}
.subpage-hero__copy h1 i {
  display: block;
  font-style: normal;
  transform: translateY(112%);
  animation: subpage-motion-line-in 1.05s var(--subpage-hero-ease) forwards;
}
.subpage-hero__copy h1 span:nth-child(2) i {
  animation-delay: 0.08s;
}
.subpage-hero--all-star .subpage-hero__media img {
  object-position: center 45%;
}
.subpage-hero--facts .subpage-hero__media img {
  object-position: center 42%;
}

@keyframes subpage-motion-line-in {
  to {
    transform: translateY(0);
  }
}
.hero-scroll-cue.hero-scroll-cue {
  position: absolute;
  z-index: 7;
  top: 50%;
  right: clamp(16px, 2vw, 34px);
  bottom: auto;
  left: auto;
  display: flex;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.18em;
  writing-mode: horizontal-tb;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
}
.hero-scroll-cue.hero-scroll-cue::after {
  display: none;
  content: none;
  animation: none;
}
.hero-scroll-cue.hero-scroll-cue > span {
  display: block;
}
.hero-scroll-cue.hero-scroll-cue > i {
  display: block;
  width: 64px;
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.3);
}
.hero-scroll-cue.hero-scroll-cue > i::after {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
  animation: home-hero-scroll-line 2s cubic-bezier(0.2, 0.78, 0.2, 1) infinite;
}

.subpage-hero__scroll.hero-scroll-cue,
body[data-page=top] .home-hero__scroll.hero-scroll-cue,
.results-motion .motion-hero__scroll.hero-scroll-cue,
.road-motion-hero__scroll.hero-scroll-cue {
  top: auto;
  right: clamp(18px, 2vw, 34px);
  bottom: clamp(28px, 3vw, 48px);
  left: auto;
  transform: rotate(90deg);
  transform-origin: right center;
}

@media (max-width: 760px) {
  .subpage-hero {
    height: auto;
    min-height: inherit;
  }
  .subpage-hero__media {
    transform: scale(1.025);
    will-change: auto;
  }
  .subpage-hero__media img {
    object-position: 62% center;
  }
  .subpage-hero__copy {
    width: calc(100% - 36px);
    padding: 150px 0 90px;
  }
  .subpage-hero__copy > p {
    margin-bottom: 24px;
    font-size: 13px;
  }
  .subpage-hero__copy h1 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .subpage-hero--all-star .subpage-hero__media img, .subpage-hero--facts .subpage-hero__media img {
    object-position: center;
  }
  .hero-scroll-cue.hero-scroll-cue {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .subpage-hero__media {
    transform: scale(1.025);
    will-change: auto;
  }
  .subpage-hero__copy h1 i {
    transform: none;
    animation: none;
  }
  .hero-scroll-cue.hero-scroll-cue {
    display: none;
  }
  .hero-scroll-cue.hero-scroll-cue > i::after {
    animation: none;
  }
}
.brand-logo {
  display: block;
  width: clamp(154px, 12vw, 184px);
  height: auto;
}

.brand-logo--footer {
  width: min(300px, 72vw);
}

body[data-page=top] .home-hero {
  width: 100vw;
  aspect-ratio: 16/9;
  height: auto;
  min-height: 0;
  max-height: none;
}
body[data-page=top] .home-hero__video-el {
  object-fit: cover;
  transform: none;
}
body[data-page=top] .home-hero__slide-copy {
  top: auto;
  right: auto;
  bottom: clamp(106px, 12vh, 154px);
  left: clamp(28px, 7vw, 124px);
  display: flex;
  width: min(74vw, 1100px);
  align-items: flex-end;
  transform: none;
}
body[data-page=top] .home-hero__slide-copy p {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  line-height: 1.02;
}
body[data-page=top] .home-hero__slide.is-copy-visible .home-hero__slide-copy,
body[data-page=top] .home-hero__slide.is-copy-hidden .home-hero__slide-copy {
  transform: none;
}
body[data-page=top] .home-hero__status {
  right: auto;
  left: clamp(24px, 3.2vw, 58px);
  width: min(360px, 100% - 116px);
  grid-template-columns: auto minmax(140px, 1fr);
}
body[data-page=top] .home-intro {
  display: grid;
  min-height: 0;
  padding: clamp(110px, 11vw, 176px) 0 clamp(100px, 10vw, 160px);
  align-content: start;
  gap: clamp(72px, 8vw, 120px);
  background: #fff;
}
body[data-page=top] .intro-copy {
  position: relative;
  width: min(1480px, 100% - 96px);
  margin: 0 auto;
  text-align: left;
  transition: opacity 0.9s cubic-bezier(0.2, 0.78, 0.2, 1), transform 0.9s cubic-bezier(0.2, 0.78, 0.2, 1);
}
body[data-page=top] .intro-copy.is-motion-ready {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
}
body[data-page=top] .intro-copy.is-motion-ready.is-revealed {
  opacity: 1;
  transform: none;
}
body[data-page=top] .intro-copy::before {
  display: block;
  width: 72px;
  height: 4px;
  margin-bottom: clamp(30px, 3vw, 46px);
  background: linear-gradient(90deg, #f00012, #00a85a 50%, #1478f2);
  content: "";
}
body[data-page=top] .intro-copy h2 {
  max-width: 1240px;
  margin: 0;
  font-size: clamp(42px, 5.1vw, 78px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -0.055em;
}
body[data-page=top] .intro-copy p {
  max-width: 940px;
  margin: clamp(32px, 3.6vw, 54px) 0 0;
  font-size: clamp(16px, 1.35vw, 21px);
  line-height: 2;
  font-weight: 500;
}

@media (max-width: 1100px) {
  .brand-logo {
    width: 150px;
  }
  body[data-page=top] .home-hero {
    height: auto;
  }
}
@media (max-width: 760px) {
  .brand-logo {
    width: 138px;
  }
  .brand-logo--footer {
    width: min(260px, 38vw);
  }
  body[data-page=top] .home-hero {
    aspect-ratio: 16/9;
    height: auto !important;
    max-height: none;
  }
  body[data-page=top] .home-hero__video-el {
    object-fit: cover;
    transform: none;
  }
  body[data-page=top] .home-hero__slide-copy {
    top: auto;
    right: 20px;
    bottom: 92px;
    left: 20px;
    width: auto;
  }
  body[data-page=top] .home-hero__slide-copy p {
    line-height: 1.04;
  }
  body[data-page=top] .home-hero__status {
    right: 20px;
    left: 20px;
    width: auto;
  }
  body[data-page=top] .home-intro {
    padding: 86px 0 94px;
    gap: 62px;
  }
  body[data-page=top] .intro-copy {
    width: calc(100% - 40px);
  }
  body[data-page=top] .intro-copy::before {
    width: 54px;
    height: 3px;
    margin-bottom: 28px;
  }
  body[data-page=top] .intro-copy h2 {
    font-size: clamp(30px, 8.8vw, 52px);
    line-height: 1.12;
  }
  body[data-page=top] .intro-copy p {
    margin-top: 30px;
    font-size: 15px;
    line-height: 1.9;
  }
  body[data-page=top] .intro-copy p br {
    display: none;
  }
}
/* RESULTS cinematic video archive refresh */
.results-motion .results-team-panel__actions {
  align-items: stretch;
}

.results-motion .results-team-panel__backstage {
  display: flex;
  flex: 1 1 230px;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: 0 18px 0 22px;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: var(--results-red);
  cursor: pointer;
  text-align: left;
  isolation: isolate;
  appearance: none;
}

.results-motion .results-team-panel__backstage span,
.results-motion .results-team-panel__backstage small,
.results-motion .results-team-panel__backstage strong {
  display: block;
}

.results-motion .results-team-panel__backstage small {
  margin-bottom: 3px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-team-panel__backstage strong {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.results-motion .results-team-panel__backstage i {
  display: grid;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 50%;
  font-size: 18px;
  font-style: normal;
  place-items: center;
  transition: color 0.35s ease, background 0.35s ease, transform 0.35s var(--results-ease);
}

.results-motion .results-team-panel__backstage:hover i,
.results-motion .results-team-panel__backstage:focus-visible i {
  color: var(--results-red);
  background: #fff;
  transform: rotate(-45deg) scale(1.06);
}

.results-motion .results-team-panel__backstage:focus-visible {
  outline: 3px solid #111;
  outline-offset: 3px;
}

.results-motion .results-backstage-hub {
  position: relative;
  padding: clamp(118px, 12vw, 190px) 0 clamp(110px, 12vw, 180px);
  overflow: hidden;
  color: #fff;
  background: #070707;
  isolation: isolate;
  scroll-margin-top: var(--results-header);
}

.results-motion .results-backstage-hub::before {
  position: absolute;
  z-index: -2;
  top: -30%;
  left: 42%;
  width: min(68vw, 1080px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(240, 0, 18, 0.22), rgba(240, 0, 18, 0) 66%);
  content: "";
  filter: blur(18px);
  transform: translateX(-50%);
}

.results-motion .results-backstage-hub::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.13;
  background-image: linear-gradient(rgba(255, 255, 255, 0.16) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.16) 1px, transparent 1px);
  background-size: 42px 42px;
  content: "";
  mask-image: linear-gradient(180deg, transparent, #000 17%, #000 82%, transparent);
  pointer-events: none;
}

.results-motion .results-backstage-hub__ticker {
  position: absolute;
  top: 26px;
  left: 0;
  display: flex;
  width: max-content;
  color: rgba(255, 255, 255, 0.12);
  font-size: clamp(42px, 6vw, 100px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
  animation: results-film-ticker 34s linear infinite;
  pointer-events: none;
}

.results-motion .results-backstage-hub__ticker span {
  padding-right: 0.3em;
}

@keyframes results-film-ticker {
  to {
    transform: translateX(-50%);
  }
}
.results-motion .results-backstage-hub__inner {
  position: relative;
  z-index: 1;
  width: var(--results-content);
  margin: 0 auto;
}

.results-motion .results-backstage-hub__head {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  align-items: end;
  gap: clamp(38px, 7vw, 110px);
  margin-bottom: clamp(52px, 7vw, 104px);
  padding-bottom: clamp(28px, 3vw, 42px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.results-motion .results-backstage-hub__head small {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--results-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-backstage-hub__head small::before {
  width: 38px;
  height: 2px;
  background: var(--results-red);
  content: "";
}

.results-motion .results-backstage-hub__head h2 {
  margin: 18px 0 0;
  font-size: clamp(66px, 9vw, 148px);
  line-height: 0.76;
  letter-spacing: -0.075em;
}

.results-motion .results-backstage-hub__intro b {
  display: inline-block;
  margin-bottom: 18px;
  padding: 8px 10px;
  color: #050505;
  background: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.results-motion .results-backstage-hub__intro p {
  max-width: 520px;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.9;
}

.results-motion .results-backstage-hub__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.45fr);
  align-items: stretch;
  gap: clamp(20px, 2.7vw, 42px);
}

.results-motion .results-backstage-stage {
  position: relative;
  min-width: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: #000;
  box-shadow: 0 36px 100px rgba(0, 0, 0, 0.46);
  isolation: isolate;
}

.results-motion .results-backstage-stage__poster,
.results-motion .results-backstage-stage__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.results-motion .results-backstage-stage__poster {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #000;
  cursor: pointer;
  text-align: left;
  appearance: none;
}

.results-motion .results-backstage-stage__poster[hidden],
.results-motion .results-backstage-stage__frame[hidden],
.results-motion .results-backstage-stage__reset[hidden] {
  display: none;
}

.results-motion .results-backstage-stage__poster > img {
  position: absolute;
  inset: 0;
  filter: saturate(0.82) contrast(1.04);
  transform: scale(1.015);
  transition: filter 0.7s ease, transform 1s var(--results-ease);
}

.results-motion .results-backstage-stage__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.08) 42%, rgba(0, 0, 0, 0.86)), linear-gradient(90deg, rgba(0, 0, 0, 0.28), transparent 63%);
  pointer-events: none;
}

.results-motion .results-backstage-stage__grain,
.results-motion .results-match-highlight__grain {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.results-motion .results-backstage-stage__serial {
  position: absolute;
  z-index: 3;
  top: clamp(18px, 2.3vw, 34px);
  left: clamp(18px, 2.3vw, 34px);
  color: rgba(255, 255, 255, 0.75);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-backstage-stage__team {
  position: absolute;
  z-index: 2;
  right: -1.5%;
  bottom: 7%;
  max-width: 94%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.13);
  font-size: clamp(60px, 8vw, 136px);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.075em;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.results-motion .results-backstage-stage__play {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(90px, 9vw, 132px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: rgba(5, 5, 5, 0.22);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.14), 0 18px 70px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(8px);
  place-items: center;
  transform: translate(-50%, -50%);
  transition: color 0.4s ease, background 0.4s ease, transform 0.45s var(--results-ease);
  pointer-events: none;
}

.results-motion .results-backstage-stage__play::after {
  position: absolute;
  inset: -9px;
  border: 1px dashed rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  content: "";
  animation: results-film-spin 16s linear infinite;
}

@keyframes results-film-spin {
  to {
    transform: rotate(360deg);
  }
}
.results-motion .results-backstage-stage__play i {
  width: 0;
  height: 0;
  margin: -8px 0 0 8px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #fff;
}

.results-motion .results-backstage-stage__play b {
  position: absolute;
  bottom: 20%;
  font-size: 8px;
  letter-spacing: 0.18em;
}

.results-motion .results-backstage-stage__copy {
  position: absolute;
  z-index: 4;
  right: clamp(22px, 3vw, 44px);
  bottom: clamp(20px, 3vw, 42px);
  left: clamp(22px, 3vw, 44px);
  pointer-events: none;
}

.results-motion .results-backstage-stage__copy small,
.results-motion .results-backstage-stage__copy strong {
  display: block;
}

.results-motion .results-backstage-stage__copy small {
  margin-bottom: 5px;
  color: var(--results-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-backstage-stage__copy strong {
  max-width: 70%;
  font-size: clamp(16px, 1.8vw, 28px);
  line-height: 1.25;
}

.results-motion .results-backstage-stage__frame-mark,
.results-motion .results-match-highlight__corner {
  position: absolute;
  z-index: 4;
  width: 30px;
  height: 30px;
  pointer-events: none;
}

.results-motion .results-backstage-stage__frame-mark--tl,
.results-motion .results-match-highlight__corner--tl {
  top: 14px;
  left: 14px;
  border-top: 2px solid rgba(255, 255, 255, 0.7);
  border-left: 2px solid rgba(255, 255, 255, 0.7);
}

.results-motion .results-backstage-stage__frame-mark--br,
.results-motion .results-match-highlight__corner--br {
  right: 14px;
  bottom: 14px;
  border-right: 2px solid rgba(255, 255, 255, 0.7);
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
}

.results-motion .results-backstage-stage__poster:hover > img {
  filter: saturate(1) contrast(1.04);
  transform: scale(1.055);
}

.results-motion .results-backstage-stage__poster:hover .results-backstage-stage__play {
  color: var(--results-red);
  background: var(--results-red);
  transform: translate(-50%, -50%) scale(1.07);
}

.results-motion .results-backstage-stage__poster:focus-visible {
  outline: 4px solid var(--results-red);
  outline-offset: -8px;
}

.results-motion .results-backstage-stage__frame {
  z-index: 6;
  background: #000;
}

.results-motion .results-backstage-stage__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.results-motion .results-backstage-stage__reset {
  position: absolute;
  z-index: 7;
  top: 14px;
  right: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 10px 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  color: #fff;
  background: rgba(5, 5, 5, 0.8);
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
  backdrop-filter: blur(8px);
}

.results-motion .results-backstage-stage__reset b {
  display: grid;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--results-red);
  font-size: 15px;
  place-items: center;
}

.results-motion .results-backstage-playlist {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}

.results-motion .results-backstage-playlist__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.results-motion .results-backstage-playlist__head b {
  color: var(--results-red);
  font-size: 20px;
  letter-spacing: 0;
}

.results-motion .results-backstage-playlist__rail {
  display: grid;
  flex: 1;
  grid-template-rows: repeat(6, minmax(0, 1fr));
  min-height: 0;
}

.results-motion .results-backstage-card {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 0;
  padding: 10px 8px 10px 0;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.55);
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: color 0.35s ease, background 0.35s ease, padding 0.35s var(--results-ease);
  appearance: none;
}

.results-motion .results-backstage-card:last-child {
  border-bottom: 0;
}

.results-motion .results-backstage-card::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--results-red);
  content: "";
  transform: scaleY(0);
  transition: transform 0.35s var(--results-ease);
}

.results-motion .results-backstage-card__thumb {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #111;
}

.results-motion .results-backstage-card__thumb img {
  opacity: 0.52;
  filter: grayscale(0.72);
  transform: scale(1.04);
  transition: opacity 0.4s ease, filter 0.4s ease, transform 0.55s var(--results-ease);
}

.results-motion .results-backstage-card__thumb i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #fff;
  transform: translate(-40%, -50%);
}

.results-motion .results-backstage-card__body,
.results-motion .results-backstage-card__body small,
.results-motion .results-backstage-card__body strong,
.results-motion .results-backstage-card__body em {
  display: block;
  min-width: 0;
}

.results-motion .results-backstage-card__body small {
  margin-bottom: 4px;
  color: var(--results-red);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.results-motion .results-backstage-card__body strong {
  overflow: hidden;
  color: inherit;
  font-size: clamp(14px, 1.05vw, 18px);
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.results-motion .results-backstage-card__body em {
  margin-top: 7px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.results-motion .results-backstage-card:hover,
.results-motion .results-backstage-card:focus-visible,
.results-motion .results-backstage-card.is-active {
  padding-left: 12px;
  color: #fff;
  background: rgba(255, 255, 255, 0.075);
}

.results-motion .results-backstage-card:hover::before,
.results-motion .results-backstage-card:focus-visible::before,
.results-motion .results-backstage-card.is-active::before {
  transform: scaleY(1);
}

.results-motion .results-backstage-card:hover img,
.results-motion .results-backstage-card:focus-visible img,
.results-motion .results-backstage-card.is-active img {
  opacity: 1;
  filter: none;
  transform: scale(1);
}

.results-motion .results-backstage-card:focus-visible {
  outline: 2px solid var(--results-red);
  outline-offset: -2px;
}

/* Match cards read as films before hover, not as static photography. */
.results-motion .results-match-card__media--video::after {
  display: none;
}

.results-motion .results-match-highlight__shade {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.44), rgba(0, 0, 0, 0.02) 38%, rgba(0, 0, 0, 0.78) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent 58%);
}

.results-motion .results-match-highlight__label {
  top: clamp(18px, 2.3vw, 32px);
  left: clamp(18px, 2.8vw, 42px);
  padding: 10px 13px;
  box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.26);
}

.results-motion .results-match-highlight__film-index {
  position: absolute;
  z-index: 4;
  top: clamp(19px, 2.4vw, 34px);
  right: clamp(18px, 2.8vw, 42px);
  color: #fff;
  text-align: right;
  pointer-events: none;
}

.results-motion .results-match-highlight__film-index small,
.results-motion .results-match-highlight__film-index b {
  display: block;
}

.results-motion .results-match-highlight__film-index small {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.results-motion .results-match-highlight__film-index b {
  font-size: clamp(18px, 2.1vw, 30px);
  letter-spacing: -0.03em;
}

.results-motion .results-match-highlight__play {
  display: grid;
  width: clamp(92px, 9vw, 132px);
  height: clamp(92px, 9vw, 132px);
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(5, 5, 5, 0.18);
  box-shadow: inset 0 0 0 11px rgba(0, 0, 0, 0.13), 0 18px 65px rgba(0, 0, 0, 0.32);
  backdrop-filter: blur(8px);
}

.results-motion .results-match-highlight__play::after {
  position: absolute;
  inset: -9px;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  content: "";
  animation: results-film-spin 16s linear infinite;
}

.results-motion .results-match-highlight__play i {
  margin: -8px 0 0 8px;
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 20px;
  border-left-color: #fff;
}

.results-motion .results-match-highlight__play b {
  position: absolute;
  bottom: 20%;
  font-size: 8px;
  letter-spacing: 0.18em;
}

.results-motion .results-match-highlight__copy {
  bottom: clamp(148px, 20vh, 196px);
  left: clamp(22px, 3.4vw, 48px);
  color: #fff;
  line-height: 0.85;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
}

.results-motion .results-match-highlight__copy small,
.results-motion .results-match-highlight__copy strong {
  display: block;
}

.results-motion .results-match-highlight__copy small {
  margin-bottom: 6px;
  color: var(--results-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-match-highlight__copy strong {
  font-size: clamp(22px, 3vw, 46px);
  letter-spacing: -0.055em;
}

.results-motion .results-match-highlight__type {
  right: clamp(22px, 3.4vw, 48px);
  bottom: clamp(148px, 20vh, 196px);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
}

.results-motion .results-match-highlight__type span {
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.66);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-match-highlight__type b {
  display: grid;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--results-red);
  background: #fff;
  font-size: 14px;
  place-items: center;
}

.results-motion .results-match-highlight:hover .results-match-highlight__play {
  background: var(--results-red);
  transform: translate(-50%, -50%) scale(1.07);
}

.results-motion .results-match-highlight:hover .results-match-highlight__type b {
  transform: rotate(45deg);
}

@media (max-width: 1100px) {
  .results-motion .results-backstage-hub__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .results-motion .results-backstage-playlist__rail {
    display: flex;
    gap: 10px;
    padding: 14px 0 4px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
  }
  .results-motion .results-backstage-card {
    flex: 0 0 min(360px, 46vw);
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 92px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    scroll-snap-align: start;
  }
}
@media (max-width: 760px) {
  .results-motion .results-team-panel__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .results-motion .results-team-panel__backstage,
  .results-motion .results-team-panel__roster {
    width: 100%;
  }
  .results-motion .results-backstage-hub {
    padding: 94px 0 100px;
  }
  .results-motion .results-backstage-hub__ticker {
    top: 24px;
    font-size: 46px;
  }
  .results-motion .results-backstage-hub__head {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 42px;
  }
  .results-motion .results-backstage-hub__head h2 {
    font-size: clamp(58px, 20vw, 84px);
    line-height: 0.8;
  }
  .results-motion .results-backstage-stage {
    aspect-ratio: 4/3;
  }
  .results-motion .results-backstage-stage__team {
    bottom: 14%;
    font-size: clamp(52px, 15vw, 74px);
  }
  .results-motion .results-backstage-stage__play {
    width: 88px;
  }
  .results-motion .results-backstage-stage__copy strong {
    max-width: 85%;
    font-size: 17px;
  }
  .results-motion .results-backstage-card {
    flex-basis: min(82vw, 330px);
  }
  .results-motion .results-match-highlight__play {
    width: 82px;
    height: 82px;
  }
  .results-motion .results-match-highlight__play i {
    margin: -7px 0 0 7px;
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 15px;
  }
  .results-motion .results-match-highlight__copy {
    bottom: 118px;
  }
  .results-motion .results-match-highlight__copy strong {
    font-size: 26px;
  }
  .results-motion .results-match-highlight__type {
    right: 18px;
    bottom: 120px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .results-motion .results-backstage-hub__ticker,
  .results-motion .results-backstage-stage__play::after,
  .results-motion .results-match-highlight__play::after {
    animation: none;
  }
  .results-motion .results-backstage-stage__poster > img,
  .results-motion .results-backstage-stage__play,
  .results-motion .results-backstage-card,
  .results-motion .results-backstage-card__thumb img,
  .results-motion .results-team-panel__backstage i {
    transition: none;
  }
}
/* RESULTS: inline backstage film inside each team panel */
.results-motion .results-team-film {
  position: relative;
  grid-column: 1/-1;
  margin-top: clamp(28px, 4.4vw, 72px);
  overflow: hidden;
  color: #fff;
  background: #070707;
  isolation: isolate;
}

.results-motion .results-team-film__masthead {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 76px;
  padding: 16px clamp(20px, 2.8vw, 42px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: #070707;
}

.results-motion .results-team-film__masthead div,
.results-motion .results-team-film__masthead small,
.results-motion .results-team-film__masthead strong,
.results-motion .results-team-film__masthead span {
  display: block;
}

.results-motion .results-team-film__masthead div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.results-motion .results-team-film__masthead small {
  color: var(--results-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.results-motion .results-team-film__masthead strong {
  font-size: clamp(15px, 1.25vw, 20px);
  font-weight: 900;
  letter-spacing: 0.08em;
}

.results-motion .results-team-film__masthead span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.results-motion .results-team-film__stage {
  position: relative;
  min-height: 390px;
  aspect-ratio: 21/8;
  overflow: hidden;
  background: #050505;
}

.results-motion .results-team-film__poster,
.results-motion .results-team-film__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.results-motion .results-team-film__poster {
  display: block;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: inherit;
  background: #050505;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.results-motion .results-team-film__poster[hidden],
.results-motion .results-team-film__frame[hidden],
.results-motion .results-team-film__reset[hidden] {
  display: none;
}

.results-motion .results-team-film__poster > img {
  position: absolute;
  inset: 0;
  object-position: center 44%;
  filter: saturate(0.82) contrast(1.04);
  transform: scale(1.01);
  transition: transform 0.9s var(--results-ease), filter 0.6s ease;
}

.results-motion .results-team-film__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.34) 48%, rgba(0, 0, 0, 0.12) 72%), linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.78));
  pointer-events: none;
}

.results-motion .results-team-film__grain {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0.16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.results-motion .results-team-film__line {
  position: absolute;
  z-index: 3;
  right: clamp(18px, 2.6vw, 38px);
  left: clamp(18px, 2.6vw, 38px);
  height: 1px;
  background: rgba(255, 255, 255, 0.36);
  pointer-events: none;
}

.results-motion .results-team-film__line--top {
  top: clamp(18px, 2.6vw, 38px);
}

.results-motion .results-team-film__line--bottom {
  bottom: clamp(18px, 2.6vw, 38px);
}

.results-motion .results-team-film__watermark {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: clamp(-12px, -1vw, 0px);
  max-width: 78%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.14);
  font-size: clamp(62px, 10vw, 168px);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: -0.075em;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
  transform: translateY(-52%);
  pointer-events: none;
}

.results-motion .results-team-film__copy {
  position: absolute;
  z-index: 4;
  bottom: clamp(46px, 5vw, 76px);
  left: clamp(28px, 4.4vw, 70px);
  display: block;
  pointer-events: none;
}

.results-motion .results-team-film__copy small,
.results-motion .results-team-film__copy strong,
.results-motion .results-team-film__copy em {
  display: block;
}

.results-motion .results-team-film__copy small {
  margin-bottom: 12px;
  color: var(--results-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-team-film__copy strong {
  font-size: clamp(27px, 3.4vw, 58px);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.results-motion .results-team-film__copy em {
  margin-top: 18px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.results-motion .results-team-film__play {
  position: absolute;
  z-index: 5;
  top: 50%;
  right: clamp(42px, 7vw, 118px);
  display: grid;
  width: clamp(112px, 10vw, 158px);
  height: clamp(112px, 10vw, 158px);
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.28);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(1px);
  place-items: center;
  transform: translateY(-50%);
  transition: transform 0.5s var(--results-ease), background 0.4s ease, border-color 0.4s ease;
  pointer-events: none;
}

.results-motion .results-team-film__play::after {
  position: absolute;
  inset: 10px;
  border: 1px dashed rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  content: "";
  animation: results-team-film-spin 16s linear infinite;
}

.results-motion .results-team-film__play i {
  width: 0;
  height: 0;
  margin: -12px 0 0 7px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #fff;
}

.results-motion .results-team-film__play b {
  position: absolute;
  bottom: 29px;
  font-size: 9px;
  letter-spacing: 0.14em;
}

.results-motion .results-team-film__poster:hover > img {
  filter: saturate(1) contrast(1.06);
  transform: scale(1.045);
}

.results-motion .results-team-film__poster:hover .results-team-film__play {
  border-color: #fff;
  background: var(--results-red);
  transform: translateY(-50%) scale(1.055);
}

.results-motion .results-team-film__poster:focus-visible {
  outline: 4px solid var(--results-red);
  outline-offset: -8px;
}

.results-motion .results-team-film__frame {
  z-index: 6;
  background: #000;
}

.results-motion .results-team-film__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.results-motion .results-team-film__reset {
  position: absolute;
  z-index: 7;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 46px;
  padding: 0 12px 0 18px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  color: #fff;
  background: rgba(7, 7, 7, 0.78);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  cursor: pointer;
  backdrop-filter: blur(8px);
}

.results-motion .results-team-film__reset b {
  display: grid;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  color: #070707;
  background: #fff;
  font-size: 18px;
  line-height: 1;
  place-items: center;
}

.results-motion .results-team-film__reset:hover,
.results-motion .results-team-film__reset:focus-visible {
  border-color: var(--results-red);
  background: var(--results-red);
}

.results-motion .results-team-film__reset:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

@keyframes results-team-film-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 760px) {
  .results-motion .results-team-film {
    margin-top: 32px;
  }
  .results-motion .results-team-film__masthead {
    min-height: 66px;
    padding: 14px 16px;
  }
  .results-motion .results-team-film__masthead div {
    display: block;
  }
  .results-motion .results-team-film__masthead small {
    margin-bottom: 4px;
  }
  .results-motion .results-team-film__masthead span {
    font-size: 8px;
  }
  .results-motion .results-team-film__stage {
    min-height: 0;
    aspect-ratio: 16/11;
  }
  .results-motion .results-team-film__watermark {
    top: 26%;
    right: -6px;
    max-width: 96%;
    font-size: clamp(48px, 17vw, 82px);
    transform: none;
  }
  .results-motion .results-team-film__copy {
    right: 20px;
    bottom: 28px;
    left: 20px;
    max-width: none;
  }
  .results-motion .results-team-film__copy strong {
    max-width: 76%;
    font-size: clamp(23px, 7.2vw, 34px);
  }
  .results-motion .results-team-film__copy em {
    margin-top: 12px;
    font-size: 7px;
  }
  .results-motion .results-team-film__play {
    top: 50%;
    right: 20px;
    width: 82px;
    height: 82px;
  }
  .results-motion .results-team-film__play i {
    margin: -8px 0 0 5px;
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 15px;
  }
  .results-motion .results-team-film__play b {
    bottom: 18px;
    font-size: 7px;
  }
  .results-motion .results-team-film__line {
    right: 12px;
    left: 12px;
  }
  .results-motion .results-team-film__line--top {
    top: 12px;
  }
  .results-motion .results-team-film__line--bottom {
    bottom: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .results-motion .results-team-film__poster > img,
  .results-motion .results-team-film__play {
    transition: none;
  }
  .results-motion .results-team-film__play::after {
    animation: none;
  }
}
/* RESULTS: team identity and clubs, full-width members, photo and film split */
.results-motion .results-teams {
  padding: clamp(64px, 7vw, 100px) 0 clamp(78px, 8vw, 120px);
}

.results-motion .results-teams__head {
  margin-bottom: clamp(34px, 4vw, 56px);
  padding-bottom: 22px;
}

.results-motion .results-team-panel,
.results-motion .results-team-panel.is-active {
  display: none;
}

.results-motion .results-team-panel.is-active {
  display: block;
}

.results-motion .results-team-panel__content {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}

.results-motion .results-team-panel__identity {
  display: grid;
  grid-template-columns: minmax(360px, 0.58fr) minmax(0, 1.42fr);
  align-items: flex-end;
  gap: clamp(28px, 4vw, 60px);
}

.results-motion .results-team-panel__identity-copy {
  min-width: 0;
}

.results-motion .results-team-panel__identity .results-team-panel__index {
  margin-bottom: 12px;
}

.results-motion .results-team-panel__identity h3 {
  max-width: 100%;
  margin-bottom: 0;
}

.results-motion .results-team-panel__members {
  width: 100%;
  padding-top: clamp(22px, 2.8vw, 36px);
}

.results-motion .results-team-panel__members,
.results-motion .results-team-panel__clubs {
  min-width: 0;
}

.results-motion .results-team-panel__members-label,
.results-motion .results-team-panel__clubs-label {
  display: block;
  margin-bottom: 14px;
  color: var(--results-red);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.results-motion .results-team-panel__members-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}

.results-motion .results-team-panel__members-head .results-team-panel__members-label {
  margin-bottom: 0;
}

.results-motion .results-team-panel__members-head .results-team-panel__actions {
  flex: 0 0 auto;
  margin: 0;
}

.results-motion .results-team-panel__members-head .results-team-panel__roster {
  min-height: 46px;
  padding: 0 20px;
}

.results-motion .results-team-panel__members .results-team-panel__staff {
  padding: 10px 0;
  font-size: 13px;
  line-height: 1.65;
}

.results-motion .results-team-panel__members .results-team-panel__players {
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  line-height: 1.72;
}

.results-motion .results-team-panel__clubs .results-team-panel__emblems {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 14px 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.results-motion .results-team-panel__clubs .results-team-emblem img {
  width: clamp(40px, 3.5vw, 54px);
  height: clamp(40px, 3.5vw, 54px);
}

.results-motion .results-team-panel__actions {
  justify-content: flex-start;
  margin-top: 26px;
}

.results-motion .results-team-panel__roster {
  min-width: min(100%, 250px);
}

.results-motion .results-team-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: clamp(16px, 2vw, 30px);
  margin-top: clamp(28px, 3vw, 44px);
}

.results-motion .results-team-media-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.results-motion .results-team-media-grid > * {
  min-width: 0;
}

.results-motion .results-team-media-grid .results-team-viewer {
  display: flex;
  flex-direction: column;
  align-self: start;
}

.results-motion .results-team-media-grid .results-team-viewer__main {
  aspect-ratio: 16/9;
}

.results-motion .results-team-media-grid .results-team-thumbs {
  gap: 6px;
  margin-top: 6px;
}

.results-motion .results-team-media-grid .results-team-film {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 0;
  width: 100%;
  height: auto;
  margin: 0;
  grid-column: auto;
}

.results-motion .results-team-film--split .results-team-film__masthead {
  flex: 0 0 auto;
  min-height: 66px;
  padding: 13px clamp(16px, 1.8vw, 26px);
}

.results-motion .results-team-film--split .results-team-film__masthead div {
  display: block;
}

.results-motion .results-team-film--split .results-team-film__masthead small {
  margin-bottom: 4px;
  font-size: 8px;
}

.results-motion .results-team-film--split .results-team-film__masthead strong {
  font-size: clamp(13px, 1.1vw, 17px);
}

.results-motion .results-team-film--split .results-team-film__masthead span {
  font-size: 8px;
}

.results-motion .results-team-film--split .results-team-film__stage {
  flex: 1 1 auto;
  width: 100%;
  min-height: clamp(280px, 27vw, 470px);
  aspect-ratio: auto;
}

.results-motion .results-team-film--split .results-team-film__watermark {
  max-width: 88%;
  font-size: clamp(56px, 6.4vw, 104px);
}

.results-motion .results-team-film--split .results-team-film__copy {
  bottom: clamp(34px, 3.2vw, 52px);
  left: clamp(22px, 2.4vw, 36px);
}

.results-motion .results-team-film--split .results-team-film__copy small {
  margin-bottom: 8px;
  font-size: 9px;
}

.results-motion .results-team-film--split .results-team-film__copy strong {
  font-size: clamp(22px, 2.6vw, 40px);
}

.results-motion .results-team-film--split .results-team-film__copy em {
  margin-top: 12px;
  font-size: 7px;
}

.results-motion .results-team-film--split .results-team-film__play {
  right: 0;
  left: 0;
  width: clamp(82px, 7.2vw, 116px);
  height: clamp(82px, 7.2vw, 116px);
  margin: 0 auto;
}

.results-motion .results-team-film--split .results-team-film__play i {
  margin: -8px 0 0 6px;
  border-top-width: 9px;
  border-bottom-width: 9px;
  border-left-width: 15px;
}

.results-motion .results-team-film--split .results-team-film__play b {
  bottom: 21px;
  font-size: 7px;
}

@media (max-width: 1080px) {
  .results-motion .results-team-panel__identity {
    grid-template-columns: minmax(320px, 0.7fr) minmax(0, 1.3fr);
    gap: 34px;
  }
  .results-motion .results-team-panel__clubs .results-team-panel__emblems {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .results-motion .results-team-panel__identity,
  .results-motion .results-team-media-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .results-motion .results-team-panel__identity {
    align-items: start;
    gap: 32px;
  }
  .results-motion .results-team-panel__clubs .results-team-panel__emblems {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .results-motion .results-team-film--split .results-team-film__stage {
    min-height: 0;
    aspect-ratio: 16/9;
  }
}
@media (max-width: 760px) {
  .results-motion .results-team-panel__identity {
    padding-bottom: 22px;
  }
  .results-motion .results-team-panel__members {
    padding-top: 22px;
  }
  .results-motion .results-team-panel__members .results-team-panel__players {
    max-height: none;
  }
  .results-motion .results-team-panel__clubs .results-team-panel__emblems {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px 6px;
  }
  .results-motion .results-team-media-grid {
    gap: 22px;
    margin-top: 26px;
  }
  .results-motion .results-team-film--split {
    margin-top: 0;
  }
  .results-motion .results-team-film--split .results-team-film__copy {
    right: 18px;
    bottom: 30px;
    left: 18px;
    max-width: calc(100% - 36px);
  }
  .results-motion .results-team-film--split .results-team-film__copy strong {
    max-width: 68%;
    font-size: clamp(20px, 6.2vw, 28px);
  }
  .results-motion .results-team-film--split .results-team-film__play {
    top: 46%;
    right: 22px;
    width: 76px;
    height: 76px;
  }
  .results-motion .results-team-film--split .results-team-film__play b {
    display: none;
  }
}
@media (max-width: 520px) {
  .results-motion .results-team-panel__members-head {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  .results-motion .results-team-panel__members-head .results-team-panel__actions,
  .results-motion .results-team-panel__members-head .results-team-panel__roster {
    width: 100%;
  }
  .results-motion .results-team-panel__clubs .results-team-panel__emblems {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
/* ROAD TO ALL-STAR: isolated uniform feature v4 */
.road-motion .road-uniform-feature {
  position: relative;
  overflow: hidden;
  color: #050505;
  background: #fff;
}

.road-motion .road-uniform-feature__intro {
  display: grid;
  width: min(1480px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(96px, 9vw, 150px) 0;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
  align-items: start;
  gap: clamp(40px, 5.5vw, 88px);
}

.road-motion .road-uniform-feature__media {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #ececec;
}

.road-motion .road-uniform-feature__media::after {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(5, 5, 5, 0.1);
  content: "";
  pointer-events: none;
}

.road-motion .road-uniform-feature__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.road-motion .road-uniform-feature__copy {
  min-width: 0;
}

.road-motion .road-uniform-feature__head {
  padding-bottom: clamp(28px, 3vw, 44px);
  border-bottom: 1px solid rgba(5, 5, 5, 0.22);
}

.road-motion .road-uniform-feature__head > small,
.road-motion .road-uniform-feature__label small,
.road-motion .road-uniform-feature__motif-head small {
  display: block;
  color: #f00012;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.road-motion .road-uniform-feature__head h2 {
  margin: 16px 0 0;
  font-size: clamp(34px, 3.5vw, 58px);
  line-height: 1.04;
  letter-spacing: -0.052em;
}

.road-motion .road-uniform-feature__head p {
  margin: 20px 0 0;
  color: #666;
  font-size: clamp(11px, 0.9vw, 14px);
  line-height: 1.75;
}

.road-motion .road-uniform-feature__theme,
.road-motion .road-uniform-feature__concept {
  padding-top: clamp(28px, 3vw, 42px);
}

.road-motion .road-uniform-feature__label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
}

.road-motion .road-uniform-feature__label span,
.road-motion .road-uniform-feature__motif-head span {
  color: #777;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
}

.road-motion .road-uniform-feature__theme h3 {
  margin: 20px 0 0;
  font-size: clamp(26px, 2.35vw, 40px);
  line-height: 1.32;
  letter-spacing: -0.038em;
}

.road-motion .road-uniform-feature__concept-list {
  margin: 20px 0 0;
  padding: 0;
  border-top: 1px solid rgba(5, 5, 5, 0.22);
  list-style: none;
}

.road-motion .road-uniform-feature__concept-list li {
  display: grid;
  min-height: 78px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(5, 5, 5, 0.22);
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
}

.road-motion .road-uniform-feature__concept-list li > span {
  color: #aaa;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.road-motion .road-uniform-feature__concept-list strong {
  display: block;
  overflow-wrap: anywhere;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.35;
}

.road-motion .road-uniform-feature__concept-list p {
  margin: 5px 0 0;
  color: #555;
  font-size: clamp(13px, 0.95vw, 15px);
  line-height: 1.5;
}

.road-motion .road-uniform-feature__marbling {
  border-top: 1px solid rgba(5, 5, 5, 0.18);
  background: #fff;
}

.road-motion .road-uniform-feature__strip {
  display: grid;
  width: 100%;
  overflow: hidden;
  background: #ececec;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.road-motion .road-uniform-feature__strip figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1492/2048;
  border-right: 1px solid rgba(255, 255, 255, 0.72);
  background: #ececec;
}

.road-motion .road-uniform-feature__strip figure:last-child {
  border-right: 0;
}

.road-motion .road-uniform-feature__strip img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.road-motion .road-uniform-feature__motif {
  display: grid;
  width: min(1480px, 100% - 96px);
  margin: 0 auto;
  padding: clamp(88px, 8vw, 136px) 0 clamp(100px, 10vw, 160px);
  grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1.62fr);
  align-items: start;
  gap: clamp(44px, 6vw, 96px);
}

.road-motion .road-uniform-feature__motif-head span {
  display: block;
  margin-top: 12px;
  color: #050505;
  font-size: clamp(20px, 1.7vw, 27px);
  letter-spacing: -0.02em;
}

.road-motion .road-uniform-feature__motif-copy {
  min-width: 0;
}

.road-motion .road-uniform-feature__motif-copy h3 {
  margin: -6px 0 clamp(26px, 3vw, 42px);
  font-size: clamp(54px, 5.6vw, 92px);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

.road-motion .road-uniform-feature__motif-copy p {
  max-width: 960px;
  margin: 0;
  font-size: clamp(15px, 1.2vw, 19px);
  line-height: 1.95;
}

.road-motion .road-uniform-feature__motif-copy p + p {
  margin-top: 8px;
}

@media (hover: hover) and (pointer: fine) {
  .road-motion .road-uniform-feature__media img,
  .road-motion .road-uniform-feature__strip img {
    transition: transform 0.85s var(--road-ease);
  }
  .road-motion .road-uniform-feature__media:hover img {
    transform: scale(1.02);
  }
  .road-motion .road-uniform-feature__strip figure:hover img {
    transform: scale(1.035);
  }
}
@media (max-width: 1100px) {
  .road-motion .road-uniform-feature__intro,
  .road-motion .road-uniform-feature__motif {
    width: calc(100% - 48px);
  }
  .road-motion .road-uniform-feature__intro {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
    gap: 36px;
  }
}
@media (max-width: 720px) {
  .road-motion .road-uniform-feature__intro,
  .road-motion .road-uniform-feature__motif {
    width: calc(100% - 36px);
  }
  .road-motion .road-uniform-feature__intro {
    padding: 76px 0 90px;
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .road-motion .road-uniform-feature__media {
    aspect-ratio: 3/4;
  }
  .road-motion .road-uniform-feature__media img {
    object-fit: contain;
  }
  .road-motion .road-uniform-feature__head h2 {
    font-size: clamp(34px, 10vw, 48px);
  }
  .road-motion .road-uniform-feature__label {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .road-motion .road-uniform-feature__theme h3 {
    font-size: clamp(27px, 8vw, 38px);
  }
  .road-motion .road-uniform-feature__strip {
    display: grid;
    width: 100%;
    padding: 0;
    overflow: hidden;
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .road-motion .road-uniform-feature__strip figure {
    min-width: 0;
  }
  .road-motion .road-uniform-feature__motif {
    padding: 72px 0 96px;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }
  .road-motion .road-uniform-feature__motif-copy h3 {
    margin-top: 0;
    font-size: clamp(34px, 10vw, 48px);
  }
  .road-motion .road-uniform-feature__motif-copy p {
    font-size: 15px;
    line-height: 1.9;
  }
}
@media (prefers-reduced-motion: reduce) {
  .road-motion .road-uniform-feature__media img,
  .road-motion .road-uniform-feature__strip img {
    transition: none;
  }
}
/* YOU ARE THE J.LEAGUE ALL-STAR */
.youare-motion {
  --youare-black: #060606;
  --youare-red: #ed0017;
  --youare-line: rgba(7, 7, 7, .18);
  --youare-content: min(1480px, calc(100% - 96px));
  --youare-ease: cubic-bezier(.2, .78, .2, 1);
  overflow: clip;
  color: #070707;
  background: #fff;
}

.youare-motion img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.youare-motion picture {
  display: block;
  width: 100%;
  height: 100%;
}

.youare-motion [data-youare-reveal] {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.9s var(--youare-ease), transform 0.9s var(--youare-ease);
}

.youare-motion [data-youare-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

.youare-manifesto {
  --manifesto-line-y: 0px;
  position: relative;
  padding: clamp(88px, 10vw, 160px) 0;
  overflow: hidden;
  color: #fff;
  background: var(--youare-black);
  isolation: isolate;
}

.youare-manifesto__signal {
  position: absolute;
  z-index: 0;
  top: clamp(54px, 7vw, 104px);
  left: -8%;
  width: 116%;
  height: 2px;
  opacity: 0.78;
  pointer-events: none;
  transform: translate3d(0, var(--manifesto-line-y), 0) rotate(-4deg);
  transform-origin: center;
  will-change: transform;
}

.youare-manifesto__signal span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, #f00012 24%, #00a85a 50%, #1478f2 76%, transparent 100%);
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.12);
}

.youare-manifesto__inner {
  position: relative;
  z-index: 1;
  width: var(--youare-content);
  margin: 0 auto;
}

.youare-story__head small,
.youare-project__copy > small {
  color: var(--youare-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.youare-manifesto__body {
  width: min(1080px, 100%);
  margin: 0 auto;
  text-align: center;
}

.youare-manifesto__body p {
  position: relative;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 2;
  transition: color 0.45s ease, opacity 0.45s ease, transform 0.6s var(--youare-ease);
}

.youare-manifesto__body p::after {
  display: block;
  width: 0;
  height: 2px;
  margin: 5px auto 1px;
  background: linear-gradient(90deg, #f00012, #00a85a, #1478f2);
  content: "";
  opacity: 0;
  transform: translateY(-2px);
  transition: width 0.5s var(--youare-ease), opacity 0.35s ease, transform 0.5s var(--youare-ease);
}

.youare-manifesto.is-motion-ready .youare-manifesto__body p {
  color: rgba(255, 255, 255, 0.38);
  transform: translate3d(0, 5px, 0);
}

.youare-manifesto.is-motion-ready .youare-manifesto__body p.is-near {
  color: rgba(255, 255, 255, 0.68);
  transform: translate3d(0, 2px, 0);
}

.youare-manifesto.is-motion-ready .youare-manifesto__body p.is-active {
  color: #fff;
  transform: none;
}

.youare-manifesto.is-motion-ready .youare-manifesto__body p.is-active::after {
  width: 42px;
  opacity: 1;
  transform: none;
}

.youare-project {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(400px, 0.8fr);
  min-height: min(680px, 62vw);
  background: #f0f0f0;
}

.youare-project__media {
  min-height: 100%;
  overflow: hidden;
}

.youare-project__media img {
  object-position: center;
  transition: transform 1.1s var(--youare-ease);
}

.youare-project:hover .youare-project__media img {
  transform: scale(1.018);
}

.youare-project__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 5vw, 80px);
}

.youare-project__copy h2 {
  margin: 18px 0 0;
  font-size: clamp(36px, 4.5vw, 68px);
  line-height: 1.02;
  letter-spacing: -0.055em;
}

.youare-project__copy p {
  max-width: 580px;
  margin: 28px 0 34px;
  color: #4d4d4d;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 1.95;
}

.youare-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: fit-content;
  min-width: 250px;
  min-height: 62px;
  padding: 0 22px 0 26px;
  border: 1px solid #080808;
  color: #fff;
  background: #080808;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease, transform 0.35s var(--youare-ease);
}

.youare-link-button:hover {
  border-color: var(--youare-red);
  background: var(--youare-red);
  transform: translateY(-3px);
}

.youare-link-button--light {
  border-color: #fff;
  color: #080808;
  background: #fff;
}

.youare-link-button--outline {
  border-color: rgba(255, 255, 255, 0.58);
  color: #fff;
  background: transparent;
}

.youare-story {
  position: relative;
  padding: clamp(84px, 9vw, 140px) 0;
  overflow: hidden;
  background: #fff;
  isolation: isolate;
}

.youare-story--soft {
  background: #eee;
}

.youare-story--dark,
.youare-story--littleglee,
.youare-story--gourmet {
  color: #fff;
  background: #070707;
}

.youare-story__inner {
  position: relative;
  z-index: 2;
  width: var(--youare-content);
  margin: 0 auto;
}

.youare-story__head {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
  align-items: end;
  gap: clamp(36px, 5vw, 88px);
  margin-bottom: clamp(44px, 5.5vw, 80px);
}

.youare-story__head h2 {
  margin: 16px 0 0;
  font-size: clamp(40px, 5vw, 78px);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.youare-story__head > p {
  max-width: 640px;
  margin: 0;
  color: #555;
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1.95;
}

.youare-story--dark .youare-story__head > p,
.youare-story--littleglee .youare-story__head > p,
.youare-story--gourmet .youare-story__head > p {
  color: rgba(255, 255, 255, 0.72);
}

.youare-story__ticker {
  position: absolute;
  z-index: 1;
  top: 22px;
  left: 0;
  width: max-content;
  color: rgba(255, 255, 255, 0.055);
  font-size: clamp(80px, 12vw, 180px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.07em;
  white-space: nowrap;
  animation: youare-ticker 34s linear infinite;
}

@keyframes youare-ticker {
  to {
    transform: translateX(-33.333%);
  }
}
.youare-story__backdrop {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0.22;
}

.youare-story__backdrop::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.92) 0%, rgba(0, 0, 0, 0.72) 55%, rgba(0, 0, 0, 0.35)), linear-gradient(180deg, rgba(0, 0, 0, 0.2), #070707);
  content: "";
}

.youare-story__backdrop img {
  filter: grayscale(0.25) saturate(0.8);
  transform: scale(1.04);
}

.youare-story__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: clamp(36px, 4.5vw, 60px);
}

.youare-deck {
  --deck-count: 1;
}

.youare-deck.is-single .youare-deck__viewport {
  width: min(76%, 1040px);
  min-height: 0;
  aspect-ratio: 16/9;
  margin: 0 auto;
  perspective: none;
  touch-action: auto;
}
.youare-deck.is-single .youare-deck__track {
  position: relative;
  inset: auto;
  height: 100%;
}
.youare-deck.is-single .youare-deck__card {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  will-change: auto;
}
.youare-deck.is-single .youare-deck__controls {
  display: none;
}

.youare-deck__viewport {
  position: relative;
  min-height: clamp(460px, 45vw, 680px);
  outline: none;
  perspective: 1400px;
  touch-action: pan-y;
}

.youare-deck__viewport:focus-visible {
  outline: 3px solid var(--youare-red);
  outline-offset: 8px;
}

.youare-deck__track {
  position: absolute;
  inset: 0;
}

.youare-deck__card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(76%, 1040px);
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #111;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
  transform-origin: center;
  will-change: transform, opacity;
  transition: transform 0.72s var(--youare-ease), opacity 0.45s ease, filter 0.45s ease;
}

.youare-story--dark .youare-deck__card,
.youare-story--littleglee .youare-deck__card,
.youare-story--gourmet .youare-deck__card {
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}

.youare-deck__card.is-disabled {
  filter: grayscale(1);
}

.youare-media-card {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #111;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
}

.youare-deck__card.is-disabled .youare-media-card {
  cursor: default;
}

.youare-media-card > picture {
  position: absolute;
  inset: 0;
}

.youare-media-card > img,
.youare-media-card > picture img {
  position: absolute;
  inset: 0;
  transform: scale(1.002);
  transition: transform 0.9s var(--youare-ease), filter 0.5s ease;
}

.youare-media-card__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 30%, rgba(0, 0, 0, 0.86) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.3), transparent 62%);
}

.youare-media-card__platform,
.youare-media-card__number {
  position: absolute;
  z-index: 2;
  top: clamp(18px, 2.4vw, 34px);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.youare-media-card__platform {
  left: clamp(18px, 2.4vw, 34px);
  padding: 9px 11px;
  background: var(--youare-red);
}

.youare-media-card__number {
  right: clamp(18px, 2.4vw, 34px);
  color: rgba(255, 255, 255, 0.8);
}

.youare-media-card__play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(72px, 7vw, 100px);
  height: clamp(72px, 7vw, 100px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
  place-items: center;
  transform: translate(-50%, -50%);
  transition: transform 0.4s var(--youare-ease), background 0.4s ease;
}

.youare-media-card__play i {
  width: 0;
  height: 0;
  margin-left: 7px;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid var(--youare-red);
}

.youare-media-card__external {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(72px, 7vw, 100px);
  height: clamp(72px, 7vw, 100px);
  border: 1px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.56);
  font-size: 30px;
  place-items: center;
  transform: translate(-50%, -50%);
}

.youare-media-card__copy {
  position: absolute;
  z-index: 2;
  right: clamp(22px, 3.4vw, 50px);
  bottom: clamp(22px, 3.4vw, 48px);
  left: clamp(22px, 3.4vw, 50px);
}

.youare-media-card__copy small {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.youare-media-card__copy strong {
  display: block;
  max-width: 82%;
  font-size: clamp(22px, 3.2vw, 50px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.youare-media-card:hover > img,
.youare-media-card:focus-visible > img,
.youare-media-card:hover > picture img,
.youare-media-card:focus-visible > picture img {
  transform: scale(1.035);
}

.youare-media-card:hover .youare-media-card__play,
.youare-media-card:focus-visible .youare-media-card__play {
  transform: translate(-50%, -50%) scale(1.08);
}

.youare-media-card:focus-visible {
  outline: 4px solid var(--youare-red);
  outline-offset: -6px;
}

.youare-deck__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 24px;
}

.youare-deck__controls > button {
  display: grid;
  width: 54px;
  height: 54px;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  place-items: center;
  transition: color 0.3s ease, background 0.3s ease, transform 0.3s var(--youare-ease);
}

.youare-deck__controls > button:hover {
  color: #fff;
  background: var(--youare-red);
  border-color: var(--youare-red);
  transform: scale(1.06);
}

.youare-deck__controls > button:focus-visible {
  outline: 3px solid var(--youare-red);
  outline-offset: 3px;
}

.youare-deck__status {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 122px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.youare-deck__status b {
  color: var(--youare-red);
  font-size: 16px;
}

.youare-deck__status i {
  flex: 1;
  height: 1px;
  background: currentColor;
  opacity: 0.3;
}

.youare-bestshot {
  padding: clamp(84px, 9vw, 145px) 0;
  background: #fff;
}

.youare-bestshot__inner {
  width: var(--youare-content);
  margin: 0 auto;
}

.youare-bestshot__wall {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(8, minmax(45px, 5.2vw));
  gap: 10px;
  min-height: 680px;
}

.youare-bestshot__wall figure {
  margin: 0;
  overflow: hidden;
  background: #ddd;
}

.youare-bestshot__wall figure > button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  appearance: none;
}

.youare-bestshot__wall figure > button:focus-visible {
  outline: 3px solid var(--youare-red);
  outline-offset: -3px;
}

.youare-bestshot__wall figure img {
  transition: transform 0.8s var(--youare-ease);
}

.youare-bestshot__wall figure:hover img {
  transform: scale(1.04);
}

.youare-bestshot__wall figure:nth-child(1) {
  grid-column: 1/5;
  grid-row: 1/5;
}

.youare-bestshot__wall figure:nth-child(2) {
  grid-column: 5/9;
  grid-row: 1/4;
}

.youare-bestshot__wall figure:nth-child(3) {
  grid-column: 9/13;
  grid-row: 1/5;
}

.youare-bestshot__wall figure:nth-child(4) {
  grid-column: 1/4;
  grid-row: 5/9;
}

.youare-bestshot__wall figure:nth-child(5) {
  grid-column: 4/8;
  grid-row: 4/9;
}

.youare-bestshot__wall figure:nth-child(6) {
  grid-column: 8/11;
  grid-row: 5/9;
}

.youare-bestshot__wall figure:nth-child(7) {
  grid-column: 11/13;
  grid-row: 5/9;
}

.youare-bestshot__tag {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  padding: 28px 34px;
  color: #fff;
  background: rgba(5, 5, 5, 0.7);
  backdrop-filter: blur(1px);
  transform: translate(-50%, -50%);
}

.youare-bestshot__tag small {
  display: block;
  margin-bottom: 8px;
  color: var(--youare-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.youare-bestshot__tag strong {
  display: block;
  font-size: clamp(24px, 3vw, 46px);
  line-height: 1.04;
}

.youare-bestshot__tag--mobile {
  display: none;
}

body.youare-bestshot-modal-open {
  overflow: hidden;
}

.youare-bestshot-modal {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #fff;
  background: #050505;
}
.youare-bestshot-modal::backdrop {
  background: #050505;
}
.youare-bestshot-modal__shell {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  padding: clamp(58px, 7vh, 92px) clamp(62px, 8vw, 132px) clamp(50px, 6vh, 78px);
  place-items: center;
}
.youare-bestshot-modal__stage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  touch-action: pan-y;
}
.youare-bestshot-modal__stage picture,
.youare-bestshot-modal__stage img {
  display: block;
  width: 100%;
  height: 100%;
}
.youare-bestshot-modal__stage img {
  object-fit: contain;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.22s ease, transform 0.45s cubic-bezier(0.2, 0.78, 0.2, 1);
}
.youare-bestshot-modal__stage img.is-changing {
  opacity: 0.16;
  transform: scale(0.985);
}
.youare-bestshot-modal__close {
  position: absolute;
  z-index: 5;
  top: 22px;
  right: 24px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  background: rgba(5, 5, 5, 0.35);
  cursor: pointer;
  backdrop-filter: blur(8px);
}
.youare-bestshot-modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.youare-bestshot-modal__close span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.youare-bestshot-modal__close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
.youare-bestshot-modal__arrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  min-width: 62px;
  padding: 18px 10px;
  border: 0;
  color: #fff;
  background: transparent;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.13em;
  cursor: pointer;
  transform: translateY(-50%);
}
.youare-bestshot-modal__arrow::after {
  display: block;
  width: 34px;
  height: 1px;
  margin-top: 10px;
  background: currentColor;
  content: "";
  transition: width 0.25s ease;
}
.youare-bestshot-modal__arrow:hover::after, .youare-bestshot-modal__arrow:focus-visible::after {
  width: 48px;
}
.youare-bestshot-modal__arrow:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.youare-bestshot-modal__arrow--prev {
  left: 18px;
  text-align: left;
}
.youare-bestshot-modal__arrow--next {
  right: 18px;
  text-align: right;
}
.youare-bestshot-modal__arrow--next::after {
  margin-left: auto;
}
.youare-bestshot-modal__status {
  position: absolute;
  right: clamp(62px, 8vw, 132px);
  bottom: 22px;
  left: clamp(62px, 8vw, 132px);
  display: flex;
  gap: 18px;
  align-items: center;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.youare-bestshot-modal__status i {
  position: relative;
  height: 1px;
  overflow: hidden;
  flex: 1;
  background: rgba(255, 255, 255, 0.22);
}
.youare-bestshot-modal__status b {
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(var(--youare-bestshot-progress, 0));
  transform-origin: left;
  transition: transform 0.35s ease;
}

body.youare-video-open {
  overflow: hidden;
}

.youare-video-modal {
  width: min(1240px, 100vw - 48px);
  max-width: none;
  max-height: 92dvh;
  padding: 0;
  overflow: auto;
  border: 0;
  color: #fff;
  background: #060606;
  box-shadow: 0 38px 120px rgba(0, 0, 0, 0.62);
}

.youare-video-modal::backdrop {
  background: rgba(0, 0, 0, 0.86);
  backdrop-filter: blur(9px);
}

.youare-video-modal__shell {
  padding: clamp(18px, 3vw, 38px);
}

.youare-video-modal header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 20px;
}

.youare-video-modal header small {
  color: var(--youare-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.youare-video-modal header h2 {
  margin: 8px 0 0;
  font-size: clamp(20px, 3vw, 42px);
  line-height: 1.12;
}

.youare-video-modal header button {
  position: relative;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background: transparent;
  cursor: pointer;
}

.youare-video-modal header button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.youare-video-modal header button span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.youare-video-modal header button:hover {
  border-color: var(--youare-red);
  background: var(--youare-red);
}

.youare-video-modal header button:focus-visible {
  outline: 3px solid var(--youare-red);
  outline-offset: 3px;
}

.youare-video-modal__frame {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #000;
}

.youare-video-modal__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1000px) {
  .youare-motion {
    --youare-content: calc(100% - 48px);
  }
  .youare-story__head {
    grid-template-columns: 1fr;
  }
  .youare-project {
    grid-template-columns: 1fr;
  }
  .youare-project__media {
    min-height: 54vw;
  }
  .youare-deck__viewport {
    min-height: 54vw;
  }
  .youare-deck__card {
    width: 82%;
  }
  .youare-deck.is-single .youare-deck__viewport {
    width: 82%;
  }
}
@media (max-width: 760px) {
  .youare-motion {
    --youare-content: calc(100% - 36px);
  }
  .youare-motion [data-youare-reveal] {
    transform: translate3d(0, 24px, 0);
  }
  .youare-manifesto {
    padding: 72px 0;
  }
  .youare-manifesto__signal {
    left: -18%;
    width: 136%;
    opacity: 0.6;
    transform: translate3d(0, var(--manifesto-line-y), 0) rotate(-7deg);
  }
  .youare-manifesto__body p {
    font-size: 14px;
    line-height: 1.95;
  }
  .youare-project__media {
    min-height: 68vw;
  }
  .youare-project__copy {
    padding: 40px 18px 52px;
  }
  .youare-project__copy h2 {
    font-size: clamp(34px, 10vw, 46px);
  }
  .youare-story {
    padding: 72px 0;
  }
  .youare-story__head {
    gap: 20px;
    margin-bottom: 36px;
  }
  .youare-story__head h2 {
    font-size: clamp(36px, 10vw, 48px);
  }
  .youare-story__ticker {
    top: 12px;
    font-size: 22vw;
  }
  .youare-deck__viewport {
    min-height: 61vw;
  }
  .youare-deck__card {
    width: 88%;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
  }
  .youare-deck.is-single .youare-deck__viewport {
    width: 88%;
  }
  .youare-media-card__platform {
    top: 12px;
    left: 12px;
    padding: 7px 9px;
    font-size: 8px;
  }
  .youare-media-card__number {
    top: 14px;
    right: 12px;
    font-size: 8px;
  }
  .youare-media-card__play,
  .youare-media-card__external {
    width: 58px;
    height: 58px;
  }
  .youare-media-card__play i {
    margin-left: 4px;
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }
  .youare-media-card__copy {
    right: 16px;
    bottom: 16px;
    left: 16px;
  }
  .youare-media-card__copy small {
    margin-bottom: 5px;
    font-size: 8px;
  }
  .youare-media-card__copy strong {
    max-width: 92%;
    font-size: clamp(17px, 5.5vw, 25px);
  }
  .youare-deck__controls {
    margin-top: 16px;
  }
  .youare-deck__controls > button {
    width: 46px;
    height: 46px;
  }
  .youare-link-button {
    width: 100%;
    min-width: 0;
  }
  .youare-story__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
  .youare-bestshot {
    padding: 72px 0;
  }
  .youare-bestshot__wall {
    display: flex;
    min-height: 0;
    margin-right: -18px;
    padding-right: 18px;
    overflow-x: auto;
    gap: 8px;
    scroll-snap-type: x mandatory;
  }
  .youare-bestshot__wall figure {
    flex: 0 0 78vw;
    height: 52vw;
    scroll-snap-align: center;
  }
  .youare-bestshot__tag {
    position: sticky;
    left: 18px;
    flex: 0 0 64vw;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    transform: none;
  }
  .youare-bestshot__tag--wall {
    display: none;
  }
  .youare-bestshot__tag--mobile {
    position: static;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    transform: none;
    background: rgb(5, 5, 5);
  }
  .youare-video-modal {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .youare-video-modal__shell {
    padding: 14px;
  }
  .youare-video-modal header h2 {
    font-size: 18px;
  }
  .youare-video-modal header button {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
  .youare-bestshot-modal {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .youare-motion [data-youare-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .youare-story__ticker {
    animation: none;
  }
  .youare-manifesto__signal {
    top: 50%;
    opacity: 0.38;
    transform: rotate(-4deg);
  }
  .youare-manifesto.is-motion-ready .youare-manifesto__body p,
  .youare-manifesto.is-motion-ready .youare-manifesto__body p.is-near,
  .youare-manifesto.is-motion-ready .youare-manifesto__body p.is-active {
    color: rgba(255, 255, 255, 0.76);
    transform: none;
  }
  .youare-manifesto__body p::after {
    display: none;
  }
  .youare-deck__card,
  .youare-media-card > img,
  .youare-media-card > picture img,
  .youare-media-card__play,
  .youare-project__media img,
  .youare-bestshot__wall figure img {
    transition: none;
  }
  .youare-bestshot-modal__stage img,
  .youare-bestshot-modal__status b {
    transition: none;
  }
}
/* DATA & MOVIES / editorial data ledger */
.data-movies-page {
  --data-black: #070707;
  --data-red: #f00012;
  --data-gray: #efefef;
  --data-line: rgba(7, 7, 7, .18);
  --data-content: min(1480px, calc(100% - 96px));
  --data-ease: cubic-bezier(.2, .78, .2, 1);
  overflow: clip;
  color: var(--data-black);
  background: #fff;
}

.data-movies-page [data-data-reveal] {
  opacity: 0;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.85s var(--data-ease), transform 0.85s var(--data-ease);
}

.data-movies-page [data-data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

.data-ledger {
  padding: clamp(100px, 12vw, 190px) 0 clamp(120px, 14vw, 220px);
}

.data-ledger__intro,
.data-visitors,
.data-chapter,
.movie-archive__head,
.movie-archive__grid {
  width: var(--data-content);
  margin-right: auto;
  margin-left: auto;
}

.data-ledger__intro {
  display: grid;
  grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1.2fr) minmax(270px, 0.62fr);
  align-items: end;
  gap: clamp(30px, 5vw, 80px);
  padding-bottom: clamp(60px, 8vw, 120px);
}

.data-ledger__intro small,
.data-chapter__head small,
.data-visitors > header small,
.movie-archive__head small {
  color: var(--data-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.data-ledger__intro h2 {
  margin: 0;
  font-size: clamp(48px, 7vw, 108px);
  line-height: 0.92;
  letter-spacing: -0.07em;
}

.data-ledger__intro p {
  margin: 0;
  color: #5d5d5d;
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 1.95;
}

.data-vote {
  position: relative;
  width: 100%;
  min-height: clamp(450px, 51vw, 790px);
  padding: clamp(48px, 6vw, 92px) max(48px, (100% - min(1480px, 100% - 96px)) / 2);
  overflow: hidden;
  color: #fff;
  background: var(--data-black);
  isolation: isolate;
}

.data-vote::before {
  position: absolute;
  inset: -35% -10%;
  opacity: 0.17;
  background: repeating-linear-gradient(112deg, transparent 0 8%, #fff 8.1% 8.25%, transparent 8.35% 15%);
  content: "";
  transform: rotate(-4deg);
}

.data-vote__head {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

.data-vote__head span,
.data-vote__head h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.data-vote > p {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  gap: clamp(14px, 2vw, 30px);
  margin: clamp(100px, 14vw, 220px) 0 0;
  white-space: nowrap;
}

.data-vote > p strong {
  font-size: clamp(70px, 11.2vw, 176px);
  line-height: 0.72;
  letter-spacing: -0.085em;
}

.data-vote > p small {
  padding-bottom: 0.12em;
  font-size: clamp(24px, 3.2vw, 50px);
  font-weight: 900;
}

.data-vote > i {
  position: absolute;
  right: 3vw;
  bottom: -1vw;
  opacity: 0.08;
  font-size: clamp(48px, 8vw, 130px);
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.data-visitors {
  padding: clamp(110px, 12vw, 190px) 0;
}

.data-visitors > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 44px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--data-line);
}

.data-visitors > header h3 {
  margin: 0;
  font-size: clamp(40px, 5vw, 76px);
  line-height: 1;
  letter-spacing: -0.06em;
}

.data-visitors__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 12px;
}

.data-visitors__grid article {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(320px, 31vw, 500px);
  padding: clamp(30px, 4vw, 62px);
  overflow: hidden;
  border: 1px solid var(--data-black);
}

.data-visitors__main {
  color: #fff;
  background: var(--data-red);
}

.data-visitors__sub {
  background: #fff;
}

.data-visitors__grid span {
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.data-visitors__grid p {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
}

.data-visitors__grid strong {
  font-size: clamp(58px, 8vw, 132px);
  line-height: 0.78;
  letter-spacing: -0.075em;
}

.data-visitors__sub strong {
  font-size: clamp(52px, 6vw, 94px);
}

.data-visitors__grid small {
  padding-bottom: 0.15em;
  font-size: clamp(16px, 2vw, 28px);
  font-weight: 900;
}

.data-chapter {
  display: grid;
  grid-template-columns: minmax(180px, 0.28fr) minmax(0, 1.72fr);
  gap: clamp(42px, 6vw, 100px);
  padding: clamp(90px, 10vw, 160px) 0;
  border-top: 1px solid var(--data-line);
}

.data-chapter__head {
  align-self: start;
}

@media (min-width: 1001px) {
  .data-chapter__head {
    position: sticky;
    top: 120px;
  }
}
.data-chapter__head h3 {
  margin: 16px 0 0;
  font-size: clamp(34px, 4.4vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.data-chapter__head a {
  display: inline-flex;
  margin-top: 28px;
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
  color: inherit;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.data-people-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 10px;
}

.data-number-card {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 270px;
  padding: clamp(22px, 2.5vw, 36px);
  border: 1px solid var(--data-black);
  background: #fff;
}

.data-number-card--large {
  grid-column: span 6;
  min-height: 360px;
  color: #fff;
  background: var(--data-black);
}

.data-number-card--medium {
  grid-column: span 4;
  background: var(--data-gray);
}

.data-number-card > span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.data-number-card h4 {
  max-width: 330px;
  margin: 30px 0 auto;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.35;
}

.data-number-card p {
  display: flex;
  align-items: flex-end;
  gap: 9px;
  margin: 36px 0 0;
}

.data-number-card strong {
  font-size: clamp(52px, 6.5vw, 100px);
  line-height: 0.78;
  letter-spacing: -0.07em;
}

.data-number-card--large strong {
  font-size: clamp(72px, 9vw, 142px);
}

.data-number-card small {
  padding-bottom: 0.2em;
  font-size: 16px;
  font-weight: 900;
}

.data-chapter--sns {
  align-items: start;
}

.data-sns {
  display: grid;
  gap: 14px;
}

.data-sns__keyword,
.data-reference,
.data-social-players {
  padding: clamp(30px, 4.5vw, 70px);
  border: 1px solid var(--data-black);
}

.data-sns__keyword > header,
.data-reference > header,
.data-social-players > header {
  max-width: 780px;
  margin-bottom: 46px;
}

.data-sns__keyword > header small,
.data-reference > header small,
.data-social-players > header small,
.data-event-card header small,
.data-sustainability header small {
  color: var(--data-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.data-sns__keyword h4,
.data-reference h4,
.data-social-players h4,
.data-event-card h4,
.data-sustainability h4 {
  margin: 10px 0 0;
  font-size: clamp(26px, 3.6vw, 54px);
  line-height: 1.05;
  letter-spacing: -0.05em;
}

.data-sns__keyword > header p {
  margin: 22px 0 0;
  color: #666;
  font-size: 13px;
  line-height: 1.85;
}

.data-sns__days {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--data-line);
  border-left: 1px solid var(--data-line);
}

.data-sns__days section {
  padding: 25px;
  border-right: 1px solid var(--data-line);
  border-bottom: 1px solid var(--data-line);
}

.data-sns__days h5 {
  margin: 0 0 25px;
  font-size: 12px;
  letter-spacing: 0.12em;
}

.data-sns dl,
.data-event-card dl,
.data-broadcast dl {
  margin: 0;
}

.data-sns__days dl div + div {
  margin-top: 28px;
}

.data-sns dt,
.data-event-card dt,
.data-broadcast dt {
  color: #777;
  font-size: 11px;
  font-weight: 700;
}

.data-sns dd,
.data-event-card dd,
.data-broadcast dd {
  margin: 7px 0 0;
}

.data-sns__days dd b {
  font-size: clamp(26px, 3vw, 48px);
  letter-spacing: -0.05em;
}

.data-sns dd small,
.data-sns p small,
.data-partners small,
.data-broadcast small,
.data-event-card small,
.data-sustainability small {
  margin-left: 6px;
  font-size: 11px;
  font-weight: 900;
}

.data-sns__keyword--dark {
  color: #fff;
  background: var(--data-black);
}

.data-sns__keyword--dark > header p {
  color: rgba(255, 255, 255, 0.6);
}

.data-sns__impact {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 10px;
}

.data-sns__impact > div {
  padding: clamp(24px, 3vw, 46px);
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.data-sns__impact span {
  font-size: 11px;
  font-weight: 900;
}

.data-sns__impact p {
  margin: 36px 0 0;
}

.data-sns__impact b {
  font-size: clamp(48px, 6.3vw, 100px);
  line-height: 0.8;
  letter-spacing: -0.075em;
}

.data-sns__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.data-sns__badges li {
  padding: 11px 14px;
  color: #fff;
  background: var(--data-red);
  font-size: 11px;
  font-weight: 900;
}

.data-reference > div,
.data-social-players > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 22px;
  min-height: 96px;
  padding: 18px 0;
  border-top: 1px solid var(--data-line);
}

.data-reference > div span,
.data-social-players > div span {
  font-size: 14px;
  font-weight: 800;
}

.data-reference > div p,
.data-social-players > div p {
  margin: 0;
}

.data-reference > div b,
.data-social-players > div b {
  font-size: clamp(34px, 4vw, 64px);
  line-height: 0.85;
  letter-spacing: -0.06em;
}

.data-media,
.data-broadcast {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.data-media article {
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid var(--data-black);
}

.data-media article:last-child {
  color: #fff;
  background: var(--data-red);
}

.data-media header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid currentColor;
}

.data-media header > span {
  font-size: clamp(28px, 4vw, 58px);
  font-weight: 900;
}

.data-media header p {
  margin: 0;
}

.data-media header b {
  font-size: clamp(60px, 8vw, 122px);
  line-height: 0.72;
  letter-spacing: -0.07em;
}

.data-media dl div,
.data-broadcast dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid currentColor;
}

.data-media dd {
  margin: 0;
  font-size: 18px;
  font-weight: 900;
}

.data-partners__total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  min-height: 280px;
  padding: clamp(30px, 4vw, 58px);
  color: #fff;
  background: var(--data-red);
}

.data-partners__total span {
  font-size: 16px;
  font-weight: 900;
}

.data-partners__total p {
  margin: 0;
}

.data-partners__total b {
  font-size: clamp(76px, 10vw, 160px);
  line-height: 0.72;
  letter-spacing: -0.08em;
}

.data-partners__tiers {
  border-top: 1px solid var(--data-line);
}

.data-partners__tiers article {
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1.45fr);
  gap: 44px;
  padding: 34px 0;
  border-bottom: 1px solid var(--data-line);
}

.data-partners__tiers header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.data-partners__tiers h4,
.data-partners__tiers p {
  margin: 0;
}

.data-partners__tiers h4 {
  font-size: 16px;
}

.data-partners__tiers b {
  font-size: 32px;
}

.data-partners__tiers ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
  margin: 0;
  padding: 0;
  color: #555;
  font-size: 12px;
  line-height: 1.6;
  list-style: none;
}

.data-event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.data-event-card {
  min-height: 360px;
  padding: clamp(28px, 3.5vw, 50px);
  border: 1px solid var(--data-black);
}

.data-event-card--wide {
  grid-column: span 2;
}

.data-event-card--dark {
  color: #fff;
  background: var(--data-black);
}

.data-event-card header {
  margin-bottom: 36px;
}

.data-event-card dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 30px;
}

.data-event-card dl div {
  padding: 14px 0;
  border-top: 1px solid currentColor;
}

.data-event-card dd {
  font-size: clamp(24px, 3vw, 45px);
  font-weight: 900;
  letter-spacing: -0.05em;
}

.data-flags {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 50px;
}

.data-flags > p,
.data-event-card__single {
  margin: 0;
}

.data-flags > p span,
.data-event-card__single span {
  display: block;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 900;
}

.data-flags > p b,
.data-event-card__single b {
  font-size: clamp(70px, 9vw, 136px);
  line-height: 0.72;
  letter-spacing: -0.07em;
}

.data-broadcast > article {
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid var(--data-black);
}

.data-broadcast__count {
  color: #fff;
  background: var(--data-black);
}

.data-broadcast__count > span,
.data-broadcast__announcers header > span {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.6;
}

.data-broadcast__count > p,
.data-broadcast__announcers header p {
  margin: 42px 0;
}

.data-broadcast__count b,
.data-broadcast__announcers header b {
  font-size: clamp(72px, 9vw, 140px);
  line-height: 0.72;
  letter-spacing: -0.08em;
}

.data-broadcast__count ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.data-broadcast__count li {
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 10px;
  font-weight: 900;
}

.data-broadcast__announcers header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}

.data-broadcast__announcers header p {
  flex: 0 0 auto;
}

.data-broadcast__announcers dd {
  margin: 0;
  font-size: 14px;
  font-weight: 900;
}

.data-sustainability {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.data-sustainability > article {
  min-height: 340px;
  padding: clamp(28px, 4vw, 58px);
  border: 1px solid var(--data-black);
}

.data-sustainability__collected {
  grid-column: span 2;
}

.data-sustainability__collected > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 48px;
}

.data-sustainability__collected p,
.data-sustainability__room p,
.data-sustainability__single p {
  margin: 0;
}

.data-sustainability__collected p {
  padding-top: 18px;
  border-top: 1px solid var(--data-line);
}

.data-sustainability span {
  display: block;
  margin-bottom: 24px;
  font-size: 12px;
  font-weight: 900;
}

.data-sustainability b {
  font-size: clamp(48px, 6vw, 94px);
  line-height: 0.78;
  letter-spacing: -0.065em;
}

.data-sustainability__room {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: space-between;
  gap: 30px;
}

.data-sustainability__room header {
  grid-column: 1/-1;
}

.data-sustainability__single {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.data-sustainability__single--dark {
  color: #fff;
  background: var(--data-red);
}

.data-sustainability em {
  display: block;
  margin-top: 30px;
  font-size: 11px;
  font-style: normal;
  line-height: 1.75;
}

.data-ranking {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--data-black);
  list-style: none;
}

.data-ranking li {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  align-items: center;
  min-height: 104px;
  border-bottom: 1px solid var(--data-line);
}

.data-ranking li span {
  color: #777;
  font-size: 12px;
  font-weight: 900;
}

.data-ranking li strong {
  font-size: clamp(24px, 3.2vw, 48px);
  letter-spacing: -0.04em;
}

.data-ranking li.is-top {
  min-height: 180px;
}

.data-ranking li.is-top span {
  color: var(--data-red);
  font-size: 16px;
}

.data-ranking li.is-top strong {
  font-size: clamp(48px, 6.6vw, 104px);
  line-height: 0.85;
  letter-spacing: -0.07em;
}

.movie-archive {
  padding: clamp(110px, 13vw, 200px) 0;
  color: #fff;
  background: var(--data-black);
}

.movie-archive__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: clamp(60px, 8vw, 110px);
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.movie-archive__head h2 {
  margin: 13px 0 0;
  font-size: clamp(64px, 10vw, 160px);
  line-height: 0.76;
  letter-spacing: -0.08em;
}

.movie-archive__head p {
  margin: 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.15em;
}

.movie-archive__head p strong {
  margin-right: 10px;
  color: var(--data-red);
  font-size: 34px;
}

.movie-archive__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
}

.movie-card {
  grid-column: span 4;
  min-width: 0;
}

.movie-card--wide {
  grid-column: span 8;
}

.movie-card--feature {
  grid-column: span 8;
}

.movie-card > button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  color: #fff;
  background: transparent;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.movie-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16/10;
  background: #1a1a1a;
}

.movie-card--feature .movie-card__media,
.movie-card--wide .movie-card__media {
  aspect-ratio: 16/8.5;
}

.movie-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.002);
  transition: transform 0.75s var(--data-ease), filter 0.55s ease;
}

.movie-card__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.44));
}

.movie-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: clamp(54px, 5vw, 76px);
  height: clamp(54px, 5vw, 76px);
  border-radius: 50%;
  color: var(--data-black);
  background: #fff;
  place-items: center;
  transform: translate(-50%, -50%);
  transition: transform 0.4s var(--data-ease), background 0.3s ease;
}

.movie-card__play b {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 15px solid var(--data-red);
}

.movie-card__duration {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 6px 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 9px;
  font-weight: 900;
}

.movie-card__copy {
  display: block;
  min-height: 150px;
  padding: 22px 4px 46px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.movie-card__copy > small,
.movie-card__copy > strong,
.movie-card__copy > em {
  display: block;
}

.movie-card__copy > small {
  margin-bottom: 12px;
  color: var(--data-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.movie-card__copy > strong {
  font-size: clamp(15px, 1.45vw, 22px);
  line-height: 1.5;
}

.movie-card--feature .movie-card__copy > strong,
.movie-card--wide .movie-card__copy > strong {
  max-width: 900px;
  font-size: clamp(20px, 2.5vw, 38px);
  line-height: 1.25;
}

.movie-card__copy > em {
  margin-top: 12px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
  font-style: normal;
}

.movie-card > button:hover .movie-card__media img {
  filter: saturate(1.08) contrast(1.04);
  transform: scale(1.035);
}

.movie-card > button:hover .movie-card__play {
  background: var(--data-red);
  transform: translate(-50%, -50%) scale(1.1);
}

.movie-card > button:hover .movie-card__play b {
  border-left-color: #fff;
}

.movie-card > button:focus-visible {
  outline: 3px solid var(--data-red);
  outline-offset: 5px;
}

body.data-video-open {
  overflow: hidden;
}

.data-video-modal {
  width: min(1200px, 100vw - 48px);
  max-width: none;
  max-height: 92dvh;
  padding: 0;
  overflow: auto;
  border: 0;
  color: #fff;
  background: var(--data-black);
  box-shadow: 0 36px 120px rgba(0, 0, 0, 0.58);
}

.data-video-modal::backdrop {
  background: rgba(0, 0, 0, 0.86);
  backdrop-filter: blur(8px);
}

.data-video-modal__shell {
  padding: clamp(16px, 2.5vw, 34px);
}

.data-video-modal header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 20px;
}

.data-video-modal header small {
  color: var(--data-red);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.data-video-modal header h2 {
  max-width: 950px;
  margin: 8px 0 0;
  font-size: clamp(20px, 3vw, 42px);
  line-height: 1.15;
  letter-spacing: -0.04em;
}

.data-video-modal header button {
  position: relative;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.data-video-modal header button span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}

.data-video-modal header button span:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.data-video-modal header button:hover,
.data-video-modal header button:focus-visible {
  border-color: var(--data-red);
  background: var(--data-red);
}

.data-video-modal__frame {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: #000;
}

.data-video-modal__frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 1100px) {
  .data-movies-page {
    --data-content: min(1100px, calc(100% - 48px));
  }
  .data-ledger__intro {
    grid-template-columns: 150px minmax(0, 1fr);
  }
  .data-ledger__intro p {
    grid-column: 2;
  }
  .data-chapter {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 44px;
  }
  .data-number-card,
  .data-number-card--medium {
    grid-column: span 6;
  }
  .data-number-card--large {
    grid-column: span 12;
  }
  .movie-card {
    grid-column: span 6;
  }
  .movie-card--feature,
  .movie-card--wide {
    grid-column: span 12;
  }
}
@media (max-width: 760px) {
  .data-movies-page {
    --data-content: calc(100% - 36px);
  }
  .data-movies-page [data-data-reveal] {
    transform: translate3d(0, 22px, 0);
  }
  .data-ledger {
    padding-top: 80px;
  }
  .data-ledger__intro,
  .data-chapter {
    display: block;
  }
  .data-ledger__intro small {
    display: block;
    margin-bottom: 18px;
  }
  .data-ledger__intro h2 {
    font-size: clamp(32px, 10vw, 64px);
  }
  .data-ledger__intro p {
    margin-top: 28px;
  }
  .data-vote {
    min-height: 400px;
    padding: 34px 18px;
  }
  .data-vote > p {
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 140px;
    white-space: normal;
  }
  .data-vote > p strong {
    font-size: clamp(48px, 16vw, 78px);
    letter-spacing: -0.07em;
  }
  .data-vote > p small {
    font-size: 20px;
  }
  .data-visitors {
    padding: 82px 0;
  }
  .data-visitors > header {
    align-items: flex-start;
    flex-direction: column;
  }
  .data-visitors__grid,
  .data-media,
  .data-broadcast,
  .data-sustainability,
  .data-event-grid,
  .data-sns__impact {
    grid-template-columns: 1fr;
  }
  .data-visitors__grid article {
    min-height: 280px;
  }
  .data-visitors__grid strong,
  .data-visitors__sub strong {
    font-size: clamp(54px, 18vw, 82px);
  }
  .data-chapter {
    padding: 82px 0;
  }
  .data-chapter__head {
    margin-bottom: 46px;
  }
  .data-chapter__head h3 {
    font-size: clamp(38px, 12vw, 58px);
  }
  .data-people-grid {
    grid-template-columns: 1fr;
  }
  .data-number-card,
  .data-number-card--large,
  .data-number-card--medium {
    grid-column: auto;
    min-height: 250px;
  }
  .data-number-card--large strong {
    font-size: clamp(72px, 25vw, 104px);
  }
  .data-sns__keyword,
  .data-reference,
  .data-social-players {
    padding: 26px 18px;
  }
  .data-sns__days {
    grid-template-columns: 1fr;
  }
  .data-sns__impact b {
    font-size: clamp(48px, 14vw, 70px);
  }
  .data-reference > div,
  .data-social-players > div {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .data-media article,
  .data-broadcast > article,
  .data-event-card,
  .data-sustainability > article {
    padding: 28px 20px;
  }
  .data-partners__tiers article {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .data-partners__tiers ul {
    grid-template-columns: 1fr;
  }
  .data-event-card--wide,
  .data-sustainability__collected {
    grid-column: auto;
  }
  .data-event-card dl,
  .data-sustainability__collected > div,
  .data-flags {
    grid-template-columns: 1fr;
  }
  .data-flags {
    gap: 36px;
  }
  .data-sustainability__room {
    grid-template-columns: 1fr;
  }
  .data-sustainability__room header {
    grid-column: auto;
  }
  .data-ranking li {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .data-ranking li.is-top {
    min-height: 130px;
  }
  .data-ranking li.is-top strong {
    font-size: clamp(40px, 12vw, 58px);
  }
  .movie-archive {
    padding: 100px 0;
  }
  .movie-archive__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .movie-archive__head h2 {
    font-size: clamp(60px, 19vw, 90px);
  }
  .movie-archive__grid {
    grid-template-columns: 1fr;
  }
  .movie-card,
  .movie-card--feature,
  .movie-card--wide {
    grid-column: auto;
  }
  .movie-card__media,
  .movie-card--feature .movie-card__media,
  .movie-card--wide .movie-card__media {
    aspect-ratio: 16/10;
  }
  .movie-card__copy {
    min-height: 0;
    padding-bottom: 38px;
  }
  .movie-card--feature .movie-card__copy > strong,
  .movie-card--wide .movie-card__copy > strong {
    font-size: 20px;
  }
  .data-video-modal {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }
  .data-video-modal__shell {
    padding: 14px;
  }
  .data-video-modal header h2 {
    font-size: 18px;
  }
  .data-video-modal header button {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .data-movies-page [data-data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .movie-card__media img,
  .movie-card__play {
    transition: none;
  }
}
/* DATA & MOVIES / readability-first redesign */
.facts-report {
  --facts-content: min(1240px, calc(100% - 64px));
  --facts-text: #111;
  --facts-muted: #6f6f6f;
  --facts-line: #d9d9d9;
  --facts-soft: #f4f4f2;
  --facts-accent: #e60012;
  --facts-ease: cubic-bezier(.2, .78, .2, 1);
  --facts-stat-number-size: clamp(44px, 5vw, 76px);
  --facts-stat-unit-size: 17px;
  overflow: clip;
  color: var(--facts-text);
  background: #fff;
}

.facts-report [data-data-reveal] {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition: opacity 0.72s var(--facts-ease), transform 0.72s var(--facts-ease);
}

.facts-report [data-data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

.facts-report__body,
.facts-movies {
  width: var(--facts-content);
  margin: 0 auto;
  scroll-margin-top: calc(var(--site-header-height) + 72px);
}

.facts-report__body {
  padding: clamp(92px, 10vw, 100px) 0 clamp(60px, 12vw, 80px);
}

.facts-anchor-nav {
  position: sticky;
  z-index: 30;
  top: var(--site-header-height);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid var(--facts-line);
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(12px);
}

.facts-anchor-nav__inner {
  display: grid;
  width: var(--facts-content);
  margin: 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.facts-anchor-nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  border-left: 1px solid var(--facts-line);
  color: #111;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease;
}

.facts-anchor-nav a:last-child {
  border-right: 1px solid var(--facts-line);
}

.facts-anchor-nav a:hover,
.facts-anchor-nav a:focus-visible {
  color: #fff;
  background: #111;
}

.facts-anchor-nav a[aria-current=true] {
  color: #fff;
  background: #111;
}

.facts-report__intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 56px;
  align-items: end;
  padding-bottom: clamp(52px, 6vw, 82px);
  border-bottom: 1px solid var(--facts-line);
}

.facts-report__intro > p {
  grid-column: 1/-1;
  margin: 0 0 -22px;
  color: var(--facts-accent);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.facts-report__intro h2 {
  margin: 0;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 1.08;
  letter-spacing: -0.055em;
}

.facts-report__intro > span {
  display: block;
  margin: 0;
  color: var(--facts-muted);
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.9;
}

.facts-kpi {
  padding: clamp(72px, 8vw, 60px) 0 clamp(108px, 11vw, 160px);
}

.facts-kpi article {
  min-width: 0;
}

.facts-kpi__vote {
  display: grid;
  grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr);
  gap: 42px;
  align-items: end;
  padding: clamp(38px, 4vw, 50px);
  border: 1px solid var(--facts-line);
  color: #fff;
  background: #0a0a0a;
}

.facts-movie-card__copy > small {
  display: block;
  color: var(--facts-accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.facts-kpi__vote h3 {
  margin: 14px 0 0;
  font-size: clamp(26px, 3vw, 44px);
}

.facts-kpi__vote h3:first-child,
.facts-kpi__attendance h3:first-child,
.facts-panel header h4:first-child,
.facts-list-panel header h4:first-child,
.facts-event-list header h4:first-child,
.facts-sustain-grid article > h4:first-child,
.facts-movies__head h2:first-child {
  margin-top: 0;
}

.facts-kpi__vote > p,
.facts-kpi__attendance p,
.facts-stat-card p,
.facts-highlight-pair p,
.facts-list-panel header > p,
.facts-partner-total p,
.facts-sustain-grid article > p {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
  margin: 0;
}

.facts-kpi__vote > p {
  justify-content: flex-end;
  text-align: right;
}

.facts-kpi__vote strong {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(44px, 5vw, 76px);
  line-height: 0.86;
  letter-spacing: -0.06em;
  white-space: nowrap;
}

.facts-kpi__vote > p span {
  font-size: 17px;
  font-weight: 900;
}

.facts-kpi__attendance {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin-top: -1px;
  border: 1px solid var(--facts-line);
  background: var(--facts-line);
}

.facts-kpi__attendance article {
  padding: clamp(32px, 4vw, 54px);
  background: #fff;
}

.facts-kpi__attendance h3 {
  margin: 13px 0 34px;
  font-size: clamp(18px, 2vw, 28px);
}

.facts-kpi__attendance strong {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(44px, 5vw, 76px);
  line-height: 0.86;
  letter-spacing: -0.06em;
}

.facts-kpi__attendance article:last-child strong {
  font-size: clamp(44px, 5vw, 76px);
}

.facts-kpi__attendance p span,
.facts-stat-card p span {
  font-size: 17px;
  font-weight: 900;
}

.facts-section-clean {
  padding: clamp(50px, 9vw, 80px) 0;
}

.facts-section-clean__head {
  margin-bottom: clamp(38px, 5vw, 68px);
}

.facts-section-clean__head::before {
  display: block;
  grid-column: 1;
  grid-row: 1;
  min-height: 1px;
  content: "";
}

.facts-section-clean__head small {
  display: block;
  margin-bottom: 8px;
  color: var(--facts-accent);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.16em;
}

.facts-section-clean__head h3 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 62px);
  line-height: 1;
  letter-spacing: -0.045em;
}

.facts-section-clean__head--link {
  grid-template-columns: 64px minmax(0, 1fr) auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.facts-section-clean__head--link > a {
  display: flex;
  width: fit-content;
  margin-left: auto;
  align-items: center;
  justify-self: end;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid #111;
  color: #111;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease;
}

.facts-section-clean__head--link > a:hover,
.facts-section-clean__head--link > a:focus-visible {
  color: #fff;
  background: #111;
}

.facts-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--facts-line);
  border-left: 1px solid var(--facts-line);
}

.facts-stat-card {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border-right: 1px solid var(--facts-line);
  border-bottom: 1px solid var(--facts-line);
  background: #fff;
}

.facts-stat-card--large {
  grid-column: span 2;
}

.facts-stat-card h4 {
  max-width: 24em;
  margin: 0 0 clamp(28px, 3vw, 42px);
  font-size: clamp(15px, 1.5vw, 21px);
  line-height: 1.55;
}

.facts-stat-card p {
  margin-top: auto;
}

.facts-stat-card strong {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(44px, 5vw, 76px);
  line-height: 0.86;
  letter-spacing: -0.06em;
}

.facts-stat-card--large strong {
  font-size: clamp(44px, 5vw, 76px);
}

.facts-two-column {
  display: grid;
  gap: 24px;
}

.facts-two-column--broadcasters {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.facts-two-column--compact {
  margin-top: 24px;
}

.facts-panel,
.facts-list-panel {
  min-width: 0;
  border: 1px solid var(--facts-line);
  background: #fff;
}

.facts-panel header,
.facts-list-panel header {
  padding: 30px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-panel header h4,
.facts-list-panel header h4 {
  margin: 10px 0 0;
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.2;
}

.facts-panel header p {
  margin: 16px 0 0;
  color: var(--facts-muted);
  font-size: 12px;
  line-height: 1.75;
}

.facts-panel--accent {
  color: #fff;
  border-color: #111;
  background: #111;
}

.facts-panel--accent header {
  border-color: rgba(255, 255, 255, 0.2);
}

.facts-panel--accent header p {
  color: rgba(255, 255, 255, 0.65);
}

.facts-day-table__head,
.facts-day-table > div {
  display: grid;
  grid-template-columns: 90px 1fr 1.3fr;
  align-items: center;
  gap: 18px;
  padding: 19px 30px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-day-table__head {
  color: var(--facts-muted);
  background: var(--facts-soft);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.facts-day-table > div:last-child {
  border-bottom: 0;
}

.facts-day-table > div > strong {
  font-size: 14px;
}

.facts-day-table p {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0;
}

.facts-day-table b {
  font-size: clamp(20px, 2vw, 30px);
  letter-spacing: -0.035em;
}

.facts-day-table small,
.facts-highlight-pair small,
.facts-list-panel dd small,
.facts-partner-total small,
.facts-sustain-grid small {
  font-size: 10px;
  font-weight: 900;
}

.facts-highlight-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.facts-highlight-pair > div {
  min-width: 0;
  padding: 32px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.facts-highlight-pair > div:last-child {
  border-right: 0;
}

.facts-highlight-pair > div > span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
}

.facts-highlight-pair p {
  margin-top: 20px;
}

.facts-highlight-pair b {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(37px, 4vw, 58px);
  line-height: 0.92;
  letter-spacing: -0.05em;
}

.facts-highlight-pair b.facts-highlight-pair__long-number {
  font-size: clamp(34px, 2.8vw, 40px);
  letter-spacing: -0.065em;
  white-space: nowrap;
}

.facts-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0 32px 32px;
  list-style: none;
}

.facts-badges li {
  padding: 9px 12px;
  color: #fff;
  background: var(--facts-accent);
  font-size: 11px;
  font-weight: 900;
}

.facts-list-panel dl,
.facts-list-panel ul {
  margin: 0;
  padding: 0;
}

.facts-list-panel dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 68px;
  padding: 12px 30px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-list-panel dl > div:last-child {
  border-bottom: 0;
}

.facts-list-panel dt {
  font-size: 14px;
}

.facts-list-panel dd {
  margin: 0;
}

.facts-list-panel dd b {
  min-width: 0;
  max-width: 100%;
  font-size: 27px;
  letter-spacing: -0.04em;
}

.facts-list-panel--large header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}

.facts-list-panel--large header > p b {
  font-size: 54px;
  line-height: 0.8;
}

.facts-list-panel--large ul {
  display: flex;
  flex-direction: column;
  padding: 20px 30px 28px;
  list-style: none;
}

.facts-list-panel--large li {
  padding: 20px 0;
  border-bottom: 1px solid var(--facts-line);
  font-size: 14px;
}

.facts-list-panel__action {
  padding: 22px 30px 30px;
  border-top: 1px solid var(--facts-line);
}

.facts-video-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border: 1px solid #111;
  color: #fff;
  background: #111;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.facts-video-link::after {
  width: 0;
  height: 0;
  margin-left: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid currentColor;
  content: "";
  flex: 0 0 auto;
}

.facts-video-link:hover,
.facts-video-link:focus-visible {
  border-color: var(--facts-accent);
  background: var(--facts-accent);
}

.facts-comparison {
  border-top: 1px solid var(--facts-line);
  border-left: 1px solid var(--facts-line);
}

.facts-comparison__head,
.facts-comparison > div {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) repeat(2, minmax(140px, 0.55fr));
}

.facts-comparison__head {
  color: var(--facts-muted);
  background: var(--facts-soft);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.facts-comparison__head > span,
.facts-comparison > div > strong,
.facts-comparison > div > p {
  display: flex;
  align-items: center;
  min-height: 76px;
  margin: 0;
  padding: 16px 24px;
  border-right: 1px solid var(--facts-line);
  border-bottom: 1px solid var(--facts-line);
}

.facts-comparison > div > p {
  justify-content: flex-end;
  gap: 5px;
}

.facts-comparison > div > p .facts-stat-unit {
  align-self: flex-end;
}

.facts-comparison > div b {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(30px, 3.5vw, 52px);
  letter-spacing: -0.045em;
}

.facts-comparison > div small {
  font-size: 10px;
}

.facts-comparison > div.is-total {
  background: #111;
  color: #fff;
}

.facts-comparison > div.is-total > strong,
.facts-comparison > div.is-total > p {
  border-color: rgba(255, 255, 255, 0.2);
}

.facts-partner-total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding: 30px 0;
  border-top: 2px solid #111;
  border-bottom: 1px solid var(--facts-line);
}

.facts-partner-total > span {
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 900;
}

.facts-partner-total b {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(62px, 7vw, 104px);
  line-height: 0.8;
  letter-spacing: -0.06em;
}

.facts-partner-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-left: 1px solid var(--facts-line);
}

.facts-partner-list article {
  min-width: 0;
  padding: 28px;
  border-right: 1px solid var(--facts-line);
  border-bottom: 1px solid var(--facts-line);
}

.facts-partner-list article header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-partner-list h4 {
  margin: 0;
  font-size: clamp(22px, 2.4vw, 34px);
}

.facts-partner-list header p {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
}

.facts-partner-list header b {
  font-size: 34px;
}

.facts-partner-list ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.facts-partner-list li {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}

.facts-event-list {
  border-top: 1px solid var(--facts-line);
}

.facts-event-list article {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  padding: 32px 0;
  border-bottom: 1px solid var(--facts-line);
}

.facts-event-list h4 {
  margin: 10px 0 0;
  font-size: clamp(20px, 2vw, 28px);
}

.facts-event-list dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--facts-line);
  border-left: 1px solid var(--facts-line);
}

.facts-event-list dl > div {
  min-width: 0;
  padding: 18px;
  border-right: 1px solid var(--facts-line);
  border-bottom: 1px solid var(--facts-line);
}

.facts-event-list dl.facts-event-list__single-stat {
  border-top: 0;
}

.facts-event-list__single-stat > div {
  border-top: 1px solid var(--facts-line);
}

.facts-event-list dt {
  min-height: 38px;
  font-size: 14px;
  line-height: 1.5;
}

.facts-event-list dd {
  margin: 10px 0 0;
  font-size: 19px;
  font-weight: 900;
}

.facts-event-list dd b {
  min-width: 0;
  max-width: 100%;
  font-size: 31px;
  letter-spacing: -0.04em;
}

.facts-event-list dl > div.is-total {
  color: #fff;
  background: #111;
}

.facts-event-list dl > div.is-total dt {
  color: rgba(255, 255, 255, 0.65);
}

.facts-sustain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--facts-line);
  border-left: 1px solid var(--facts-line);
}

.facts-sustain-grid article {
  min-width: 0;
  min-height: 290px;
  padding: 30px;
  border-right: 1px solid var(--facts-line);
  border-bottom: 1px solid var(--facts-line);
}

.facts-sustain-grid h4 {
  margin: 12px 0 34px;
  font-size: clamp(21px, 2.4vw, 32px);
  line-height: 1.25;
}

.facts-sustain-grid dl {
  margin: 0;
}

.facts-sustain-grid dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  padding: 12px 0;
  border-top: 1px solid var(--facts-line);
}

.facts-sustain-grid dt {
  font-size: 14px;
}

.facts-sustain-grid dd {
  margin: 0;
  font-size: 22px;
  font-weight: 900;
  text-align: right;
}

.facts-sustain-grid dd small {
  display: block;
  margin-top: 4px;
  color: var(--facts-muted);
  font-weight: 500;
}

.facts-sustain-grid dd small:not(.facts-stat-unit) {
  flex-basis: 100%;
  margin-top: 12px;
  line-height: 1.45;
  text-align: right;
}

.facts-sustain-grid article > p b {
  min-width: 0;
  max-width: 100%;
  font-size: clamp(58px, 6vw, 92px);
  line-height: 0.85;
  letter-spacing: -0.055em;
}

.facts-sustain-grid article > p span {
  font-size: 16px;
  font-weight: 900;
}

.facts-sustain-grid article > em {
  display: block;
  margin-top: 28px;
  color: var(--facts-muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.7;
}

.facts-ranking {
  margin: 0;
  padding: 0;
  border-top: 2px solid #111;
  list-style: none;
}

.facts-ranking li {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  align-items: center;
  min-height: 82px;
  padding: 0 24px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-ranking li span {
  color: var(--facts-muted);
  font-size: 13px;
  font-weight: 900;
}

.facts-ranking li strong {
  font-size: clamp(20px, 2.2vw, 31px);
}

.facts-ranking li.is-top {
  min-height: 104px;
  background: var(--facts-soft);
}

.facts-ranking li.is-top span {
  color: var(--facts-accent);
}

.facts-ranking li.is-top strong {
  font-size: clamp(30px, 3.6vw, 50px);
}

.facts-ranking li.is-top:nth-child(1) span {
  font-size: 18px;
}

.facts-ranking li.is-top:nth-child(1) strong {
  font-size: clamp(38px, 4.3vw, 58px);
}

.facts-ranking li.is-top:nth-child(2) span {
  font-size: 16px;
}

.facts-ranking li.is-top:nth-child(2) strong {
  font-size: clamp(32px, 3.6vw, 50px);
}

.facts-ranking li.is-top:nth-child(3) span {
  font-size: 14px;
}

.facts-ranking li.is-top:nth-child(3) strong {
  font-size: clamp(27px, 3vw, 42px);
}

.facts-movies {
  padding: clamp(50px, 12vw, 80px) 0;
}

.facts-movies__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 40px;
  align-items: end;
  margin-bottom: 42px;
}

.facts-movies__head h2 {
  margin: 10px 0 0;
  font-size: clamp(48px, 7vw, 96px);
  line-height: 0.9;
  letter-spacing: -0.06em;
}

.facts-movies__head > div > p {
  max-width: 680px;
  margin: 26px 0 0;
  color: var(--facts-muted);
  font-size: 14px;
  line-height: 1.8;
}

.facts-movies__head > p {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0;
}

.facts-movies__head > p strong {
  font-size: 56px;
  line-height: 0.8;
  letter-spacing: -0.05em;
}

.facts-movies__head > p span {
  color: var(--facts-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.facts-report .facts-stat-number {
  min-width: 0;
  max-width: 100%;
  font-size: var(--facts-stat-number-size);
  line-height: 0.86;
  font-weight: 900;
  letter-spacing: -0.06em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.facts-report .facts-stat-unit {
  display: inline-block;
  color: inherit;
  font-size: var(--facts-stat-unit-size);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
}

.facts-list-panel dd,
.facts-event-list dd,
.facts-sustain-grid dd {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.facts-list-panel dd,
.facts-sustain-grid dd {
  justify-content: flex-end;
}

.facts-movies__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 34px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--facts-line);
}

.facts-movies__filters button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #bdbdbd;
  border-radius: 999px;
  color: #555;
  background: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.facts-movies__filters button[aria-pressed=true],
.facts-movies__filters button:hover,
.facts-movies__filters button:focus-visible {
  border-color: #111;
  color: #fff;
  background: #111;
}

.facts-movies__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px 20px;
}

.facts-movie-card[hidden] {
  display: none;
}

.facts-movie-card--feature {
  grid-column: 1/-1;
}

.facts-movie-card > button {
  display: grid;
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.facts-movie-card--feature > button {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: stretch;
  border: 1px solid var(--facts-line);
}

.facts-movie-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #111;
}

.facts-movie-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform 0.6s var(--facts-ease);
}

.facts-movie-card__media > i {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0, 0, 0, 0.42));
}

.facts-movie-card__media > b {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  place-items: center;
  transform: translate(-50%, -50%);
  transition: transform 0.3s var(--facts-ease);
}

.facts-movie-card__media > b span {
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid var(--facts-accent);
}

.facts-movie-card__media > em {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 6px 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.72);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.facts-movie-card__copy {
  display: block;
  padding: 18px 0 0;
}

.facts-movie-card--feature .facts-movie-card__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px;
}

.facts-movie-card__copy > strong {
  display: -webkit-box;
  margin-top: 9px;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.facts-movie-card--feature .facts-movie-card__copy > strong {
  font-size: clamp(23px, 2.5vw, 36px);
  line-height: 1.35;
}

.facts-movie-card__copy > span {
  display: block;
  margin-top: 12px;
  color: var(--facts-muted);
  font-size: 11px;
}

.facts-movie-card > button:hover .facts-movie-card__media img {
  transform: scale(1.035);
}

.facts-movie-card > button:hover .facts-movie-card__media > b {
  transform: translate(-50%, -50%) scale(1.08);
}

.facts-movie-card > button:focus-visible {
  outline: 3px solid var(--facts-accent);
  outline-offset: 4px;
}

.facts-video-modal {
  width: min(1100px, 100vw - 48px);
  max-width: none;
}

@media (max-width: 980px) {
  .facts-report {
    --facts-content: min(920px, calc(100% - 40px));
  }
  .facts-report__intro,
  .facts-kpi__vote {
    grid-template-columns: 1fr;
  }
  .facts-report__intro > p {
    margin-bottom: -10px;
  }
  .facts-kpi__vote strong {
    white-space: normal;
  }
  .facts-stat-grid,
  .facts-movies__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .facts-stat-card--large {
    grid-column: span 1;
  }
  .facts-movie-card--feature {
    grid-column: 1/-1;
  }
  .facts-movie-card--feature > button {
    grid-template-columns: 1fr;
  }
  .facts-movie-card--feature .facts-movie-card__copy {
    padding: 26px;
  }
}
@media (max-width: 760px) {
  .facts-report {
    --facts-content: calc(100% - 32px);
  }
  .facts-report__body,
  .facts-movies {
    scroll-margin-top: calc(var(--site-header-height) + 58px);
  }
  .facts-anchor-nav__inner {
    width: 100%;
  }
  .facts-anchor-nav a {
    min-height: 50px;
    font-size: 12px;
  }
  .facts-report [data-data-reveal] {
    transform: translate3d(0, 14px, 0);
  }
  .facts-report__body {
    padding-top: 76px;
  }
  .facts-report__intro {
    gap: 24px;
  }
  .facts-report__intro h2 {
    font-size: clamp(34px, 10vw, 48px);
  }
  .facts-kpi {
    padding: 60px 0 92px;
  }
  .facts-kpi__vote {
    gap: 34px;
    padding: 28px 20px;
  }
  .facts-kpi__vote > p,
  .facts-kpi__attendance p,
  .facts-stat-card p,
  .facts-highlight-pair p,
  .facts-list-panel header > p,
  .facts-partner-total p,
  .facts-sustain-grid article > p {
    flex-wrap: wrap;
    gap: 6px;
  }
  .facts-kpi__vote strong {
    font-size: clamp(34px, 12vw, 48px);
    white-space: nowrap;
  }
  .facts-kpi__attendance strong {
    font-size: clamp(34px, 12vw, 48px);
  }
  .facts-kpi__attendance article:last-child strong {
    font-size: clamp(34px, 12vw, 48px);
  }
  .facts-kpi__attendance,
  .facts-two-column,
  .facts-sustain-grid,
  .facts-partner-list,
  .facts-movies__grid {
    grid-template-columns: 1fr;
  }
  .facts-two-column--broadcasters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .facts-section-clean {
    padding: 76px 0;
  }
  .facts-section-clean__head,
  .facts-section-clean__head--link {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
  }
  .facts-section-clean__head--link > a {
    grid-column: 2;
    justify-self: end;
    margin-top: 12px;
  }
  .facts-section-clean__head h3 {
    font-size: clamp(31px, 9vw, 44px);
  }
  .facts-stat-grid {
    grid-template-columns: 1fr 1fr;
  }
  .facts-stat-card,
  .facts-stat-card--large {
    padding: 20px;
  }
  .facts-stat-card--large {
    grid-column: span 2;
  }
  .facts-stat-card h4 {
    margin: 0 0 24px;
    font-size: 14px;
  }
  .facts-stat-card p {
    margin-top: auto;
  }
  .facts-stat-card strong {
    font-size: clamp(34px, 12vw, 48px);
  }
  .facts-stat-card--large strong {
    font-size: clamp(34px, 12vw, 48px);
  }
  .facts-panel header,
  .facts-list-panel header {
    padding: 24px 20px;
  }
  .facts-two-column--broadcasters .facts-list-panel header {
    padding: 20px 14px;
  }
  .facts-two-column--broadcasters .facts-list-panel--large header {
    display: block;
  }
  .facts-two-column--broadcasters .facts-list-panel--large header > p {
    justify-content: flex-start;
    margin-top: 14px;
  }
  .facts-two-column--broadcasters .facts-list-panel--large header > p b {
    font-size: clamp(32px, 9vw, 42px);
  }
  .facts-two-column--broadcasters .facts-list-panel header h4 {
    font-size: 16px;
    line-height: 1.35;
  }
  .facts-two-column--broadcasters .facts-list-panel--large ul {
    padding: 14px;
  }
  .facts-two-column--broadcasters .facts-list-panel--large li {
    padding: 14px 0;
    font-size: 12px;
  }
  .facts-two-column--broadcasters .facts-list-panel__action {
    padding: 14px;
  }
  .facts-two-column--broadcasters .facts-video-link {
    width: 100%;
    min-height: 46px;
    padding: 0 10px;
    font-size: 11px;
    white-space: normal;
  }
  .facts-two-column--broadcasters .facts-video-link::after {
    margin-left: 7px;
  }
  .facts-two-column--broadcasters .facts-list-panel dl > div {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 10px 14px;
  }
  .facts-two-column--broadcasters .facts-list-panel dt,
  .facts-two-column--broadcasters .facts-list-panel dd {
    font-size: 12px;
  }
  .facts-two-column--broadcasters .facts-list-panel dd {
    justify-content: flex-start;
  }
  .facts-day-table__head,
  .facts-day-table > div {
    grid-template-columns: 56px minmax(80px, 0.8fr) minmax(110px, 1.2fr);
    gap: 8px;
    padding: 15px 14px;
  }
  .facts-day-table b {
    font-size: clamp(14px, 4.4vw, 17px);
  }
  .facts-highlight-pair {
    grid-template-columns: 1fr;
  }
  .facts-highlight-pair > div {
    padding: 26px 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .facts-highlight-pair b {
    font-size: clamp(28px, 9.2vw, 36px);
  }
  .facts-highlight-pair b.facts-highlight-pair__long-number {
    font-size: clamp(24px, 7.8vw, 30px);
  }
  .facts-comparison__head,
  .facts-comparison > div {
    grid-template-columns: minmax(110px, 1fr) repeat(2, minmax(70px, 0.65fr));
  }
  .facts-comparison__head > span,
  .facts-comparison > div > strong,
  .facts-comparison > div > p {
    min-height: 64px;
    padding: 10px 12px;
  }
  .facts-comparison > div b {
    font-size: clamp(20px, 6.5vw, 25px);
  }
  .facts-list-panel dd b {
    font-size: clamp(21px, 6.8vw, 26px);
  }
  .facts-partner-total b,
  .facts-sustain-grid article > p b {
    font-size: clamp(42px, 14vw, 58px);
  }
  .facts-partner-list article {
    padding: 22px 20px;
  }
  .facts-event-list dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .facts-event-list dd b {
    font-size: clamp(23px, 7.5vw, 30px);
  }
  .facts-ranking li {
    grid-template-columns: 70px minmax(0, 1fr);
    min-height: 68px;
    padding: 0 14px;
  }
  .facts-ranking li.is-top {
    min-height: 86px;
  }
  .facts-movies {
    padding: 92px 0;
  }
  .facts-movies__head {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .facts-movies__head > p {
    justify-self: start;
  }
  .facts-movies__filters {
    flex-wrap: nowrap;
    width: calc(100vw - 16px);
    margin-right: -16px;
    padding-right: 16px;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .facts-movies__filters button {
    flex: 0 0 auto;
  }
  .facts-movie-card--feature {
    grid-column: auto;
  }
  .facts-movie-card--feature .facts-movie-card__copy {
    padding: 18px 0 0;
  }
  .facts-movie-card--feature .facts-movie-card__copy > strong {
    font-size: 18px;
  }
  .facts-report {
    --facts-stat-number-size: clamp(34px, 12vw, 48px);
  }
  .facts-day-table__head,
  .facts-comparison__head {
    display: none;
  }
  .facts-day-table > div,
  .facts-comparison > div {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .facts-day-table > div > strong {
    font-size: 14px;
  }
  .facts-day-table p,
  .facts-comparison > div > p {
    justify-content: flex-start;
    min-height: 0;
  }
  .facts-video-modal {
    width: calc(100vw - 24px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .facts-report [data-data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .facts-movie-card__media img,
  .facts-movie-card__media > b {
    transition: none;
  }
}
/* ==================================================
   PROJECT SIMPLE STRUCTURE / 2026-07
   ================================================== */
.project-layout {
  --project-simple-content: min(1320px, calc(100% - 96px));
  --project-simple-ease: cubic-bezier(.22, 1, .36, 1);
  --project-simple-red: #ed0015;
}

.project-layout .project-layout__intro {
  --intro-logo: 1;
  --intro-title: 1;
  --intro-logo-clip: 0%;
  --intro-title-clip: 0%;
  min-height: clamp(430px, 44vw, 650px);
}

.project-layout .project-layout__intro-inner {
  padding: clamp(72px, 8vw, 112px) 0;
}

.project-layout.is-project-motion-ready .project-layout__intro {
  --intro-logo: 0;
  --intro-title: 0;
  --intro-logo-clip: 100%;
  --intro-title-clip: 100%;
}

.project-layout.is-project-motion-ready .project-layout__intro.is-active {
  --intro-logo: 1;
  --intro-title: 1;
  --intro-logo-clip: 0%;
  --intro-title-clip: 0%;
}

.project-layout .project-layout__manifesto,
.project-layout .project-layout__programs {
  position: relative;
}

.project-layout.is-project-motion-ready .project-layout__programs {
  opacity: 0;
  transform: translate3d(0, 44px, 0);
  transition: opacity 0.9s var(--project-simple-ease), transform 0.9s var(--project-simple-ease);
}

.project-layout.is-project-motion-ready .project-layout__programs.is-active {
  opacity: 1;
  transform: none;
}

.project-layout .project-layout__manifesto {
  padding: clamp(100px, 10vw, 170px) 0;
  overflow: hidden;
  background: #f4f4f1;
}

.project-layout .project-layout__manifesto::before,
.project-layout .project-layout__manifesto::after {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  height: clamp(7px, 0.9vw, 12px);
  background: linear-gradient(90deg, #f00012 0%, #00a85a 50%, #1478f2 100%);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.9s var(--project-simple-ease);
}

.project-layout .project-layout__manifesto::before {
  top: 0;
}

.project-layout .project-layout__manifesto::after {
  bottom: 0;
  transition-delay: 0.12s;
}

.project-layout .project-layout__manifesto.is-active::before,
.project-layout .project-layout__manifesto.is-active::after {
  transform: scaleX(1);
}

.project-layout .project-layout__manifesto-inner {
  position: relative;
  z-index: 2;
  width: var(--project-simple-content);
  margin: 0 auto;
}

.project-layout .project-layout__programs-head > span {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--project-simple-red);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.project-layout .project-layout__programs-head > span::before {
  width: 34px;
  height: 2px;
  background: currentColor;
  content: "";
}

.project-layout .project-layout__manifesto-body {
  max-width: 730px;
  margin: 0 auto;
}

.project-layout .project-layout__manifesto-body > p,
.project-layout .project-layout__manifesto-thanks p {
  margin: 0;
  color: #383838;
  font-size: clamp(14px, 1.1vw, 17px);
  line-height: 2.15;
  letter-spacing: 0.015em;
  font-weight: 500;
}

.project-layout .project-layout__manifesto-body > p + p,
.project-layout .project-layout__manifesto-thanks + p,
.project-layout .project-layout__manifesto-body > p + .project-layout__manifesto-thanks {
  margin-top: clamp(28px, 3.2vw, 48px);
}

.project-layout .project-layout__manifesto-thanks {
  margin-top: clamp(28px, 3.2vw, 48px);
}

.project-layout .project-layout__manifesto-thanks p + p {
  margin-top: 12px;
}

.project-layout.is-project-motion-ready .project-layout__manifesto-body p {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 0.72s var(--project-simple-ease), transform 0.72s var(--project-simple-ease);
  transition-delay: var(--project-manifesto-line-delay, 80ms);
}

.project-layout.is-project-motion-ready .project-layout__manifesto-body p.is-project-line-visible {
  opacity: 1;
  transform: none;
}

.project-layout .project-layout__programs {
  padding: clamp(110px, 9vw, 190px) 0 clamp(120px, 13vw, 210px);
  overflow: hidden;
  color: #111;
  background: #fff;
}

.project-layout .project-layout__programs-inner {
  width: var(--project-simple-content);
  margin: 0 auto;
}

.project-layout .project-layout__programs-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
  gap: 26px clamp(50px, 7vw, 120px);
  align-items: end;
  margin-bottom: clamp(72px, 8vw, 120px);
}

.project-layout .project-layout__programs-head > span {
  grid-column: 1/-1;
}

.project-layout .project-layout__programs-head h2 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 62px);
  line-height: 1.04;
  font-weight: 900;
  letter-spacing: -0.065em;
}

.project-layout .project-layout__programs-head p {
  margin: 0;
  color: #535353;
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 2;
}

.project-layout .project-layout__program-tree {
  position: relative;
}

.project-layout .project-layout__program-parent {
  position: relative;
  z-index: 2;
  width: min(680px, 78%);
  margin: 0 auto;
  text-align: center;
}

.project-layout .project-layout__program-parent small {
  display: block;
  margin-bottom: 24px;
  color: rgba(255, 255, 255, 0.56);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.project-layout .project-layout__program-parent img {
  display: block;
  width: min(500px, 100%);
  height: auto;
  margin: 0 auto;
}

.project-layout .project-layout__program-parent p {
  margin: 26px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(13px, 1.05vw, 16px);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.project-layout .project-layout__program-branches {
  position: relative;
  z-index: 1;
  height: clamp(80px, 7vw, 118px);
}

.project-layout .project-layout__program-branches i {
  position: absolute;
  display: block;
  background: #b9b9b9;
}

.project-layout .project-layout__program-branches i:nth-child(1) {
  top: 0;
  left: 50%;
  width: 1px;
  height: 48%;
}

.project-layout .project-layout__program-branches i:nth-child(2) {
  top: 48%;
  left: 25%;
  width: 50%;
  height: 1px;
}

.project-layout .project-layout__program-branches i:nth-child(3) {
  top: 48%;
  left: 25%;
  width: 50%;
  height: 52%;
  border-right: 1px solid #b9b9b9;
  border-left: 1px solid #b9b9b9;
  background: transparent;
}

.project-layout .project-layout__program-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 32px);
}

.project-layout .project-layout__program-card {
  position: relative;
  min-height: clamp(590px, 52vw, 760px);
  overflow: hidden;
  color: #fff;
  background: #111;
  isolation: isolate;
}

.project-layout .project-layout__program-card--dazn {
  min-height: clamp(900px, 68vw, 1040px);
  background: #b90012;
}

.project-layout .project-layout__program-media,
.project-layout .project-layout__program-shade {
  position: absolute;
  inset: 0;
}

.project-layout .project-layout__program-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.001);
  transition: transform 0.9s var(--project-simple-ease), filter 0.7s ease;
}

.project-layout .project-layout__program-card--youare .project-layout__program-media img {
  object-position: center;
}

.project-layout .project-layout__program-card--dazn .project-layout__program-media img {
  object-position: center 45%;
  filter: saturate(0.9) contrast(1.05);
}

.project-layout .project-layout__program-shade {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 4%, rgba(0, 0, 0, 0.44) 38%, rgba(0, 0, 0, 0.9) 68%, rgba(0, 0, 0, 0.98) 100%);
}

.project-layout .project-layout__program-card--dazn .project-layout__program-shade {
  background: linear-gradient(180deg, rgba(55, 0, 5, 0.16), rgba(68, 0, 7, 0.52) 40%, rgba(35, 0, 4, 0.94) 72%, rgba(14, 0, 2, 0.99) 100%), rgba(237, 0, 21, 0.12);
}

.project-layout .project-layout__program-copy {
  position: absolute;
  z-index: 2;
  right: clamp(26px, 4vw, 58px);
  bottom: clamp(28px, 4.5vw, 64px);
  left: clamp(26px, 4vw, 58px);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.72);
}

.project-layout .project-layout__program-copy small {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.project-layout .project-layout__program-copy h3 {
  margin: 18px 0 0;
  font-size: clamp(34px, 4vw, 64px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.project-layout .project-layout__program-copy p {
  max-width: 660px;
  margin: clamp(24px, 2.7vw, 38px) 0 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 700;
  line-height: 1.95;
}

.project-layout .project-layout__program-meta {
  margin: clamp(24px, 2.5vw, 34px) 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  text-shadow: none;
}

.project-layout .project-layout__program-meta > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

.project-layout .project-layout__program-meta dt {
  font-size: 13px;
  font-weight: 900;
}

.project-layout .project-layout__program-meta dd {
  margin: 0;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 700;
  line-height: 1.75;
}

.project-layout .project-layout__program-link {
  display: inline-flex;
  align-items: center;
  gap: 22px;
  min-height: 54px;
  margin-top: clamp(28px, 3vw, 42px);
  padding: 0 22px;
  border: 1px solid rgba(255, 255, 255, 0.68);
  color: #fff;
  background: rgba(0, 0, 0, 0.14);
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
  backdrop-filter: blur(8px);
  transition: color 0.35s ease, background 0.35s ease, border-color 0.35s ease;
}

.project-layout .project-layout__program-link i {
  position: relative;
  width: 28px;
  height: 1px;
  background: currentColor;
  transition: transform 0.35s var(--project-simple-ease);
}

.project-layout .project-layout__program-link i::after {
  position: absolute;
  top: -3px;
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  content: "";
  transform: rotate(45deg);
}

.project-layout .project-layout__program-card:hover .project-layout__program-media img {
  transform: scale(1.035);
}

.project-layout .project-layout__program-link:hover,
.project-layout .project-layout__program-link:focus-visible {
  border-color: #fff;
  color: #111;
  background: #fff;
}

.project-layout .project-layout__program-link:hover i,
.project-layout .project-layout__program-link:focus-visible i {
  transform: translateX(5px);
}

.project-layout .project-layout__program-link:focus-visible {
  outline: 3px solid #1478f2;
  outline-offset: 4px;
}

@media (max-width: 1100px) {
  .project-layout {
    --project-simple-content: min(1100px, calc(100% - 48px));
  }
  .project-layout .project-layout__programs-head {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .project-layout {
    --project-simple-content: calc(100% - 36px);
  }
  .project-layout .project-layout__intro {
    min-height: 380px;
  }
  .project-layout .project-layout__manifesto {
    padding: 88px 0 104px;
  }
  .project-layout .project-layout__manifesto-body > p,
  .project-layout .project-layout__manifesto-thanks p {
    font-size: 14px;
    line-height: 2;
  }
  .project-layout .project-layout__manifesto-body br {
    display: none;
  }
  .project-layout .project-layout__programs {
    padding: 96px 0 112px;
  }
  .project-layout .project-layout__programs-head {
    gap: 28px;
    margin-bottom: 66px;
  }
  .project-layout .project-layout__programs-head h2 {
    font-size: clamp(38px, 11vw, 54px);
  }
  .project-layout .project-layout__programs-head br {
    display: none;
  }
  .project-layout .project-layout__program-parent {
    width: 100%;
    padding: 32px 20px;
  }
  .project-layout .project-layout__program-branches {
    height: 66px;
  }
  .project-layout .project-layout__program-branches i:nth-child(1) {
    height: 100%;
  }
  .project-layout .project-layout__program-branches i:nth-child(2),
  .project-layout .project-layout__program-branches i:nth-child(3) {
    display: none;
  }
  .project-layout .project-layout__program-grid {
    position: relative;
    grid-template-columns: 1fr;
    gap: 44px;
  }
  .project-layout .project-layout__program-grid::before {
    position: absolute;
    z-index: 0;
    top: -66px;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: #b9b9b9;
    content: "";
  }
  .project-layout .project-layout__program-card {
    z-index: 1;
  }
  .project-layout .project-layout__program-card {
    min-height: 620px;
  }
  .project-layout .project-layout__program-card--dazn {
    min-height: 0;
  }
  .project-layout .project-layout__program-card--dazn .project-layout__program-copy {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 42px 22px 34px;
  }
  .project-layout .project-layout__program-copy {
    right: 22px;
    bottom: 28px;
    left: 22px;
  }
  .project-layout .project-layout__program-copy h3 {
    font-size: clamp(36px, 11vw, 52px);
  }
  .project-layout .project-layout__program-copy p {
    font-size: 14px;
    line-height: 1.9;
  }
  .project-layout .project-layout__program-meta > div {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 14px;
    padding: 14px 0;
  }
  .project-layout .project-layout__program-link {
    width: 100%;
    justify-content: space-between;
  }
}
@media (prefers-reduced-motion: reduce) {
  .project-layout.is-project-motion-ready .project-layout__manifesto-body p,
  .project-layout.is-project-motion-ready .project-layout__programs {
    opacity: 1;
    transform: none;
  }
  .project-layout.is-project-motion-ready .project-layout__programs,
  .project-layout.is-project-motion-ready .project-layout__manifesto-body p,
  .project-layout .project-layout__manifesto::before,
  .project-layout .project-layout__manifesto::after,
  .project-layout .project-layout__program-media img,
  .project-layout .project-layout__program-link,
  .project-layout .project-layout__program-link i {
    transition: none;
  }
}
/* YOU ARE THE J.LEAGUE ALL-STAR / editorial intro poster */
.youare-intro-poster {
  --poster-left-x: 0px;
  --poster-right-x: 0px;
  --poster-title-y: 0px;
  --poster-media-y: 0px;
  position: relative;
  padding: clamp(104px, 11vw, 176px) 0 clamp(108px, 12vw, 190px);
  overflow: hidden;
  color: #050505;
  background: #fff;
  isolation: isolate;
}

.youare-intro-poster::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: radial-gradient(circle at 50% 36%, rgba(0, 0, 0, 0.035), transparent 35%);
  content: "";
  pointer-events: none;
}

.youare-intro-poster__inner {
  position: relative;
  z-index: 2;
  width: var(--youare-content);
  margin: 0 auto;
}

.youare-intro-poster__streaks {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.youare-intro-poster__streaks-left,
.youare-intro-poster__streaks-right {
  position: absolute;
  display: grid;
  gap: clamp(12px, 1.3vw, 22px);
  width: min(47vw, 760px);
  will-change: transform;
}

.youare-intro-poster__streaks-left {
  top: clamp(72px, 8vw, 128px);
  left: -22vw;
  transform: translate3d(var(--poster-left-x), 0, 0) rotate(-34deg);
}

.youare-intro-poster__streaks-right {
  bottom: clamp(72px, 8vw, 128px);
  right: -23vw;
  transform: translate3d(var(--poster-right-x), 0, 0) rotate(-34deg);
}

.youare-intro-poster__streaks i {
  position: relative;
  display: block;
  height: clamp(24px, 3vw, 48px);
  overflow: hidden;
  background: currentColor;
  clip-path: polygon(0 18%, 100% 0, 100% 82%, 0 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 72%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 72%, transparent 100%);
}

.youare-intro-poster__streaks i::after {
  position: absolute;
  inset: -35%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
  background-size: 220px 100px;
  content: "";
  opacity: 0.72;
  mix-blend-mode: screen;
  transform: rotate(3deg) scale(1.25);
}

.youare-intro-poster__streaks .is-red {
  color: #ef2b2d;
}

.youare-intro-poster__streaks .is-green {
  color: #20a765;
}

.youare-intro-poster__streaks .is-blue {
  color: #2367d9;
}

.youare-intro-poster__title {
  position: relative;
  width: min(980px, 84%);
  margin: 0 auto;
  text-align: center;
  transform: translate3d(0, var(--poster-title-y), 0);
  will-change: transform;
}

.youare-intro-poster__title small {
  display: block;
  margin-bottom: clamp(18px, 2.4vw, 34px);
  font-size: clamp(10px, 0.85vw, 13px);
  font-weight: 900;
  letter-spacing: 0.24em;
}

.youare-intro-poster__title h2 {
  margin: 0;
  font-family: var(--font-display, inherit);
  font-size: clamp(78px, 11.2vw, 172px);
  font-weight: 900;
  line-height: 0.77;
  letter-spacing: -0.075em;
  text-transform: uppercase;
}

.youare-intro-poster__title h2 span {
  display: block;
  font-size: 0.42em;
  line-height: 1.2;
  letter-spacing: 0.07em;
}

.youare-intro-poster__marks {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: clamp(26px, 3vw, 42px) 0 15px;
}

.youare-intro-poster__marks i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ef2b2d;
}

.youare-intro-poster__marks i:nth-child(2) {
  background: #20a765;
}

.youare-intro-poster__marks i:nth-child(3) {
  background: #2367d9;
}

.youare-intro-poster__title > p {
  margin: 0;
  font-size: clamp(11px, 1vw, 15px);
  font-weight: 900;
  letter-spacing: 0.16em;
}

.youare-intro-poster__strips {
  width: min(970px, 82%);
  margin: clamp(54px, 6vw, 86px) auto 0;
  transform: translate3d(0, var(--poster-media-y), 0);
  will-change: transform;
}

.youare-intro-poster__fact-strip {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: clamp(18px, 3vw, 42px);
  min-height: 122px;
  padding: clamp(22px, 2.8vw, 36px) clamp(24px, 4vw, 56px);
  border: 1px solid #d4d4d4;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.08);
}

.youare-intro-poster__fact-strip div:last-child {
  text-align: right;
}

.youare-intro-poster__fact-strip small,
.youare-intro-poster__fact-strip strong {
  display: block;
}

.youare-intro-poster__fact-strip small {
  margin-bottom: 7px;
  color: #777;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.17em;
}

.youare-intro-poster__fact-strip strong {
  font-size: clamp(19px, 2.15vw, 34px);
  line-height: 1;
  letter-spacing: -0.035em;
}

.youare-intro-poster__fact-strip > span {
  font-size: clamp(24px, 3vw, 42px);
  font-weight: 900;
}

.youare-intro-poster__campaign {
  position: relative;
  margin: 16px 0 0;
  overflow: hidden;
  aspect-ratio: 16/4.7;
  border: 1px solid #d4d4d4;
  background: #eee;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.09);
}

.youare-intro-poster__campaign picture,
.youare-intro-poster__campaign img {
  width: 100%;
  height: 100%;
}

.youare-intro-poster__campaign img {
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}

.youare-intro-poster__manifesto {
  display: grid;
  grid-template-columns: 150px minmax(0, 720px);
  justify-content: center;
  gap: clamp(38px, 6vw, 86px);
  margin-top: clamp(92px, 10vw, 150px);
}

.youare-intro-poster__manifesto-label {
  padding-top: 5px;
}

.youare-intro-poster__manifesto-label span {
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.2em;
  writing-mode: vertical-rl;
}

.youare-intro-poster__manifesto-label i {
  display: block;
  width: 2px;
  height: 84px;
  margin: 18px 0 0 5px;
  background: linear-gradient(180deg, #ef2b2d 0 33%, #20a765 33% 66%, #2367d9 66% 100%);
}

.youare-intro-poster__manifesto-body p {
  margin: 0;
  color: #111;
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 500;
  line-height: 1.92;
  letter-spacing: 0.015em;
}

.youare-intro-poster__manifesto-body p:nth-child(3),
.youare-intro-poster__manifesto-body p:nth-child(5),
.youare-intro-poster__manifesto-body p:nth-child(7),
.youare-intro-poster__manifesto-body p:nth-child(9) {
  margin-top: 22px;
}

.youare-intro-poster.is-motion-ready [data-youare-poster-line] {
  opacity: 0.12;
  transform: translate3d(0, 13px, 0);
  transition: opacity 0.65s ease, transform 0.75s var(--youare-ease);
}

.youare-intro-poster.is-motion-ready [data-youare-poster-line].is-visible {
  opacity: 1;
  transform: none;
}

@media (max-width: 900px) {
  .youare-intro-poster__title {
    width: 92%;
  }
  .youare-intro-poster__strips {
    width: 92%;
  }
  .youare-intro-poster__manifesto {
    grid-template-columns: 96px minmax(0, 680px);
    gap: 34px;
  }
}
@media (max-width: 760px) {
  .youare-intro-poster {
    padding: 82px 0 96px;
  }
  .youare-intro-poster__streaks-left,
  .youare-intro-poster__streaks-right {
    width: 78vw;
    gap: 8px;
  }
  .youare-intro-poster__streaks-left {
    top: 62px;
    left: -50vw;
  }
  .youare-intro-poster__streaks-right {
    bottom: 62px;
    right: -54vw;
  }
  .youare-intro-poster__streaks i {
    height: 19px;
  }
  .youare-intro-poster__title {
    width: 100%;
  }
  .youare-intro-poster__title h2 {
    font-size: clamp(58px, 20.5vw, 98px);
    line-height: 0.79;
  }
  .youare-intro-poster__title > p {
    font-size: 9px;
    letter-spacing: 0.12em;
  }
  .youare-intro-poster__strips {
    width: 100%;
    margin-top: 44px;
  }
  .youare-intro-poster__fact-strip {
    grid-template-columns: 1fr;
    gap: 14px;
    min-height: 0;
    padding: 22px;
  }
  .youare-intro-poster__fact-strip div:last-child {
    text-align: left;
  }
  .youare-intro-poster__fact-strip > span {
    display: none;
  }
  .youare-intro-poster__fact-strip strong {
    font-size: 23px;
  }
  .youare-intro-poster__campaign {
    margin-top: 10px;
    aspect-ratio: 16/7;
  }
  .youare-intro-poster__manifesto {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 76px;
  }
  .youare-intro-poster__manifesto-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
  }
  .youare-intro-poster__manifesto-label span {
    writing-mode: initial;
  }
  .youare-intro-poster__manifesto-label i {
    width: 78px;
    height: 2px;
    margin: 0;
    background: linear-gradient(90deg, #ef2b2d 0 33%, #20a765 33% 66%, #2367d9 66% 100%);
  }
  .youare-intro-poster__manifesto-body p {
    font-size: 13px;
    line-height: 1.9;
  }
  .youare-intro-poster__manifesto-body p:nth-child(3),
  .youare-intro-poster__manifesto-body p:nth-child(5),
  .youare-intro-poster__manifesto-body p:nth-child(7),
  .youare-intro-poster__manifesto-body p:nth-child(9) {
    margin-top: 22px;
  }
  .youare-intro-poster__title h2 span br {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .youare-intro-poster__streaks-left,
  .youare-intro-poster__streaks-right,
  .youare-intro-poster__title,
  .youare-intro-poster__strips {
    transform: none;
  }
  .youare-intro-poster.is-motion-ready [data-youare-poster-line] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

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