:root {
  color-scheme: dark;
  --corporate-proof-live-gold: #e6b04d;
  --corporate-proof-live-gold-soft: #f0d8a4;
  --corporate-proof-live-ink: #080706;
  --corporate-proof-live-paper: #f3eadb;
  --corporate-proof-live-ease: cubic-bezier(.2, .78, .2, 1);
}

html {
  background: var(--corporate-proof-live-ink);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--corporate-proof-live-ink);
  color: var(--corporate-proof-live-paper);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

main {
  display: block;
}

.corporate-proof-live,
.corporate-proof-live *,
.corporate-proof-live *::before,
.corporate-proof-live *::after {
  box-sizing: border-box;
}

.corporate-proof-live button,
.corporate-proof-live a {
  -webkit-tap-highlight-color: transparent;
}

.corporate-proof-live__skip {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border: 1px solid var(--corporate-proof-live-gold);
  color: #130d08;
  background: #fff6e7;
  font-weight: 700;
  text-decoration: none;
  transform: translateY(-160%);
}

.corporate-proof-live__skip:focus {
  transform: translateY(0);
}

.corporate-proof-live {
  position: relative;
  width: 100%;
  isolation: isolate;
  overflow: clip;
  background: #050403;
}

.corporate-proof-live__plate {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  pointer-events: none;
}

.corporate-proof-live__plate img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.corporate-proof-live__shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 3, 2, .08) 0 38%, transparent 47%),
    linear-gradient(180deg, rgba(3, 2, 2, .02), rgba(3, 2, 2, .08));
}

.corporate-proof-live__canvas {
  position: relative;
  z-index: 2;
  width: 100%;
  aspect-ratio: 1672 / 941;
  container-type: inline-size;
  overflow: hidden;
}

.corporate-proof-live__experience {
  position: absolute;
  top: 6.12%;
  left: 4.86%;
  width: 35.7%;
}

.corporate-proof-live__eyebrow {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.05cqw;
  margin: 0;
  color: #f2c650;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: .87cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .38em;
  text-transform: uppercase;
  white-space: nowrap;
}

.corporate-proof-live__eyebrow::after {
  content: "";
  min-width: 2.1cqw;
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(227, 178, 59, .9), rgba(227, 178, 59, .26));
}

.corporate-proof-live__eyebrow::before {
  content: none;
}

.corporate-proof-live__eyebrow--experience::after {
  position: relative;
  box-shadow: 0 0 7px rgba(238, 185, 60, .18);
}

.corporate-proof-live__experience-title {
  max-width: 9.15em;
  margin: 1.35cqw 0 0;
  color: #eee6da;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 4.43cqw;
  font-weight: 500;
  line-height: .91;
  letter-spacing: -.052em;
  text-wrap: balance;
}

.corporate-proof-live__experience-title span,
.corporate-proof-live__experience-title em {
  display: block;
}

.corporate-proof-live__experience-title em {
  color: #dba638;
  font-style: normal;
}

.corporate-proof-live__experience-copy {
  max-width: 24em;
  margin: 1.12cqw 0 0;
  color: rgba(242, 235, 224, .88);
  font-size: 1.22cqw;
  font-weight: 400;
  line-height: 1.42;
  text-wrap: pretty;
}

.corporate-proof-live__brands {
  width: 84%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45cqw 0;
  margin: 1.02cqw 0 0;
  padding: 0 0 .9cqw;
  border-bottom: 1px solid rgba(224, 168, 55, .67);
  color: #dcaa4d;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.1cqw;
  line-height: 1.15;
  list-style: none;
}

