@layer components {

.ag-remit {
  --bw: 860px;
  --bh: 420px;
  --nw: 320px;
  --nh: 170px;
  --gap: 120px;

  margin-top: var(--stack-md);
  width: 100%;
  margin-inline: 0;
}

.ag-remit-stage {
  position: relative;
  height: var(--bh);
}

.ag-remit-body {
  position: absolute;
  left: var(--rail-in-64);
  top: 0;
  width: var(--bw);
  height: var(--bh);
  background: var(--bg-tertiary);
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - var(--nh)),
    calc(100% - var(--nw)) calc(100% - var(--nh)),
    calc(100% - var(--nw)) 100%,
    0 100%
  );
}

.ag-remit-what {
  position: absolute;
  left: calc(64px + var(--space-6));
  top: var(--space-6);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.ag-remit-void {
  position: absolute;
  left: calc(64px + var(--bw) - var(--nw));
  top: calc(var(--bh) - var(--nh));
  width: var(--nw);
  height: var(--nh);
  border: 1px dashed var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ag-remit-voidlab {
  font-size: 0.6875rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.ag-remit-piece {
  position: absolute;
  left: calc(var(--bw) + var(--gap));
  top: calc(var(--bh) - var(--nh));
  width: var(--nw);
  height: var(--nh);
  background: var(--bg-tertiary);
  box-shadow: inset 0 0 0 1px #A5B4FC, 0 18px 44px rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;

}

.ag-remit-piecelab {
  font-size: clamp(1rem, 1.5vw, 1.375rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}

.ag-remit-named {
  margin: var(--stack-sm) 64px 0;
  padding-top: var(--space-5);
  border-top: 1px solid var(--border-subtle);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--text-muted);
}

@media (max-width: 1439px) {
  .ag-remit { width: 100%; margin-inline: 0; }
  .ag-remit-named { margin-inline: 0; }
  .ag-remit-body { left: 0; }
  .ag-remit-what { left: var(--space-6); }
  .ag-remit-void { left: calc(var(--bw) - var(--nw)); }
  .ag-remit-piece { left: calc(var(--bw) + var(--gap)); }
}

@media (max-width: 1380px) {
  .ag-remit { --bw: 700px; --bh: 350px; --nw: 250px; --nh: 138px; --gap: 72px; }
}

@media (max-width: 1100px) {
  .ag-remit { --bw: 560px; --bh: 300px; --nw: 208px; --nh: 116px; --gap: 48px; }
  .ag-remit-piecelab { font-size: 0.9375rem; }
}

@media (max-width: 900px) {

  .ag-remit { --bw: 100%; --bh: 260px; --nw: 44%; --nh: 104px; }
  .ag-remit-stage { height: calc(var(--bh) + 104px + 28px); }
  .ag-remit-piece {
    left: auto;
    right: 0;
    top: calc(var(--bh) + 28px);
    height: var(--nh);
  }
  .ag-remit-void { left: auto; right: 0; }
}

@media (max-width: 560px) {
  .ag-remit { --bh: 210px; --nw: 56%; --nh: 88px; }
  .ag-remit-stage { height: calc(var(--bh) + 88px + 24px); }
  .ag-remit-what { font-size: 0.625rem; }
  .ag-remit-voidlab { font-size: 0.5625rem; letter-spacing: 0.1em; }
}

.ag-remit-stage .ag-remit-piece { right: 0; left: auto; }
}

@layer components {

.ag-solid-section { position: relative; }

.ag-solid {
  --sw: 600px;
  --sh: 266px;
  --off: 12px;

  position: relative;
  width: 100%;
  margin-inline: 0;
  padding: 56px 64px 48px;
  background: var(--bg-secondary);
}

@media (max-width: 1439px) {
  .ag-solid { width: 100%; margin-inline: 0; }
}

.ag-solid-head {
  position: absolute;
  top: 60px;

  left: 64px;
  width: 460px;
  z-index: 3;
}

.ag-solid-kicker {
  display: block;
  margin-bottom: var(--stack-xs);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.ag-solid-h {
  margin: 0 0 var(--space-5);
  font-size: clamp(1.75rem, 2.4vw, 2.5rem);
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

.ag-solid-lede {
  margin: 0;
  max-width: 46ch;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.ag-solid-deck {
  position: relative;
  width: calc(var(--sw) + 19 * var(--off));
  height: calc(var(--sh) + 19 * var(--off));
  margin-left: auto;
}

.ag-solid-sheet {
  position: absolute;
  left: calc(var(--i) * var(--off));
  bottom: calc(var(--i) * var(--off));
  width: var(--sw);
  height: var(--sh);
  border-radius: 10px;
  background: var(--bg-tertiary);
  box-shadow: inset 1px 1px 0 var(--border-light);
  opacity: calc(1 - var(--i) * 0.032);
}

.ag-solid-sheet::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 34px;
  border-bottom: 1px solid var(--border-subtle);
}

.ag-solid-front {
  position: absolute;
  left: 0;
  bottom: 0;
  width: var(--sw);
  height: var(--sh);
  border-radius: 10px;
  background: var(--bg-tertiary);
  box-shadow: inset 0 1px 0 var(--border-strong), 0 24px 60px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
}

.ag-solid-bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  height: 34px;
  padding: 0 var(--space-5);
  border-bottom: 1px solid var(--border-light);
  flex: none;
}

.ag-solid-brand {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary);
}

.ag-solid-kind {
  margin-left: auto;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #A5B4FC;
}

.ag-solid-reg {
  margin: 0;
  padding: var(--space-4) var(--space-5) 0;
  flex: none;
}

.ag-solid-row {
  display: flex;
  align-items: baseline;
  gap: var(--space-5);
  padding: var(--space-3) 0;
  border-bottom: 1px solid var(--border-subtle);
}

.ag-solid-row dt {
  flex: none;
  width: 148px;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.ag-solid-row dd {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-primary);
}

.ag-solid-own {
  margin: 0;
  padding: var(--space-4) var(--space-5) 0;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.ag-solid-insc {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-6) 0 0;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.ag-solid-dot { color: var(--text-muted); }
.ag-solid-fig { color: var(--text-secondary); font-feature-settings: 'tnum' 1; }

@media (max-width: 1300px) {
  .ag-solid { --sw: 520px; --sh: 290px; --off: 10px; }
  .ag-solid-head { width: 400px; }
}

@media (max-width: 1100px) {
  .ag-solid { --sw: 480px; --sh: 286px; --off: 9px; padding: 48px 40px 44px; }
  .ag-solid-head { position: static; width: auto; margin-bottom: var(--stack-sm); }
  .ag-solid-deck { margin-inline: auto; }
}

@media (max-width: 768px) {
  .ag-solid { --sw: 360px; --sh: 280px; --off: 6px; padding: 40px 24px 36px; }
  .ag-solid-row dt { width: 116px; }
}

@media (max-width: 560px) {
  .ag-solid { --sw: 300px; --sh: 300px; --off: 4px; padding: 32px 16px 28px; }
  .ag-solid-row { flex-direction: column; gap: 2px; }
  .ag-solid-row dt { width: auto; }
  .ag-solid-reg { padding: var(--space-4) var(--space-4) 0; }
  .ag-solid-bar { padding: 0 var(--space-4); }
  .ag-solid-own { padding: var(--space-3) var(--space-4) 0; }
}

@media (max-width: 430px) {
  .ag-solid { --sw: 240px; --sh: 320px; --off: 3px; }
}

@media (max-width: 360px) {
  .ag-solid { --sw: 200px; --sh: 348px; --off: 3px; }
}

.ag-solid-sheet.ag-solid-sheet--i-19 { --i:19; }
.ag-solid-sheet.ag-solid-sheet--i-18 { --i:18; }
.ag-solid-sheet.ag-solid-sheet--i-17 { --i:17; }
.ag-solid-sheet.ag-solid-sheet--i-16 { --i:16; }
.ag-solid-sheet.ag-solid-sheet--i-15 { --i:15; }
.ag-solid-sheet.ag-solid-sheet--i-14 { --i:14; }
.ag-solid-sheet.ag-solid-sheet--i-13 { --i:13; }
.ag-solid-sheet.ag-solid-sheet--i-12 { --i:12; }
.ag-solid-sheet.ag-solid-sheet--i-11 { --i:11; }
.ag-solid-sheet.ag-solid-sheet--i-10 { --i:10; }
.ag-solid-sheet.ag-solid-sheet--i-9 { --i:9; }
.ag-solid-sheet.ag-solid-sheet--i-8 { --i:8; }
.ag-solid-sheet.ag-solid-sheet--i-7 { --i:7; }
.ag-solid-sheet.ag-solid-sheet--i-6 { --i:6; }
.ag-solid-sheet.ag-solid-sheet--i-5 { --i:5; }
.ag-solid-sheet.ag-solid-sheet--i-4 { --i:4; }
.ag-solid-sheet.ag-solid-sheet--i-3 { --i:3; }
.ag-solid-sheet.ag-solid-sheet--i-2 { --i:2; }
.ag-solid-sheet.ag-solid-sheet--i-1 { --i:1; }
}

@layer components {

.ag-line-section { position: relative; }

.ag-line {
  margin-top: 0;
}

.ag-line-flow {
  margin: 0;
  font-size: 2.25rem;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: var(--text-primary);
}

.ag-line-item {
  white-space: nowrap;
}

.ag-line-item::after {
  content: " · ";
  color: var(--border-strong);
  font-weight: 400;
}

.ag-line-item:last-child::after { content: ""; }

.ag-line-item--a .ag-line-name { font-weight: 600; color: var(--text-primary); }
.ag-line-item--b .ag-line-name { font-weight: 500; color: var(--text-secondary); }
.ag-line-item--c .ag-line-name { font-weight: 400; color: var(--text-muted); }

.ag-line-name {
  text-decoration: none;
  color: inherit;
}

.ag-line-name:hover,
.ag-line-name:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: var(--accent-ink);
}

.ag-line-gloss {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--text-muted);
}

.ag-line-under {
  margin-top: var(--stack-md);
  padding-top: 40px;
  border-top: 1px solid var(--border-light);
}

.ag-line-span {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin: 0 0 18px;
  width: 100%;
}

.ag-line-span:last-child { margin-bottom: 0; }

.ag-line-under .ag-line-span { padding: 6px 0; }

.ag-line-name--under {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  flex: 0 0 auto;
}

.ag-line-gloss--under {
  color: var(--text-secondary);
}

.ag-line-runs {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-ink);
  white-space: nowrap;
}

@media (max-width: 900px) {
  .ag-line-flow { font-size: 1.375rem; line-height: 1.55; }
  .ag-line-name--under { font-size: 1.375rem; }
  .ag-line-span { flex-wrap: wrap; gap: 10px; }
  .ag-line-runs { margin-left: 0; flex-basis: 100%; }
}

@media (max-width: 620px) {
  .ag-line-flow { font-size: 1.1875rem; }
  .ag-line-item { white-space: normal; }
  .ag-line-name--under { font-size: 1.1875rem; }
}
}

