@font-face{font-family:'Morada Geist';src:url('../assets/fonts/geist-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* Hero editorial. Tokens e tipografia do design system existente. */
.hero{font-family:'Morada Geist',sans-serif;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);padding-block:76px 64px;align-items:center}
.hero-copy,.hero-media{min-width:0}
.hero h1,.hero-player-title{font-family:'Morada Geist',sans-serif}
.hero h1{font-size:clamp(38px,3.85vw,54px);font-weight:650;line-height:1.15;letter-spacing:-2.3px;text-wrap:pretty}
.hero h1 mark{color:inherit;background:linear-gradient(transparent 76%,var(--yellow) 76%,var(--yellow) 94%,transparent 94%);padding:0 .025em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero-description{font-size:15px;line-height:1.8;max-width:440px;margin:25px 0 0;color:#656a61}
.hero-watch{display:inline-flex;gap:22px;align-items:center;min-height:44px;margin-top:20px;font-size:13px;font-weight:650;border-bottom:1px solid #b7b9ae}
.hero-watch span{font-size:21px;transition:transform .2s}
.hero-watch:hover span{transform:translate(2px,-2px)}
.hero-player{position:relative;aspect-ratio:16/9;border:1px solid #20231f18;border-radius:16px;background:var(--ink);overflow:hidden;isolation:isolate;box-shadow:0 20px 45px -25px #20231f65;scroll-margin-top:110px}
.hero-poster{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-player-cover{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#10141030,#10141015 25%,#101410b8);color:var(--white)}
.hero-player-tag{position:absolute;top:22px;left:24px;font-size:8px;letter-spacing:2px;font-weight:500}
.hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;background:var(--yellow);color:var(--ink);border:7px solid #ffffff29;background-clip:padding-box;border-radius:50%;box-shadow:0 0 0 1px #ffffff42,0 7px 24px #0002;transition:box-shadow .2s,scale .2s}
.hero-play:not(:disabled):hover{scale:1.06;box-shadow:0 0 0 5px #ffffff22,0 7px 24px #0002}
.hero-play:disabled{cursor:default;background-color:#f7cc54d9}
.hero-play svg{margin-left:3px}
.hero-player-title{position:absolute;left:24px;bottom:22px;right:24px;font-size:clamp(18px,1.65vw,23px);line-height:1.3;letter-spacing:-.5px;font-weight:500;pointer-events:none}
.hero-player video,.hero-player iframe{position:absolute;z-index:1;inset:0;width:100%;height:100%;border:0;background:#111;object-fit:contain}
.hero-sound{position:absolute;z-index:4;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:16px 28px;border:2px solid #fff8;border-radius:999px;background:var(--yellow);color:var(--ink);font:700 clamp(15px,1.35vw,18px)/1 'Morada Geist',sans-serif;white-space:nowrap;box-shadow:0 12px 38px #0008,0 0 0 8px #ffffff14;transition:transform .2s,box-shadow .2s}
.hero-sound span{font-size:1.3em;line-height:1}
.hero-sound:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 16px 42px #0009,0 0 0 10px #ffffff1a}
.hero-sound:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-loading{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 12px;border:1px solid #ffffff30;border-radius:999px;background:#111d;color:#fff;font-size:10px;letter-spacing:.04em;white-space:nowrap}
.hero-sound[hidden],.hero-loading[hidden],.hero-player-cover[hidden]{display:none}
.hero-player[aria-busy=true]{outline:1px solid var(--yellow)}
.hero-continue{display:flex;align-items:center;gap:12px;width:fit-content;min-height:44px;margin-top:22px;font-size:11px;color:#636957}
.hero-continue span{font-size:18px;color:var(--ink)}
.hero-continue:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1550px){.hero{padding-block:88px 76px}}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;gap:0}
  .hero-copy,.hero-media{display:contents}
  .hero h1{order:1;margin-bottom:28px}
  .hero-player{order:2}
  .hero-description{order:3}
  .hero-watch{order:4}
  .hero-continue{order:6}
}
@media(max-width:1100px) and (min-width:781px){.hero{padding-block:55px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-description{max-width:680px}.hero-player-title{font-size:18px;bottom:18px}.hero-play{width:64px;height:64px}}
@media(max-width:780px){.hero{grid-template-columns:1fr;gap:0;padding-block:38px 32px}.hero h1{font-size:clamp(35px,6.9vw,51px);letter-spacing:-1.6px;line-height:1.14;max-width:650px}.hero-description{visibility:hidden;font-size:14px;line-height:1.75;margin-top:20px;max-width:540px}.hero-watch{display:none}.hero-player{border-radius:12px}.hero-player-tag{top:16px;left:18px;font-size:7px}.hero-player-title{font-size:18px;bottom:16px;left:18px}.hero-play{width:66px;height:66px}.hero-sound{top:50%;left:50%;right:auto;min-height:54px;padding:13px 21px;font-size:14px}.hero-loading{bottom:12px}.hero-continue{margin-top:12px;font-size:10px}}
@media(max-width:780px){.hero-media{display:block;order:2;position:relative}.hero-media::before,.hero-media::after{content:'';position:absolute;left:50%;pointer-events:none}.hero-media::before{bottom:-48px;width:1.5px;height:21px;background:#a9aea5;transform:translateX(-50%)}.hero-media::after{bottom:-53px;width:11px;height:11px;border-right:1.5px solid #a9aea5;border-bottom:1.5px solid #a9aea5;transform:translateX(-50%) rotate(45deg)}}
@media(max-width:380px){.hero h1{font-size:33px}.hero-player-title{font-size:15px;bottom:12px}.hero-play{width:58px;height:58px}.hero-player-tag{top:12px}}
@media(prefers-reduced-motion:reduce){.hero *{transition:none!important;scroll-behavior:auto!important}}