/* TOP PRODUÇÕES V7.4 — responsive event slideshow hero + adaptive floating copy */
:root{
  --header-live-height:82px;
  --hero-edge:clamp(18px,3vw,42px);
  --hero-copy-max:1180px;
}
html{scroll-padding-top:calc(var(--header-live-height) + 18px)}
[id]{scroll-margin-top:calc(var(--header-live-height) + 18px)}

/* Hero shell: always keeps the copy below the fixed navigation. */
.showreel-hero.hero-v74{
  position:relative;
  height:100vh;
  height:100svh;
  height:100dvh;
  min-height:520px;
  max-height:1120px;
  overflow:hidden;
  isolation:isolate;
  background:#020203;
}
.event-slideshow,.event-slide,.event-slide img,.hero-v74 .hero-vignette{position:absolute;inset:0;width:100%;height:100%}
.event-slideshow{z-index:0;background:#020203}
.event-slide{margin:0;opacity:0;visibility:hidden;transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),visibility 1.05s;overflow:hidden}
.event-slide.is-active{opacity:1;visibility:visible;z-index:1}
.event-slide img{object-fit:cover;object-position:center;transform:scale(1.035);filter:saturate(1.03) contrast(1.02) brightness(.88)}
.event-slide.is-active img{animation:topHeroDrift 8.5s ease-out both}
@keyframes topHeroDrift{from{transform:scale(1.075)}to{transform:scale(1.015)}}
.hero-v74 .hero-vignette{z-index:3;pointer-events:none;background:
  linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.08) 22%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.78) 100%),
  linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.06) 74%,rgba(0,0,0,.28) 100%)}

.hero-v74 .hero-topline{
  z-index:6;
  top:calc(var(--header-live-height) + 14px);
  left:max(var(--pad),env(safe-area-inset-left,0px));
  right:max(var(--pad),env(safe-area-inset-right,0px));
}
.hero-content-wrap{
  position:absolute;
  z-index:5;
  top:calc(var(--header-live-height) + clamp(34px,6vh,86px));
  bottom:clamp(76px,10vh,122px);
  left:0;right:0;
  display:flex;
  align-items:center;
  min-height:0;
  pointer-events:none;
}
.hero-v74 .hero-content{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:translateY(var(--hero-float,0px))!important;
  width:min(calc(100% - (var(--pad)*2)),var(--wrap));
  margin-inline:auto;
  pointer-events:auto;
  transition:transform .2s linear;
}
.hero-v74 .kicker{margin:0 0 clamp(10px,1.6vh,18px);font-size:clamp(8px,.72vw,11px);line-height:1.35}
.hero-v74 .hero-content h1{
  font-size:clamp(44px,min(8.2vw,11.5vh),142px)!important;
  line-height:.82!important;
  max-width:10.7ch!important;
  text-wrap:balance;
  margin:0;
  letter-spacing:-.062em;
  text-shadow:0 10px 38px rgba(0,0,0,.24);
}
.hero-v74 .hero-bottom{margin-top:clamp(18px,3.2vh,34px);grid-template-columns:minmax(250px,560px) auto;gap:clamp(16px,3vw,38px)}
.hero-v74 .hero-bottom p{font-size:clamp(13px,1.15vw,18px);line-height:1.46;max-width:58ch}
.hero-v74 .hero-actions{align-self:end}

