/* ==========================================================================
   Drop Bears — Australian marks
   Joel: "have aussie colours and stars somewhere".
   The Southern Cross is the stamp. Green and gold appear only as a hairline
   so they cannot fight the ember, which is still the brand's only loud colour.
   ========================================================================== */

:root {
  --gum:    #00843D;   /* flag rule only */
  --wattle: #FFCD00;   /* flag rule only */
}

/* the stamp: stars + a thin green-and-gold rule + a mono label */
.au {
  display: inline-flex;
  align-items: center;
  gap: var(--s3);
}
.au__stars { width: 54px; height: 64px; flex: none; }
.au__stars path { fill: var(--bone); }
.au__stars .au__big { fill: var(--ember); }

.au__rule {
  width: 2px; height: 48px; flex: none;
  background: linear-gradient(180deg, var(--gum) 0 50%, var(--wattle) 50% 100%);
}
.au__txt {
  font-family: var(--mono); font-size: .6875rem;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--mute); line-height: 1.7;
}
.au__txt b { color: var(--bone); font-weight: 700; display: block; }

/* bigger version for the closing block */
.au--lg .au__stars { width: 76px; height: 90px; }
.au--lg .au__rule { height: 68px; }
.au--lg .au__txt { font-size: .75rem; }

/* a quiet star field behind the closing block */
.stars-bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: .5; }
.stars-bg path { fill: var(--bone); opacity: .22; }
.stars-bg .au__big { fill: var(--ember); opacity: .4; }

/* --------------------------------------------------------------- fixes -- */
/* The canopy crops were rendering as orange slabs behind the closing block.
   The Southern Cross does that job now, so the crops are gone from here. */
.disc { background: var(--char); }
.disc__in { position: relative; z-index: 1; }

/* ------------------------------------------- the AUSTRALIA slab (pushed) -- */

.au-slab {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--s4);
  align-items: center;
}
@media (min-width: 760px) { .au-slab { grid-template-columns: auto 1fr; gap: var(--s6); } }

.au-slab__stars { width: 96px; height: 114px; flex: none; }
.au-slab__stars path { fill: var(--bone); }
.au-slab__stars .au__big { fill: var(--ember); }

.au-slab__word {
  font-family: var(--display);
  font-weight: 900;
  font-stretch: 125%;
  text-transform: uppercase;
  font-size: clamp(2.75rem, 9vw, 7rem);
  line-height: .86;
  letter-spacing: -.015em;
  margin: 0;
  color: var(--wattle);   /* solid, not a gradient: gradient text is an AI tell */
}

.au-slab__sub {
  margin: var(--s3) 0 0;
  color: var(--soft);
  font-size: 1.0625rem;
  max-width: 56ch;
}