/* Videography article composition, extending the shared editorial article design. */
.a360-videography-article .a360-article-intro h1 { max-width: 1320px; font-size: clamp(59px, 6.1vw, 88px); }
.a360-videography-article .a360-article-cover img { aspect-ratio: 2.1; object-position: 50% 54%; }
.a360-videography-article .a360-article-video { margin-bottom: 88px; }
.a360-videography-article .a360-article-video-poster img { object-position: 50% 54%; }
.a360-videography-article .a360-article-video-poster::after { background: rgba(7,24,39,.13); transition: background .25s ease; }
.a360-videography-article .a360-article-video-play-icon { width: 80px; height: 80px; border: 1px solid rgba(255,255,255,.85); border-radius: 50%; background: rgba(7,24,39,.82); color: #fff; box-shadow: 0 10px 32px rgba(7,24,39,.3), inset 0 0 0 5px rgba(255,255,255,.09); backdrop-filter: blur(8px); transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.a360-videography-article .a360-article-video-play-icon svg { width: 28px; height: 28px; margin-left: 3px; }
@media (hover: hover) and (pointer: fine) {
  .a360-videography-article .a360-article-video-poster:hover::after { background: rgba(7,24,39,.24); }
  .a360-videography-article .a360-article-video-poster:hover .a360-article-video-play-icon { transform: translate(-50%,-50%) scale(1.08); background: #071827; box-shadow: 0 14px 38px rgba(7,24,39,.38), inset 0 0 0 5px rgba(255,255,255,.14); }
}
.a360-videography-article .a360-article-video-poster:active .a360-article-video-play-icon { transform: translate(-50%,-50%) scale(.96); }
.a360-videography-article .a360-article-cta-media img { object-position: 50% 50%; }
.a360-videography-article .a360-article-cta::before { background: linear-gradient(90deg, rgba(7,24,39,.9), rgba(7,24,39,.67) 52%, rgba(7,24,39,.3)), linear-gradient(0deg, rgba(7,24,39,.25), transparent 65%); }
.a360-videography-article .a360-original-schema[hidden] { display: none !important; }
@media (max-width: 960px) {
  .a360-videography-article .a360-article-intro h1 { font-size: clamp(55px, 7vw, 74px); }
}
@media (max-width: 600px) {
  .a360-videography-article .a360-article-intro h1 { font-size: clamp(46px, 12vw, 66px); line-height: .98; }
  .a360-videography-article .a360-article-cover img { aspect-ratio: 1.12; object-position: 50% 50%; }
  .a360-videography-article .a360-article-video { width: 100%; max-width: none; margin-bottom: 50px; }
  .a360-videography-article .a360-article-video-frame { aspect-ratio: 16 / 9; border-radius: 8px; }
  .a360-videography-article .a360-article-video-play-icon { width: 62px; height: 62px; }
  .a360-videography-article .a360-article-video-play-icon svg { width: 24px; height: 24px; }
  .a360-videography-article .a360-article-cta-media img { object-position: 58% 50%; }
  .a360-videography-article .a360-article-cta::before { background: linear-gradient(180deg, rgba(7,24,39,.8), rgba(7,24,39,.67) 55%, rgba(7,24,39,.8)); }
}
@media (prefers-reduced-motion: reduce) {
  .a360-videography-article .a360-article-video-poster::after,
  .a360-videography-article .a360-article-video-play-icon { transition: none; }
}