/* Mobile editorial pass. Desktop presentation is intentionally untouched. */
.ag-mobile-only {
  display: none !important;
}

/* Portfolio proof sequence: current products first, origin story next, Headliners last. */
.ag-work-index {
  display: flex;
  flex-direction: column;
}

.ag-work-index > a[href="the-signal.html"],
.ag-home-selected-grid > a[href="the-signal.html"] { order: 1; }
.ag-work-index > a[href="election-2026.html"],
.ag-home-selected-grid > a[href="election-2026.html"] { order: 2; }
.ag-work-index > a[href="eightwest.html"],
.ag-home-selected-grid > a[href="eightwest.html"] { order: 3; }
.ag-work-index > a[href="audience-growth.html"],
.ag-home-selected-grid > a[href="audience-growth.html"] { order: 4; }
.ag-work-index > a[href="newsroom.html"],
.ag-home-selected-grid > a[href="newsroom.html"] { order: 5; }
.ag-work-index > a[href="data-ai-systems.html"],
.ag-home-selected-grid > a[href="data-ai-systems.html"] { order: 6; }
.ag-work-index > a[href="miami-stream.html"],
.ag-home-selected-grid > a[href="miami-stream.html"] { order: 7; }

.ag-home-selected-grid > a::after {
  content: "View case study  →";
  display: block;
  margin-top: 15px;
  padding-top: 12px;
  border-top: 1px solid rgba(20, 18, 15, .14);
  color: #a32a19;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.3;
  text-transform: uppercase;
}

footer a[href="the-signal.html"] { order: 1; }
footer a[href="election-2026.html"] { order: 2; }
footer a[href="eightwest.html"] { order: 3; }
footer a[href="audience-growth.html"] { order: 4; }
footer a[href="newsroom.html"] { order: 5; }
footer a[href="data-ai-systems.html"] { order: 6; }
footer a[href="miami-stream.html"] { order: 7; }

.ag-page-data .ag-data-maps > * {
  min-width: 0;
}

.ag-product-collage img {
  width: 100%;
  height: 100% !important;
  aspect-ratio: auto !important;
}

