/* Approved video hero, scoped to the Portuguese and English home. */
.home-video-page main.page { padding-top:0; }
.home-video-page .ht-hero { position:relative; isolation:isolate; width:100vw; margin-inline:calc(50% - 50vw); height:100svh; min-height:640px; color:var(--cream); background:var(--carbon); overflow:hidden; clip-path:inset(0); }
.home-video-page .ht-media { position:fixed; inset:0; z-index:-2; }
.home-video-page .ht-media video { width:100%; height:100%; object-fit:cover; }
.home-video-page .ht-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgb(0 0 0 / .3),rgb(0 0 0 / .1) 42%,rgb(0 0 0 / .4)); pointer-events:none; }
.home-video-page .ht-content { height:100%; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-content:center; column-gap:var(--editorial-grid-gap); row-gap:clamp(24px,5svh,64px); padding:100px var(--editorial-edge) 90px; }
.home-video-page .ht-title-group { grid-column:1 / -1; width:fit-content; max-width:100%; }
.home-video-page .ht-hero.is-motion-ready [data-ht-motion] { opacity:0; transform:translateY(24px); transition:opacity .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1); transition-delay:calc(var(--ht-motion-order) * 35ms); pointer-events:none; }
.home-video-page .ht-hero.is-motion-ready.is-content-visible [data-ht-motion] { opacity:1; transform:translateY(0); transition-duration:.6s; transition-delay:calc(var(--ht-motion-order) * 60ms); pointer-events:auto; }
.home-video-page .ht-hero.is-motion-initializing [data-ht-motion] { transition:none; }
.home-video-page .ht-hero.is-motion-ready .ht-description [data-ht-motion] { transform:none; transition-property:opacity; }
.home-video-page .ht-tagline { color:var(--cream); font:500 11px/1.45 var(--ff-body); font-variation-settings:normal; letter-spacing:.12em; text-transform:uppercase; text-align:left; margin:0 0 20px; }
.home-video-page .ht-title { font-family:var(--ff-body); font-size:clamp(52px,6.6vw,128px); font-weight:250; font-variation-settings:"wght" 250; line-height:.95; letter-spacing:-.055em; color:inherit; margin:0; padding:0; }
.home-video-page .ht-title span { display:block; text-align:left; }
.home-video-page .ht-title strong { font-family:inherit; font-weight:700; font-variation-settings:"wght" 700; color:inherit; }
.home-video-page .ht-complement { display:flex; align-items:center; justify-content:flex-start; gap:12px; color:inherit; font:250 clamp(24px,3vw,52px)/1.2 var(--ff-body); font-variation-settings:"wght" 250; letter-spacing:-.03em; margin:14px 0 0; }
.home-video-page .ht-complement .wda-arrow-icon { width:.8em; height:.8em; flex-shrink:0; }
.home-video-page .ht-description { grid-column:var(--layout-text-start) / -1; width:100%; max-width:540px; text-align:left; }
.home-video-page .ht-description p { color:inherit; font:400 clamp(16px,1.4vw,20px)/1.45 var(--ff-body); margin:0 0 32px; max-width:38ch; }
.home-video-page .ht-explore { --btn-foreground:var(--carbon); --btn-border:transparent; --btn-hover-background:transparent; display:inline-flex; align-items:stretch; gap:4px; max-width:100%; padding:0; border:0; background:transparent; color:var(--carbon); text-decoration:none; text-transform:none; letter-spacing:0; font:500 13px/1.6 var(--ff-body); }
.home-video-page .ht-explore::after { content:none; }
.home-video-page .ht-explore span { display:flex; align-items:center; box-sizing:border-box; min-height:52px; background:var(--cream); padding:14px 24px; transition:background-color var(--button-duration),color var(--button-duration),border-color var(--button-duration); }
.home-video-page .ht-explore span:last-child { display:grid; place-items:center; flex:0 0 52px; padding:0; font-size:18px; }
.home-video-page .ht-explore .wda-arrow-icon { width:20px; height:20px; flex-shrink:0; }
.home-video-page .ht-actions { display:flex; flex-wrap:wrap; gap:12px; }
.home-video-page .ht-explore-secondary { --btn-foreground:var(--cream); color:var(--cream); }
.home-video-page .ht-explore-secondary span { background:transparent; border:1px solid currentColor; }
.home-video-page .ht-explore:is(:hover,:focus-visible) span { background:#000; color:#fff; }
.home-video-page .ht-explore-secondary:is(:hover,:focus-visible) span { background:#fff; color:#000; border-color:#fff; }
.home-video-page .ht-partner-badges { display:flex; align-items:center; gap:24px; margin-top:24px; }
.home-video-page .ht-partner-badges img { display:block; width:80px; height:auto; filter:brightness(0) invert(1); }
.home-video-page .ht-playback { position:absolute; left:32px; bottom:24px; display:flex; align-items:center; gap:10px; color:var(--cream); background:none; border:0; padding:10px 0; font:400 12px/1.4 var(--ff-body); cursor:pointer; }
.home-video-page .ht-playback [data-ht-playback-icon] { font-size:20px; }
.home-video-page .ht-hero :is(a,button):focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media (max-width:900px) {
  .home-video-page .ht-hero.is-motion-ready [data-ht-motion] { transform:translateY(16px); }
  .home-video-page .ht-hero.is-motion-ready.is-content-visible [data-ht-motion] { transform:translateY(0); transition-duration:.4s; transition-delay:calc(var(--ht-motion-order) * 40ms); }
  .home-video-page .ht-hero { min-height:600px; }
  .home-video-page .ht-content { grid-template-columns:minmax(0,1fr); gap:32px; padding:110px var(--editorial-edge) 100px; }
  .home-video-page .ht-title { font-size:clamp(36px,9vw,72px); letter-spacing:-.055em; }
  .home-video-page .ht-description { grid-column:1 / -1; max-width:360px; }
  .home-video-page .ht-description p { margin-bottom:28px; }
  .home-video-page .ht-actions,.home-video-page .ht-partner-badges { justify-content:flex-start; }
  .home-video-page .ht-explore { font-size:11px; }
  .home-video-page .ht-actions { flex-direction:column; align-items:flex-start; }
  .home-video-page .ht-explore { width:min(100%,280px); }
  .home-video-page .ht-explore span:first-child { flex:1; min-width:0; }
  .home-video-page .ht-explore span:first-child { padding-inline:16px; }
  .home-video-page .ht-playback { left:20px; bottom:20px; }
}
@media (prefers-reduced-motion:reduce) { .home-video-page .ht-explore span { transition:none; } }
@media (prefers-reduced-motion:reduce) { .home-video-page .ht-hero.is-motion-ready [data-ht-motion] { opacity:1; transform:none; transition:none; pointer-events:auto; } }