@layer components {

.ag-second {

  --pc: 18.02%;
  --pr: 83.41%;

  --barh: 132px;
  --blockh: 96px;

  position: relative;
  width: 100%;
  margin-inline: 0;
  margin-bottom: var(--stack-md);
}

.ag-second-lift {
  margin-bottom: var(--space-5);
}

.ag-sec-labels {
  max-width: 440px;
  margin-left: auto;
}

.ag-sec-block {
  position: relative;
  width: var(--pc);
  margin-left: auto;
  height: var(--blockh);
  background: var(--bg-tertiary);
  box-shadow: inset 0 0 0 1px var(--border-light);
  overflow: hidden;
}

.ag-sec-same {
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--pr);
  background: var(--accent-color);
  opacity: 0.9;
}

.ag-sec-blocklab {
  margin: var(--space-3) 0 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.ag-sec-said {
  position: relative;
  margin: var(--space-4) 0 0;
  font-size: clamp(0.9375rem, 1.15vw, 1.125rem);
  line-height: 1.5;
  color: var(--text-primary);
}

.ag-sec-arrival {
  position: absolute;
  top: 0.55em;
  left: -20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-color);
  animation: ag-sec-arrive 7.5s cubic-bezier(0.45, 0, 0.55, 1) -0.7s infinite;
  animation-play-state: paused;
}