.corporate-proof-live__brands li {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.corporate-proof-live__brands li:not(:last-child)::after {
  content: "·";
  margin-inline: .8cqw;
  color: #e3ad35;
}

.corporate-proof-live__live {
  position: absolute;
  top: 6.08%;
  left: 52.82%;
  width: 42.65%;
}

.corporate-proof-live__eyebrow--live::after {
  max-width: 100%;
}

.corporate-proof-live__live-title {
  margin: 1.38cqw 0 0;
  color: #eee5d8;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 3.18cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
  white-space: nowrap;
}

.corporate-proof-live__live-copy {
  max-width: 27em;
  margin: .8cqw 0 0;
  color: rgba(242, 235, 224, .86);
  font-size: 1.05cqw;
  line-height: 1.28;
  text-wrap: pretty;
}

.corporate-proof-live__main-media {
  margin-top: 1.47cqw;
}

.corporate-proof-live__media-kicker {
  margin: 0;
  font: inherit;
}

.corporate-proof-live__showreel-choice {
  display: inline-flex;
  align-items: center;
  gap: .72cqw;
  padding: 0;
  border: 0;
  color: #f0c544;
  background: transparent;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: .79cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .32em;
  text-transform: uppercase;
  cursor: pointer;
}

.corporate-proof-live__showreel-choice i {
  width: 1.1cqw;
  height: 1px;
  display: block;
  background: currentColor;
  opacity: .85;
}

.corporate-proof-live__showreel-choice[aria-pressed="true"] {
  color: #ffd66a;
}

.corporate-proof-live__player {
  position: relative;
  width: 100%;
  aspect-ratio: 713 / 283;
  margin-top: .62cqw;
  overflow: hidden;
  border: 1px solid rgba(219, 166, 49, .82);
  border-radius: 2px;
  background: #100c08;
  box-shadow: inset 0 0 28px rgba(231, 172, 54, .07);
}

.corporate-proof-live__video,
.corporate-proof-live__facade,
.corporate-proof-live__facade picture,
.corporate-proof-live__facade img {
  width: 100%;
  height: 100%;
  display: block;
}

.corporate-proof-live__video {
  position: absolute;
  z-index: 1;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  object-fit: cover;
  object-position: center 42%;
  background: #090706;
  transition: opacity .24s var(--corporate-proof-live-ease);
}

.corporate-proof-live__player.is-activated .corporate-proof-live__video {
  opacity: 1;
  pointer-events: auto;
}

.corporate-proof-live__facade {
  position: absolute;
  z-index: 2;
  inset: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  color: #f4c84e;
  background: #100c08;
  cursor: pointer;
  transition: opacity .22s var(--corporate-proof-live-ease), visibility .22s linear;
}

.corporate-proof-live__facade img {
  object-fit: cover;
  object-position: center 42%;
  filter: saturate(.92) contrast(1.06) brightness(.84);
  transform: scale(1.006);
  transition: filter .25s var(--corporate-proof-live-ease), transform .4s var(--corporate-proof-live-ease);
}

.corporate-proof-live__facade:hover img {
  filter: saturate(1) contrast(1.05) brightness(.94);
  transform: scale(1.018);
}

.corporate-proof-live__facade-scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 60%, rgba(3, 2, 2, .44)),
    radial-gradient(circle at 50% 50%, transparent 0 16%, rgba(3, 2, 2, .08) 50%, rgba(3, 2, 2, .16));
}

.corporate-proof-live__player.is-activated .corporate-proof-live__facade {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.corporate-proof-live__play-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.25cqw;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(243, 196, 69, .96);
  border-radius: 50%;
  color: #f4c848;
  background: rgba(7, 5, 4, .26);
  box-shadow: 0 0 0 1px rgba(255, 238, 177, .08), 0 0 28px rgba(235, 174, 49, .13);
  transform: translate(-50%, -50%);
  backdrop-filter: blur(2px);
  transition: color .2s var(--corporate-proof-live-ease), background-color .2s var(--corporate-proof-live-ease), transform .2s var(--corporate-proof-live-ease);
}

.corporate-proof-live__facade:hover .corporate-proof-live__play-mark {
  color: #160e07;
  background: rgba(245, 196, 67, .96);
  transform: translate(-50%, -50%) scale(1.05);
}

.corporate-proof-live__play-mark svg,
.corporate-proof-live__clip-play svg {
  width: 44%;
  height: 44%;
  margin-left: 5%;
  fill: currentColor;
}

