/* Americana Gecko 2.7 — single-story editorial system.
   This file intentionally loads after site.css so the article renderer has one
   authoritative responsive and dark-mode contract. */

.ag-article-shell {
  --ag-story-max: 1180px;
  --ag-story-gap: clamp(1.35rem, 2.8vw, 2.6rem);
  padding: clamp(.9rem, 2.2vw, 1.8rem) clamp(.85rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.75rem);
}

.ag-breadcrumbs {
  width: min(100%, var(--ag-story-max));
  margin: 0 auto .25rem;
  font-size: .66rem;
}

.ag-article-hero {
  width: min(100%, 1260px) !important;
  max-width: 1260px !important;
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(1.6rem, 3.5vw, 3.6rem);
  align-items: center;
  padding-block: clamp(1.15rem, 2.7vw, 2.45rem);
  border-bottom: 3px solid var(--ag-blue);
}

.ag-article-hero-copy {
  max-width: 540px;
  min-width: 0;
}

.ag-article-kicker {
  margin-bottom: .28rem !important;
  font-size: .67rem !important;
  letter-spacing: .095em;
}

.ag-article-title {
  max-width: 100%;
  margin: .2rem 0 .7rem !important;
  color: var(--ag-blue) !important;
  font-family: var(--ag-serif) !important;
  font-size: clamp(2rem, 2.8vw, 3.15rem) !important;
  font-weight: 800 !important;
  line-height: .98 !important;
  letter-spacing: -.022em !important;
  text-wrap: balance;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.ag-article-deck {
  position: relative;
  max-width: 45ch;
  margin: 0 0 .72rem;
  padding-top: .66rem;
  color: var(--ag-blue);
  border-top: 1px solid var(--ag-red);
  font-size: clamp(.93rem, 1.05vw, 1.04rem);
  line-height: 1.42;
}

.ag-article-deck::before {
  top: -.57rem;
  padding-inline: .42rem;
  font-size: .48rem;
}

.ag-article-meta {
  gap: .35rem .7rem;
  margin-top: .62rem;
  font-size: .61rem;
}

.ag-share-links {
  margin-top: .58rem;
}

.ag-share-links a,
.ag-share-links button {
  padding: .38rem .56rem;
  font-size: .58rem;
}

.ag-article-hero-image {
  min-height: 0;
  aspect-ratio: 16 / 9.55;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--ag-blue);
  box-shadow: none;
}

.ag-article-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ag-article-content--magazine {
  width: min(100%, var(--ag-story-max));
  max-width: var(--ag-story-max);
  margin-inline: auto;
  padding-block: clamp(1.45rem, 3vw, 2.6rem) 0;
  color: var(--ag-blue);
  font-size: clamp(.98rem, 1.02vw, 1.06rem);
  line-height: 1.58;
}

.ag-magazine-opening {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: var(--ag-story-gap);
  align-items: start;
}

.ag-magazine-copy,
.ag-magazine-media,
.ag-editorial-take-copy,
.ag-made-in-content {
  min-width: 0;
}

.ag-auto-summary {
  margin: 0 0 1rem !important;
  padding: .78rem .95rem .86rem !important;
  color: var(--ag-blue);
  background: transparent;
  border: 1px solid var(--ag-red);
  box-shadow: none;
}

.ag-auto-summary h2 {
  margin: 0 0 .46rem !important;
  color: var(--ag-red) !important;
  font-family: var(--ag-sans) !important;
  font-size: .72rem !important;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
}

.ag-auto-summary h2::before,
.ag-auto-summary h2::after {
  margin-inline: .4rem;
  font-size: .45em;
}

.ag-auto-summary ul {
  margin: 0;
  padding-left: 1.05rem;
}

.ag-auto-summary li {
  font-size: .92rem;
  line-height: 1.38;
}

.ag-auto-summary li + li {
  margin-top: .34rem;
}

.ag-intro-copy {
  font-size: 1rem;
  line-height: 1.58;
}

.ag-intro-copy > :first-child {
  margin-top: 0;
}

.ag-intro-copy p {
  max-width: none !important;
  margin: 0 0 .88rem;
  line-height: 1.58;
}

.ag-intro-copy h2,
.ag-intro-copy h3 {
  margin: 1.35rem 0 .55rem !important;
  font-size: 1.35rem !important;
}

.ag-magazine-media {
  width: 100%;
}

.ag-magazine-media .wp-block-jetpack-slideshow,
.ag-magazine-media .wp-block-gallery {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.ag-magazine-media .wp-block-jetpack-slideshow_container,
.ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper,
.ag-magazine-media .wp-block-gallery {
  width: 100%;
  overflow: hidden;
  background: var(--ag-cream);
  border: 1px solid var(--ag-blue);
}

.ag-magazine-media .wp-block-jetpack-slideshow_container,
.ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper {
  aspect-ratio: 4 / 3;
  max-height: 470px;
}

.ag-magazine-media .wp-block-jetpack-slideshow_slide,
.ag-magazine-media .swiper-slide {
  height: 100% !important;
}

.ag-magazine-media .wp-block-jetpack-slideshow img,
.ag-magazine-media .wp-block-gallery img {
  width: 100% !important;
  height: 100% !important;
  max-height: 470px;
  object-fit: contain !important;
}

.ag-newspaper-rule {
  display: grid;
  grid-template-columns: minmax(1rem, 1fr) auto minmax(1rem, 1fr);
  gap: .58rem;
  align-items: center;
  margin: 0 0 .65rem;
  color: var(--ag-red);
  font-family: var(--ag-serif);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.15;
  text-align: center;
  text-transform: uppercase;
}

.ag-newspaper-rule span {
  height: 1px;
  background: currentColor;
}

.ag-newspaper-rule b::before,
.ag-newspaper-rule b::after {
  margin-inline: .38rem;
  font-size: .48em;
}

.ag-editorial-take-box {
  width: 100%;
  max-width: none;
  margin: clamp(1.1rem, 2.2vw, 1.65rem) 0 0 !important;
  padding: .85rem 1rem 1rem !important;
  color: var(--ag-blue);
  background: transparent;
  border: 1px solid var(--ag-red);
  box-shadow: none;
}

.ag-editorial-take-layout {
  display: grid;
  grid-template-columns: clamp(150px, 18vw, 205px) minmax(0, 1fr);
  gap: clamp(1rem, 2.4vw, 1.8rem);
  align-items: start;
}

.ag-editorial-detail-image {
  width: 100%;
  margin: .05rem 0 0;
  overflow: hidden;
  background: var(--ag-cream);
  border: 1px solid var(--ag-blue);
}

.ag-editorial-detail-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 50% 72%;
  transform: scale(1.2);
  transform-origin: 50% 72%;
}

.ag-editorial-take-copy {
  width: 100%;
  max-width: none !important;
}

