/* Keep animated art inside its own grid cell for the entire motion path. */
.hero-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px)}
.hero-copy{min-width:0;max-width:100%}
.hero-copy h1{font-size:clamp(44px,4.3vw,76px);max-width:100%;letter-spacing:-.06em;overflow-wrap:break-word}
.hero-description{max-width:100%}
.hero-layout .devices-scene{position:relative;min-width:0;width:100%;height:clamp(360px,36vw,560px);transform:none;translate:none;margin:0;left:auto;right:auto;overflow:hidden;isolation:isolate}
.hero-layout .devices-scene .photoreal-stage{width:88%;left:50%;top:50%;direction:ltr}
.hero-layout .devices-scene .floating-chip{max-width:70%}
[dir=rtl] .hero-copy,[dir=rtl] .feature-copy{text-align:start}
[dir=rtl] .hero-copy h1,[dir=rtl] .display-heading,[dir=rtl] .closing-wrap h2{letter-spacing:0;line-height:1.3}
[dir=rtl] .hero-faint-word,[dir=rtl] .feature-visual,[dir=rtl] .brand{direction:ltr}
[dir=rtl] .btn-arrow,[dir=rtl] .tile-arrow{transform:scaleX(-1)}
[dir=rtl] .tile-arrow{right:auto;left:20px}
@media(max-width:1050px){
 .hero-layout{grid-template-columns:minmax(0,1fr);gap:22px;padding-block:42px 88px;min-height:0}
 .hero-section{min-height:0}
 .hero-copy{text-align:center;padding:58px 0 0;max-width:680px;justify-self:center}
 .hero-copy h1{font-size:clamp(42px,6.5vw,65px)}
 .hero-buttons,.eyebrow{justify-content:center}
 .hero-layout .devices-scene{width:min(100%,720px);height:clamp(280px,48vw,440px);justify-self:center}
 [dir=rtl] .hero-copy{text-align:center}
 .hero-bottom{bottom:22px}
}
@media(max-width:440px){
 .hero-layout{padding-block:20px 72px;gap:14px}
 .hero-copy{padding-top:48px}
 .hero-copy h1{font-size:clamp(34px,9.5vw,44px)}
 .hero-layout .devices-scene{height:270px}
 .hero-layout .devices-scene .photoreal-stage{width:85%}
 .hero-buttons .btn{white-space:normal;text-align:center}
 .header-inner{flex-wrap:wrap;height:auto;min-height:68px;padding-block:10px}
}