.corporate-proof-live__loading,
.corporate-proof-live__error {
  position: absolute;
  z-index: 4;
  inset: 0;
}

.corporate-proof-live__loading[hidden],
.corporate-proof-live__error[hidden] {
  display: none;
}

.corporate-proof-live__loading {
  display: grid;
  place-content: center;
  justify-items: center;
  gap: .55cqw;
  pointer-events: none;
  color: rgba(245, 235, 217, .86);
  background: rgba(8, 6, 4, .46);
  font-size: .78cqw;
  letter-spacing: .08em;
  backdrop-filter: blur(2px);
}

.corporate-proof-live__loading span {
  width: 1.75cqw;
  aspect-ratio: 1;
  border: 2px solid rgba(238, 181, 58, .28);
  border-top-color: #efc552;
  border-radius: 50%;
  animation: corporate-proof-live-spin .8s linear infinite;
}

.corporate-proof-live__loading p {
  margin: 0;
}

.corporate-proof-live__error {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: .55cqw;
  padding: 2cqw;
  color: #f3eadb;
  text-align: center;
  background: rgba(7, 5, 4, .94);
}

.corporate-proof-live__error strong {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.35cqw;
}

.corporate-proof-live__error span {
  color: rgba(243, 234, 219, .78);
  font-size: .79cqw;
}

.corporate-proof-live__error a {
  color: #f0c552;
  text-underline-offset: 3px;
}

.corporate-proof-live__status {
  position: absolute;
  z-index: 5;
  left: .75cqw;
  top: .62cqw;
  bottom: auto;
  max-width: calc(100% - 1.5cqw);
  margin: 0;
  padding: .38cqw .58cqw;
  border: 1px solid rgba(221, 168, 59, .37);
  border-radius: 3px;
  color: rgba(245, 235, 219, .92);
  background: rgba(6, 5, 4, .76);
  font-size: .66cqw;
  line-height: 1.25;
  pointer-events: none;
  backdrop-filter: blur(4px);
}

.corporate-proof-live__status:empty {
  display: none;
}

.corporate-proof-live__performances {
  margin-top: 1.42cqw;
}

.corporate-proof-live__performances > h3 {
  margin: 0;
  color: #f0c345;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: .83cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .34em;
  text-transform: uppercase;
}

.corporate-proof-live__performances > p {
  max-width: 24em;
  margin: .32cqw 0 0;
  color: rgba(241, 233, 220, .78);
  font-size: .86cqw;
  line-height: 1.27;
  text-wrap: pretty;
}

.corporate-proof-live__clips {
  width: 100%;
  height: 9.15cqw;
  display: grid;
  grid-template-columns: 1.11fr 1fr 1fr;
  gap: .5cqw;
  margin: 1.18cqw 0 0;
  padding: 0;
  list-style: none;
}

.corporate-proof-live__clips > li {
  min-width: 0;
  height: 100%;
}

.corporate-proof-live__clip {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(218, 166, 53, .74);
  border-radius: 2px;
  color: #f3c653;
  background: #100b08;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 .8cqw 1.7cqw rgba(0, 0, 0, .34), inset 0 0 18px rgba(222, 167, 50, .05);
  transform: translateY(0);
  transition: color .2s var(--corporate-proof-live-ease), border-color .2s var(--corporate-proof-live-ease), box-shadow .2s var(--corporate-proof-live-ease), transform .2s var(--corporate-proof-live-ease);
}

.corporate-proof-live__clip:hover {
  border-color: rgba(244, 199, 88, .98);
  transform: translateY(-2px);
}

.corporate-proof-live__clip[aria-pressed="true"] {
  border-color: #f0bd55;
  box-shadow: 0 0 0 1px rgba(229, 76, 55, .74), 0 0 22px rgba(227, 171, 54, .24);
}

.corporate-proof-live__clip-media,
.corporate-proof-live__clip-media picture,
.corporate-proof-live__clip-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.corporate-proof-live__clip-media::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, transparent 54%, rgba(5, 4, 3, .9) 100%);
  pointer-events: none;
}