@media (max-width: 700px) {
  /* Keep every authentic case study in a visual swipe rail, with enough copy to explain the work. */
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid {
    gap: 13px !important;
    padding-top: 18px !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a,
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a:nth-child(n + 4) {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 82vw !important;
    padding: 0 !important;
    background: #f7f5f1;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a > .ag-home-work-image {
    order: 1 !important;
    margin: 0 !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a > .ag-home-work-copy {
    display: flex !important;
    order: 2 !important;
    padding: 16px 15px 19px !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid .ag-home-work-copy p[style*="font-size:15px"] {
    display: block !important;
  }

  body.ag-page-home main .ag-home-hero p.ag-home-proof-line {
    display: block !important;
    clear: both;
    margin-top: 22px !important;
  }

body.ag-page-data .ag-tracker-gallery {
    grid-template-columns: 1fr !important;
  }
}

/* Final small-screen composition fixes: keep proof imagery in a clean editorial grid,
   keep work cards within one viewport, and let the About story read vertically. */
@media (max-width: 700px) {
  body.ag-page-home .ag-mobile-proof-stack {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ag-page-home .ag-mobile-proof-card,
  body.ag-page-home .ag-mobile-proof-card:nth-child(even) {
    position: relative !important;
    inset: auto !important;
    flex: none !important;
    margin: 0 !important;
    width: auto !important;
    aspect-ratio: 4 / 3 !important;
    transform: none !important;
    border: 0 !important;
    background: #14120f;
    box-shadow: none !important;
    overflow: hidden;
  }

  body.ag-page-home .ag-mobile-proof-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body.ag-page-home .ag-mobile-proof-card figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 8px 7px;
    background: linear-gradient(to bottom, transparent, rgba(20, 18, 15, .88));
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .07em;
    line-height: 1.25;
    text-transform: uppercase;
  }

  body.ag-page-home .ag-home-selected-grid {
    scroll-padding-inline: var(--ag-mobile-pad);
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a,
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a:nth-child(n + 4) {
    flex-basis: calc(100vw - (2 * var(--ag-mobile-pad))) !important;
    scroll-snap-align: start;
  }

  body.ag-page-home .ag-home-selected-grid > a::after {
    order: 3;
    margin: 0 15px 19px;
    padding-top: 12px;
  }

  body.ag-page-about .ag-about-story-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-right: 0 !important;
    padding: 2px 0 0 !important;
    overflow: visible !important;
  }

  body.ag-page-about .ag-about-story-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 22px 18px 24px !important;
    background: var(--ag-mobile-card) !important;
    color: var(--ag-mobile-ink) !important;
  }

  body.ag-page-about .ag-about-story-item > div:first-child {
    width: auto !important;
    padding: 0 0 10px !important;
  }

  body.ag-page-about .ag-about-story-item:nth-child(even) h3,
  body.ag-page-about .ag-about-story-item:nth-child(even) p {
    color: inherit !important;
  }

  body.ag-page-about .ag-about-story-list > div:last-child:not(.ag-about-story-item) {
    width: 100% !important;
    padding: 22px 2px 0 !important;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card {
    flex-basis: calc(100vw - (2 * var(--ag-mobile-pad))) !important;
    background: var(--ag-mobile-card) !important;
    scroll-snap-align: start;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card:first-child > p {
    color: #39332c !important;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card:first-child > .ag-wkar-system-number {
    color: var(--ag-mobile-red) !important;
  }

  body.ag-page-wkar .ag-wkar-hero-card {
    display: block !important;
    flex: 1 1 100% !important;
    width: 100%;
    margin-top: 4px;
  }
}

/* Launch review: the mobile career proof is a straight, labeled grid. */
@media (max-width: 700px) {
  body.ag-page-home .ag-mobile-proof-stack {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    overflow: visible !important;
  }

  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card:nth-child(even),
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--eightwest,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--otr,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--miami,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--fire {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    transform: none !important;
    border: 0 !important;
    background: #14120f !important;
    box-shadow: none !important;
  }
}

/* Career previews use consistent crops and labels instead of overlapping cards. */
.ag-home-career-images {
  display: grid;
  grid-template-columns: 1.45fr .55fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: #f2efe9;
}

.ag-home-career-images img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ag-home-career-images img:first-child { grid-row: 1 / 3; }

.ag-audience-frontdoor-crop {
  height: clamp(520px, 58vw, 820px);
  overflow: hidden;
  background: #f2efe9;
  padding: clamp(11px, 1.2vw, 22px);
  border: 1px solid rgba(20, 18, 15, .16);
}

.ag-audience-frontdoor-crop img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(20, 18, 15, .10);
  box-shadow: 0 1px 4px rgba(20, 18, 15, .08);
}

.ag-newsroom-voices-collage {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 4px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #f2efe9;
  border: 1px solid rgba(20, 18, 15, .14);
}

.ag-newsroom-voices-collage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

@media (max-width: 700px) {
  .ag-audience-frontdoor-crop { height: 560px; }
  .ag-newsroom-voices-collage { aspect-ratio: 4 / 5; }
}

@media (max-width: 700px) {
  body.ag-page-wkar .ag-wkar-newsletter-gallery {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box;
  }

  body.ag-page-wkar .ag-wkar-newsletter-gallery > div:first-child {
    width: auto !important;
    max-width: calc(100% - (2 * var(--ag-mobile-pad))) !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  body.ag-page-wkar .ag-wkar-newsletter-gallery .ag-wkar-module-grid {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
}

/* Desktop home proof strip: authentic work appears immediately after the hero. */
.ag-desktop-proof-strip {
  max-width: 1600px;
  margin: clamp(36px, 4.6vw, 70px) auto 0;
  padding: 0 clamp(18px, 3.4vw, 64px);
}

.ag-desktop-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  padding-top: 5px;
  border-top: 1px solid rgba(20, 18, 15, .24);
  background: #fff;
}

.ag-desktop-proof-card {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  background: #14120f;
  color: #fff;
}

.ag-desktop-proof-card > img,
.ag-desktop-proof-signal {
  display: block;
  width: 100%;
  height: clamp(190px, 20vw, 330px);
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease, filter .35s ease;
}

.ag-desktop-proof-card:nth-child(2) > img { object-position: 44% top; }
.ag-desktop-proof-card:nth-child(3) > img { object-position: center 56%; }
.ag-desktop-proof-card:nth-child(4) > img { object-fit: contain; object-position: center; background:#000; }

.ag-desktop-proof-card:hover > img,
.ag-desktop-proof-card:hover .ag-desktop-proof-signal {
  transform: scale(1.018);
  filter: saturate(1.06) contrast(1.02);
}

.ag-desktop-proof-card > span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 30px 14px 13px;
  background: linear-gradient(to bottom, transparent, rgba(20, 18, 15, .9));
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.35;
  text-transform: uppercase;
}

.ag-desktop-proof-card > span b { color: #f06b52; font-weight: 600; }

.ag-desktop-proof-signal {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  grid-template-rows: 1fr 1fr;
  gap: 3px;
  background: #ece8e0;
}

.ag-desktop-proof-signal img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.ag-desktop-proof-signal img:first-child { grid-row: 1 / 3; }

.ag-desktop-hero-collage {
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 4px;
  height: clamp(390px, 37vw, 600px);
  overflow: hidden;
  background: #f7f5f1;
}

.ag-desktop-hero-collage figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #e7e3dc;
}

.ag-desktop-hero-collage .ag-desktop-hero-headshot { grid-row: 1 / 4; }

.ag-desktop-hero-collage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ag-desktop-hero-collage .ag-desktop-hero-headshot img { object-position: center 14%; }
.ag-desktop-hero-collage figure:nth-child(2) img { object-position: top; }
.ag-desktop-hero-collage figure:nth-child(3) img { object-position: 44% top; }
.ag-desktop-hero-collage figure:nth-child(4) img { object-position: center 58%; }

.ag-desktop-hero-collage figcaption {
  position: absolute;
  left: 7px;
  bottom: 7px;
  padding: 5px 7px;
  background: rgba(20, 18, 15, .84);
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: .075em;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .ag-desktop-proof-strip { display: none; }
}

/* WKAR product modules: authentic newsletter captures, not recreated mockups. */
.ag-page-wkar .ag-wkar-module-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 28px);
  align-items: start;
  margin-top: clamp(24px, 3vw, 46px);
}

.ag-page-wkar .ag-wkar-module-card {
  grid-column: span 4;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #f7f5f1;
  border: 1px solid rgba(20, 18, 15, .16);
}

.ag-page-wkar .ag-wkar-module-card.ag-wkar-module-lead {
  grid-column: span 5;
}

.ag-page-wkar .ag-wkar-module-card.ag-wkar-module-short {
  grid-column: span 3;
}

.ag-page-wkar .ag-wkar-module-card img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: top;
  background: #f3f3f3;
}

.ag-page-wkar .ag-wkar-module-card figcaption {
  display: grid;
  gap: 6px;
  padding: 15px 16px 17px;
  border-top: 1px solid rgba(20, 18, 15, .12);
}

.ag-page-wkar .ag-wkar-module-card figcaption strong {
  font-family: Archivo, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.35;
  text-transform: uppercase;
  color: #a32a19;
}

.ag-page-wkar .ag-wkar-module-card figcaption span {
  font-size: 13px;
  line-height: 1.5;
  color: #39332c;
}

@media (max-width: 700px) {
  .ag-page-wkar .ag-wkar-newsletter-gallery {
    order: -1;
    padding-inline: 0 !important;
    overflow: hidden;
  }

  .ag-page-wkar .ag-wkar-newsletter-gallery > div:first-child {
    display: block !important;
    margin-inline: var(--ag-mobile-pad);
  }

  .ag-page-wkar .ag-wkar-newsletter-gallery > div:first-child > p {
    margin-top: 18px !important;
  }

  .ag-page-wkar .ag-wkar-module-grid {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding: 0 var(--ag-mobile-pad) 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .ag-page-wkar .ag-wkar-module-grid::-webkit-scrollbar {
    display: none;
  }

  .ag-page-wkar .ag-wkar-module-card,
  .ag-page-wkar .ag-wkar-module-card.ag-wkar-module-lead,
  .ag-page-wkar .ag-wkar-module-card.ag-wkar-module-short {
    flex: 0 0 82vw;
    scroll-snap-align: center;
  }

  .ag-page-wkar .ag-wkar-module-card img {
    max-height: 430px;
    object-fit: cover;
    object-position: top;
  }
}

/* The Signal cards use real sent-edition captures as a compact product mosaic. */
.ag-signal-collage {
  position: relative;
  display: grid !important;
  grid-template-columns: 1.22fr .78fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 2px !important;
  aspect-ratio: 3 / 2;
  overflow: hidden !important;
  background: #14120f !important;
  border: 1px solid rgba(20, 18, 15, .16) !important;
}

.ag-signal-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: top center !important;
  border: 0 !important;
}

.ag-signal-collage img:first-of-type {
  grid-column: 1;
  grid-row: 1 / 3;
}

.ag-signal-collage img:nth-of-type(2) {
  grid-column: 2;
  grid-row: 1;
}

.ag-signal-collage img:nth-of-type(3) {
  grid-column: 2;
  grid-row: 2;
}

.ag-signal-collage > span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
  padding: 7px 9px;
  background: rgba(20, 18, 15, .9);
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .09em;
  line-height: 1.35;
  text-transform: uppercase;
}

