/* Local article refreshes: video, Pro3, and the photography guide. */
.a360-batch-article .a360-article-intro h1 { font-size: clamp(58px, 6vw, 88px); max-width: 1120px; }
.a360-batch-article .a360-article-cover img { aspect-ratio: 2.12; object-position: 50% 50%; }
.a360-batch-article .a360-article-layout { margin-bottom: 64px; }
.a360-batch-article .a360-article-cta-media img { object-position: 50% 50%; }
.a360-batch-article .a360-legacy-microdata[hidden] { display: none !important; }
.a360-batch-article .a360-article-site-credit { padding: 0 0 24px; color: rgba(255,255,255,.62); font: 500 10px/1.5 var(--a360-sans); text-align: right; }
.a360-batch-article .a360-article-site-credit a { color: inherit; }
.a360-batch-article .a360-article-video-frame { border-radius: 0; }
.a360-batch-article .a360-article-video-meta { padding-top: 16px; }
.a360-batch-article .a360-article-video-meta p { max-width: 580px; }
.a360-video-article .a360-article-video { margin-bottom: 64px; }
.a360-video-story { max-width: 1080px; margin: 0 auto 84px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--a360-line); }
.a360-video-story > div { padding: 30px 26px 8px 0; }
.a360-video-story > div + div { border-left: 1px solid var(--a360-line); padding-left: 26px; }
.a360-video-story span { color: #9a793e; font: 700 11px/1.5 var(--a360-sans); letter-spacing: .15em; }
.a360-video-story h2 { color: var(--a360-navy); font: 500 27px/1.12 var(--a360-serif); margin: 19px 0 12px; }
.a360-video-story p { color: #525d65; font: 400 13px/1.8 var(--a360-sans); margin: 0; }
.a360-pro3-article .a360-article-cover img { object-position: 50% 48%; }
.a360-pro3-features { max-width: 1080px; margin: 0 auto 70px; border-top: 1px solid var(--a360-line); }
.a360-pro3-feature { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 30px; padding: 26px 0; border-bottom: 1px solid var(--a360-line); }
.a360-pro3-feature span { color: #9a793e; font: 700 10px/1.8 var(--a360-sans); letter-spacing: .15em; text-transform: uppercase; }
.a360-pro3-feature p { max-width: 700px; color: var(--a360-navy); font: 500 24px/1.28 var(--a360-serif); margin: 0; }
.a360-pro3-tour { max-width: 1080px; margin: 0 auto 85px; }
.a360-pro3-tour-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 22px; }
.a360-pro3-tour-head .a360-eyebrow { color: #8a672d; margin: 0 0 12px; }
.a360-pro3-article .a360-pro3-tour h2 { color: var(--a360-navy); font: 500 clamp(38px, 4vw, 54px)/1.07 var(--a360-serif); margin: 0; }
.a360-pro3-tour-head > p { max-width: 300px; color: #606d75; font: 400 12px/1.7 var(--a360-sans); margin: 0; }
.a360-pro3-tour-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #102333; }
.a360-pro3-tour-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.a360-pro3-tour-link { display: inline-block; margin-top: 14px; color: var(--a360-navy); border-bottom: 1px solid #b7a986; padding-bottom: 4px; font: 600 11px/1.6 var(--a360-sans); }
.a360-guide-article .a360-article-intro h1 { max-width: 1160px; }
.a360-guide-article .a360-article-cover img { object-position: 50% 45%; }
.a360-guide-intro { max-width: 1080px; margin: 65px auto 58px; display: grid; grid-template-columns: minmax(0, 640px) minmax(200px, 1fr); gap: clamp(45px, 8vw, 110px); }
.a360-guide-intro > p { color: var(--a360-navy); font: 500 clamp(28px, 3vw, 39px)/1.3 var(--a360-serif); margin: 0; }
.a360-guide-contents { border-left: 1px solid var(--a360-line); padding-left: 25px; }
.a360-guide-contents .a360-eyebrow { color: #8a672d; margin: 0 0 14px; }
.a360-guide-contents ol { list-style: none; margin: 0; padding: 0; }
.a360-guide-contents li { margin: 0; }
.a360-guide-contents a { display: block; border-bottom: 1px solid var(--a360-line); padding: 8px 0; color: var(--a360-navy); font: 600 11px/1.6 var(--a360-sans); }
.a360-guide-body { max-width: 1080px; margin: 0 auto 86px; }
.a360-guide-step { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: clamp(40px, 6vw, 95px); border-top: 1px solid var(--a360-line); padding: 42px 0 49px; scroll-margin-top: 110px; }
.a360-guide-step-number { color: #9a793e; font: 700 11px/1.5 var(--a360-sans); letter-spacing: .18em; }
.a360-guide-article .a360-guide-step h2 { color: var(--a360-navy); font: 500 clamp(35px, 3.6vw, 48px)/1.06 var(--a360-serif); margin: 0 0 20px; }
.a360-guide-step p, .a360-guide-step li { color: #525d65; font: 400 14px/1.8 var(--a360-sans); }
.a360-guide-step p { margin: 0 0 18px; }
.a360-guide-step ul { margin: 0; padding-left: 19px; }
.a360-guide-step li { padding-left: 7px; margin: 9px 0; }
.a360-guide-step strong { color: var(--a360-navy); font-weight: 700; }
.a360-guide-figure { margin: 4px 0 0; }
.a360-guide-figure img { display: block; width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; }
.a360-guide-figure figcaption { padding-top: 12px; color: #69757e; font: 400 11px/1.6 var(--a360-sans); }
.a360-guide-closing { max-width: 780px; margin: 0 0 75px auto; color: var(--a360-navy); font: 500 clamp(25px, 2.8vw, 34px)/1.34 var(--a360-serif); }
@media (max-width: 960px) {
  .a360-batch-article .a360-article-intro h1 { font-size: clamp(53px, 8vw, 76px); }
  .a360-guide-intro { grid-template-columns: 1fr; gap: 30px; margin-top: 45px; }
  .a360-guide-contents { border-left: 0; border-top: 1px solid var(--a360-line); padding: 24px 0 0; }
  .a360-guide-step { grid-template-columns: 95px minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 600px) {
  .a360-batch-article .a360-article-intro h1 { font-size: clamp(48px, 13vw, 69px); }
  .a360-batch-article .a360-article-cover img { aspect-ratio: 1.15; object-position: 50% 50%; }
  .a360-batch-article .a360-article-layout { margin-bottom: 42px; }
  .a360-video-article .a360-article-video { max-width: none; width: 100%; }
  .a360-video-article .a360-article-video-frame { aspect-ratio: 16 / 9; }
  .a360-video-story { display: block; margin-bottom: 50px; }
  .a360-video-story > div, .a360-video-story > div + div { border-left: 0; border-bottom: 1px solid var(--a360-line); padding: 24px 0; }
  .a360-video-story h2 { margin-top: 12px; font-size: 26px; }
  .a360-pro3-feature { grid-template-columns: 1fr; gap: 10px; padding: 22px 0; }
  .a360-pro3-feature p { font-size: 23px; }
  .a360-pro3-tour { margin-bottom: 50px; }
  .a360-pro3-tour-head { display: block; }
  .a360-pro3-tour-head > p { margin-top: 12px; }
  .a360-pro3-tour-frame { aspect-ratio: 4 / 3; }
  .a360-guide-intro { margin: 36px auto 45px; }
  .a360-guide-intro > p { font-size: 28px; }
  .a360-guide-step { grid-template-columns: 1fr; gap: 10px; padding: 28px 0 34px; }
  .a360-guide-article .a360-guide-step h2 { font-size: 36px; }
  .a360-guide-step p, .a360-guide-step li { font-size: 13px; }
  .a360-guide-figure img { aspect-ratio: 1.1; }
  .a360-guide-closing { margin-bottom: 50px; font-size: 26px; }
}