.corporate-proof-live__clip-media img {
  object-fit: cover;
  object-position: center 35%;
  filter: saturate(.94) contrast(1.05) brightness(.84);
  transform: scale(1.008);
  transition: filter .24s var(--corporate-proof-live-ease), transform .34s var(--corporate-proof-live-ease);
}

.corporate-proof-live__clip--samba .corporate-proof-live__clip-media img {
  object-position: 49% center;
}

.corporate-proof-live__clip:hover .corporate-proof-live__clip-media img,
.corporate-proof-live__clip[aria-pressed="true"] .corporate-proof-live__clip-media img {
  filter: saturate(1.02) contrast(1.05) brightness(.95);
  transform: scale(1.025);
}

.corporate-proof-live__clip-play {
  position: absolute;
  z-index: 2;
  top: 46%;
  left: 50%;
  width: 2.35cqw;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: rgba(243, 195, 67, .98);
  background: rgba(7, 5, 4, .25);
  transform: translate(-50%, -50%);
  transition: color .2s var(--corporate-proof-live-ease), background-color .2s var(--corporate-proof-live-ease), transform .2s var(--corporate-proof-live-ease);
}

.corporate-proof-live__clip:hover .corporate-proof-live__clip-play,
.corporate-proof-live__clip[aria-pressed="true"] .corporate-proof-live__clip-play {
  color: #160e07;
  background: rgba(245, 196, 67, .96);
  transform: translate(-50%, -50%) scale(1.06);
}

.corporate-proof-live.is-media-playing .corporate-proof-live__clip[aria-pressed="true"] .corporate-proof-live__clip-play::after {
  content: "";
  width: 30%;
  height: 30%;
  border-radius: 1px;
  background: currentColor;
}

.corporate-proof-live.is-media-playing .corporate-proof-live__clip[aria-pressed="true"] .corporate-proof-live__clip-play svg {
  display: none;
}

.corporate-proof-live__clip-label {
  position: absolute;
  z-index: 3;
  right: .55cqw;
  bottom: .62cqw;
  left: .55cqw;
  display: block;
  color: #f3ca65;
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: .7cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .21em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 9px #000;
}

.corporate-proof-live__cta {
  width: 74.8%;
  min-height: 4.08cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.7cqw;
  margin-top: 1.62cqw;
  border: 1px solid rgba(231, 179, 55, .94);
  border-radius: 2px;
  color: #efc95c;
  background: rgba(10, 8, 6, .34);
  box-shadow: inset 0 0 30px rgba(231, 171, 47, .05), 0 0 14px rgba(229, 167, 39, .12);
  font-family: "Playfair Display", Georgia, serif;
  font-size: 1.54cqw;
  line-height: 1;
  text-decoration: none;
  transition: color .2s var(--corporate-proof-live-ease), background-color .2s var(--corporate-proof-live-ease), box-shadow .2s var(--corporate-proof-live-ease), transform .2s var(--corporate-proof-live-ease);
}

.corporate-proof-live__cta svg {
  width: 3.2cqw;
  height: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
}

.corporate-proof-live__cta:hover {
  color: #fff0b6;
  background: rgba(48, 27, 12, .38);
  box-shadow: inset 0 0 30px rgba(231, 171, 47, .09), 0 0 20px rgba(229, 167, 39, .2);
  transform: translateY(-2px);
}

/*
 * No desktop, a caixa de linha herdada do <p> deslocava o player e deixava
 * visiveis as guias gravadas na placa. O conjunto abaixo volta a compartilhar
 * as mesmas ancoras proporcionais do master 1672x941.
 */
@media (min-width: 1180px) {
  .corporate-proof-live__media-kicker {
    display: flex;
    align-items: center;
  }

  .corporate-proof-live__clips {
    margin-top: 1.26cqw;
  }

  .corporate-proof-live__cta {
    margin-top: 1.86cqw;
  }
}

.corporate-proof-live :where(button, a, [tabindex]):focus-visible,
.corporate-proof-live__skip:focus-visible {
  outline: 3px solid #fff1ae;
  outline-offset: 4px;
}