/*
 * Mobile v2: visual-first editorial rhythm.
 * These selectors intentionally outrank the per-page production styles that
 * follow this stylesheet in the document head. Desktop remains untouched.
 */
@media (max-width: 700px) {
  :root {
    --ag-mobile-pad: 18px;
    --ag-mobile-card: #f3f0ea;
    --ag-mobile-ink: #14120f;
    --ag-mobile-red: #a32a19;
  }

  body header {
    box-shadow: 0 8px 24px rgba(20, 18, 15, .055);
  }

  body .ag-primary-nav-shell {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 9px var(--ag-mobile-pad) 0 !important;
  }

  body .ag-primary-nav-shell::after {
    display: none !important;
  }

  body .ag-primary-nav-shell > a {
    width: 100% !important;
    min-height: 36px !important;
    font-size: 21px !important;
  }

  body .ag-primary-nav {
    width: calc(100% + (var(--ag-mobile-pad) * 2)) !important;
    margin-inline: calc(var(--ag-mobile-pad) * -1) !important;
    padding-inline: var(--ag-mobile-pad) !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    font-size: 11px !important;
    letter-spacing: .065em !important;
  }

  body .ag-primary-nav a {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    padding: 0 1px !important;
    scroll-snap-align: start;
  }

  body main h1 {
    text-wrap: balance;
  }

  body main > section:first-of-type {
    padding-top: 22px !important;
  }

  body main blockquote {
    margin-inline: calc(var(--ag-mobile-pad) * -1) !important;
    padding: 30px var(--ag-mobile-pad) 34px !important;
    border-top: 0 !important;
    background: var(--ag-mobile-ink);
    color: #fbfaf8;
  }

  body main blockquote p {
    color: #fbfaf8 !important;
  }

  /* Home: one sharp promise, an image rail, then a swipeable work deck. */
  body.ag-page-home .ag-home-hero {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  body.ag-page-home .ag-home-hero h1 {
    font-size: clamp(52px, 15.5vw, 64px) !important;
    line-height: .91 !important;
  }

  body.ag-page-home .ag-mobile-hero-photo {
    display: block !important;
    float: right;
    width: min(44vw, 174px) !important;
    margin: 22px -2px 12px 17px !important;
    padding-top: 4px;
    border-top: 3px solid var(--ag-mobile-red);
  }

  body.ag-page-home .ag-mobile-hero-photo + .ag-mobile-hero-deck {
    display: block !important;
    margin: 25px 0 0 !important;
    max-width: 28ch;
    font-family: 'Instrument Serif', Georgia, serif;
    font-size: 24px !important;
    line-height: 1.08 !important;
    letter-spacing: -.015em;
    color: var(--ag-mobile-ink) !important;
    text-wrap: balance;
  }

  body.ag-page-home .ag-mobile-hero-deck ~ p:not(.ag-mobile-only) {
    display: none !important;
  }

  body.ag-page-home .ag-home-hero [style*="display:flex; flex-wrap:wrap; gap:12px 26px"] {
    clear: both;
    padding-top: 4px;
    gap: 10px 18px !important;
  }

  body.ag-page-home .ag-home-hero [style*="display:flex; flex-wrap:wrap; gap:12px 26px"] a:first-child {
    flex: 1 1 170px;
    text-align: center;
  }

  body.ag-page-home .ag-home-hero [style*="display:flex; flex-wrap:wrap; gap:12px 26px"] a:last-child {
    border: 0 !important;
    padding-inline: 4px !important;
  }

  body.ag-page-home .ag-mobile-proof-wall {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 26px 0 12px !important;
    overflow: hidden !important;
    background: var(--ag-mobile-card);
  }

  body.ag-page-home .ag-mobile-proof-wall > div:first-child {
    margin-inline: var(--ag-mobile-pad);
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body.ag-page-home .ag-mobile-proof-wall > div:first-child p {
    display: block !important;
    margin: 0 !important;
    text-align: left !important;
    font-family: 'Instrument Serif', Georgia, serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
    color: var(--ag-mobile-ink) !important;
  }

  body.ag-page-home .ag-mobile-proof-stack {
    position: relative !important;
    display: flex !important;
    gap: 10px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw;
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 0 var(--ag-mobile-pad) 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.ag-page-home .ag-mobile-proof-stack::-webkit-scrollbar,
  body.ag-page-home .ag-home-selected-grid::-webkit-scrollbar,
  body.ag-page-pov main > section:nth-of-type(2)::-webkit-scrollbar,
  body.ag-page-about .ag-about-story-list::-webkit-scrollbar,
  body.ag-page-wkar .ag-wkar-operating-change > div:nth-child(2)::-webkit-scrollbar {
    display: none;
  }

  body.ag-page-home .ag-mobile-proof-card {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 76vw;
    width: auto !important;
    margin: 0 !important;
    aspect-ratio: 4 / 3 !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    scroll-snap-align: center;
  }

  body.ag-page-home .ag-mobile-proof-card:nth-child(even) {
    flex-basis: 62vw;
  }

  body.ag-page-home .ag-mobile-proof-card::after {
    position: absolute;
    right: 10px;
    bottom: 9px;
    padding: 5px 7px;
    background: rgba(20, 18, 15, .84);
    color: #fff;
    font: 600 9px/1 Archivo, Helvetica, Arial, sans-serif;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  body.ag-page-home .ag-mobile-proof-card::after { content: none; }

  body.ag-page-home .ag-mobile-proof-wall > p:last-child {
    margin-inline: var(--ag-mobile-pad) !important;
    text-align: left !important;
  }

  body.ag-page-home .ag-home-selected-work {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 38px 0 18px !important;
    overflow: hidden;
  }

  body.ag-page-home .ag-home-selected-work > div:first-child {
    margin-inline: var(--ag-mobile-pad);
  }

  body.ag-page-home .ag-home-selected-work > div:first-child h2 {
    font-size: 42px !important;
  }

  body.ag-page-home .ag-home-selected-grid {
    display: flex !important;
    gap: 13px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100vw;
    margin: 0 !important;
    padding: 20px var(--ag-mobile-pad) 24px !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.ag-page-home .ag-home-selected-grid > a {
    flex: 0 0 82vw;
    padding: 0 !important;
    overflow: hidden;
    background: var(--ag-mobile-card);
    border-bottom: 0 !important;
    scroll-snap-align: center;
  }

  body.ag-page-home .ag-home-selected-grid > a > .ag-home-work-image {
    order: 1 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  body.ag-page-home .ag-home-selected-grid > a > .ag-home-work-image img {
    aspect-ratio: 16 / 10 !important;
  }

  body.ag-page-home .ag-home-selected-grid > a > .ag-home-work-copy {
    order: 2 !important;
    padding: 16px 15px 19px !important;
  }

  body.ag-page-home .ag-home-selected-grid > a h3 {
    font-size: 30px !important;
  }

  /* Work: turn six long essays into a fast visual index. */
  body.ag-page-work main > section:first-of-type > div > p:not(.ag-mobile-only) {
    display: none !important;
  }

  body.ag-page-work .ag-work-mobile-intro {
    display: block !important;
    margin: 18px 0 0 !important;
    max-width: 34ch;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #39332c;
  }

  body.ag-page-work main > section:nth-of-type(2) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
    padding-top: 24px !important;
    padding-bottom: 42px !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-width: 0;
    padding: 0 !important;
    border-bottom: 0 !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(h2) {
    display: block !important;
    flex: none !important;
    order: 2 !important;
    padding-top: 12px;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(img):not(:has(h2)) {
    display: block !important;
    flex: none !important;
    order: 1 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
    aspect-ratio: 16 / 9 !important;
    background: var(--ag-mobile-card);
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(img):not(:has(h2)) img {
    width: 100%;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover;
  }

  body.ag-page-work main > section:nth-of-type(2) > a [role="img"] {
    aspect-ratio: 16 / 9 !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(h2) > div:first-child {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(h2) > div:first-child span:first-child {
    font-size: 18px !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(h2) > div:first-child span:last-child {
    display: inline !important;
    font-size: 9.5px !important;
  }

  body.ag-page-work main > section:nth-of-type(2) .ag-work-mobile-summary {
    display: block !important;
    margin-top: 12px !important;
    max-width: 38ch !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a > div:has(h2) > p:last-child {
    display: block !important;
    margin-top: 16px !important;
  }

  body.ag-page-work main > section:nth-of-type(2) h2 {
    margin-top: 7px !important;
    font-size: clamp(25px, 7.4vw, 32px) !important;
  }

  body.ag-page-work main > section:nth-of-type(2) .ag-work-mobile-proof {
    display: block !important;
    margin-top: 9px !important;
    font-size: 9.5px !important;
    line-height: 1.42 !important;
  }

  body.ag-page-work main > section:nth-of-type(2) > a:not(:last-child) {
    padding-bottom: 32px !important;
    border-bottom: 1px solid rgba(20, 18, 15, .14) !important;
  }

  /* At WKAR: make the operating model a concise, swipeable deck. */
  body.ag-page-wkar .ag-wkar-operating-change {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden;
  }

  body.ag-page-wkar .ag-wkar-operating-change > div:nth-child(2) {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: calc(100vw - var(--ag-mobile-pad));
    margin-top: 22px !important;
    margin-right: calc(var(--ag-mobile-pad) * -1);
    padding-right: var(--ag-mobile-pad);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.ag-page-wkar .ag-wkar-operating-change > div:nth-child(2) > div {
    flex: 0 0 82vw;
    min-width: 0;
    padding: 22px !important;
    border-top: 3px solid var(--ag-mobile-red) !important;
    background: var(--ag-mobile-card);
    scroll-snap-align: center;
  }

  body.ag-page-wkar .ag-wkar-operating-change > div:nth-child(2) > div:first-child {
    background: var(--ag-mobile-ink);
  }

  body.ag-page-wkar .ag-wkar-operating-change > div:nth-child(2) > div:first-child > p {
    color: #fbfaf8 !important;
  }

  /* Point of view: six editorial cards instead of six identical rows. */
  body.ag-page-pov main > section:first-of-type > div:last-child {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.ag-page-pov main > section:nth-of-type(2) {
    display: flex;
    gap: 12px;
    max-width: none !important;
    padding: 18px var(--ag-mobile-pad) 34px !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.ag-page-pov .ag-pov-mobile-guide {
    display: block !important;
    flex: 0 0 100%;
    align-self: flex-start;
    margin: 0 -100% 0 0 !important;
    padding-bottom: 0;
    transform: translateY(-2px);
    font-size: 10px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #7b7368;
    pointer-events: none;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal] {
    display: grid !important;
    grid-template-columns: 32px 1fr !important;
    gap: 10px !important;
    flex: 0 0 82vw;
    margin-top: 26px;
    padding: 24px 20px 26px !important;
    border-top: 3px solid var(--ag-mobile-red) !important;
    background: var(--ag-mobile-card);
    scroll-snap-align: center;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal]:nth-of-type(even) {
    background: var(--ag-mobile-ink);
    color: #fbfaf8;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal] > div:first-child {
    width: auto !important;
    padding-top: 5px !important;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal] > div:nth-child(2) {
    min-width: 0;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal] > div:last-child {
    grid-column: 1 / -1;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal] h3 {
    font-size: 30px !important;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal]:nth-of-type(even) h3,
  body.ag-page-pov main > section:nth-of-type(2) > div[data-reveal]:nth-of-type(even) p {
    color: #fbfaf8 !important;
  }

  body.ag-page-pov main > section:nth-of-type(2) > div:last-child:not([data-reveal]) {
    display: none;
  }

  /* About: keep the personal story, but make it a paced timeline rail. */
  body.ag-page-about main > section:first-of-type > div:last-child {
    padding-top: 18px !important;
  }

  body.ag-page-about main > section:first-of-type > div:last-child > div:last-child {
    max-width: none !important;
    margin-inline: calc(var(--ag-mobile-pad) * -1);
  }

  body.ag-page-about main > section:first-of-type > div:last-child > div:last-child img {
    width: 100%;
    height: min(112vw, 470px);
    object-fit: cover;
    object-position: center 12%;
  }

  body.ag-page-about .ag-about-story-list {
    display: flex;
    gap: 12px;
    margin-right: calc(var(--ag-mobile-pad) * -1) !important;
    padding: 2px var(--ag-mobile-pad) 18px 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body.ag-page-about .ag-about-story-item {
    flex: 0 0 82vw;
    padding: 22px 18px 24px !important;
    border-top: 3px solid var(--ag-mobile-red) !important;
    background: var(--ag-mobile-card);
    scroll-snap-align: center;
  }

  body.ag-page-about .ag-about-story-item:nth-child(even) {
    background: var(--ag-mobile-ink);
    color: #fbfaf8;
  }

  body.ag-page-about .ag-about-story-item:nth-child(even) h3,
  body.ag-page-about .ag-about-story-item:nth-child(even) p {
    color: #fbfaf8 !important;
  }

  body.ag-page-about .ag-about-gifts-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    padding: 1px;
    background: rgba(20, 18, 15, .14);
  }

  body.ag-page-about .ag-about-gifts-grid > div {
    min-width: 0;
    padding: 16px 14px !important;
    border-top: 0 !important;
    background: #fff;
  }

  body.ag-page-about .ag-about-gifts-grid > div:last-child {
    grid-column: 1 / -1;
    background: var(--ag-mobile-card);
  }

  /* Career: chapters read as distinct visual scenes, not repeated modules. */
  body.ag-page-career main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-career-mobile-deck) {
    display: none !important;
  }

  body.ag-page-career .ag-career-mobile-deck {
    display: block !important;
    margin: 20px 0 0 !important;
    max-width: 33ch;
    font-size: 16px !important;
    line-height: 1.58 !important;
    color: #39332c;
  }

  body.ag-page-career #miami,
  body.ag-page-career #california,
  body.ag-page-career #weather,
  body.ag-page-career #grand-rapids {
    margin-inline: calc(var(--ag-mobile-pad) * -1);
    padding: 44px var(--ag-mobile-pad) 42px !important;
  }

  body.ag-page-career #miami,
  body.ag-page-career #weather {
    background: var(--ag-mobile-card);
  }

  body.ag-page-career #california .ag-career-chapter-image,
  body.ag-page-career #miami .ag-career-chapter-image {
    margin-inline: calc(var(--ag-mobile-pad) * -1) !important;
  }

  body.ag-page-career #california .ag-career-chapter-image img,
  body.ag-page-career #miami .ag-career-chapter-image img {
    aspect-ratio: 4 / 3 !important;
    max-height: none !important;
  }

  body.ag-page-career .ag-career-mobile-copy {
    max-width: 32ch !important;
    font-size: 17px !important;
    line-height: 1.56 !important;
    padding-left: 15px !important;
    border-left: 3px solid #a32a19;
  }

  /* Case studies: use large media and dark quotes as pacing devices. */
  body.ag-page-signal main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck),
  body.ag-page-election main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck),
  body.ag-page-audience main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck),
  body.ag-page-newsroom main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck),
  body.ag-page-miami main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck),
  body.ag-page-eightwest main > section:first-of-type > div:last-child > div:first-child > p:not(:first-child):not(.ag-case-mobile-deck) {
    display: none !important;
  }

  body .ag-case-mobile-deck {
    display: block !important;
    margin: 20px 0 0 !important;
    max-width: 33ch;
    font-size: 16px !important;
    line-height: 1.58 !important;
    color: #39332c;
    text-wrap: pretty;
  }

  body.ag-page-eightwest main > section:first-of-type > div:last-child > div:first-child > .ag-case-mobile-deck {
    display: block !important;
  }

  body.ag-page-signal main > figure:first-of-type,
  body.ag-page-election main > figure:first-of-type,
  body.ag-page-audience main > figure:first-of-type,
  body.ag-page-newsroom main > figure:first-of-type,
  body.ag-page-miami main > figure:first-of-type,
  body.ag-page-eightwest main > figure:first-of-type {
    margin-top: 22px !important;
  }

  body.ag-page-signal main > figure:first-of-type img,
  body.ag-page-election main > figure:first-of-type img,
  body.ag-page-audience main > figure:first-of-type img,
  body.ag-page-newsroom main > figure:first-of-type img,
  body.ag-page-miami main > figure:first-of-type img,
  body.ag-page-eightwest main > figure:first-of-type img {
    width: 100%;
    min-height: 240px;
    object-fit: cover;
  }

  body.ag-page-election main > figure:first-of-type img,
  body.ag-page-signal main > figure:first-of-type img {
    object-position: top;
  }
}

@media (max-width: 700px) {
  :root {
    --ag-mobile-pad: 18px;
    --ag-mobile-muted: #6e675c;
  }

  html {
    scroll-padding-top: 112px;
  }

  body {
    overflow-x: hidden;
  }

  .ag-mobile-only {
    display: block !important;
  }

  /* A stable, finger-friendly navigation row. */
  .ag-primary-nav-shell {
    align-items: stretch !important;
    gap: 4px !important;
    padding: 12px var(--ag-mobile-pad) 0 !important;
  }

  .ag-primary-nav-shell > a {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    font-size: 20px !important;
  }

  .ag-primary-nav {
    justify-content: flex-start !important;
    gap: 21px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    font-size: 11px !important;
    letter-spacing: .065em !important;
  }

  .ag-primary-nav a {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 1px !important;
    scroll-snap-align: start;
  }

  [style*="color:#7B7368"],
  [style*="color:#8C8579"] {
    color: var(--ag-mobile-muted) !important;
  }

  figcaption {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .ag-mobile-swipe-cue {
    margin: 13px 0 0 !important;
    color: #a32a19 !important;
    font-size: 10.5px !important;
    font-weight: 600;
    letter-spacing: .085em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  /* A mobile page does not need a second pager or a duplicate Site directory. */
  main + div > div:first-child {
    display: none !important;
  }

  footer[style*="background:#14120F"] > div {
    padding: 42px var(--ag-mobile-pad) 28px !important;
  }

  footer[style*="background:#14120F"] > div > div:first-child {
    gap: 26px !important;
  }

  footer[style*="background:#14120F"] > div > div:first-child > div:first-child p:last-child {
    font-size: 36px !important;
    line-height: 1.02 !important;
  }

  footer[style*="background:#14120F"] a {
    min-height: 44px;
  }

  footer[style*="background:#14120F"] > div > div:nth-child(2) {
    margin-top: 24px !important;
  }

  footer[style*="background:#14120F"] > div > div:nth-child(2) > div:first-child {
    display: none !important;
  }

  footer[style*="background:#14120F"] > div > div:nth-child(2) > div:nth-child(2) {
    display: none !important;
  }

  main blockquote footer {
    display: none !important;
  }

  /* Home is a front door: introduction, three selected projects, contact. */
  .ag-page-home .ag-mobile-proof-wall,
  .ag-page-home .ag-home-career-teaser,
  .ag-page-home .ag-home-metrics-section,
  .ag-page-home .ag-home-detail,
  .ag-page-home .ag-home-process-note {
    display: none !important;
  }

  .ag-page-home .ag-home-hero {
    padding-top: 34px !important;
  }

  .ag-page-home .ag-home-hero h1 {
    font-size: clamp(52px, 16vw, 68px) !important;
  }

  .ag-page-home .ag-home-hero .ag-mobile-hero-photo + p + p {
    display: none !important;
  }

  .ag-page-home .ag-home-hero [style*="display:flex; flex-wrap:wrap; gap:14px 22px"] {
    gap: 10px !important;
  }

  /* One visual overview, then three routes into the work. */
  .ag-page-home .ag-mobile-proof-wall {
    display: block !important;
    order: -2 !important;
    padding-top: 18px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px solid rgba(20, 18, 15, .14) !important;
  }

  .ag-page-home .ag-mobile-proof-wall > p {
    display: none !important;
  }

  .ag-page-home .ag-mobile-proof-wall > p:first-child {
    display: block !important;
    margin: 0 0 12px !important;
    text-align: center;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase;
    color: #a32a19 !important;
  }

  .ag-page-home .ag-mobile-proof-stack {
    height: 224px !important;
    margin-top: 0 !important;
  }

  .ag-page-home .ag-home-selected-work {
    padding-top: 38px !important;
    padding-bottom: 16px !important;
  }

  .ag-page-home .ag-home-selected-grid {
    padding-top: 18px !important;
    gap: 0 !important;
  }

  .ag-page-home .ag-home-selected-grid > a {
    padding: 28px 0 !important;
  }

  .ag-page-home .ag-home-selected-grid > a:nth-child(n + 4) {
    display: none !important;
  }

  .ag-page-home .ag-home-selected-grid > a > div:has(h3),
  .ag-page-home .ag-home-selected-grid > a > div:has(h2) {
    order: 1;
  }

  .ag-page-home .ag-home-selected-grid > a > div:has(img) {
    order: 2;
    margin-top: 18px;
  }

  .ag-page-home .ag-home-selected-grid > a > div:has(img) img {
    aspect-ratio: 16 / 9 !important;
  }

  .ag-page-home .ag-home-selected-grid div[style*="display:flex; flex-wrap:wrap; gap:20px 36px"] {
    display: none !important;
  }

  .ag-page-home .ag-home-selected-grid p[style*="font-size:15px"] {
    display: none !important;
  }

  /* Work is a compact index. The evidence lives on the linked pages. */
  .ag-page-work main section:nth-of-type(2) > a {
    padding: 28px 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .ag-page-work main section:nth-of-type(2) > a > div:has(h2) {
    display: contents;
  }

  .ag-page-work main section:nth-of-type(2) > a > div:has(h2) > div:first-child {
    order: 1;
    width: 100%;
  }

  .ag-page-work main section:nth-of-type(2) > a h2 {
    order: 2;
    width: 100%;
  }

  .ag-page-work main section:nth-of-type(2) > a > div:has(img) {
    order: 6;
    width: 100%;
    margin-top: 18px;
  }

  .ag-page-work main section:nth-of-type(2) > a div[style*="display:flex; flex-wrap:wrap; gap:20px 36px"] {
    display: none !important;
  }

  .ag-page-work main section:first-of-type > div > p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  .ag-page-work main section:nth-of-type(2) > a p[style*="font-size:16px"] {
    display: none !important;
  }

  .ag-page-work .ag-work-mobile-summary {
    display: block !important;
    order: 3;
    width: 100%;
    margin: 12px 0 0;
    max-width: 34ch;
    font-size: 14.5px;
    line-height: 1.52;
    color: #39332c;
    text-wrap: pretty;
  }

  .ag-page-work .ag-work-mobile-proof {
    display: block !important;
    order: 4;
    width: 100%;
    margin: 13px 0 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #7b7368;
  }

  .ag-page-work main section:nth-of-type(2) > a > div:has(h2) > p[style*="font-size:11.5px"] {
    order: 5;
    width: 100%;
    margin-top: 16px !important;
  }

  .ag-page-work main section:nth-of-type(2) > a > div:has(img) img {
    aspect-ratio: 16 / 9 !important;
  }

  /* At WKAR owns the operating model; the Work page owns the case-study index. */
  .ag-page-wkar .ag-wkar-metrics,
  .ag-page-wkar .ag-wkar-work-grid,
  .ag-page-wkar .ag-wkar-hero-card,
  .ag-page-wkar .ag-wkar-hero-long,
  .ag-page-wkar .ag-wkar-case-intro {
    display: none !important;
  }

  .ag-page-wkar .ag-wkar-hero > div > div:last-child {
    padding-bottom: 18px !important;
  }

  .ag-page-wkar .ag-wkar-operating-change {
    padding-top: 36px !important;
    order: -1 !important;
  }

  .ag-page-wkar .ag-wkar-opening-image {
    margin-top: 18px !important;
    order: -2 !important;
  }

  .ag-page-wkar .ag-wkar-opening-image img {
    height: 250px !important;
  }

  .ag-page-wkar .ag-wkar-mobile-work-link {
    margin: 28px var(--ag-mobile-pad) 8px;
    border-top: 1px solid #14120f;
    border-bottom: 1px solid rgba(20, 18, 15, .14);
  }

  .ag-page-wkar .ag-wkar-mobile-work-link a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 58px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  /* Career owns Miami and California. Keep the narrative, edit the galleries. */
  .ag-page-career .ag-career-chapter-intro {
    display: none !important;
  }

  .ag-page-career .ag-career-mobile-copy {
    display: block !important;
    margin-top: 18px !important;
  }

  .ag-page-career .ag-career-miami-gallery > figure,
  .ag-page-career .ag-career-california-gallery > figure,
  .ag-page-career .ag-career-miami-video-grid > figure,
  .ag-page-career .ag-career-california-video-grid > figure,
  .ag-page-career .ag-career-lived-gallery > figure,
  .ag-page-career .ag-career-weather-gallery > figure,
  .ag-page-career #miami > section:nth-of-type(n + 2),
  .ag-page-career #california > section:nth-of-type(n + 2) {
    display: none !important;
  }

  .ag-page-career .ag-career-chapter > div > p:nth-of-type(n + 3),
  .ag-page-career #miami > div > p:nth-of-type(n + 3),
  .ag-page-career #california > div > p:nth-of-type(n + 3) {
    display: none !important;
  }

  .ag-page-career .ag-career-chapter > figure img {
    max-height: 270px !important;
    object-fit: cover !important;
  }

  .ag-page-career #miami > p:not(.ag-career-mobile-copy),
  .ag-page-career #miami > .ag-career-miami-gallery,
  .ag-page-career #miami > .ag-career-miami-video-grid,
  .ag-page-career #miami > div:not(:first-child),
  .ag-page-career #california > .ag-career-california-gallery-lead,
  .ag-page-career #california > .ag-career-california-gallery,
  .ag-page-career #california > .ag-career-california-video-grid,
  .ag-page-career #california > div:not(:first-child),
  .ag-page-career #weather .ag-career-weather-gallery,
  .ag-page-career #weather p:nth-of-type(n + 2):not(.ag-career-mobile-copy),
  .ag-page-career #grand-rapids > p:nth-of-type(n + 2):not(.ag-career-mobile-copy),
  .ag-page-career #grand-rapids > div {
    display: none !important;
  }

  .ag-page-career #miami,
  .ag-page-career #california,
  .ag-page-career #weather,
  .ag-page-career #grand-rapids {
    padding-top: 46px !important;
  }

  .ag-page-career .ag-career-arc {
    padding-inline: 0 !important;
    overflow: hidden;
  }

  .ag-page-career .ag-career-arc > div:first-child {
    margin-inline: var(--ag-mobile-pad);
  }

  .ag-page-career .ag-career-arc-grid {
    display: flex !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding: 0 var(--ag-mobile-pad) 16px !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    background: transparent !important;
    border: 0 !important;
  }

  .ag-page-career .ag-career-arc-grid::-webkit-scrollbar {
    display: none;
  }

  .ag-page-career .ag-career-arc-card {
    flex: 0 0 80vw;
    min-width: 0;
    padding: 22px !important;
    border: 1px solid rgba(20, 18, 15, .14);
    border-top: 3px solid var(--ag-mobile-red);
    scroll-snap-align: center;
  }

  /* About keeps the personal arc and the approved AI item, without two contact blocks. */
  .ag-page-about .ag-about-contact {
    display: none !important;
  }

  .ag-page-about .ag-about-story-item p:nth-of-type(2) {
    display: none !important;
  }

  .ag-page-about .ag-about-story-item p:nth-of-type(n + 2) {
    display: none !important;
  }

  .ag-page-about .ag-about-hero-copy p:nth-of-type(2),
  .ag-page-about .ag-about-gifts > p {
    display: none !important;
  }

  .ag-page-about .ag-about-story-item {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .ag-page-about .ag-about-story-item > div:nth-child(2) {
    align-self: start;
  }

  .ag-page-about .ag-about-story-item > div:last-child {
    grid-column: 1 / -1;
  }

  .ag-page-about .ag-about-gifts-grid {
    grid-template-columns: 1fr !important;
  }

  .ag-page-about .ag-about-gifts-grid > div:last-child {
    grid-column: auto;
  }

  .ag-page-about .ag-about-gifts-grid > div:last-child {
    grid-column: 1 / -1;
    background: #f7f5f1;
    padding: 16px !important;
    border-top-color: #a32a19 !important;
  }

  /* Detailed case studies stay useful without repeating their own headline evidence. */
  .ag-page-signal .ag-signal-hero-stats,
  .ag-page-signal #distribution,
  .ag-page-audience #newsletter,
  .ag-page-audience #numbers figure,
  .ag-page-newsroom .ag-newsroom-hero-image,
  .ag-page-newsroom .ag-newsroom-module-gallery,
  .ag-page-eightwest .ag-eightwest-career-images {
    display: none !important;
  }

  .ag-page-signal .ag-signal-edition-gallery > figure:nth-child(n + 2),
  .ag-page-signal .ag-signal-plus-gallery > figure:nth-child(n + 2) {
    display: none !important;
  }

  .ag-page-signal main > div[style*="display:flex"] > div {
    display: flex;
    flex-direction: column;
  }

  .ag-page-signal #opportunity { order: 1; }
  .ag-page-signal #performance { order: 2; }
  .ag-page-signal #system { order: 3; }
  .ag-page-signal #edition { order: 4; }
  .ag-page-signal #plus { order: 5; }
  .ag-page-signal #distribution { order: 6; }
  .ag-page-signal main > div[style*="display:flex"] > div > section:last-child { order: 7; }

  .ag-page-signal #edition > p:first-of-type,
  .ag-page-signal #edition > p:last-of-type,
  .ag-page-signal #performance > div:nth-of-type(3),
  .ag-page-signal #performance > p:last-child {
    display: none !important;
  }

  .ag-page-signal #edition > figure img,
  .ag-page-signal .ag-signal-edition-gallery img,
  .ag-page-signal .ag-signal-plus-gallery img {
    max-height: 300px !important;
    object-fit: cover !important;
    object-position: top !important;
  }

  .ag-page-newsroom #front-door > p {
    display: none !important;
  }

  .ag-page-newsroom #front-door + figure {
    margin-top: 22px !important;
  }

  .ag-page-election #promise .ag-election-promise-grid > div p:last-child {
    display: none !important;
  }

  .ag-page-election #promise .ag-election-promise-grid > div {
    padding: 13px 0 !important;
  }

  .ag-page-election #promise .ag-election-promise-grid {
    grid-template-columns: 1fr !important;
  }

  .ag-page-audience .ag-audience-chart {
    margin-top: 22px !important;
    padding: 14px !important;
    overflow-x: auto;
  }

  .ag-page-audience .ag-audience-chart svg {
    min-width: 680px;
  }

  .ag-page-pov main > section:last-child {
    display: none !important;
  }

  .ag-page-miami main > section:nth-of-type(2) > div,
  .ag-page-eightwest main > section:nth-of-type(2) > div,
  .ag-page-eightwest main > section:nth-of-type(3) > div:nth-child(2) {
    grid-template-columns: 1fr !important;
  }

  .ag-page-eightwest main > section:first-of-type > div > div:first-child > p:last-child {
    display: none !important;
  }

  .ag-page-eightwest main > section:nth-of-type(4) p:nth-of-type(3) {
    display: none !important;
  }
}

