.manifesto, .band { position: relative; isolation: isolate; overflow: hidden; }
.sec-media {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .12) 10%, rgba(0, 0, 0, .45) 20%, rgba(0, 0, 0, .85) 30%, #000 38%, #000 62%, rgba(0, 0, 0, .85) 70%, rgba(0, 0, 0, .45) 80%, rgba(0, 0, 0, .12) 90%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .12) 10%, rgba(0, 0, 0, .45) 20%, rgba(0, 0, 0, .85) 30%, #000 38%, #000 62%, rgba(0, 0, 0, .85) 70%, rgba(0, 0, 0, .45) 80%, rgba(0, 0, 0, .12) 90%, transparent 100%);
}
.sec-media video { width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.1s ease; }
.sec-media.is-on:not(.is-seam) video { opacity: .16; }

.manifesto { --gx: 26%; --gy: 50%; --gw: 56%; --gh: 44%; padding: clamp(130px, 15vw, 220px) 0; }
.statement {
  max-width: 19ch;
  font-size: clamp(34px, 5.2vw, 74px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.statement .w { color: rgba(255, 255, 255, .14); transition: color .5s ease; }
.statement .w.on { color: var(--ink); }
.sign { display: flex; align-items: center; gap: 14px; margin-top: clamp(36px, 4vw, 56px); }
.sign .logo { width: 46px; height: 39px; }
.sign b { display: block; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.sign small { display: block; color: var(--ink-3); font-size: 14px; }

.band { --gx: 20%; --gy: 56%; --gw: 50%; --gh: 40%; margin-top: clamp(40px, 6vw, 80px); padding: clamp(120px, 13vw, 190px) 0; }
.band .sec-media.is-on:not(.is-seam) video { opacity: .13; }
.band-lines {
  display: grid;
  gap: .06em;
  font-size: clamp(64px, 12vw, 176px);
  font-weight: 800;
  font-stretch: 125%;
  line-height: .95;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.band-line { display: flex; align-items: center; gap: .32em; width: max-content; padding-left: .32em; transform: translateX(var(--drift, 0%)); will-change: transform; }
.band-line span { background: linear-gradient(180deg, #f4f5f7 0%, #b5b9c0 60%, #7d8189 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.band-line svg { flex: none; width: .42em; height: .36em; color: #7d8189; }
.band-dim span { background: none; color: rgba(255, 255, 255, .07); }
.band-dim svg { color: rgba(255, 255, 255, .07); }

@media (max-width: 760px) {
  .statement { font-size: clamp(32px, 9vw, 44px); }
}