/* Slideshow caption: subtle, independent from main headline. */
.event-slide-info{
  position:absolute;z-index:7;
  left:max(var(--pad),env(safe-area-inset-left,0px));
  right:max(var(--pad),env(safe-area-inset-right,0px));
  bottom:18px;
  display:flex;align-items:flex-end;justify-content:flex-end;gap:20px;
  pointer-events:none;
}
.event-slide-copy{
  margin-right:auto;
  max-width:min(42vw,520px);
  display:grid;gap:4px;
  color:#fff;
  text-shadow:0 3px 14px rgba(0,0,0,.55)
}
.event-slide-copy span{font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.64)}
.event-slide-copy strong{font-size:clamp(11px,1vw,15px);line-height:1.22;letter-spacing:.01em}
.event-slide-controls{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(255,255,255,.16);background:rgba(7,7,8,.42);border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.event-slide-controls button{appearance:none;-webkit-appearance:none;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;font-weight:900;transition:.18s ease}
.event-slide-controls button:hover,.event-slide-controls button:focus-visible{background:#fff;color:#080808}
.event-slide-counter{padding:0 9px 0 4px;font-size:9px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.62);white-space:nowrap}
.event-slide-counter b{color:#fff;font-size:11px}
.event-slide-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.12)}
.event-slide-progress i{display:block;height:100%;width:0;background:var(--red);transform-origin:left center}
.event-slide-progress i.running{animation:topSlideProgress 6s linear forwards}
@keyframes topSlideProgress{from{width:0}to{width:100%}}
.hero-v74 .scroll-mark{display:none}

