/* Farm and ranch article refinements layered on the approved article shell. */
.a360-ranch-article .a360-article-intro h1 { max-width: 1180px; font-size: clamp(48px, 5.7vw, 84px); }
.a360-ranch-article .a360-article-cover img { aspect-ratio: 2.05; object-position: 50% 42%; }
.a360-ranch-article .a360-article-copy > h2:first-of-type { margin-top: 42px; }
.a360-ranch-article .a360-article-copy .a360-article-detail p:last-child { margin-bottom: 0; }
.a360-ranch-gallery { margin: 0 0 84px; }
.a360-ranch-article .a360-ranch-gallery-heading .a360-eyebrow { color: #8a672d; font-size: 9px; margin-bottom: 14px; }
.a360-ranch-article .a360-ranch-gallery-heading h2 { max-width: 800px; color: var(--a360-navy); font: 500 clamp(36px, 4vw, 52px)/1.08 var(--a360-serif); letter-spacing: -.02em; margin: 0 0 30px; }
.a360-ranch-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.a360-ranch-gallery figure { margin: 0; }
.a360-ranch-article .a360-ranch-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.a360-ranch-gallery figcaption { padding-top: 16px; color: #687178; font-size: 11px; line-height: 1.6; }
.a360-ranch-article .a360-article-cta-media img { object-position: 50% 45%; }
.a360-ranch-article .a360-article-end { padding-bottom: 28px; }
.a360-ranch-related { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding: 0 0 55px; border-top: 1px solid var(--a360-line); }
.a360-ranch-related a { display: inline-block; padding-block: 18px; color: var(--a360-navy); font-size: 11px; font-weight: 600; }
.a360-ranch-related a span { margin-left: 8px; }
@media (hover: hover) and (pointer: fine) {
  .a360-ranch-related a:hover { color: #8a672d; }
}
@media (max-width: 960px) {
  .a360-ranch-article .a360-article-intro h1 { font-size: clamp(48px, 7.1vw, 68px); }
}
@media (max-width: 600px) {
  .a360-ranch-article .a360-article-intro h1 { font-size: clamp(46px, 12.2vw, 64px); }
  .a360-ranch-article .a360-article-cover img { aspect-ratio: 1.14; object-position: 45% 50%; }
  .a360-ranch-gallery { margin-bottom: 48px; }
  .a360-ranch-article .a360-ranch-gallery-heading h2 { font-size: 34px; margin-bottom: 22px; }
  .a360-ranch-gallery-grid { grid-template-columns: 1fr; gap: 28px; }
  .a360-ranch-gallery figcaption { font-size: 10px; padding-top: 12px; }
  .a360-ranch-related { padding-bottom: 35px; }
  .a360-ranch-related a { padding-block: 14px; }
  .a360-ranch-article .a360-article-cta-media img { object-position: 48% 50%; }
}