@keyframes corporate-proof-live-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 1179px) {
  .corporate-proof-live {
    overflow: hidden;
    background: #080605;
  }

  .corporate-proof-live__plate {
    right: 0;
    bottom: auto;
    height: clamp(680px, 91vw, 820px);
    overflow: hidden;
  }

  .corporate-proof-live__plate img {
    object-fit: cover;
    object-position: 19% 51%;
  }

  .corporate-proof-live__shade {
    bottom: auto;
    height: clamp(680px, 91vw, 820px);
    background:
      linear-gradient(180deg, rgba(4, 3, 2, .05) 0 58%, rgba(7, 5, 4, .38) 78%, #080605 100%),
      linear-gradient(90deg, rgba(4, 3, 2, .28), transparent 72%);
  }

  .corporate-proof-live__canvas {
    aspect-ratio: auto;
    overflow: visible;
  }

  .corporate-proof-live__experience,
  .corporate-proof-live__live {
    position: relative;
    inset: auto;
    width: min(100% - 48px, 980px);
    margin-inline: auto;
  }

  .corporate-proof-live__experience {
    min-height: clamp(680px, 91vw, 820px);
    padding-top: clamp(48px, 7vw, 72px);
  }

  .corporate-proof-live__eyebrow {
    gap: 16px;
    font-size: clamp(12px, 1.65vw, 15px);
  }

  .corporate-proof-live__eyebrow::after {
    min-width: 42px;
  }

  .corporate-proof-live__experience-title {
    max-width: 9.2em;
    margin-top: clamp(22px, 3.2vw, 34px);
    font-size: clamp(54px, 8.15vw, 76px);
  }

  .corporate-proof-live__experience-copy {
    max-width: 30em;
    margin-top: clamp(19px, 2.5vw, 28px);
    font-size: clamp(17px, 2.15vw, 21px);
    line-height: 1.42;
  }

  .corporate-proof-live__brands {
    width: min(100%, 620px);
    gap: 9px 0;
    margin-top: clamp(16px, 2.2vw, 22px);
    padding: 0 0 clamp(14px, 2vw, 20px);
    font-size: clamp(18px, 2.35vw, 23px);
  }

  .corporate-proof-live__brands li:not(:last-child)::after {
    margin-inline: clamp(10px, 1.7vw, 17px);
  }

  .corporate-proof-live__live {
    width: 100%;
    padding: clamp(58px, 8vw, 88px) max(24px, calc((100% - 980px) / 2)) clamp(72px, 9vw, 108px);
    background:
      radial-gradient(circle at 92% 42%, rgba(14, 84, 70, .18), transparent 32%),
      radial-gradient(circle at 12% 18%, rgba(103, 18, 17, .16), transparent 34%),
      #080605;
  }

  .corporate-proof-live__live-title {
    margin-top: clamp(22px, 3vw, 32px);
    font-size: clamp(48px, 7vw, 68px);
    white-space: normal;
  }

  .corporate-proof-live__live-copy {
    max-width: 40em;
    margin-top: clamp(15px, 2.2vw, 22px);
    font-size: clamp(17px, 2.15vw, 21px);
    line-height: 1.42;
  }

  .corporate-proof-live__main-media {
    margin-top: clamp(33px, 4.5vw, 48px);
  }

  .corporate-proof-live__showreel-choice {
    gap: 12px;
    font-size: clamp(12px, 1.6vw, 15px);
  }

  .corporate-proof-live__showreel-choice i {
    width: 22px;
  }

  .corporate-proof-live__player {
    aspect-ratio: 16 / 9;
    margin-top: 12px;
  }

  .corporate-proof-live__play-mark {
    width: clamp(58px, 8vw, 76px);
  }

  .corporate-proof-live__loading {
    gap: 10px;
    font-size: clamp(13px, 1.8vw, 16px);
  }

  .corporate-proof-live__loading span {
    width: 30px;
  }

  .corporate-proof-live__error {
    gap: 10px;
    padding: 30px;
  }

  .corporate-proof-live__error strong {
    font-size: clamp(23px, 3.2vw, 32px);
  }

  .corporate-proof-live__error span {
    font-size: clamp(14px, 1.8vw, 17px);
  }

  .corporate-proof-live__status {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    padding: 7px 9px;
    font-size: clamp(11px, 1.45vw, 14px);
  }

  .corporate-proof-live__performances {
    margin-top: clamp(34px, 5vw, 54px);
  }

  .corporate-proof-live__performances > h3 {
    font-size: clamp(13px, 1.7vw, 16px);
  }

  .corporate-proof-live__performances > p {
    margin-top: 8px;
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.4;
  }

  .corporate-proof-live__clips {
    height: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 2vw, 20px);
    margin-top: clamp(22px, 3vw, 32px);
  }

  .corporate-proof-live__clips > li,
  .corporate-proof-live__clip {
    height: auto;
    aspect-ratio: 1.46;
  }

  .corporate-proof-live__clip-play {
    width: clamp(40px, 5.5vw, 56px);
  }

  .corporate-proof-live__clip-label {
    right: 10px;
    bottom: 12px;
    left: 10px;
    font-size: clamp(12px, 1.55vw, 15px);
  }

  .corporate-proof-live__cta {
    width: min(100%, 640px);
    min-height: 76px;
    gap: clamp(30px, 6vw, 64px);
    margin-top: clamp(34px, 5vw, 54px);
    font-size: clamp(24px, 3.3vw, 32px);
  }

  .corporate-proof-live__cta svg {
    width: clamp(50px, 7vw, 68px);
  }
}