/* Final mobile overrides must follow the older compaction rules above. */
@media (max-width: 700px) {
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid {
    gap: 13px !important;
    padding-top: 18px !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a,
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a:nth-child(n + 4) {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 82vw !important;
    padding: 0 !important;
    background: #f7f5f1;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a > .ag-home-work-image {
    order: 1 !important;
    margin: 0 !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a > .ag-home-work-copy {
    display: flex !important;
    order: 2 !important;
    padding: 16px 15px 19px !important;
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid .ag-home-work-copy p[style*="font-size:15px"] {
    display: block !important;
  }

  body.ag-page-home main .ag-home-hero p.ag-home-proof-line {
    display: block !important;
    clear: both;
    margin-top: 22px !important;
  }

  body.ag-page-data .ag-tracker-gallery {
    grid-template-columns: 1fr !important;
  }
}

/* Final responsive composition layer. */
@media (max-width: 700px) {
  body.ag-page-home .ag-mobile-proof-stack {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card:nth-child(even),
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--eightwest,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--otr,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--miami,
  body.ag-page-home .ag-mobile-proof-stack > .ag-mobile-proof-card--fire {
    position: relative !important;
    inset: auto !important;
    flex: none !important;
    margin: 0 !important;
    width: auto !important;
    aspect-ratio: 4 / 3 !important;
    transform: none !important;
    border: 0 !important;
    background: #14120f !important;
    box-shadow: none !important;
    overflow: hidden;
  }

  body.ag-page-home .ag-home-selected-grid {
    scroll-padding-inline: var(--ag-mobile-pad);
  }

  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a,
  body.ag-page-home main .ag-home-selected-work .ag-home-selected-grid > a:nth-child(n + 4) {
    flex-basis: calc(100vw - (2 * var(--ag-mobile-pad))) !important;
    scroll-snap-align: start;
  }

  body.ag-page-home .ag-home-selected-grid > a::after {
    order: 3;
    margin: 0 15px 19px;
    padding-top: 12px;
  }

  body.ag-page-about .ag-about-story-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-right: 0 !important;
    padding: 2px 0 0 !important;
    overflow: visible !important;
  }

  body.ag-page-about .ag-about-story-item {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 22px 18px 24px !important;
    background: var(--ag-mobile-card) !important;
    color: var(--ag-mobile-ink) !important;
  }

  body.ag-page-about .ag-about-story-item > div:first-child {
    width: auto !important;
    padding: 0 0 10px !important;
  }

  body.ag-page-about .ag-about-story-item:nth-child(even) h3,
  body.ag-page-about .ag-about-story-item:nth-child(even) p {
    color: inherit !important;
  }

  body.ag-page-about .ag-about-story-list > div:last-child:not(.ag-about-story-item) {
    width: 100% !important;
    padding: 22px 2px 0 !important;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card {
    flex-basis: calc(100vw - (2 * var(--ag-mobile-pad))) !important;
    background: var(--ag-mobile-card) !important;
    scroll-snap-align: start;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card:first-child > p {
    color: #39332c !important;
  }

  body.ag-page-wkar .ag-wkar-operating-change .ag-wkar-systems-grid > .ag-wkar-system-card:first-child > .ag-wkar-system-number {
    color: var(--ag-mobile-red) !important;
  }

  body.ag-page-wkar .ag-wkar-hero-card {
    display: block !important;
    flex: 1 1 100% !important;
    width: 100%;
    margin-top: 4px;
  }
}