@layer components {
@media (max-width: 1023px) {

  .ags-svg-p .ags-ins {
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .ags-svg-p .ags-ins--crown {
    font-size: 14px;
    letter-spacing: 0.04em;
  }

  .ags-svg-p .ags-ins--seat {
    font-size: 15px;
    letter-spacing: 0.06em;
  }

  .ag-remit-what {
    right: var(--space-6);
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 1.45;
  }

  .ag-remit-void {
    padding-inline: 10px;
  }

  .ag-remit-voidlab {
    font-size: 12.5px;
    letter-spacing: 0.06em;
    line-height: 1.35;
    text-align: center;
  }

  .ag-solid-kind {
    font-size: 12.5px;
    letter-spacing: 0.1em;
  }

  .ag-sec-week {
    font-size: 12.5px;
    letter-spacing: 0.1em;
  }
}

@media (min-width: 592px) and (max-width: 1023px) {
  .ags-stage .obj-phone--bleed {
    width: 560px;
    max-width: 100%;
    margin-inline: auto;
  }
}

@media (max-width: 1023px) {

  .ags-head { margin-bottom: 16px; }
  .ags-plate { margin-top: 20px; }

  .ag-remit-section .site-head { margin-bottom: 32px; }
  .ag-remit { margin-top: 32px; }
  .ag-remit-named { margin-top: 24px; }
}

@media (max-width: 1023px) {

  .ags-svg-p .ags-ins { font-size: 12.5px; }

  .ag-solid { padding: 24px 16px 20px; }
  .ag-solid-head { margin-bottom: 24px; }
  .ag-solid-insc { margin-top: 20px; }

}

@media (max-width: 430px) {
  .ag-solid { --sh: 288px; --off: 5px; }
  .ag-solid-row { padding-block: var(--space-2); }
}

@media (max-width: 360px) {
  .ag-solid { --off: 4px; }
}

@media (max-width: 1023px) {

  .ag-second { margin-bottom: 32px; }
  .ag-second-section .site-head { margin-bottom: 32px; }
}

@media (max-width: 430px) {

  .ags-title { font-size: 2.125rem; }
}

@media (max-width: 400px) {
  .ag-remit-named { margin-top: 12px; }
}
}

@layer components {
@media (max-width: 1023px) {

  .ag-solid-lede,
  .ag-share-lede { font-size: var(--mt-lede); line-height: var(--mt-lh-lede); }

  .ag-share-strip-k,
  .ag-share-term { font-size: var(--mt-body); }

  .ag-remit-named { font-size: var(--mt-label); line-height: 1.6; }

  .ags-lede-m { margin: var(--stack-xs) 0 0; max-width: none; }

  .ags-head .page-hero-eyebrow { display: block; }

  .ag-solid { padding-left: 0; padding-right: 0; }
  .ag-solid-head,
  .ag-solid-insc { padding-inline: 8px; }

  .ag-solid-deck { width: 100%; margin-inline: 0; }
  .ag-solid-sheet,
  .ag-solid-front { width: calc(100% - 19 * var(--off)); }

  .ag-solid { padding-top: 16px; padding-bottom: 16px; }
  .ag-solid-head { margin-bottom: 20px; }
  .ag-solid-insc { margin-top: 12px; }

  .ag-solid-h { margin-bottom: var(--stack-xs); }

  .ag-second-section { display: flex; flex-direction: column; }
  .ag-second-section > .site-head { order: 1; margin-bottom: var(--stack-md); }
  .ag-second-section > .ag-second { order: 2; margin-bottom: 0; }
  .ag-second-section > .section-route { order: 3; }

  .ag-second { display: flex; flex-direction: column; }
  .ag-second-lift { display: contents; }
  .ag-sec-block { order: 1; margin-bottom: 6px; }
  .ag-sec-bar { order: 2; }
  .ag-sec-labels { order: 3; margin-top: var(--stack-sm); }
  .ag-sec-week { order: 4; }

  .ag-share-body { height: 150px; border: 1px solid var(--border-light); }

  .ag-share-strip { height: 15px; }

  .ag-share-origin { margin-bottom: var(--stack-sm); }
  .ag-share-marks { margin-top: var(--stack-sm); }

  .ag-share-body {
    position: relative;
    display: flex;
    align-items: flex-start;
  }

  .ag-share-bodylab {
    padding: var(--space-4) var(--space-5);
    font-size: var(--mt-label);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .ag-remit { --bh: 320px; }

  .ag-remit-stage { height: calc(var(--bh) + var(--nh) + 24px); }

  .ag-remit-tags {
    position: absolute;
    left: var(--space-5);
    right: var(--space-5);
    top: 64px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ag-remit-tag {
    padding: 5px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text-muted) 12%, transparent);
    font-size: var(--mt-label);
    line-height: 1.3;
    color: var(--text-secondary);
  }

  .ag-second { --barh: 146px; --blockh: 162px; }

  .ag-second-lift {
    display: flex;
    align-items: flex-end;
    gap: var(--space-4);
    margin-bottom: 6px;
  }

  .ag-sec-block { order: 2; flex: 0 0 auto; margin-bottom: 0; }
  .ag-sec-labels { order: 1; flex: 1 1 auto; margin-top: 0; }
  .ag-sec-bar { order: 2; }
  .ag-sec-week { order: 3; }

  .ag-second-section > .mob-cap { order: 3; }
  .ag-second-section > .section-route { order: 4; }

}
}

@layer components {
@media (max-width: 1023px) {

  .ag-line-flow {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-left: 24px;
    line-height: 1.2;
  }

  .ag-line-section { --agl-drop: var(--space-4); }

  .ag-line-flow::before {
    content: '';
    position: absolute;
    left: 3px;
    top: 21px;
    bottom: calc(-1 * var(--agl-drop));
    width: 1px;
    background: var(--border-strong);
  }

  .ag-line-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: var(--space-3);
    white-space: normal;
    border-bottom: 1px solid var(--border-subtle);
  }

  .ag-line-item::after { content: none; }

  .ag-line-item::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 18px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--text-muted);
  }

  .ag-line-item--a::before { background: var(--text-primary); }
  .ag-line-item--b::before { background: var(--text-secondary); }

  .ag-line-name {
    display: block;
    flex: 1 0 auto;
    padding-block: 9px;
    line-height: 1.2;
  }

  .ag-line-gloss {
    display: block;
    margin-left: auto;
    font-size: var(--mt-label);
    line-height: 1.3;
    text-align: right;
  }

  .ag-line-under {
    margin-top: var(--agl-drop);
    padding: 0 var(--space-4);
    border-top: 2px solid var(--accent-ink);
    border-radius: 0 0 6px 6px;
    background: color-mix(in srgb, var(--accent-color) 9%, transparent);
  }

  .ag-line-under .ag-line-span {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-3);
    margin: 0;
    padding: 0 0 var(--space-3);
  }

  .ag-line-under .ag-line-span + .ag-line-span {
    border-top: 1px solid color-mix(in srgb, var(--accent-ink) 22%, transparent);
  }

  .ag-line-under .ag-line-name--under {
    padding-block: 9px;
    line-height: 1.2;
  }

  .ag-line-under .ag-line-runs {
    grid-row: 1;
    grid-column: 2;
    justify-self: end;
    margin-left: 0;
    font-size: 12px;
    letter-spacing: 0.12em;
  }

  .ag-line-under .ag-line-gloss--under {
    grid-column: 1 / -1;
    margin-left: 0;
    text-align: left;
    font-size: var(--mt-label);
    line-height: 1.35;
  }

  .ag-sec-block { position: relative; }

  .ag-sec-blockfig {
    position: absolute;
    left: 0;
    top: 8px;
    width: 83%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #14162E;
  }

  .ag-sec-barlab { right: calc(var(--pc) + 14px); }

  .ag-sec-barlab .ag-sec-sep::before { content: '\A'; white-space: pre; }
  .ag-sec-barlab { white-space: nowrap; }

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

  .ag-share-bodylab {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .ag-share-striplab {
    position: absolute;
    right: 14px;
    bottom: 14%;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--accent-ink, #8E8CF8);
  }

  .ag-solid-insc { display: block; }
  .ag-solid-insc > :nth-child(1) { display: block; margin-bottom: 4px; }
  .ag-solid-insc > :nth-child(2) { display: none; }
}

@media (max-width: 374px) {
  .ag-line-name,
  .ag-line-under .ag-line-name--under { padding-block: 8px; }
  .ag-line-item::before { top: 17px; }
  .ag-line-flow::before { top: 20px; }
}
}