.ag-editorial-take-copy > h2:first-child {
  width: 100%;
  max-width: none !important;
  margin: 0 0 .58rem !important;
  padding: 0 0 .38rem;
  color: var(--ag-blue) !important;
  border-bottom: 1px solid var(--ag-red);
  font-family: var(--ag-serif) !important;
  font-size: clamp(1.35rem, 2vw, 1.85rem) !important;
  line-height: 1.05;
  letter-spacing: -.012em;
  text-align: left;
  text-transform: none;
  text-wrap: balance;
}

.ag-editorial-copy-body {
  width: 100%;
  max-width: none !important;
  column-count: 2;
  column-gap: clamp(1.2rem, 2.3vw, 1.8rem);
  column-rule: 1px solid rgba(225, 6, 0, .28);
}

.ag-editorial-copy-body p {
  max-width: none !important;
  margin: 0 0 .58rem;
  font-size: .93rem;
  line-height: 1.44;
  break-inside: avoid-column;
}

.ag-editorial-copy-body p:first-child::first-letter {
  float: left;
  margin: .055em .095em 0 0;
  color: var(--ag-red);
  font-family: var(--ag-serif);
  font-size: 2.75em;
  font-weight: 800;
  line-height: .72;
}

.ag-editorial-take-box--no-image .ag-editorial-take-layout {
  grid-template-columns: 1fr;
}

.ag-made-in-box {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 86px;
  gap: .72rem 1rem;
  align-items: center;
  margin: clamp(.95rem, 1.9vw, 1.35rem) 0 0 !important;
  padding: .72rem .9rem !important;
  color: var(--ag-blue);
  background:
    linear-gradient(90deg, rgba(0, 36, 156, .035) 1px, transparent 1px) 0 0 / 14px 14px,
    var(--ag-cream);
  border: 1px solid var(--ag-blue) !important;
  box-shadow: none;
}

.ag-made-in-flag,
.ag-made-in-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}

.ag-made-in-flag {
  align-self: stretch;
  padding-right: .72rem;
  border-right: 1px solid var(--ag-blue);
}

.ag-made-in-flag .ag-us-flag {
  width: 46px;
  max-width: 100%;
}

.ag-made-in-state .ag-state-silhouette {
  width: 80px;
  max-width: 100%;
  height: auto;
  color: var(--ag-blue);
}

.ag-made-in-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: .34rem;
}

.ag-made-in-title,
.ag-made-in-content > h2 {
  max-width: none !important;
  margin: 0 !important;
  color: var(--ag-blue) !important;
  font-family: var(--ag-sans) !important;
  font-size: clamp(.8rem, 1.12vw, .98rem) !important;
  font-weight: 900;
  letter-spacing: .045em;
  line-height: 1.15;
  text-transform: uppercase;
}

.ag-made-in-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .55rem 1.1rem;
}

.ag-made-in-copy p {
  max-width: none !important;
  margin: 0 !important;
  font-size: .84rem;
  line-height: 1.34;
}

.ag-pricing-ledger {
  width: 100%;
  max-width: none;
  margin: clamp(.95rem, 1.9vw, 1.35rem) 0 0 !important;
  padding: .72rem .9rem .82rem;
  color: var(--ag-blue);
  background: transparent;
  border: 1px solid var(--ag-red);
  box-shadow: none;
}

.ag-pricing-ledger .ag-newspaper-rule {
  margin-bottom: .48rem;
  font-size: .75rem;
}

.ag-pricing-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1.4rem;
}

.ag-price-column {
  min-width: 0;
}

.ag-price-row {
  display: flex;
  align-items: baseline;
  min-width: 0;
  padding: .12rem 0;
  font-family: var(--ag-serif);
  font-size: clamp(.79rem, .88vw, .9rem);
  line-height: 1.3;
}

.ag-price-name {
  flex: 0 1 auto;
  min-width: 0;
}

.ag-price-dots {
  flex: 1 1 auto;
  min-width: 1rem;
  margin: 0 .34rem .18em;
  border-bottom: 1px dotted currentColor;
}

.ag-price-value {
  flex: 0 0 auto;
  font-weight: 800;
  white-space: nowrap;
}

.ag-article-details {
  width: min(100%, var(--ag-story-max));
  max-width: var(--ag-story-max);
  margin: clamp(1rem, 2vw, 1.4rem) auto !important;
  padding: .72rem .9rem !important;
  border-width: 1px;
}

.ag-article-details h2 {
  margin: 0 0 .2rem !important;
  font-size: 1rem !important;
}

.ag-article-details p {
  font-size: .82rem;
}

/* One coherent dark edition: blue paper, cream copy, red rules. Product
   photography alone keeps a cream mat. */
html[data-ag-theme="dark"] .ag-article-hero {
  border-bottom-color: var(--ag-red);
}

