/* Page-specific composition for the Austin luxury photography article. */
.a360-luxury-article .a360-article-intro h1 { font-size: clamp(60px, 6vw, 88px); }
.a360-luxury-article .a360-article-cover img { aspect-ratio: 2.1; object-position: 50% 51%; }
.a360-luxury-article .a360-article-cta-media img { object-position: 50% 51%; }
.a360-luxury-gallery { margin: 0 0 84px; }
.a360-luxury-gallery-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 30px; }
.a360-luxury-article .a360-luxury-gallery-heading .a360-eyebrow { color: #8a672d; font-size: 9px; margin-bottom: 15px; }
.a360-luxury-article .a360-luxury-gallery-heading h2 { color: var(--a360-navy); font: 500 clamp(36px, 4vw, 52px)/1.08 var(--a360-serif); letter-spacing: -.02em; margin: 0; }
.a360-luxury-gallery-heading > p { max-width: 245px; margin: 0 0 4px; color: #687178; font-size: 12px; line-height: 1.7; }
.a360-luxury-gallery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.a360-luxury-gallery figure { margin: 0; }
.a360-luxury-article .a360-luxury-gallery img { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; }
.a360-luxury-gallery figcaption { padding-top: 14px; color: #687178; font-size: 11px; line-height: 1.6; }
.a360-luxury-gallery figcaption strong { color: var(--a360-navy); font-weight: 600; }
/* The former WordPress page exposed this extra microdata out of view. */
.a360-luxury-microdata[hidden] { display: none !important; }
@media (max-width: 960px) {
  .a360-luxury-gallery { margin-bottom: 65px; }
  .a360-luxury-gallery-grid { gap: 20px; }
}
@media (max-width: 600px) {
  .a360-luxury-article .a360-article-intro h1 { font-size: clamp(44px, 11.2vw, 64px); line-height: 1; }
  .a360-luxury-article .a360-article-cover img { aspect-ratio: 1.1; object-position: 52% 50%; }
  .a360-luxury-gallery { margin-bottom: 48px; }
  .a360-luxury-gallery-heading { display: block; margin-bottom: 23px; }
  .a360-luxury-gallery-heading > p { max-width: 100%; margin-top: 12px; }
  .a360-luxury-gallery-grid { grid-template-columns: 1fr; gap: 28px; }
  .a360-luxury-gallery figcaption { font-size: 10px; }
  .a360-luxury-article .a360-article-cta-media img { object-position: 56% 50%; }
}