/* Category archives: the shared Austin360 shell owns the header and footer. */
body.ar-page { margin: 0; background: #fbfaf6; color: #1e2428; }
.ar-page * { box-sizing: border-box; }
.ar-main { max-width: 1440px; margin: auto; padding: 55px clamp(22px,5vw,76px) 96px; }
.ar-eyebrow { font: 700 10px/1.5 var(--a360-sans); color: #8a672d; text-transform: uppercase; letter-spacing: .19em; margin: 0 0 22px; }
.ar-intro { display: grid; grid-template-columns: 1.3fr .7fr; align-items: end; gap: 36px; padding-bottom: 52px; }
.ar-intro h1 { font: 400 clamp(62px,7.2vw,108px)/.98 var(--a360-serif); letter-spacing: -.035em; color: #071827; margin: 0; max-width: 900px; }
.ar-intro-copy { max-width: 340px; justify-self: end; color: #53616a; font-size: 14px; line-height: 1.9; }
.ar-intro-copy p { margin: 0 0 18px; }
.ar-intro-copy .ar-count { font: 600 10px/1.5 var(--a360-sans); letter-spacing: .1em; text-transform: uppercase; color: #8a672d; margin: 0; }
.ar-categories { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 26px; border-block: 1px solid #07182725; padding-block: 19px; margin-bottom: 48px; }
.ar-categories a { padding-block: 6px; color: #53616a; font-size: 11px; border-bottom: 1px solid transparent; }
.ar-categories a[aria-current="page"] { color: #071827; border-color: #a58343; }
.ar-categories a:hover { color: #8a672d; }
.ar-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 56px 36px; }
.ar-card { min-width: 0; }
.ar-card-photo { display: block; overflow: hidden; background: #eeeae2; aspect-ratio: 16/10; }
.a360-homepage .ar-card-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.ar-card-photo:hover img { transform: scale(1.025); }
.ar-card-copy { padding-top: 25px; }
.ar-card-meta { display: flex; gap: 12px; align-items: center; color: #6e7378; font-size: 10px; margin-bottom: 13px; line-height: 1.8; }
.ar-card-meta span { color: #8a672d; text-transform: uppercase; letter-spacing: .12em; }
.ar-card-meta span::after { content: '·'; margin-left: 12px; color: #8a672d; }
.ar-card h2 { font: 500 clamp(30px,3vw,43px)/1.08 var(--a360-serif); letter-spacing: -.015em; color: #071827; margin: 0 0 18px; }
.ar-card h2 a:hover { color: #8a672d; }
.ar-card-excerpt { color: #53616a; font-size: 13px; line-height: 1.9; margin-bottom: 23px; }
.ar-card-excerpt p { margin: 0 0 12px; }
.ar-card-excerpt p:last-child { margin-bottom: 0; }
.ar-card-excerpt a { text-decoration: underline; text-underline-offset: 3px; }
.ar-full-excerpt { margin-top: 14px; }
.ar-full-excerpt summary { cursor: pointer; color: #715a32; font-size: 11px; width: fit-content; }
.ar-full-excerpt[open] summary { margin-bottom: 16px; }
.ar-full-excerpt h1,.ar-full-excerpt h2,.ar-full-excerpt h3 { font-size: 26px; margin-block: 22px 12px; }
.ar-card-link { align-self: flex-start; }
.ar-card--featured { grid-column: 1/-1; display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(30px,5vw,72px); align-items: center; padding-bottom: 44px; border-bottom: 1px solid #07182725; }
.ar-card--featured .ar-card-photo { aspect-ratio: 4/3; }
.ar-card--featured .ar-card-copy { padding-top: 0; max-width: 460px; }
.ar-card--featured h2 { font-size: clamp(38px,4.1vw,60px); }
.ar-card--featured .ar-card-excerpt { font-size: 14px; }
.ar-card--text .ar-card-photo { display: flex; align-items: end; padding: 32px; background: #e9e5dc; }
.ar-card-type { font: italic 400 44px/1 var(--a360-serif); color: #8a672d; }
.ar-pagination { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: center; border-top: 1px solid #07182725; padding-top: 35px; margin-top: 60px; }
.ar-pagination a,.ar-pagination span { min-width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; border: 1px solid #07182725; font-size: 12px; padding: 0 12px; }
.ar-pagination [aria-current="page"] { color: #fbfaf6; background: #071827; border-color: #071827; }
.ar-pagination a:hover { border-color: #8a672d; color: #8a672d; }
.ar-pagination .ar-page-word { border: 0; gap: 14px; padding-inline: 12px; }
.ar-closing { margin-top: 80px; position: relative; isolation: isolate; min-height: 360px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 50px 24px; color: #fbfaf6; background: #071827; overflow: hidden; }
.a360-homepage .ar-closing > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.ar-closing::before { content: ''; position: absolute; inset: 0; background: #071827b8; z-index: -1; }
.ar-closing .ar-eyebrow { color: #e3c58a; margin-bottom: 15px; }
.ar-closing h2 { font: 400 clamp(44px,5vw,70px)/1.02 var(--a360-serif); letter-spacing: -.02em; margin: 0 0 27px; color: inherit; }
.ar-closing .a360-btn { color: #071827 !important; background: #d0ad6a !important; border-color: #d0ad6a !important; }
.ar-review-bar { position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%); z-index: 40; display: flex; align-items: center; gap: 22px; width: max-content; max-width: calc(100vw - 24px); background: #fbfaf6f5; color: #071827; border: 1px solid #07182730; border-radius: 40px; padding: 11px 20px; box-shadow: 0 8px 30px #07182718; font: 500 10px/1.4 var(--a360-sans); }
.ar-review-bar a { color: inherit; text-decoration: none; }
.ar-review-bar span { padding: 4px 9px; background: #eeeae2; border-radius: 20px; color: #715a32; white-space: nowrap; }
.ar-hub .ar-intro { padding-bottom: 48px; }
.ar-hub-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px; }
.ar-hub-card { border: 1px solid #07182725; }
.ar-hub-card figure { aspect-ratio: 2/1; margin: 0; overflow: hidden; background: #eeeae2; }
.a360-homepage .ar-hub-card figure img { width: 100%; height: 100%; object-fit: cover; }
.ar-hub-copy { padding: 28px; }
.ar-hub-copy h2 { font: 500 38px/1 var(--a360-serif); color: #071827; margin: 0 0 16px; }
.ar-hub-copy p { font-size: 12px; color: #53616a; line-height: 1.9; }
.ar-hub-copy .ar-card-link { margin-top: 8px; }
.ar-hub-pages { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 24px; }
.ar-hub-pages a { border: 1px solid #07182725; padding: 7px 12px; font-size: 11px; }
.ar-redirect { margin-top: 44px; background: #eeeae2; padding: 32px; display: flex; gap: 30px; justify-content: space-between; align-items: center; }
.ar-redirect h2 { font: 500 32px/1 var(--a360-serif); color: #071827; margin-bottom: 12px; }
.ar-redirect p { font-size: 12px; color: #53616a; margin-bottom: 0; }
.ar-redirect > .ar-card-link { flex: 0 0 auto; }
@media (prefers-reduced-motion: reduce) { .ar-card-photo img { transition: none; } }
@media (max-width: 850px) {
  .ar-intro { grid-template-columns: 1fr; gap: 24px; }
  .ar-intro-copy { justify-self: start; max-width: 540px; }
  .ar-main { padding-top: 35px; }
  .ar-intro h1 { font-size: clamp(56px,9vw,78px); }
  .ar-card--featured { gap: 28px; grid-template-columns: 1fr 1fr; }
  .ar-card--featured h2 { font-size: 38px; }
  .ar-card-meta { flex-wrap: wrap; gap: 0 12px; }
}
@media (max-width: 600px) {
  .ar-main { padding: 28px 22px 62px; }
  .ar-eyebrow { margin-bottom: 17px; }
  .ar-intro { padding-bottom: 30px; gap: 20px; }
  .ar-intro h1 { font-size: 58px; }
  .ar-intro-copy { font-size: 13px; line-height: 1.8; }
  .ar-categories { gap: 4px 20px; padding-block: 14px; margin-bottom: 32px; }
  .ar-categories a { font-size: 10px; }
  .ar-grid,.ar-hub-grid { grid-template-columns: 1fr; gap: 38px; }
  .ar-card--featured { display: block; padding-bottom: 34px; }
  .ar-card--featured .ar-card-photo { aspect-ratio: 16/11; }
  .ar-card--featured .ar-card-copy { padding-top: 22px; }
  .ar-card h2,.ar-card--featured h2 { font-size: 36px; }
  .ar-card-copy { padding-top: 22px; }
  .ar-card--featured .ar-card-excerpt { font-size: 13px; }
  .ar-pagination { gap: 6px; margin-top: 38px; padding-top: 24px; }
  .ar-pagination a,.ar-pagination span { min-width: 36px; height: 38px; padding-inline: 10px; }
  .ar-pagination .ar-page-word { min-width: 42%; order: 2; margin-top: 8px; }
  .ar-closing { margin-top: 50px; min-height: 310px; }
  .ar-closing h2 { font-size: 49px; }
  .ar-review-bar { gap: 10px; padding: 10px 13px; font-size: 9px; bottom: 10px; }
  .ar-review-bar span { padding-inline: 7px; }
  .ar-redirect { display: block; padding: 25px; }
  .ar-redirect .ar-card-link { margin-top: 24px; }
}