/* hero com corredor de sites — sobrescreve o hero com notebook */
.hero--stream{position:relative;padding:0;border-bottom:1px solid var(--line)}
.hero--stream .hero-copy{align-items:center;text-align:center;gap:24px;padding-top:72px;margin-inline:auto;max-width:calc(var(--max) + 2 * var(--margin))}
.hero--stream .h1{max-width:15ch;text-wrap:balance}
.hero--stream .body{margin-inline:auto}
.hero--stream .hero-actions{justify-content:center}
.hero--stream .stream-space{height:clamp(320px,46vw,640px);pointer-events:none}
@media (min-width:768px){.hero--stream .hero-copy{padding-top:96px;gap:28px}}
@media (min-width:1024px){.hero--stream .hero-copy{padding-top:120px;gap:32px}}
.stream{position:absolute;inset:0;z-index:1;container-type:inline-size;pointer-events:none;--axis:75%}
.str-persp{position:absolute;inset:0;perspective-origin:50% var(--axis)}
.str-3d{position:absolute;inset:0;transform-style:preserve-3d}
.str-card{position:absolute;left:50%;top:var(--axis);overflow:hidden;container-type:inline-size;background:#fff;backface-visibility:hidden;box-shadow:0 0 0 1px rgba(19,19,19,.12),0 1.6cqw 4cqw -1cqw rgba(19,19,19,.18)}
@media (prefers-reduced-motion:reduce){.str-card{animation-play-state:paused!important}}
/* texto sempre acima do corredor; no mobile o corredor é recortado abaixo do bloco de texto (--clip = topo do .stream-space) */
.hero--stream .hero-copy{position:relative;z-index:2}
@media (max-width:767px){.stream{clip-path:inset(var(--clip,0px) 0 0 0)}}