@keyframes ag-sec-arrive {
  0%, 100% { opacity: 0.88; }
  50%      { opacity: 0.45; }
}

.ag-live .ag-sec-arrival { animation-play-state: running; }

.ag-sec-bar {
  position: relative;
  height: var(--barh);
  background: var(--bg-secondary);
  box-shadow: inset 0 0 0 1px var(--border-subtle);
}

.ag-sec-tick {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - var(--pc));
  width: 1px;
  background: var(--text-muted);
}

.ag-sec-barlab {
  position: absolute;
  left: var(--space-6);
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 0.9375rem;
  color: var(--text-secondary);
}

.ag-sec-n {
  font-weight: 600;
  color: var(--text-primary);
  font-feature-settings: 'tnum' 1;
}

.ag-sec-n--big {
  font-size: clamp(1.75rem, 3vw, 2.75rem);
  letter-spacing: -0.02em;
  vertical-align: -0.12em;
  margin-right: var(--space-2);
}

.ag-sec-n--lit { color: #A5B4FC; }

.ag-sec-sep { color: var(--text-muted); margin: 0 var(--space-2); }

.ag-sec-week {
  margin: var(--space-4) 0 0;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

@media (max-width: 1439px) {
  .ag-second { width: 100%; margin-inline: 0; }
}

@media (max-width: 1024px) {
  .ag-second { --barh: 110px; --blockh: 84px; }
}

@media (max-width: 760px) {
  .ag-second { --barh: 92px; --blockh: 68px; }
  .ag-sec-labels { max-width: none; }
  .ag-sec-said { padding-left: 18px; }
  .ag-sec-arrival { left: 0; }
  .ag-sec-barlab { left: var(--space-4); }
}

@media (max-width: 480px) {
  .ag-sec-n--big { font-size: 1.5rem; }
  .ag-sec-barlab { font-size: 0.8125rem; }
}

@media (prefers-reduced-motion: reduce) {
  .ag-sec-arrival,
  .ag-live .ag-sec-arrival { animation: none; opacity: 0.88; }
}
}

@layer components {

.ag-share-section { position: relative; }

.ag-share {
  position: relative;
}

.ag-share-head {
  width: 860px;
  margin-left: auto;
  margin-bottom: 24px;
  text-align: right;
}

.ag-share-kicker {
  display: block;
  margin-bottom: var(--stack-xs);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.ag-share-h {
  margin: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--text-primary);
}

.ag-share-lede {
  margin: var(--stack-xs) 0 0;
  margin-left: auto;
  max-width: 46ch;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--text-secondary);
}

.ag-share-plot {
  width: 100%;
  margin-inline: 0;
}

.ag-share-origin {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 14px;
}

.ag-share-origin-fig {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}

.ag-share-origin-v {
  font-size: 1.0625rem;
  color: var(--text-secondary);
}

.ag-share-origin-k {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.ag-share-body {
  position: relative;
  height: 300px;
  background: var(--bg-tertiary);
}

.ag-share-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  background: var(--accent-color);
}

.ag-share-marks {
  display: flex;
  align-items: baseline;
  gap: 24px;
  margin: 14px 0 0;
}

.ag-share-strip-k {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--accent-ink);
}