@media (min-width: 600px) and (max-width: 1179px) {
  .corporate-proof-live__plate,
  .corporate-proof-live__shade,
  .corporate-proof-live__experience {
    height: clamp(760px, 105vw, 900px);
    min-height: clamp(760px, 105vw, 900px);
  }

  .corporate-proof-live__plate img {
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    height: 128%;
    object-fit: contain;
    object-position: left center;
    transform: translateY(-50%);
  }
}

@media (max-width: 599px) {
  .corporate-proof-live__plate,
  .corporate-proof-live__shade {
    height: clamp(650px, 177vw, 740px);
  }

  .corporate-proof-live__plate img {
    object-position: 20% 50%;
    transform: translateY(32px);
  }

  .corporate-proof-live__shade {
    background:
      linear-gradient(180deg, rgba(3, 2, 2, .12) 0 52%, rgba(7, 5, 4, .34) 72%, #080605 100%),
      linear-gradient(90deg, rgba(3, 2, 2, .38), transparent 86%);
  }

  .corporate-proof-live__experience {
    width: calc(100% - 36px);
    min-height: clamp(650px, 177vw, 740px);
    padding-top: clamp(40px, 11vw, 54px);
  }

  .corporate-proof-live__eyebrow {
    gap: 12px;
    font-size: clamp(10px, 3vw, 12px);
    letter-spacing: .29em;
  }

  .corporate-proof-live__experience-title {
    margin-top: 20px;
    font-size: clamp(43px, 12.3vw, 54px);
    line-height: .94;
  }

  .corporate-proof-live__experience-copy {
    max-width: 30em;
    margin-top: 18px;
    font-size: clamp(15.5px, 4.35vw, 18px);
    line-height: 1.4;
  }

  .corporate-proof-live__brands {
    margin-top: 16px;
    padding: 0 0 13px;
    font-size: clamp(16px, 4.7vw, 19px);
  }

  .corporate-proof-live__brands li:not(:last-child)::after {
    margin-inline: 9px;
  }

  .corporate-proof-live__live {
    padding: 52px 18px 70px;
  }

  .corporate-proof-live__live-title {
    margin-top: 20px;
    font-size: clamp(39px, 11.2vw, 49px);
    line-height: 1.02;
  }

  .corporate-proof-live__live-copy {
    margin-top: 14px;
    font-size: clamp(15.5px, 4.35vw, 18px);
    line-height: 1.43;
  }

  .corporate-proof-live__main-media {
    margin-top: 31px;
  }

  .corporate-proof-live__showreel-choice {
    max-width: 100%;
    gap: 8px;
    font-size: clamp(10px, 2.85vw, 12px);
    letter-spacing: .23em;
  }

  .corporate-proof-live__showreel-choice i {
    width: 15px;
  }

  .corporate-proof-live__player {
    margin-top: 10px;
  }

  .corporate-proof-live__play-mark {
    width: clamp(52px, 15vw, 62px);
  }

  .corporate-proof-live__status {
    font-size: 10.5px;
  }

  .corporate-proof-live__performances {
    margin-top: 38px;
  }

  .corporate-proof-live__performances > h3 {
    font-size: clamp(11px, 3vw, 13px);
    letter-spacing: .28em;
  }

  .corporate-proof-live__performances > p {
    margin-top: 10px;
    font-size: clamp(15px, 4.2vw, 17px);
  }

  .corporate-proof-live__clips {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 23px;
  }

  .corporate-proof-live__clips > li,
  .corporate-proof-live__clip {
    aspect-ratio: 16 / 9;
  }

  .corporate-proof-live__clip-media img {
    object-position: center 35%;
  }

  .corporate-proof-live__clip--samba .corporate-proof-live__clip-media img {
    object-position: center;
  }

  .corporate-proof-live__clip-label {
    right: 13px;
    bottom: 14px;
    left: 13px;
    font-size: clamp(12px, 3.8vw, 15px);
  }

  .corporate-proof-live__cta {
    min-height: 70px;
    gap: 25px;
    margin-top: 35px;
    font-size: clamp(22px, 6.5vw, 27px);
  }

  .corporate-proof-live__cta svg {
    width: 49px;
  }
}

@media (max-width: 479px) {
  .corporate-proof-live__plate,
  .corporate-proof-live__shade,
  .corporate-proof-live__experience {
    height: clamp(650px, 177.87vw, 768px);
    min-height: clamp(650px, 177.87vw, 768px);
  }

  .corporate-proof-live__plate img {
    object-fit: cover;
    object-position: center top;
    transform: none;
  }

  .corporate-proof-live__shade {
    background:
      linear-gradient(180deg, rgba(3, 2, 2, .04) 0 48%, rgba(7, 5, 4, .12) 67%, rgba(8, 6, 5, .82) 94%, #080605 100%);
  }

  .corporate-proof-live__brands {
    width: 100%;
    flex-wrap: nowrap;
    gap: 0;
    margin-top: clamp(14px, 4vw, 18px);
    padding: 0 0 12px;
    font-size: clamp(14.5px, 4.1vw, 16px);
    letter-spacing: -.015em;
    white-space: nowrap;
  }

  .corporate-proof-live__brands li {
    flex: 0 0 auto;
  }

  .corporate-proof-live__brands li:not(:last-child)::after {
    margin-inline: clamp(4px, 1.35vw, 6px);
  }
}

@media (max-width: 370px) {
  .corporate-proof-live__experience-title {
    font-size: 42px;
  }

  .corporate-proof-live__brands {
    font-size: 14px;
  }

  .corporate-proof-live__brands li:not(:last-child)::after {
    margin-inline: 4px;
  }

  .corporate-proof-live__live-title {
    font-size: 38px;
  }

  .corporate-proof-live__showreel-choice {
    letter-spacing: .18em;
  }
}

/* Ultrawide: prancha 16:9 preservada pela altura, com conteúdo ancorado nas bordas. */
@media (min-width: 1800px) and (min-aspect-ratio: 2 / 1) {
  .corporate-proof-live {
    min-height: max(720px, 100svh);
  }

  .corporate-proof-live__plate {
    overflow: hidden;
    background: #050403;
  }

  .corporate-proof-live__plate img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    object-fit: contain;
    transform: translateX(-50%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  }

  .corporate-proof-live__canvas {
    height: max(720px, 100svh);
    min-height: max(720px, 100svh);
    aspect-ratio: auto;
  }

  .corporate-proof-live__experience {
    top: 9.26svh;
    left: 8.64svh;
    width: 63.47svh;
  }

  .corporate-proof-live__live {
    top: 6.85svh;
    right: calc(max(0px, (100vw - 177.778svh) / 2) + 8.06svh);
    left: auto;
    width: 75.82svh;
  }

  .corporate-proof-live__eyebrow {
    gap: 1.867svh;
    font-size: 1.547svh;
  }

  .corporate-proof-live__eyebrow::after {
    min-width: 3.733svh;
  }

  .corporate-proof-live__experience-title {
    margin-top: 2.4svh;
    font-size: 7.876svh;
  }

  .corporate-proof-live__experience-copy {
    margin-top: 1.991svh;
    font-size: 2.169svh;
  }

  .corporate-proof-live__brands {
    gap: .8svh 0;
    margin-top: 1.813svh;
    padding-bottom: 1.6svh;
    font-size: 1.956svh;
  }

  .corporate-proof-live__brands li:not(:last-child)::after {
    margin-inline: 1.422svh;
  }

  .corporate-proof-live__live-title {
    margin-top: 2.453svh;
    font-size: 5.653svh;
  }

  .corporate-proof-live__live-copy {
    margin-top: 1.422svh;
    font-size: 1.867svh;
  }

  .corporate-proof-live__main-media {
    margin-top: 1.843svh;
  }

  .corporate-proof-live__showreel-choice {
    gap: 1.28svh;
    font-size: 1.404svh;
  }

  .corporate-proof-live__showreel-choice i {
    width: 1.956svh;
  }

  .corporate-proof-live__player {
    width: calc(100% - 4px);
    margin-top: 1.102svh;
    margin-left: 2px;
    border-radius: 5px;
  }

  .corporate-proof-live__play-mark {
    width: 7.556svh;
  }

  .corporate-proof-live__loading,
  .corporate-proof-live__error {
    gap: .978svh;
  }

  .corporate-proof-live__loading {
    font-size: 1.387svh;
  }

  .corporate-proof-live__loading span {
    width: 3.111svh;
  }

  .corporate-proof-live__error {
    padding: 3.556svh;
  }

  .corporate-proof-live__error strong {
    font-size: 2.4svh;
  }

  .corporate-proof-live__error span {
    font-size: 1.404svh;
  }

  .corporate-proof-live__status {
    top: 1.102svh;
    left: 1.333svh;
    max-width: calc(100% - 2.667svh);
    padding: .676svh 1.031svh;
    font-size: 1.173svh;
  }

  .corporate-proof-live__performances {
    margin-top: 2.524svh;
  }

  .corporate-proof-live__performances > h3 {
    font-size: 1.476svh;
  }

  .corporate-proof-live__performances > p {
    margin-top: .569svh;
    font-size: 1.529svh;
  }

  .corporate-proof-live__clips {
    width: calc(100% - 4px);
    height: 16.267svh;
    gap: .889svh;
    margin-top: 2.24svh;
    margin-left: 2px;
  }

  .corporate-proof-live__clip {
    border-radius: 5px;
    box-shadow: 0 1.422svh 3.022svh rgba(0, 0, 0, .34), inset 0 0 18px rgba(222, 167, 50, .05);
  }

  .corporate-proof-live__clip-play {
    width: 4.178svh;
  }

  .corporate-proof-live__clip-label {
    right: .978svh;
    bottom: 1.102svh;
    left: .978svh;
    font-size: 1.244svh;
  }

  .corporate-proof-live__cta {
    min-height: 7.253svh;
    gap: 4.8svh;
    margin-top: 3.307svh;
    font-size: 2.738svh;
  }

  .corporate-proof-live__cta svg {
    width: 5.689svh;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .corporate-proof-live *,
  .corporate-proof-live *::before,
  .corporate-proof-live *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@supports not (overflow: clip) {
  .corporate-proof-live {
    overflow: hidden;
  }
}