/* Re-designed capability strip + regional info bar. */
.impact-strip{position:relative;z-index:4;background:linear-gradient(90deg,#090909,#101011 48%,#090909);border-block:1px solid rgba(255,255,255,.08)}
.impact-track{padding:15px 0;gap:clamp(18px,2vw,34px);font-size:clamp(10px,.78vw,13px);animation-duration:42s}
.impact-track i{font-size:20px}
.regional-bar{position:relative;z-index:4;background:#090a0c!important;border-bottom:1px solid rgba(255,255,255,.08);color:#fff!important}
.regional-bar .wrap{
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) minmax(260px,.8fr)!important;
  gap:clamp(18px,3vw,48px)!important;
  align-items:center!important;
  padding-block:22px!important;
}
.regional-bar span{font-size:9px!important;letter-spacing:.18em!important;color:#838892!important;white-space:nowrap}
.regional-bar b{font-size:clamp(15px,1.25vw,22px)!important;letter-spacing:.06em!important;line-height:1.15}
.regional-bar b i{color:var(--red)!important;margin:0 12px!important}
.regional-bar p{margin:0!important;text-align:right!important;font-size:clamp(11px,.85vw,13px)!important;line-height:1.4;color:#92969d!important;font-weight:600!important}

/* 800 x 600 and compact desktop/tablet landscapes */
@media (max-width:900px){
  :root{--header-live-height:68px}
  .showreel-hero.hero-v74{min-height:520px;max-height:none}
  .hero-v74 .hero-topline{top:calc(var(--header-live-height) + 12px);left:18px;right:18px}
  .hero-content-wrap{top:calc(var(--header-live-height) + 28px);bottom:66px;align-items:center}
  .hero-v74 .hero-content h1{font-size:clamp(44px,min(11vw,10.7vh),78px)!important;max-width:10.2ch!important}
  .hero-v74 .hero-bottom{grid-template-columns:minmax(210px,1fr) auto;margin-top:18px;gap:18px}
  .hero-v74 .hero-bottom p{font-size:13px;max-width:42ch}
  .hero-v74 .hero-actions{gap:7px}.hero-v74 .hero-actions .btn{min-height:42px;padding-inline:13px;font-size:9px}
  .event-slide-copy{max-width:52vw}.event-slide-info{left:18px;right:18px;bottom:14px}
  .regional-bar .wrap{grid-template-columns:auto 1fr!important;min-height:auto!important;padding-block:18px!important;gap:7px 22px!important}
  .regional-bar p{grid-column:1/-1;text-align:left!important}
}

@media (max-width:640px){
  :root{--header-live-height:64px}
  .showreel-hero.hero-v74{min-height:560px;height:100svh;height:100dvh}
  .hero-v74 .hero-topline{top:calc(var(--header-live-height) + 11px)}
  .hero-v74 .hero-topline span:first-child{display:block!important;max-width:230px}
  .hero-content-wrap{top:calc(var(--header-live-height) + 40px);bottom:104px;align-items:center}
  .hero-v74 .hero-content h1{font-size:clamp(42px,14vw,72px)!important;line-height:.84!important;max-width:9.6ch!important}
  .hero-v74 .kicker{font-size:8px;max-width:270px}
  .hero-v74 .hero-bottom{grid-template-columns:1fr!important;gap:14px;margin-top:16px}
  .hero-v74 .hero-bottom p{font-size:13px;max-width:34ch}
  .hero-v74 .hero-actions{display:flex!important;width:auto!important;flex-wrap:wrap}
  .hero-v74 .hero-actions .btn{width:auto!important;min-height:40px!important;padding-inline:12px!important;font-size:9px!important}
  .event-slide-info{left:15px;right:15px;bottom:13px;align-items:center}.event-slide-copy{max-width:54vw}.event-slide-copy span{display:none}.event-slide-copy strong{font-size:10px;line-height:1.2}
  .event-slide-controls button{width:28px;height:28px}.event-slide-counter{font-size:8px}.event-slide-counter b{font-size:9px}
  .regional-bar .wrap{grid-template-columns:1fr!important;gap:6px!important;padding-block:15px!important}.regional-bar span{font-size:8px!important}.regional-bar b{font-size:15px!important}.regional-bar p{font-size:10px!important;display:block!important}
}

@media (max-height:650px) and (min-width:641px){
  .showreel-hero.hero-v74{height:100dvh;min-height:500px}
  .hero-v74 .hero-topline{top:calc(var(--header-live-height) + 9px)}
  .hero-content-wrap{top:calc(var(--header-live-height) + 24px);bottom:60px}
  .hero-v74 .hero-content h1{font-size:clamp(42px,min(8vw,10vh),70px)!important;max-width:10.8ch!important}
  .hero-v74 .kicker{margin-bottom:9px;font-size:8px}.hero-v74 .hero-bottom{margin-top:13px}.hero-v74 .hero-bottom p{font-size:12px;line-height:1.35}
  .hero-v74 .hero-actions .btn{min-height:38px;padding-inline:12px;font-size:9px}
  .event-slide-info{bottom:10px}.event-slide-controls button{width:28px;height:28px}
}

@media (max-width:380px){
  .hero-v74 .hero-content h1{font-size:12.4vw!important}.hero-v74 .hero-actions .btn{font-size:8px!important;padding-inline:10px!important}.event-slide-copy{display:none}
}

@media (prefers-reduced-motion:reduce){
  .event-slide,.event-slide img,.hero-v74 .hero-content{transition:none!important;animation:none!important}.event-slide-progress{display:none}.impact-track{animation:none!important}
}

/* Compact monitor profile: 800×600 and similar browser windows. */
@media (max-width:900px) and (max-height:650px){
  .hero-content-wrap{top:calc(var(--header-live-height) + 20px);bottom:54px}
  .hero-v74 .hero-content h1{font-size:clamp(40px,min(7.2vw,9.2vh),58px)!important;max-width:12.5ch!important;line-height:.83!important}
  .hero-v74 .hero-bottom{grid-template-columns:minmax(220px,1fr) auto!important;margin-top:10px!important;gap:12px!important}
  .hero-v74 .hero-bottom p{font-size:11px!important;line-height:1.35!important;max-width:40ch}
  .hero-v74 .hero-actions .btn{min-height:34px!important;padding-inline:10px!important;font-size:8px!important}
  .hero-v74 .kicker{font-size:7px!important;margin-bottom:7px!important}
  .event-slide-copy strong{font-size:9px}.event-slide-controls{padding:3px}.event-slide-controls button{width:26px;height:26px}
}

@media (min-width:901px){
  .regional-bar{padding:12px 0 16px!important}
  .regional-bar .wrap{
    width:min(calc(100% - (var(--pad)*2)),var(--wrap));
    padding:20px clamp(20px,2.2vw,34px)!important;
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }
}

/* V7.7: autoplay remains active even when reduced motion is preferred; transitions become instant. */
.hero-v74.reduced-motion-slides .event-slide{transition:none!important;transform:none!important;animation:none!important}
.hero-v74.reduced-motion-slides .event-slide img{transition:none!important;transform:none!important;animation:none!important}
.hero-v74.reduced-motion-slides .event-slide-progress i{animation:none!important}