/* Flow cinematic brand film, layered behind interactive studio hero. */
.studio-film-wrap{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#070a0f}
.studio-film-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.84;transform:translateX(15%) scale(1.04);filter:contrast(1.08) saturate(.91)}
.studio-film-wrap:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#070a0f 0%,rgba(7,10,15,.97) 28%,rgba(7,10,15,.88) 48%,rgba(7,10,15,.27) 83%),linear-gradient(0deg,#070a0f 0%,transparent 34%)}
.studio-hero .studio-scene{display:none}
.studio-hero h1 em{color:#e8c89a}
.studio-hero .primary{background:#e2c79d;color:#17191e}
.studio-hero .primary:hover{background:#fff1d4}
.studio-hero .live-dot{background:#dfb87c}
.studio-portal-nav .portal-arrow{color:#e2c79d}
@media(max-width:700px){.studio-film-wrap{display:none}.studio-hero .studio-scene{display:block}}
@media(prefers-reduced-motion:reduce){.studio-film-wrap video{opacity:0}.studio-film-wrap{background:#070a0f url("/assets/criando-hero-poster.jpg") 60% center/cover no-repeat}}

/* CINEMA HERO — retain the complete film and place compact editorial copy INSIDE its upper negative space. */
.studio-hero{position:relative!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding:0 0 22px!important;overflow:hidden!important;background:#07090c}
.studio-hero:before,.studio-hero:after,.studio-hero .studio-scene{display:none!important}
.studio-hero .studio-film-wrap{position:relative!important;inset:auto!important;width:100%;height:auto;aspect-ratio:16/9;display:block!important;background:#07090c url('/assets/criando-hero-poster.jpg') center/contain no-repeat}
.studio-hero .studio-film-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center;transform:none!important;filter:none!important;opacity:1!important}
.studio-hero .studio-film-wrap:after{display:none!important}
.studio-hero .hero-copy{position:absolute!important;z-index:8!important;top:clamp(29px,4vw,68px)!important;left:clamp(28px,5vw,88px)!important;max-width:min(36vw,455px)!important;width:36vw!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;pointer-events:auto}
.studio-hero .hero-copy .eyebrow{font-size:9px!important;letter-spacing:.13em!important;line-height:1.4;color:#d8c7ac!important;margin:0 0 17px!important;max-width:100%}
.studio-hero .hero-copy h1{font:400 clamp(2.2rem,3.45vw,3.9rem)/.99 "Italiana",Georgia,serif!important;letter-spacing:-.033em!important;color:#f4f0e9!important;margin:0!important;max-width:100%!important;grid-row:auto!important}
.studio-hero .hero-copy h1 em{color:#e1c09a!important}
.studio-hero .hero-copy .hero-intro{font-size:clamp(.72rem,.92vw,.88rem)!important;line-height:1.62!important;color:#e0dfd9!important;margin:17px 0 0!important;max-width:330px!important;grid-row:auto!important}
.studio-hero .hero-copy .actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:18px!important;margin:19px 0 0!important;grid-row:auto!important}
.studio-hero .hero-copy .actions .btn{font-size:11px!important;min-height:40px!important;padding:10px 13px!important}
.studio-hero .hero-copy .actions .btn.secondary{min-height:34px!important;padding:8px 0!important;color:#f3ece1!important}
.studio-hero .studio-eyeline{position:relative;z-index:3;margin:0!important;padding:17px clamp(24px,5vw,88px) 0!important;color:#aaa9a4}
.studio-hero .studio-portal-nav,.studio-hero .hero-bottom{margin-left:clamp(24px,5vw,88px)!important;margin-right:clamp(24px,5vw,88px)!important}
@media(max-width:900px){
.studio-hero .hero-copy{position:relative!important;top:auto!important;left:auto!important;max-width:none!important;width:auto!important;margin:0!important;padding:30px 24px 34px!important;display:flex!important}
.studio-hero .hero-copy h1{font-size:clamp(3rem,7vw,5rem)!important}
.studio-hero .hero-copy .hero-intro{font-size:13px!important;max-width:490px!important}
.studio-hero .hero-copy .actions{margin-top:23px!important}
.studio-hero .studio-eyeline{padding:14px 24px 0!important}
.studio-hero .studio-portal-nav,.studio-hero .hero-bottom{margin-left:24px!important;margin-right:24px!important}
}
@media(max-width:700px){
.studio-hero{min-height:0!important;padding:0 0 20px!important}
.studio-hero .studio-film-wrap{display:block!important}
.studio-hero .hero-copy{padding:24px 21px 32px!important}
.studio-hero .hero-copy h1{font-size:clamp(3.1rem,10vw,4.4rem)!important}
.studio-hero .hero-copy .hero-intro{font-size:13px!important;line-height:1.65!important}
.studio-hero .studio-eyeline{padding:13px 21px 0!important}
.studio-hero .studio-portal-nav,.studio-hero .hero-bottom{margin-left:21px!important;margin-right:21px!important}
}
@media(prefers-reduced-motion:reduce){.studio-hero .studio-film-wrap video{visibility:hidden!important}}

/* KEEP THE FINAL LOGO CLEAR — concise film-overlaid title and CTA. */
@media(min-width:901px){
.studio-hero .hero-copy{top:28px!important}
.studio-hero .hero-copy .eyebrow{margin-bottom:12px!important}
.studio-hero .hero-copy .hero-intro{display:none!important}
.studio-hero .hero-copy .actions{margin-top:13px!important}
}
/* Hero balance 2026-10-30: film -10%, editorial copy +~18% */
@media (min-width:1200px) {
  .studio-hero .studio-film-wrap {
    width:90%!important; max-width:1500px!important; margin-inline:auto!important;
  }
  .studio-hero .hero-copy {
    left:clamp(36px,5vw,82px)!important;
    top:clamp(18px,1.75vw,28px)!important;
    width:min(42vw,565px)!important; max-width:min(42vw,565px)!important;
  }
  .studio-hero .hero-copy .eyebrow {font-size:10px!important; margin-bottom:13px!important}
  .studio-hero .hero-copy h1 {
    font-size:clamp(3.5rem,4.05vw,4.45rem)!important;
    line-height:.96!important;
  }
  .studio-hero .hero-copy .actions {margin-top:11px!important;gap:16px!important}
  .studio-hero .hero-copy .actions .btn {
    font-size:12px!important;min-height:44px!important;padding:11px 14px!important;
  }
}
@media (min-width:901px) and (max-width:1199px) {
  .studio-hero .studio-film-wrap{width:94%!important;margin-inline:auto!important}
  .studio-hero .hero-copy{
    left:4vw!important;top:18px!important;width:45vw!important;max-width:45vw!important;
  }
  .studio-hero .hero-copy h1{font-size:clamp(3.2rem,4.5vw,4rem)!important;line-height:.96!important}
}


/* HERO REBALANCED 2026-10-31: full width, shorter height, editorial title */
@media (min-width: 1101px) {
  .studio-hero .studio-film-wrap {
    width:100%!important; max-width:none!important; margin:0!important;
    aspect-ratio:auto!important; height:clamp(620px,76svh,760px)!important;
    overflow:hidden!important;
  }
  .studio-hero .studio-film-wrap video {
    width:100%!important; height:100%!important;
    object-fit:cover!important; object-position:center top!important;
    transform:none!important;
  }
  .studio-hero .hero-copy {
    left:clamp(44px,4.45vw,86px)!important;
    top:clamp(25px,3.1vw,52px)!important;
    width:min(46vw,760px)!important;max-width:min(46vw,760px)!important;
  }
  .studio-hero .hero-copy h1 {
    font-size:clamp(4rem,5vw,5.75rem)!important;
    line-height:.94!important;letter-spacing:-.045em!important;
  }
  .studio-hero .hero-copy .eyebrow {
    font-size:10px!important;margin-bottom:17px!important;
  }
  .studio-hero .hero-copy .actions {margin-top:23px!important;gap:18px!important}
  .studio-hero .hero-copy .actions .btn {
    font-size:12px!important;min-height:47px!important;padding:12px 16px!important;
  }
}
@media (min-width:901px) and (max-width:1100px) {
  .studio-hero .studio-film-wrap {
    width:100%!important;max-width:none!important;margin:0!important;
    aspect-ratio:auto!important;height:clamp(520px,74svh,670px)!important;
  }
  .studio-hero .studio-film-wrap video {
    object-fit:cover!important;object-position:center top!important;transform:none!important;
  }
  .studio-hero .hero-copy {
    left:4vw!important;top:24px!important;width:54vw!important;max-width:54vw!important;
  }
  .studio-hero .hero-copy h1 {
    font-size:clamp(3.2rem,5.2vw,4.45rem)!important;line-height:.93!important;
  }
}