/* Australia training page; palette and type are shared in brand.css. */
nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 6%; border-bottom: 2px solid var(--ink); }
.logo { font: 400 1.5rem var(--display); text-transform: uppercase; text-decoration: none; }
.nav-cta { padding: 13px 20px; }
.hero { position: relative; isolation: isolate; overflow: hidden; padding: 70px 6% 80px; background: var(--blue); border-bottom: 2px solid var(--ink); }
.hero::after { content: ''; position: absolute; z-index: -1; inset: 0 0 0 48%; background: url('../images/rodeo-poster-hero.webp') right center / cover no-repeat; }
.breadcrumb { font: 800 .7rem var(--condensed); letter-spacing: .13em; text-transform: uppercase; margin-bottom: 27px; }
.breadcrumb a { text-underline-offset: 4px; }
h1 { font: 400 clamp(3.3rem, 6.5vw, 6.2rem)/1.02 var(--display); letter-spacing: -.01em; text-transform: uppercase; margin-bottom: 27px; max-width: 650px; }
h1 span { color: var(--red-type); }
.hero-desc { max-width: 44%; font-size: 1rem; line-height: 1.75; margin-bottom: 30px; }
.btn { background: var(--red); color: var(--paper); border-color: var(--red); }
.si { max-width: 1250px; margin-inline: auto; padding: 80px 6%; }
.sh { max-width: 900px; }
p { color: var(--muted); font-size: .98rem; line-height: 1.8; margin-bottom: 20px; }
p strong { color: var(--ink); font-weight: 600; }
.hero p { color: var(--ink); }
section { border-bottom: 2px solid var(--ink); }
section:nth-of-type(2) { background: var(--blue); }
section:nth-of-type(2) p { color: var(--ink); }
section:nth-of-type(2) .sh em { color: var(--red-type); }
.locations { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.loc { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; border: 1px solid var(--ink); font: 800 .85rem var(--condensed); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.loc:hover { background: var(--ink); color: var(--cream); }
.faq-item { padding: 26px 0; border-bottom: 1px solid var(--rule); }
.faq-item:first-child { border-top: 2px solid var(--ink); }
.faq-q { font: 800 1.3rem/1.2 var(--condensed); text-transform: uppercase; margin-bottom: 12px; }
.faq-a { max-width: 900px; margin-bottom: 0; }
.training-action { margin-top: 40px; }
footer { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px 6%; background: var(--ink); color: var(--cream); }
.foot-logo { font: 400 1.5rem var(--display); text-transform: uppercase; }
.foot-copy { color: var(--cream); margin: 0; font: 500 .75rem/1.5 var(--condensed); }
@media (max-width: 700px) {
  nav { padding: 16px 20px; gap: 12px; }
  .logo { font-size: 1.12rem; }
  .nav-cta { font-size: .7rem; padding: 12px; }
  .hero { padding: 32px 24px; color: var(--paper); }
  .hero::after { inset: 0; background-image: linear-gradient(90deg, rgba(17, 20, 17, .88), rgba(17, 20, 17, .3)), url('../images/rodeo-poster-hero-768.webp'); background-size: cover; background-position: 85% center; }
  .hero p { color: var(--paper); }
  h1 span { color: var(--blue); }
  h1 { font-size: clamp(3.1rem, 11vw, 4.5rem); }
  .hero-desc { max-width: 100%; }
  .si { padding: 55px 24px; }
  .sh { font-size: clamp(2.3rem, 9vw, 3.5rem); overflow-wrap: anywhere; }
  .breadcrumb { font-size: .8rem; letter-spacing: .07em; }
  p { font-size: 1rem; }
  .training-action .btn { width: 100%; text-align: center; }
  footer { padding: 28px 24px; flex-direction: column; align-items: flex-start; }
}