/* v0923A — inset hero, three nine-second photographic motion loops. */
@media(min-width:1024px){
  .flagship-hero{width:93%;margin-right:7%;border-right:1px solid rgba(165,188,214,.13)}
  .flagship-hero .flagship-inner{max-width:none;padding-left:max(40px,calc((100vw - 1480px)/2 + 64px));padding-right:40px}
  .flagship-hero .concept-image-note{max-width:130px}
}
.flagship-hero .flagship-image{will-change:transform;animation-duration:9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.flagship-hero.slide-0 .flagship-image{animation-name:hero-rf-breathe;transform-origin:75% 52%}
.flagship-hero.slide-1 .flagship-image{animation-name:hero-power-retreat;transform-origin:78% 57%}
.flagship-hero.slide-2 .flagship-image{animation-name:hero-sky-drift;transform-origin:55% 50%}
@keyframes hero-rf-breathe{0%,100%{transform:scale(1) translate3d(0,0,0)}50%{transform:scale(1.075) translate3d(-.5%,.4%,0)}}
@keyframes hero-power-retreat{0%,100%{transform:scale(1.085) translate3d(-.4%,0,0)}50%{transform:scale(1.015) translate3d(.2%,0,0)}}
@keyframes hero-sky-drift{0%,100%{transform:scale(1.085) translate3d(-1.1%,.3%,0)}50%{transform:scale(1.10) translate3d(1.1%,-.3%,0)}}
.flagship-hero.hero-motion-paused .flagship-image,.flagship-hero.hero-motion-offscreen .flagship-image{animation-play-state:paused}
.hero-motion-control{position:absolute;right:22px;top:20px;z-index:2;padding:7px 11px;border:1px solid #c6ab7066;background:#071a2dc9;color:#e7d8b8;font-size:11px;letter-spacing:.06em;cursor:pointer;border-radius:3px;backdrop-filter:blur(8px)}
.hero-motion-control:hover{background:#19334c;color:#fff}
.hero-motion-control:focus-visible{outline:2px solid #d6bc80;outline-offset:3px}
@media(max-width:720px){.hero-motion-control{right:16px;top:13px;font-size:10px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.flagship-hero .flagship-image{animation:none;will-change:auto}.hero-motion-control{display:none}}