/* A little rhythm before playback; stable controls while watching. */
.video-panel{overflow:hidden}.video-panel video{transform-origin:center;animation:video-groove 6s ease-in-out infinite;will-change:transform}.video-panel video:hover,.video-panel video:focus,.video-panel video:focus-within,.video-panel video.is-playing{animation:none;transform:rotate(0) translateY(0);will-change:auto}.tour-layout video{animation:tour-arrive .45s ease-out both}.tour-layout video.is-playing{animation:none}.video-panel .eyebrow{position:relative;align-self:flex-start;padding-right:24px}.video-panel .eyebrow:after{content:'';position:absolute;right:0;top:6px;width:8px;height:8px;border:2px solid #fd6500;transform:rotate(45deg);animation:accent-turn 6s ease-in-out infinite}
@keyframes video-groove{0%,100%{transform:rotate(-.65deg) translateY(0)}50%{transform:rotate(.65deg) translateY(-5px)}}
@keyframes tour-arrive{from{opacity:.6;transform:translateY(8px) rotate(-.6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes accent-turn{0%,80%,100%{transform:rotate(45deg)}90%{transform:rotate(135deg)}}
@media(max-width:720px){.video-panel video{animation-name:video-groove-small}@keyframes video-groove-small{0%,100%{transform:rotate(-.35deg) translateY(0)}50%{transform:rotate(.35deg) translateY(-3px)}}}
@media(prefers-reduced-motion:reduce){.video-panel video,.tour-layout video,.video-panel .eyebrow:after{animation:none!important;transform:none!important;will-change:auto}}