.ag-share-term {
  margin-left: auto;
  font-size: 0.9375rem;
  color: var(--text-secondary);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1375px) {
  .ag-share-plot {
    width: 100%;
    margin-inline: 0;
  }
}

@media (max-width: 1100px) {
  .ag-share-head {
    width: auto;
    text-align: left;
  }
  .ag-share-lede { margin-left: 0; }
}

@media (max-width: 900px) {
  .ag-share-h { font-size: 2rem; }
  .ag-share-origin-fig { font-size: 2.25rem; }
  .ag-share-body { height: 190px; }
  .ag-share-strip { height: 19px; }
  .ag-share-marks { flex-direction: column; gap: 6px; }
  .ag-share-term { margin-left: 0; }
}
}

@layer components {

.main-content > .ags-hero {

  padding-top: var(--stack-lg);
}

.ags-head {
  margin-bottom: var(--space-5);
}

.ags-stage {

  --ags-plate-l: 27.9412%;
  --ags-plate-w: 44.1176%;
  --ags-plate-t: 36.2963%;
  --ags-plate-h: 21.4815%;

  position: relative;
  width: 100%;
  margin-inline: 0;
}

.ags-svg {
  display: block;
  width: 100%;
  height: auto;
}

.ags-member {
  fill: none;
  stroke: #454E60;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
}

.ags-band { fill: #2A3142; }
.ags-seat { fill: #5A6478; }

.ags-ins {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.08em;
  fill: #F4F4F5;
  text-anchor: middle;
  dominant-baseline: central;
}

.ags-ins--crown { font-size: 17px; letter-spacing: 0.1em; }
.ags-ins--seat  { font-size: 19px; letter-spacing: 0.12em; }

.ags-plate {
  position: absolute;
  left: var(--ags-plate-l);
  top: var(--ags-plate-t);
  width: var(--ags-plate-w);
  min-height: var(--ags-plate-h);
  text-align: center;
}

.ags-plate .page-hero-eyebrow {
  margin-bottom: var(--space-3);
}

.ags-lede {
  margin: 0;
  max-width: none;
}

@media (max-width: 1375px) {
  .ags-stage { width: 100%; margin-inline: 0; }
}

@media (max-width: 1023px) {
  .ags-plate {
    position: static;
    width: 100%;
    margin-top: var(--space-6);
    text-align: left;
  }
  .ags-lede { max-width: 52ch; }
}

@media (max-width: 768px) {
  .ags-title { font-size: 2.375rem; }
}
}