html[data-ag-theme="dark"] .ag-article-title,
html[data-ag-theme="dark"] .ag-article-deck,
html[data-ag-theme="dark"] .ag-article-meta,
html[data-ag-theme="dark"] .ag-article-meta a,
html[data-ag-theme="dark"] .ag-article-content--magazine,
html[data-ag-theme="dark"] .ag-intro-copy,
html[data-ag-theme="dark"] .ag-intro-copy p {
  color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-article-deck::before {
  background: var(--ag-blue);
}

html[data-ag-theme="dark"] .ag-auto-summary,
html[data-ag-theme="dark"] .ag-editorial-take-box,
html[data-ag-theme="dark"] .ag-made-in-box,
html[data-ag-theme="dark"] .ag-pricing-ledger {
  color: var(--ag-cream) !important;
  background: var(--ag-blue) !important;
  box-shadow: none !important;
}

html[data-ag-theme="dark"] .ag-auto-summary {
  border-color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-auto-summary h2,
html[data-ag-theme="dark"] .ag-newspaper-rule,
html[data-ag-theme="dark"] .ag-newspaper-rule b {
  color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-auto-summary li,
html[data-ag-theme="dark"] .ag-editorial-take-copy > h2:first-child,
html[data-ag-theme="dark"] .ag-editorial-copy-body,
html[data-ag-theme="dark"] .ag-editorial-copy-body p,
html[data-ag-theme="dark"] .ag-made-in-title,
html[data-ag-theme="dark"] .ag-made-in-content > h2,
html[data-ag-theme="dark"] .ag-made-in-copy,
html[data-ag-theme="dark"] .ag-made-in-copy p,
html[data-ag-theme="dark"] .ag-pricing-ledger,
html[data-ag-theme="dark"] .ag-pricing-ledger * {
  color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-editorial-take-copy > h2:first-child {
  border-bottom-color: var(--ag-red);
}

html[data-ag-theme="dark"] .ag-editorial-copy-body {
  column-rule-color: rgba(243, 228, 205, .3);
}

html[data-ag-theme="dark"] .ag-made-in-box {
  border-color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-made-in-flag {
  border-right-color: var(--ag-cream);
}

html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette {
  color: var(--ag-cream);
}

html[data-ag-theme="dark"] .ag-price-dots {
  border-bottom-color: var(--ag-cream);
}

html[data-ag-theme="dark"] .ag-editorial-detail-image,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_container,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-gallery {
  background: var(--ag-cream) !important;
  border-color: var(--ag-cream) !important;
}

@media (max-width: 980px) {
  .ag-article-hero {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 1.35rem;
  }

  .ag-article-title {
    font-size: clamp(1.9rem, 3.6vw, 2.6rem) !important;
  }

  .ag-magazine-opening {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 1.2rem;
  }

  .ag-editorial-take-layout {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
  }

  .ag-editorial-copy-body {
    column-count: 1;
    column-rule: 0;
  }

  .ag-made-in-box {
    grid-template-columns: 48px minmax(0, 1fr) 72px;
    gap: .6rem .75rem;
  }

  .ag-made-in-copy {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .ag-article-shell {
    padding-inline: clamp(.72rem, 3vw, 1rem);
  }

  .ag-breadcrumbs {
    font-size: .58rem;
  }

  .ag-article-hero,
  .ag-magazine-opening {
    grid-template-columns: 1fr;
  }

  .ag-article-hero {
    gap: 1rem;
    padding-block: .9rem 1.1rem;
  }

  .ag-article-hero-copy {
    max-width: none;
  }

  .ag-article-title {
    font-size: clamp(1.78rem, 8.2vw, 2.35rem) !important;
    line-height: .98 !important;
  }

  .ag-article-hero-image {
    aspect-ratio: 16 / 10;
  }

  .ag-article-content--magazine {
    padding-top: 1.15rem;
    font-size: 1rem;
  }

  .ag-magazine-media {
    order: 0;
  }

  .ag-auto-summary {
    margin-bottom: .9rem !important;
  }

  .ag-editorial-take-layout {
    grid-template-columns: 1fr;
  }

  .ag-editorial-detail-image {
    width: min(210px, 68%);
    margin-inline: auto;
  }

  .ag-editorial-take-copy > h2:first-child {
    font-size: 1.35rem !important;
    text-align: center;
  }

  .ag-editorial-copy-body {
    column-count: 1;
  }

  .ag-made-in-box {
    grid-template-columns: 42px minmax(0, 1fr) 58px;
    padding: .68rem .72rem !important;
  }

  .ag-made-in-flag {
    padding-right: .5rem;
  }

  .ag-made-in-title,
  .ag-made-in-content > h2 {
    font-size: .74rem !important;
  }

  .ag-made-in-copy p {
    font-size: .8rem;
  }

  .ag-pricing-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .ag-price-row {
    padding: .18rem 0;
    font-size: .88rem;
  }

  .ag-article-details {
    grid-template-columns: 1fr;
  }

  .ag-article-details p:has(.ag-button) {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 430px) {
  .ag-article-title {
    font-size: clamp(1.72rem, 8.2vw, 2.08rem) !important;
  }

  .ag-article-deck {
    font-size: .9rem;
  }

  .ag-auto-summary li,
  .ag-intro-copy,
  .ag-intro-copy p {
    font-size: .94rem;
  }

  .ag-editorial-take-box,
  .ag-made-in-box,
  .ag-pricing-ledger {
    padding-inline: .66rem !important;
  }

  .ag-made-in-box {
    grid-template-columns: 36px minmax(0, 1fr) 48px;
    gap: .5rem;
  }

  .ag-made-in-flag .ag-us-flag {
    width: 34px;
  }

  .ag-made-in-state .ag-state-silhouette {
    width: 46px;
  }

  .ag-made-in-copy p {
    font-size: .76rem;
  }

  .ag-price-row {
    font-size: .82rem;
  }
}

/* ================================================================
   Americana Gecko 2.8.0 — Fold/tablet and dark-edition correction.
   This final override layer intentionally wins over legacy site.css.
   ================================================================ */

/* All state artwork must follow the module foreground color. Legacy
   wildcard rules assigned blue directly to SVG descendants in dark mode;
   target every drawable SVG node so no state can disappear again. */
.ag-made-in-state .ag-state-silhouette,
.ag-made-in-state .ag-state-silhouette path,
.ag-made-in-state .ag-state-silhouette polygon,
.ag-made-in-state .ag-state-silhouette polyline,
.ag-made-in-state .ag-state-silhouette rect,
.ag-made-in-state .ag-state-silhouette circle,
.ag-made-in-state .ag-state-silhouette ellipse,
.ag-made-in-state .ag-state-silhouette use {
  color: var(--ag-blue) !important;
  fill: currentColor !important;
  stroke: currentColor;
}

html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette path,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette polygon,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette polyline,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette rect,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette circle,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette ellipse,
html[data-ag-theme="dark"] .ag-made-in-state .ag-state-silhouette use {
  color: var(--ag-cream) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Desktop polish: tighter top rhythm, better headline balance, and a less
   dominant frame/content relationship. */
.ag-article-shell {
  --ag-story-max: 1210px;
  --ag-story-gap: clamp(1.45rem, 2.6vw, 2.4rem);
  padding-top: clamp(.6rem, 1.3vw, 1rem);
}

.ag-breadcrumbs {
  margin-bottom: 0;
}

.ag-article-hero {
  grid-template-columns: minmax(430px, .96fr) minmax(0, 1.14fr);
  gap: clamp(1.75rem, 3vw, 3rem);
  padding-block: clamp(.85rem, 2vw, 1.65rem);
}

.ag-article-hero-copy {
  max-width: 590px;
}

.ag-article-title {
  font-size: clamp(2rem, 2.45vw, 2.9rem) !important;
  line-height: 1.01 !important;
  letter-spacing: -.018em !important;
}

.ag-article-deck {
  max-width: 48ch;
}

.ag-article-content--magazine {
  padding-top: clamp(1.15rem, 2.4vw, 2rem);
}

.ag-magazine-opening {
  grid-template-columns: minmax(340px, .9fr) minmax(460px, 1.1fr);
}

.ag-magazine-media .wp-block-jetpack-slideshow_container,
.ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper {
  aspect-ratio: 16 / 11;
  max-height: 430px;
}

.ag-magazine-media .wp-block-jetpack-slideshow img,
.ag-magazine-media .wp-block-gallery img {
  max-height: 430px;
}

.ag-editorial-take-layout {
  grid-template-columns: clamp(180px, 20vw, 235px) minmax(0, 1fr);
}

.ag-editorial-copy-body p {
  font-size: .96rem;
  line-height: 1.47;
}

.ag-made-in-box {
  grid-template-columns: 60px minmax(0, 1fr) 105px;
}

.ag-made-in-state .ag-state-silhouette {
  width: 98px;
}

.ag-made-in-copy p {
  font-size: .88rem;
}

.ag-price-row {
  font-size: clamp(.84rem, .84vw, .94rem);
  padding-block: .16rem;
}

/* Fold/tablet is a real composition, not a scaled desktop canvas. This range
   catches unfolded Galaxy Fold portrait/landscape and common tablets. */
@media (max-width: 1120px) and (min-width: 721px) {
  .ag-article-shell {
    --ag-story-max: 920px;
    padding: .75rem clamp(1rem, 2.5vw, 1.65rem) 1.8rem;
  }

  .ag-breadcrumbs {
    font-size: .7rem;
  }

  .ag-article-hero {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr);
    gap: 1.45rem;
    align-items: center;
    padding-block: 1rem 1.25rem;
  }

  .ag-article-hero-copy {
    max-width: none;
  }

  .ag-article-title {
    font-size: clamp(2rem, 4.15vw, 2.65rem) !important;
    line-height: 1 !important;
  }

  .ag-article-deck {
    max-width: 42ch;
    font-size: 1rem;
  }

  .ag-article-meta {
    font-size: .67rem;
  }

  .ag-share-links a,
  .ag-share-links button {
    font-size: .63rem;
  }

  .ag-magazine-opening {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.15rem;
  }

  .ag-magazine-copy {
    display: grid;
    grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr);
    gap: 1.2rem;
    align-items: start;
  }

  .ag-auto-summary {
    margin: 0 !important;
  }

  .ag-auto-summary li,
  .ag-intro-copy,
  .ag-intro-copy p {
    font-size: 1rem;
  }

  .ag-magazine-media {
    grid-row: 1;
  }

  .ag-magazine-media .wp-block-jetpack-slideshow_container,
  .ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper {
    aspect-ratio: 16 / 10;
    max-height: 470px;
  }

  .ag-magazine-media .wp-block-jetpack-slideshow img,
  .ag-magazine-media .wp-block-gallery img {
    max-height: 470px;
  }

  .ag-editorial-take-box {
    padding: 1rem 1.05rem 1.08rem !important;
  }

  .ag-editorial-take-layout {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 1.25rem;
  }

  .ag-editorial-take-copy > h2:first-child {
    font-size: clamp(1.45rem, 2.9vw, 1.8rem) !important;
  }

  .ag-editorial-copy-body {
    column-count: 2;
    column-gap: 1.25rem;
  }

  .ag-editorial-copy-body p {
    font-size: .96rem;
    line-height: 1.48;
  }

  .ag-made-in-box {
    grid-template-columns: 58px minmax(0, 1fr) 96px;
    padding: .82rem .95rem !important;
  }

  .ag-made-in-title,
  .ag-made-in-content > h2 {
    font-size: .94rem !important;
  }

  .ag-made-in-copy {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ag-made-in-copy p {
    font-size: .88rem;
  }

  .ag-pricing-ledger {
    padding: .85rem 1rem .95rem;
  }

  .ag-price-row {
    font-size: .92rem;
  }

  .ag-article-details {
    padding: .8rem .95rem !important;
  }
}

/* Narrow tablets: preserve readable scale and stop two-column modules before
   they become miniature. */
@media (max-width: 860px) and (min-width: 721px) {
  .ag-article-hero {
    grid-template-columns: 1fr;
  }

  .ag-article-title {
    max-width: 18ch;
  }

  .ag-article-hero-image {
    aspect-ratio: 16 / 9;
  }

  .ag-magazine-copy {
    grid-template-columns: 1fr;
  }

  .ag-editorial-take-layout {
    grid-template-columns: 185px minmax(0, 1fr);
  }

  .ag-editorial-copy-body {
    column-count: 1;
  }

  .ag-made-in-copy {
    grid-template-columns: 1fr;
  }

  .ag-pricing-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/* Phone: deliberate reading layout with comfortable type and full-width
   modules. */
@media (max-width: 720px) {
  .ag-breadcrumbs {
    font-size: .65rem;
  }

  .ag-article-title {
    max-width: 18ch;
    font-size: clamp(1.9rem, 8vw, 2.35rem) !important;
    line-height: 1.01 !important;
  }

  .ag-article-deck,
  .ag-auto-summary li,
  .ag-intro-copy,
  .ag-intro-copy p {
    font-size: 1rem;
  }

  .ag-article-meta {
    font-size: .66rem;
  }

  .ag-magazine-media .wp-block-jetpack-slideshow_container,
  .ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper {
    aspect-ratio: 4 / 3;
    max-height: none;
  }

  .ag-editorial-detail-image {
    width: min(260px, 82%);
  }

  .ag-editorial-copy-body p {
    font-size: 1rem;
    line-height: 1.52;
  }

  .ag-made-in-box {
    grid-template-columns: 44px minmax(0, 1fr) 64px;
    gap: .65rem;
  }

  .ag-made-in-state .ag-state-silhouette {
    width: 62px;
  }

  .ag-made-in-title,
  .ag-made-in-content > h2 {
    font-size: .82rem !important;
  }

  .ag-made-in-copy p {
    font-size: .88rem;
    line-height: 1.42;
  }

  .ag-price-row {
    font-size: .94rem;
    padding-block: .25rem;
  }

  .ag-article-details h2 {
    font-size: 1.05rem !important;
  }

  .ag-article-details p {
    font-size: .9rem;
  }
}

/* Dark mode: one blue paper edition. Photography keeps a restrained cream
   mat; all state silhouettes and controls remain visible. */
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_container,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_swiper-wrapper,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-gallery {
  background: #ead9bf !important;
  border-color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_button-prev,
html[data-ag-theme="dark"] .ag-magazine-media .wp-block-jetpack-slideshow_button-next,
html[data-ag-theme="dark"] .ag-magazine-media .swiper-button-prev,
html[data-ag-theme="dark"] .ag-magazine-media .swiper-button-next {
  color: var(--ag-blue) !important;
  background-color: rgba(243, 228, 205, .92) !important;
  border: 1px solid var(--ag-blue) !important;
}

/* Keep slideshow arrows visible on phones; Jetpack hides them below 600px. */
@media (max-width: 599px) {
  .ag-magazine-media .wp-block-jetpack-slideshow_button-prev,
  .ag-magazine-media .wp-block-jetpack-slideshow_button-next,
  .ag-magazine-media .swiper-button-prev,
  .ag-magazine-media .swiper-button-next {
    display: block !important;
  }
}

html[data-ag-theme="dark"] .ag-made-in-box {
  border-color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-made-in-flag {
  border-right-color: rgba(243, 228, 205, .72) !important;
}

html[data-ag-theme="dark"] .ag-article-details {
  color: var(--ag-cream) !important;
  border-color: rgba(243, 228, 205, .8) !important;
}

html[data-ag-theme="dark"] .ag-article-details h2,
html[data-ag-theme="dark"] .ag-article-details p,
html[data-ag-theme="dark"] .ag-article-details a:not(.ag-button) {
  color: var(--ag-cream) !important;
}

/* Americana Gecko 2.8.1 — tighter editorial pricing ledger.
   Keep the dotted-leader character, but prevent the line from becoming a
   long runway between a product and its price. */
.ag-pricing-columns {
  width: min(100%, 54rem);
  margin-inline: auto;
  grid-template-columns: repeat(2, minmax(0, 25.5rem));
  justify-content: center;
  gap: 0 1rem;
}

.ag-price-row {
  padding-block: .16rem;
}

.ag-price-name {
  flex: 1 1 auto;
}

.ag-price-dots {
  flex: 0 1 3.5rem;
  width: 3.5rem;
  min-width: 1.15rem;
  max-width: 3.5rem;
  margin-right: .3rem;
  margin-left: .3rem;
}

.ag-price-value {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 860px) {
  .ag-pricing-columns {
    width: min(100%, 34rem);
    grid-template-columns: minmax(0, 1fr);
  }

  .ag-price-dots {
    flex-basis: 3.75rem;
    width: 3.75rem;
    max-width: 3.75rem;
  }
}

@media (max-width: 430px) {
  .ag-price-dots {
    flex-basis: 2.5rem;
    width: 2.5rem;
    min-width: .8rem;
    max-width: 2.5rem;
    margin-right: .22rem;
    margin-left: .22rem;
  }
}


/* ================================================================
   Americana Gecko 2.8.2 — compact closing modules and three-dot ledger.
   This layer is intentionally final so legacy v2.x rules cannot reopen
   the spacing corrected here.
   ================================================================ */

/* Let a long editorial paragraph flow into the second newspaper column.
   The former avoid-column rule trapped one paragraph in the first half. */
.ag-editorial-copy-body p {
  break-inside: auto;
}

/* Keep flag, manufacturing copy, and state silhouette as one compact unit. */
.ag-made-in-box {
  grid-template-columns: 56px minmax(0, 42rem) 78px;
  justify-content: center;
  gap: .72rem .8rem;
}

.ag-made-in-content {
  width: 100%;
  max-width: 42rem;
}

.ag-made-in-state .ag-state-silhouette {
  width: 74px;
}

/* Exactly three dots, beginning directly after the product name. */
.ag-pricing-columns {
  width: min(100%, 50rem);
  grid-template-columns: repeat(2, minmax(0, 24.5rem));
  gap: 0 1rem;
}

.ag-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0 .3rem;
  padding-block: .17rem;
}

.ag-price-label {
  flex: 0 1 auto;
  min-width: 0;
}

.ag-price-name {
  display: inline;
  flex: none;
}

.ag-price-separator {
  display: inline;
  margin-left: .18rem;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.ag-price-value {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* The closing details are a compact information strip, not an empty box. */
.ag-article-details {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: fit-content !important;
  max-width: min(100%, 50rem) !important;
  gap: .38rem 1rem !important;
  margin-inline: auto !important;
  padding: .7rem .85rem !important;
}

.ag-article-details h2 {
  flex: 0 0 100%;
  margin: 0 !important;
}

.ag-article-details p,
.ag-article-details p:has(.ag-button) {
  flex: 0 0 auto;
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
}

html[data-ag-theme="dark"] .ag-price-separator {
  color: var(--ag-cream) !important;
}

@media (max-width: 1120px) and (min-width: 721px) {
  .ag-made-in-box {
    grid-template-columns: 52px minmax(0, 38rem) 72px;
    justify-content: center;
  }

  .ag-made-in-content {
    max-width: 38rem;
  }
}

@media (max-width: 900px) {
  .ag-pricing-columns {
    width: min(100%, 36rem);
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .ag-made-in-box {
    grid-template-columns: 40px minmax(0, 1fr) 56px;
    justify-content: stretch;
    gap: .55rem;
  }

  .ag-made-in-content {
    max-width: none;
  }

  .ag-made-in-state .ag-state-silhouette {
    width: 54px;
  }

  .ag-pricing-columns {
    width: 100%;
  }

  .ag-price-row {
    font-size: .94rem;
    gap: 0 .27rem;
  }

  .ag-article-details {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 430px) {
  .ag-made-in-box {
    grid-template-columns: 34px minmax(0, 1fr) 46px;
    gap: .45rem;
  }

  .ag-made-in-state .ag-state-silhouette {
    width: 44px;
  }

  .ag-price-row {
    font-size: .88rem;
  }

  .ag-price-separator {
    margin-left: .12rem;
    letter-spacing: .04em;
  }

  .ag-article-details p,
  .ag-article-details p:has(.ag-button) {
    flex-basis: 100%;
  }
}

/* ================================================================
   Americana Gecko 2.8.3 — approved Made In notice and source link.
   ================================================================ */

/* Match the approved reference: flag + headline form the mast line, then
   readable paragraphs with the state silhouette sitting beside the copy. */
.ag-made-in-box {
  display: block;
  width: min(100%, 52rem);
  max-width: 52rem;
  margin-inline: auto;
  padding: clamp(.9rem, 1.8vw, 1.2rem) clamp(1rem, 2.2vw, 1.45rem);
  border: 1px solid var(--ag-blue);
  background: transparent;
}

.ag-made-in-header {
  display: flex;
  align-items: center;
  gap: .72rem;
  margin-bottom: .58rem;
}

.ag-made-in-flag {
  display: block;
  flex: 0 0 auto;
  width: 48px;
  padding: 0;
  border: 0 !important;
}

.ag-made-in-flag .ag-us-flag {
  display: block;
  width: 48px;
  height: auto;
}

.ag-made-in-title,
.ag-made-in-content > h2 {
  margin: 0 !important;
  color: var(--ag-blue);
  font-family: var(--ag-sans);
  font-size: clamp(1rem, 1.45vw, 1.35rem);
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.ag-made-in-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  align-items: center;
  gap: 1rem;
}

.ag-made-in-copy {
  display: block;
  max-width: none;
  color: var(--ag-blue);
  font-family: var(--ag-serif);
  font-size: clamp(.92rem, 1.05vw, 1.04rem);
  line-height: 1.42;
}

.ag-made-in-copy p {
  margin: 0;
}

.ag-made-in-copy p + p {
  margin-top: .58rem;
}

.ag-made-in-state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  min-width: 0;
}

.ag-made-in-state .ag-state-silhouette {
  display: block;
  width: 88px;
  max-width: 100%;
  height: auto;
}

/* Article Details is editorial metadata. The official link must read like a
   source citation, never like a red Buy Now button. */
.ag-article-details {
  display: grid !important;
  grid-template-columns: auto auto;
  align-items: baseline;
  justify-content: start;
  width: fit-content !important;
  max-width: min(100%, 44rem) !important;
  gap: .24rem .85rem !important;
  margin: 1rem auto 1.35rem !important;
  padding: .62rem .78rem !important;
  border: 1px solid var(--ag-blue) !important;
}

.ag-article-details h2 {
  grid-column: 1 / -1;
  margin: 0 !important;
  font-size: .84rem !important;
  line-height: 1.1;
  letter-spacing: .035em;
}

.ag-article-details p,
.ag-article-details p:has(.ag-button) {
  grid-column: auto !important;
  grid-row: auto !important;
  margin: 0 !important;
  font-size: .78rem;
  line-height: 1.35;
}

.ag-article-details .ag-button {
  display: inline !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 .08rem !important;
  color: var(--ag-blue) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--ag-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--ag-sans);
  font-size: .76rem !important;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .02em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.ag-article-details .ag-button:hover,
.ag-article-details .ag-button:focus-visible {
  color: var(--ag-red) !important;
  background: transparent !important;
  border-bottom-color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-made-in-box {
  color: var(--ag-cream) !important;
  background: transparent !important;
  border-color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-made-in-title,
html[data-ag-theme="dark"] .ag-made-in-copy,
html[data-ag-theme="dark"] .ag-made-in-copy p {
  color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-article-details .ag-button {
  color: var(--ag-cream) !important;
  background: transparent !important;
  border-bottom-color: var(--ag-red) !important;
}

html[data-ag-theme="dark"] .ag-article-details .ag-button:hover,
html[data-ag-theme="dark"] .ag-article-details .ag-button:focus-visible {
  color: var(--ag-red) !important;
}

@media (max-width: 720px) {
  .ag-made-in-box {
    width: 100%;
    padding: .85rem .9rem;
  }

  .ag-made-in-header {
    gap: .6rem;
    margin-bottom: .52rem;
  }

  .ag-made-in-flag,
  .ag-made-in-flag .ag-us-flag {
    width: 40px;
  }

  .ag-made-in-title,
  .ag-made-in-content > h2 {
    font-size: .94rem;
  }

  .ag-made-in-body {
    grid-template-columns: minmax(0, 1fr) 66px;
    align-items: center;
    gap: .7rem;
  }

  .ag-made-in-copy {
    font-size: .9rem;
    line-height: 1.42;
  }

  .ag-made-in-state {
    width: 66px;
  }

  .ag-made-in-state .ag-state-silhouette {
    width: 64px;
  }

  .ag-article-details {
    width: fit-content !important;
    max-width: 100% !important;
  }
}

@media (max-width: 430px) {
  .ag-made-in-box {
    padding: .78rem .75rem;
  }

  .ag-made-in-flag,
  .ag-made-in-flag .ag-us-flag {
    width: 34px;
  }

  .ag-made-in-title,
  .ag-made-in-content > h2 {
    font-size: .83rem;
    letter-spacing: .018em;
  }

  .ag-made-in-body {
    grid-template-columns: minmax(0, 1fr) 54px;
    gap: .55rem;
  }

  .ag-made-in-copy {
    font-size: .84rem;
  }

  .ag-made-in-state,
  .ag-made-in-state .ag-state-silhouette {
    width: 52px;
  }

  .ag-article-details {
    grid-template-columns: 1fr;
    gap: .26rem !important;
    width: 100% !important;
  }

  .ag-article-details h2 {
    grid-column: 1;
  }
}

/* ================================================================
   Americana Gecko 2.9.0 — centered culture-magazine article flow.
   Uses the proven hierarchy of modern editorial sites without copying
   another publication's branding, typography, or proprietary details.
   ================================================================ */

/* Summary, opening media, and reporting now read down one deliberate center
   axis instead of being squeezed into a side-by-side WordPress layout. */
.ag-hype-opening {
  display: block;
  width: 100%;
}

.ag-centered-summary {
  width: min(100%, 43rem);
  max-width: 43rem;
  margin: 0 auto clamp(1.25rem, 2.8vw, 2rem) !important;
  padding: clamp(1rem, 2vw, 1.3rem) clamp(1.05rem, 2.4vw, 1.5rem) !important;
}

.ag-centered-summary h2 {
  font-size: .78rem !important;
}

.ag-centered-summary li {
  font-size: clamp(.96rem, 1vw, 1.04rem);
  line-height: 1.48;
}

.ag-opening-media {
  width: min(100%, 58rem);
  max-width: 58rem;
  margin: 0 auto clamp(1.45rem, 3vw, 2.3rem) !important;
}

.ag-opening-media .wp-block-jetpack-slideshow_container,
.ag-opening-media .wp-block-jetpack-slideshow_swiper-wrapper {
  aspect-ratio: 16 / 10;
  max-height: 580px;
}

.ag-opening-media .wp-block-jetpack-slideshow img,
.ag-opening-media .wp-block-gallery img {
  max-height: 580px;
}

.ag-reading-column {
  width: min(100%, 43rem);
  max-width: 43rem;
  margin-inline: auto;
  font-size: clamp(1rem, 1.08vw, 1.08rem);
  line-height: 1.68;
}

.ag-reading-column p {
  margin-bottom: 1.05rem;
  line-height: 1.68;
}

/* The special editorial modules stay wider than the reading column, as on a
   real magazine page, but remain centered and visually connected. */
.ag-editorial-take-box,
.ag-made-in-box,
.ag-pricing-ledger {
  width: min(100%, 54rem);
  max-width: 54rem;
  margin-inline: auto !important;
}

/* Bigger, closer state silhouette. It should finish the notice rather than
   float like an icon at the far edge. */
.ag-made-in-box {
  padding: clamp(1rem, 2vw, 1.35rem) clamp(1rem, 2.2vw, 1.45rem) !important;
}

.ag-made-in-body {
  grid-template-columns: minmax(0, 1fr) 136px;
  align-items: center;
  gap: clamp(.9rem, 2vw, 1.35rem);
}

.ag-made-in-state {
  width: 136px;
  justify-self: end;
}

.ag-made-in-state .ag-state-silhouette {
  width: 132px;
}

.ag-made-in-copy {
  font-size: clamp(.94rem, 1.05vw, 1.04rem);
  line-height: 1.48;
}

/* Pricing begins exactly where the left red heading rule begins. There is no
   centered inset list. Three dots remain the only separator. */
.ag-pricing-ledger {
  padding: .78rem 1rem .95rem;
}

.ag-pricing-columns {
  width: 100%;
  max-width: none;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: stretch;
  gap: .15rem clamp(1.5rem, 3vw, 2.6rem);
}

.ag-price-column {
  width: 100%;
}

.ag-price-row {
  width: 100%;
  justify-content: flex-start;
  gap: 0 .34rem;
  padding: .2rem 0;
}

.ag-price-label {
  flex: 0 1 auto;
}

.ag-price-value {
  margin-left: 0;
}

/* Quiet in-article link list, mirroring the useful hierarchy of leading
   culture publications without imitating their visual identity. */
.ag-inline-related {
  width: min(100%, 43rem);
  max-width: 43rem;
  margin: clamp(1.5rem, 3vw, 2.2rem) auto 0;
  padding-top: 1rem;
  border-top: 1px solid var(--ag-blue);
}

.ag-inline-related h2 {
  margin: 0 0 .65rem !important;
  color: var(--ag-blue) !important;
  font-family: var(--ag-sans) !important;
  font-size: .78rem !important;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ag-inline-related ul {
  margin: 0;
  padding-left: 1.05rem;
}

.ag-inline-related li + li {
  margin-top: .42rem;
}

.ag-inline-related a {
  color: var(--ag-blue);
  font-family: var(--ag-serif);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  text-decoration-color: var(--ag-red);
  text-underline-offset: .14em;
}

/* Bottom discovery area: large imagery, restrained heading, one-column mobile
   sequence—closer to a contemporary culture publication than boxed blog cards. */
.ag-related {
  width: min(100%, 74rem);
  max-width: 74rem;
  margin-inline: auto;
  padding: clamp(1.6rem, 3vw, 2.4rem) 0 clamp(2.4rem, 5vw, 4rem);
  border-top: 1px solid var(--ag-blue);
}

.ag-related .ag-section-heading {
  justify-content: flex-start;
  margin-bottom: 1rem;
  font-family: var(--ag-sans);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  letter-spacing: .01em;
  text-align: left;
  text-transform: none;
}

.ag-related-grid {
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ag-related .ag-card {
  border: 0;
  background: transparent;
}

.ag-related .ag-card-media {
  border: 1px solid var(--ag-blue);
}

.ag-related .ag-card-copy {
  padding: .72rem 0 0;
}

.ag-related .ag-card-title {
  margin-top: .28rem;
  font-size: clamp(1.15rem, 1.55vw, 1.55rem);
}

.ag-related .ag-card-excerpt {
  font-size: .9rem;
}

/* Author attribution becomes a compact editorial identity row instead of a
   large boxed profile interrupting the reading flow. */
.ag-author-profile--article {
  width: min(100%, 43rem);
  max-width: 43rem;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 1rem;
  margin: 1.4rem auto 2rem;
  padding: 1rem 0;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--ag-blue);
  border-bottom: 1px solid var(--ag-blue);
}

.ag-author-profile--article .ag-author-name {
  font-size: 1.35rem;
}

.ag-author-profile--article .ag-author-bio {
  font-size: .92rem;
  line-height: 1.45;
}

/* Fold/tablet gets the same vertical reading hierarchy as a mobile culture
   article instead of a miniature desktop spread. */
@media (max-width: 1100px) {
  .ag-article-hero {
    grid-template-columns: 1fr;
    width: min(100%, 58rem) !important;
    max-width: 58rem !important;
    gap: 1.15rem;
  }

  .ag-article-hero-copy {
    width: min(100%, 43rem);
    max-width: 43rem;
  }

  .ag-article-title {
    max-width: 18ch;
  }

  .ag-article-hero-image {
    width: 100%;
    aspect-ratio: 16 / 9.5;
  }
}

@media (max-width: 860px) {
  .ag-pricing-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .ag-related-grid {
    grid-template-columns: 1fr;
  }

  .ag-related .ag-card {
    display: block;
  }

  .ag-related .ag-card-media {
    aspect-ratio: 16 / 10;
    border-right: 1px solid var(--ag-blue);
    border-bottom: 1px solid var(--ag-blue);
  }
}

@media (max-width: 720px) {
  .ag-centered-summary,
  .ag-opening-media,
  .ag-reading-column,
  .ag-editorial-take-box,
  .ag-made-in-box,
  .ag-pricing-ledger,
  .ag-inline-related,
  .ag-author-profile--article,
  .ag-related {
    width: 100%;
    max-width: 100%;
  }

  .ag-centered-summary {
    padding: .9rem .9rem 1rem !important;
  }

  .ag-opening-media {
    margin-bottom: 1.2rem !important;
  }

  .ag-reading-column,
  .ag-reading-column p {
    font-size: 1rem;
    line-height: 1.62;
  }

  .ag-made-in-body {
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: .75rem;
  }

  .ag-made-in-state,
  .ag-made-in-state .ag-state-silhouette {
    width: 90px;
  }

  .ag-pricing-ledger {
    padding-inline: .78rem !important;
  }

  .ag-price-row {
    font-size: .92rem;
  }

  .ag-author-profile--article {
    grid-template-columns: 58px minmax(0, 1fr);
  }
}

@media (max-width: 430px) {
  .ag-made-in-body {
    grid-template-columns: minmax(0, 1fr) 76px;
    gap: .6rem;
  }

  .ag-made-in-state,
  .ag-made-in-state .ag-state-silhouette {
    width: 74px;
  }

  .ag-price-row {
    align-items: baseline;
    font-size: .88rem;
  }

  .ag-price-separator {
    margin-left: .08rem;
  }

  .ag-author-profile--article {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .ag-author-profile--article .ag-author-avatar {
    width: 58px;
  }
}

/* Dark edition parity for the new centered flow. */
html[data-ag-theme="dark"] .ag-inline-related,
html[data-ag-theme="dark"] .ag-author-profile--article,
html[data-ag-theme="dark"] .ag-related {
  border-color: var(--ag-cream);
}

html[data-ag-theme="dark"] .ag-inline-related h2,
html[data-ag-theme="dark"] .ag-inline-related a,
html[data-ag-theme="dark"] .ag-related .ag-section-heading {
  color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-related .ag-card-media {
  border-color: var(--ag-cream);
}

/* Final narrow-screen authority: older desktop overrides in this legacy
   stylesheet must never turn the editorial feature back into two tiny columns. */
@media (max-width: 720px) {
  .ag-editorial-take-layout {
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
  }

  .ag-editorial-detail-image {
    width: min(100%, 270px) !important;
    margin: 0 auto !important;
  }

  .ag-editorial-take-copy > h2:first-child {
    text-align: left !important;
  }

  .ag-editorial-copy-body {
    column-count: 1 !important;
    column-rule: 0 !important;
  }
}

/* ================================================================
   Americana Gecko 3.0.0 — one-image culture-magazine article.
   The story now follows one simple vertical hierarchy: headline, one visual,
   Summary, reporting, special editorial modules, and discovery.
   ================================================================ */

.ag-article-hero.ag-article-hero--centered {
  display: block !important;
  width: min(100%, 76rem) !important;
  max-width: 76rem !important;
  margin-inline: auto !important;
  padding: clamp(1.8rem, 4vw, 3.8rem) clamp(.8rem, 2vw, 1.4rem) clamp(1.2rem, 2.4vw, 2rem) !important;
  border-bottom: 0 !important;
  text-align: center;
}

.ag-article-hero--centered .ag-article-hero-copy {
  width: 100% !important;
  max-width: 72rem !important;
  margin-inline: auto !important;
  text-align: center;
}

.ag-article-hero--centered .ag-article-kicker {
  margin: 0 0 .65rem !important;
  color: var(--ag-red) !important;
  font-family: var(--ag-sans) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-align: center !important;
  text-transform: uppercase;
}

.ag-article-hero--centered .ag-article-title {
  width: min(100%, 68rem) !important;
  max-width: 68rem !important;
  margin: 0 auto clamp(.75rem, 1.5vw, 1.15rem) !important;
  color: var(--ag-blue) !important;
  font-family: var(--ag-sans) !important;
  font-size: clamp(2.35rem, 4.35vw, 4.35rem) !important;
  font-weight: 800 !important;
  line-height: 1.045 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;
  text-wrap: balance;
}

.ag-article-hero--centered .ag-article-deck {
  width: min(100%, 50rem) !important;
  max-width: 50rem !important;
  margin: 0 auto 1rem !important;
  padding: 0 !important;
  color: color-mix(in srgb, var(--ag-blue) 74%, transparent) !important;
  border: 0 !important;
  font-family: var(--ag-sans) !important;
  font-size: clamp(1.02rem, 1.45vw, 1.28rem) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

.ag-article-hero--centered .ag-article-deck::before,
.ag-article-hero--centered .ag-article-deck::after {
  display: none !important;
  content: none !important;
}

.ag-article-hero--centered .ag-article-meta,
.ag-article-hero--centered .ag-share-links {
  justify-content: center !important;
  text-align: center !important;
}

.ag-article-content--magazine.ag-hype-article-flow {
  padding-top: .55rem !important;
}

.ag-single-visual-flow {
  display: block !important;
}

.ag-single-visual-flow .ag-opening-media {
  width: min(100%, 60rem) !important;
  max-width: 60rem !important;
  margin: 0 auto clamp(1.15rem, 2.4vw, 1.7rem) !important;
}

.ag-opening-featured-image {
  overflow: hidden;
  border: 1px solid var(--ag-blue);
  background: var(--ag-cream);
}

.ag-opening-featured-image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: contain;
}

.ag-single-visual-flow .ag-centered-summary {
  width: min(100%, 60rem) !important;
  max-width: 60rem !important;
  margin: 0 auto clamp(1.65rem, 3vw, 2.4rem) !important;
  padding: clamp(1.15rem, 2vw, 1.5rem) clamp(1.2rem, 2.4vw, 1.75rem) !important;
  color: var(--ag-blue) !important;
  background: color-mix(in srgb, var(--ag-blue) 6%, var(--ag-cream)) !important;
  border: 0 !important;
  border-radius: 4px;
  box-shadow: none !important;
}

.ag-single-visual-flow .ag-centered-summary h2 {
  margin: 0 0 .8rem !important;
  color: var(--ag-blue) !important;
  font-family: var(--ag-sans) !important;
  font-size: clamp(1.25rem, 1.7vw, 1.55rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.15 !important;
  text-align: left !important;
  text-transform: none !important;
}

.ag-single-visual-flow .ag-centered-summary h2::before,
.ag-single-visual-flow .ag-centered-summary h2::after {
  display: none !important;
  content: none !important;
}

.ag-summary-copy {
  display: grid;
  gap: .72rem;
}

.ag-summary-copy p {
  max-width: none !important;
  margin: 0 !important;
  color: inherit;
  font-family: var(--ag-sans);
  font-size: clamp(.98rem, 1.08vw, 1.06rem);
  line-height: 1.55;
}

.ag-single-visual-flow .ag-reading-column {
  width: min(100%, 47rem) !important;
  max-width: 47rem !important;
}

/* Prevent any surviving featured-image block from creating a second hero. */
.ag-article-hero--centered .ag-article-hero-image,
.ag-article-hero--centered .wp-block-post-featured-image {
  display: none !important;
}

html[data-ag-theme="dark"] .ag-article-hero--centered .ag-article-title,
html[data-ag-theme="dark"] .ag-single-visual-flow .ag-centered-summary h2,
html[data-ag-theme="dark"] .ag-summary-copy p {
  color: var(--ag-cream) !important;
}

html[data-ag-theme="dark"] .ag-article-hero--centered .ag-article-deck {
  color: color-mix(in srgb, var(--ag-cream) 72%, transparent) !important;
}

html[data-ag-theme="dark"] .ag-single-visual-flow .ag-centered-summary {
  color: var(--ag-cream) !important;
  background: color-mix(in srgb, var(--ag-cream) 10%, var(--ag-blue)) !important;
}

@media (max-width: 1100px) {
  .ag-article-hero.ag-article-hero--centered {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ag-article-hero--centered .ag-article-title {
    max-width: 58rem !important;
    font-size: clamp(2.2rem, 5vw, 3.8rem) !important;
  }
}

@media (max-width: 720px) {
  .ag-article-hero.ag-article-hero--centered {
    padding: 1.25rem .1rem 1rem !important;
  }

  .ag-article-hero--centered .ag-article-kicker {
    margin-bottom: .5rem !important;
  }

  .ag-article-hero--centered .ag-article-title {
    font-size: clamp(2rem, 9.1vw, 2.85rem) !important;
    line-height: 1.02 !important;
  }

  .ag-article-hero--centered .ag-article-deck {
    font-size: 1rem !important;
    line-height: 1.43 !important;
  }

  .ag-single-visual-flow .ag-opening-media,
  .ag-single-visual-flow .ag-centered-summary,
  .ag-single-visual-flow .ag-reading-column {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ag-single-visual-flow .ag-centered-summary {
    padding: 1rem !important;
    border-radius: 2px;
  }
}

/* Absolute final authority for the Hypebeast-simple Summary card. */
html body .ag-single-visual-flow .ag-editorial-box.ag-auto-summary.ag-centered-summary {
  border: 0 !important;
  outline: 0 !important;
}

/* ================================================================
   Americana Gecko 3.0.1 — restrained desktop article headline.
   The 3.0.0 desktop title was scaling to 4.35rem, which made the page
   feel like the Fold layout enlarged. Desktop now has its own measure.
   ================================================================ */
@media (min-width: 1201px) {
  .ag-article-hero.ag-article-hero--centered {
    max-width: 72rem !important;
    padding: 2.1rem 1.25rem 1.35rem !important;
  }

  .ag-article-hero--centered .ag-article-hero-copy {
    max-width: 62rem !important;
  }

  .ag-article-hero--centered .ag-article-title {
    width: min(100%, 60rem) !important;
    max-width: 60rem !important;
    margin-bottom: .8rem !important;
    font-size: clamp(2.8rem, 3.05vw, 3.35rem) !important;
    line-height: 1.055 !important;
    letter-spacing: -.03em !important;
  }

  .ag-article-hero--centered .ag-article-deck {
    width: min(100%, 46rem) !important;
    max-width: 46rem !important;
    margin-bottom: .8rem !important;
    font-size: 1.06rem !important;
    line-height: 1.42 !important;
  }

  .ag-article-hero--centered .ag-article-kicker {
    margin-bottom: .55rem !important;
  }
}



/* Americana Gecko 3.0.2 — keep collection prices aligned at tablet and phone widths. */
@media (max-width: 1024px) {
  .ag-pricing-columns {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .ag-price-row {
    flex-wrap: nowrap;
  }
}