/**
 * HOLO Press 1.2.4 — H01 ONLY. Util uses specimen BrooksCole lockup.
 * Do not change H02–H06 in this file beyond the 1.2.3 baseline.
 * Util lockup 52px. Nav 13px. Icons + real HOLO mark (not CSS pinwheel).
 * Mast lockup restored. Color bar 20px, 11px inset, under the mast.
 * Desktop only. No copy. No HOME.
 */

:root {
  --holo-black: #000000;
  --holo-white: #ffffff;
  --holo-gold: #dfae23;
  --holo-gold-hi: #fed70b;
  --holo-gold-deep: #b37c03;
  --holo-quote: #6b6b6b;
  --holo-font-head: "Montserrat", sans-serif;
  --holo-font-soul: "Libre Baskerville", Georgia, serif;
}

body.holo-press-article.holo-article-chrome {
  margin: 0 !important;
  padding: 0 !important;
  background: var(--holo-black) !important;
  color: var(--holo-white);
  font-family: var(--holo-font-soul);
}

body.holo-press-article.holo-article-chrome .site-header,
body.holo-press-article.holo-article-chrome .site-footer,
body.holo-press-article.holo-article-chrome header.wp-block-template-part,
body.holo-press-article.holo-article-chrome footer.wp-block-template-part,
body.holo-press-article.holo-article-chrome .wp-site-blocks > header,
body.holo-press-article.holo-article-chrome .wp-site-blocks > footer {
  display: none !important;
}

/* ─── Utility header ─── */
.holo-util {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--holo-black);
  color: var(--holo-white);
  padding: 10px 32px;
  min-height: 72px;
}

.holo-util__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  flex-shrink: 0;
}

.holo-lockup {
  display: block;
  height: auto;
  object-fit: contain;
  object-position: left center;
}

.holo-lockup--util {
  height: 52px;
  width: auto;
  max-width: 240px;
}

.holo-lockup--mast {
  width: min(720px, 92vw);
  height: auto;
  margin: 0 auto;
}

.holo-lockup--foot {
  width: min(420px, 100%);
  height: auto;
}

.holo-util__portrait,
.holo-author__avatar,
.holo-essay__by img,
.holo-about__portrait,
.holo-mast__portrait {
  border-radius: 50%;
  object-fit: cover;
}

.holo-util__portrait {
  width: 36px;
  height: 36px;
  border: 1px solid var(--holo-gold);
}

.holo-util__name {
  display: block;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.02em;
}

.holo-tagline {
  display: block;
  font-family: var(--holo-font-soul);
  font-size: 9px;
  line-height: 1.2;
  font-style: italic;
}

.holo-tagline em,
.holo-tagline i {
  font-style: italic;
  color: var(--holo-gold-hi);
  font-family: var(--holo-font-soul);
}

.holo-tagline--lg {
  font-size: 14px;
}

.holo-util__nav {
  display: flex;
  gap: 22px;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.holo-util__nav a {
  color: var(--holo-white);
  text-decoration: none;
}

.holo-util__tools {
  display: flex;
  align-items: center;
  gap: 10px;
}

.holo-util__icon {
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  color: var(--holo-white);
  display: inline-flex;
}
.holo-util__icon svg {
  width: 22px;
  height: 22px;
}

.holo-util__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #e11;
  color: #fff;
  font-family: var(--holo-font-head);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  padding: 2px 3px;
  border-radius: 8px;
}

.holo-util__burger {
  flex-direction: column;
  gap: 3px;
}

.holo-util__burger span {
  display: block;
  width: 16px;
  height: 2px;
  background: #fff;
}

.holo-orb {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: url("../img/holo-mark.png") center / contain no-repeat;
  box-shadow: none;
  flex-shrink: 0;
}

/* ─── Masthead ─── */
.holo-mast {
  background: var(--holo-black);
}

.holo-mast__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 28px 18px 18px;
}

.holo-mast__portrait {
  width: 120px;
  height: 120px;
  border: 3px solid var(--holo-gold-hi);
}

.holo-mast__portrait--sm {
  width: 72px;
  height: 72px;
  border-width: 2px;
}

.holo-wordmark {
  font-family: var(--holo-font-head);
  font-weight: 800;
  font-size: 56px;
  line-height: 0.9;
  color: var(--holo-white);
  margin: 0;
  letter-spacing: -0.03em;
}

.holo-wordmark__oo {
  color: var(--holo-gold-hi);
  font-weight: 400;
  display: inline-block;
  transform: scaleX(1.25);
}

.holo-wordmark--on-gold {
  font-size: 42px;
  display: inline;
}

/* ─── Holonic color bar ─── */
.holo-bagua {
  display: flex;
  gap: 6px;
  padding: 0 11px 8px;
}

.holo-bagua__seg {
  flex: 1;
  height: 20px;
  border-radius: 8px;
}

.holo-bagua__seg--gold {
  background: linear-gradient(90deg, #b07d2c, #eecc4a, #b57b2b);
}
.holo-bagua__seg--yellow { background: #fed709; }
.holo-bagua__seg--green { background: #32cd32; }
.holo-bagua__seg--cyan { background: #40e0d0; }
.holo-bagua__seg--indigo { background: #4b68d8; }
.holo-bagua__seg--purple { background: #4b0682; }
.holo-bagua__seg--magenta { background: #fd06fe; }
.holo-bagua__seg--red { background: #fd0807; }
.holo-bagua__seg--orange { background: #fe8c09; }

/* ─── Article shell ─── */
body.holo-article-chrome .holo-article {
  max-width: none;
  background: var(--holo-white);
  color: var(--holo-black);
}

body.holo-article-chrome .holo-hero {
  background: var(--holo-white);
}
body.holo-article-chrome .holo-hero__visual {
  background: transparent;
}

body.holo-article-chrome .holo-hero__visual {
  position: relative;
  aspect-ratio: auto;
  min-height: 0;
  max-height: none;
  height: auto;
  overflow: visible;
}

body.holo-article-chrome .holo-hero__image {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  transform: none;
  display: block;
}

body.holo-article-chrome .holo-hero__portrait-photo {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(62, 199, 216, 0.55);
}

.holo-well {
  background: var(--holo-white);
  color: var(--holo-black);
  max-width: 920px;
  margin: 0 auto;
  padding: 8px 34px 89px;
}
body.holo-article-chrome .holo-h1-article {
  text-align: center;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 30px;
  line-height: 34px;
}
body.holo-article-chrome .holo-subhead-article {
  text-align: center;
}

body.holo-article-chrome .holo-h1-article,
body.holo-article-chrome .holo-subhead-article,
body.holo-article-chrome .holo-hero__text .holo-badge {
  animation: none;
  opacity: 1;
  transform: none;
}

.holo-badge--series,
body.holo-article-chrome .holo-badge--series,
.holo-hero .holo-badge--series {
  display: block;
  width: fit-content;
  margin: 18px auto 10px;
  background: var(--holo-gold);
  color: #000000;
  border: 0;
  position: static;
  z-index: 2;
  padding: 8px 18px;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  transform: none;
}

.holo-byline,
.holo-byline .holo-author,
.holo-byline .holo-author__meta,
.holo-byline .holo-author__name,
.holo-byline .holo-author__role,
.holo-byline .holo-caption,
.holo-byline__actions,
.holo-listen,
.holo-socials,
.holo-social {
  position: static;
}

.holo-byline {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  margin: 18px 0 16px;
}
.holo-byline .holo-caption {
  display: none !important;
}
.holo-byline .holo-author {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  max-width: none !important;
}
.holo-byline .holo-author__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.holo-byline__actions {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  width: auto !important;
}

.holo-byline .holo-author {
  margin-top: 0;
}

.holo-byline .holo-author__name {
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}

.holo-author__role {
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 10px;
  margin-bottom: 4px;
}

.holo-byline__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.holo-listen {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--holo-gold-hi);
  color: var(--holo-black);
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 12px;
  text-decoration: none;
  padding: 8px 18px;
  border-radius: 999px;
}

.holo-listen .holo-icon {
  color: var(--holo-black);
}

.holo-socials {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.holo-social {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 11px;
  text-decoration: none;
  color: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 2px;
}

.holo-social--yt { background: #e11; }
.holo-social--in { background: #0a66c2; }
.holo-social--x { background: #000; }
.holo-social--share { background: var(--holo-gold); color: #000; }

.holo-rule {
  border: 0;
  height: 0;
  border-top: 2px dotted var(--holo-gold);
  margin: 21px 0 34px;
}

body.holo-article-chrome .holo-article__body {
  padding: 0;
  max-width: none;
  font-size: 18px;
  line-height: 1.7;
}

body.holo-article-chrome .holo-article__body > hr:first-child,
body.holo-article-chrome .holo-article__body > .wp-block-separator:first-child,
body.holo-article-chrome .holo-subhead-article + .holo-rule {
  display: none;
}

.holo-sonic-target {
  position: relative;
  height: 0;
  overflow: hidden;
}

body.holo-article-chrome .holo-article__body h2,
body.holo-article-chrome .holo-article__body h3 {
  font-family: var(--holo-font-head);
  font-weight: 700;
  text-align: center;
  line-height: 1.15;
}

body.holo-article-chrome .holo-article__body h2 {
  font-size: 30px;
  line-height: 30px;
}

body.holo-article-chrome .holo-article__body h3 {
  font-size: 18px;
  line-height: 18px;
}

body.holo-article-chrome .holo-article__body blockquote {
  margin: 34px 0;
  padding: 21px 0;
  border: 0;
  border-top: 2px dotted var(--holo-gold);
  border-bottom: 2px dotted var(--holo-gold);
  font-family: var(--holo-font-soul);
  font-style: italic;
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  color: var(--holo-quote);
}

.holo-rail-head {
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 55px 0 21px;
}

.holo-rail-head__rule {
  flex: 1;
  border-top: 2px dotted var(--holo-gold);
  position: relative;
}

.holo-rail-head__rule::after {
  content: "→";
  color: var(--holo-gold);
  position: absolute;
  right: 0;
  top: -0.75em;
  font-size: 14px;
}

/* ─── ResonantBrand holon — intact Canva asset, not a reconstruction ─── */
.holo-rb {
  margin: 34px 0 13px;
  background: var(--holo-black);
  color: var(--holo-white);
}

.holo-rb__holon {
  display: block;
  width: 100%;
  height: auto;
}

.holo-rb__copy,
.holo-rb__close {
  padding: 21px 28px;
}

.holo-rb__h {
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.15;
  margin: 0 0 13px;
}

.holo-rb__copy p,
.holo-rb__close p {
  font-family: var(--holo-font-soul);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 13px;
}

.holo-rb__close {
  text-align: center;
}

.holo-rb__close .holo-badge {
  background: var(--holo-gold-hi);
  color: var(--holo-black);
}

.holo-sponsor {
  text-align: center;
  font-family: var(--holo-font-soul);
  font-size: 13px;
  margin: 13px 0 34px;
}

.holo-sponsor a {
  color: var(--holo-gold-deep);
}

/* ─── VIP holon ─── */
.holo-vip {
  margin: 34px 0;
}

.holo-vip__foil {
  background:
    repeating-linear-gradient(
      135deg,
      #fed70b 0 6px,
      #dfae23 6px 12px,
      #efcd4b 12px 18px,
      #c49a2d 18px 24px
    );
  padding: 28px 28px 0;
  color: var(--holo-black);
}

.holo-vip__kicker {
  font-family: var(--holo-font-head);
  font-weight: 800;
  font-size: 22px;
  line-height: 1.15;
  color: var(--holo-white);
  margin: 0 0 13px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.holo-vip__lede,
.holo-vip__text p,
.holo-vip__foot {
  font-family: var(--holo-font-soul);
  font-size: 14px;
  line-height: 1.5;
}

.holo-vip__grid {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 16px;
  align-items: end;
}

.holo-vip__title {
  font-family: var(--holo-font-head);
  font-weight: 800;
  font-size: 22px;
  margin: 13px 0;
}

.holo-vip__portrait {
  width: 180px;
  height: auto;
  object-fit: cover;
  object-position: top;
  display: block;
}

.holo-vip__url {
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 11px;
}

.holo-vip__foot {
  text-align: center;
  margin: 21px 0;
}

.holo-vip__cta-wrap {
  text-align: center;
}

.holo-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-decoration: none;
  padding: 10px 18px;
}

.holo-cta--gold {
  background: var(--holo-gold-hi);
  color: var(--holo-black);
}

.holo-cta--black {
  background: var(--holo-black);
  color: var(--holo-gold-hi);
}

.holo-cta__arrow {
  color: var(--holo-white);
  font-size: 12px;
}

/* ─── Essays ─── */
.holo-essay {
  display: flex;
  gap: 16px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 16px 0;
  border-top: 2px dotted var(--holo-gold);
}

.holo-essay__thumb {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  background: #111;
  overflow: hidden;
}

.holo-essay__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.holo-essay__title {
  display: block;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 10px;
}

.holo-essay__by {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.06em;
}

.holo-essay__by img {
  width: 20px;
  height: 20px;
}

/* ─── About ─── */
.holo-about__grid {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 21px;
  align-items: start;
}

.holo-about__portrait {
  width: 160px;
  height: 160px;
  border: 3px solid var(--holo-gold);
}

.holo-about__bio {
  font-family: var(--holo-font-soul);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.holo-about__connect {
  margin-top: 21px;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 12px;
}

.holo-about__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 6px;
  text-decoration: none;
}

.holo-about__icon--mail { background: var(--holo-gold-hi); color: #000; }
.holo-about__icon--in { background: #0a66c2; color: #fff; font-size: 11px; }
.holo-about__icon--x { background: #000; color: #fff; font-size: 11px; }

/* ─── Footer ─── */
.holo-foot {
  background: var(--holo-black);
  color: var(--holo-white);
}

.holo-foot .holo-bagua {
  padding: 6px;
}

.holo-foot__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 21px 34px;
  padding: 34px 28px 55px;
  max-width: 1100px;
  margin: 0 auto;
}

.holo-foot__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  grid-column: 1;
}

.holo-foot__tag {
  font-family: var(--holo-font-soul);
  font-size: 13px;
  line-height: 1.45;
  grid-column: 1;
  margin: 0;
}

.holo-foot__copy {
  font-family: var(--holo-font-head);
  font-size: 11px;
  grid-column: 1;
  margin: 0;
}

.holo-foot__cols {
  grid-column: 2;
  grid-row: 1 / span 3;
  display: flex;
  gap: 55px;
  justify-content: flex-end;
}

.holo-foot__cols ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.holo-foot__cols a {
  color: var(--holo-white);
  text-decoration: none;
  font-family: var(--holo-font-head);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.06em;
  line-height: 2;
}

/* ─── Phone gate (max-width: 767px): same holons, one column ─── */
@media (max-width: 767px) {
  body.holo-press-article.holo-article-chrome {
    overflow-x: hidden;
  }

  /* 1. Utility: lockup left, icons right, nav wraps as the second line. */
  .holo-util {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    padding: 8px 12px;
    min-height: 0;
  }

  .holo-util__brand {
    order: 1;
  }

  .holo-util__tools {
    order: 2;
    gap: 8px;
  }

  .holo-util__nav {
    order: 3;
    width: 100%;
    justify-content: space-between;
    gap: 6px;
    font-size: 9px;
  }

  .holo-lockup--util {
    height: 28px;
    max-width: 148px;
  }

  .holo-orb {
    width: 28px;
    height: 28px;
  }

  /* No third identity lockup in the utility bar. */
  .holo-util .holo-util__portrait,
  .holo-util .holo-wordmark,
  .holo-util .holo-tagline {
    display: none;
  }

  /* 2. Masthead: one lockup + 9-segment color bar. */
  .holo-mast__inner {
    padding: 12px 12px 8px;
  }

  .holo-lockup--mast {
    width: min(360px, 92vw);
  }

  .holo-mast__portrait,
  .holo-mast .holo-wordmark,
  .holo-mast .holo-tagline {
    display: none;
  }

  .holo-bagua__seg {
    height: 10px;
  }

  /* 3. Hero: full plate, no letterbox crop. */
  body.holo-article-chrome .holo-hero__visual {
    aspect-ratio: auto;
    min-height: 0;
    max-height: none;
    height: auto;
    overflow: visible;
  }

  body.holo-article-chrome .holo-hero__image {
    width: 100%;
    height: auto;
    min-height: 0;
    max-width: none;
    object-fit: contain;
    object-position: center center;
    transform: none;
  }

  body.holo-article-chrome .holo-hero__placeholder {
    min-height: 220px;
  }

  body.holo-article-chrome .holo-hero__placeholder-grid {
    grid-template-columns: 1fr auto 1fr;
    padding: 16px 10px;
  }

  body.holo-article-chrome .holo-hero__slot--left,
  body.holo-article-chrome .holo-hero__slot--right {
    display: flex;
  }

  body.holo-article-chrome .holo-hero__year {
    font-size: clamp(22px, 7vw, 36px);
  }

  /* 4. Series plate, H1, dek — one column, no crush. */
  .holo-well {
    padding: 21px 16px 55px;
    max-width: none;
  }

  .holo-badge--series,
  body.holo-article-chrome .holo-badge--series,
  .holo-hero .holo-badge--series {
    position: static !important;
    margin: 12px auto 16px;
    color: #000000;
    transform: none !important;
  }

  body.holo-article-chrome .holo-h1-article,
  .holo-h1-article {
    font-size: 22px;
    line-height: 26px;
    max-width: none;
    color: var(--holo-black);
  }

  body.holo-article-chrome .holo-h1-article__line {
    display: block;
    white-space: normal;
  }

  .holo-subhead-article {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 21px;
  }

  /*
   * 5. Byline as the board: avatar+name left, Listen + socials on the same row.
   * Static only — never fixed / sticky-bottom (Safari chrome).
   */
  .holo-byline,
  .holo-byline .holo-author,
  .holo-byline .holo-author__avatar,
  .holo-byline .holo-author__meta,
  .holo-byline .holo-author__name,
  .holo-byline .holo-author__role,
  .holo-byline .holo-caption,
  .holo-byline__actions,
  .holo-listen,
  .holo-socials,
  .holo-social {
    position: static !important;
    float: none !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .holo-byline {
    display: flex !important;
  }
  .holo-byline__actions {
    order: 3;
    justify-content: center !important;
    width: 100%;
    margin: 4px 0 16px;
  }
  .holo-byline .holo-author {
    order: 6;
    max-width: 100% !important;
  }

  .holo-byline .holo-author {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px;
    max-width: 100% !important;
    margin: 0 !important;
    width: auto;
    flex: 1 1 200px;
  }

  .holo-byline .holo-author__avatar {
    width: 48px;
    height: 48px;
    display: block;
  }

  .holo-byline .holo-author__meta {
    display: block !important;
    width: 100%;
  }

  .holo-byline .holo-author__name,
  .holo-byline .holo-author__role {
    display: block !important;
  }

  .holo-byline .holo-caption {
    display: block !important;
    font-size: 12px;
    line-height: 18px;
    margin: 8px 0 0;
    opacity: 1;
  }

  .holo-byline__actions {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: auto;
    flex: 0 1 auto;
  }

  .holo-listen,
  .holo-socials,
  .holo-social {
    position: static !important;
  }

  /* 6. One column holons, full-bleed photos. */
  .holo-rb__holon,
  .holo-vip__portrait,
  .holo-about__portrait,
  .holo-essay__thumb img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }

  .holo-essay__thumb {
    width: 72px;
    height: 72px;
  }

  .holo-essay__thumb img {
    height: 100%;
    object-fit: cover;
  }

  .holo-rb__copy,
  .holo-rb__close {
    padding: 16px;
  }

  .holo-vip__foil {
    padding: 21px 16px 0;
  }

  .holo-vip__grid,
  .holo-about__grid,
  .holo-foot__inner {
    grid-template-columns: 1fr;
  }

  .holo-foot__cols {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
    gap: 34px;
  }

  .holo-lockup--foot {
    width: min(280px, 100%);
  }

  .holo-wordmark {
    font-size: 36px;
  }
}


/* Canva two-line H1 lockup */
body.holo-article-chrome .holo-h1-article__line {
  display: block;
}

/* 1.1.8 — match DAHSdfQQHcw: full plate, badge under the image (gold / black type), no on-plate overlay */
body.holo-article-chrome .holo-hero__visual {
  position: relative;
  aspect-ratio: auto;
  min-height: 0;
  max-height: none;
  height: auto;
  overflow: visible;
}
body.holo-article-chrome .holo-hero__image {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
  object-position: center center;
  display: block;
  transform: none;
}
.holo-hero .holo-badge--series,
body.holo-article-chrome .holo-badge--series {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 14px auto 18px;
  background: var(--holo-gold);
  color: #000000;
}
@media (max-width: 767px) {
  body.holo-article-chrome .holo-hero__visual,
  body.holo-article-chrome .holo-hero__image {
    aspect-ratio: auto;
    min-height: 0;
    max-height: none;
  }
  body.holo-article-chrome .holo-h1-article {
    font-size: 22px;
    line-height: 26px;
  }
  body.holo-article-chrome .holo-h1-article__line {
    display: block;
    white-space: normal;
  }
}

/* 1.1.9 — hero video holon (Canva play on the full plate) */
.holo-hero__stage {
  position: relative;
  display: block;
  width: 100%;
}
.holo-hero__video {
  display: none;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  background: #000;
}
.holo-hero__visual.is-playing .holo-hero__image {
  display: none;
}
.holo-hero__visual.is-playing .holo-hero__video {
  display: block;
}
.holo-hero__visual.is-playing .holo-hero__play {
  display: none;
}
.holo-hero__play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 88px;
  height: 88px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 4;
}
.holo-hero__play-icon {
  display: block;
  width: 0;
  height: 0;
  margin-left: 34px;
  border-style: solid;
  border-width: 16px 0 16px 26px;
  border-color: transparent transparent transparent #fff;
}
@media (max-width: 767px) {
  .holo-hero__play {
    width: 64px;
    height: 64px;
  }
  .holo-hero__play-icon {
    margin-left: 24px;
    border-width: 12px 0 12px 20px;
  }
}


/* 1.2.2 lock — THE DESIGN (Brooks pair, left) */
body.holo-article-chrome .holo-hero,
body.holo-article-chrome .holo-hero__visual,
body.holo-article-chrome .holo-hero__image {
  width: 100% !important;
  max-width: none !important;
}
body.holo-article-chrome .holo-hero__visual {
  background: transparent !important;
}
body.holo-article-chrome .holo-hero__image {
  object-fit: cover !important;
  object-position: center center !important;
  height: auto !important;
}
.holo-byline {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}
.holo-byline .holo-caption { display: none !important; }
body.holo-article-chrome .holo-gold-word { color: var(--holo-gold-hi) !important; }

/* 1.2.3 lock — desktop header from spec. Phone left alone. */
@media (min-width: 768px) {
  .holo-mast__inner { display: flex !important; }
  .holo-lockup--util { height: 52px !important; max-width: 240px !important; }
  .holo-util { padding: 10px 32px !important; min-height: 72px !important; }
  .holo-util__nav { font-size: 13px !important; letter-spacing: 0.1em !important; gap: 22px !important; }
  .holo-util__icon svg { width: 22px !important; height: 22px !important; }
  .holo-orb {
    width: 64px !important;
    height: 64px !important;
    background: url("../img/holo-mark.png") center / contain no-repeat !important;
    box-shadow: none !important;
  }
  .holo-bagua {
    gap: 6px !important;
    padding: 0 11px 8px !important;
  }
  .holo-bagua__seg { height: 20px !important; }
}


/* 1.2.8 H01 ONLY — same cropped eec63f + white sans tagline; drop tagline 3px so glyph ink fills 227×54. */
@media (min-width: 768px) {
  .holo-util {
    display: flex !important;
    align-items: flex-start !important;
    padding: 14px 18px 8px 33px !important;
    min-height: 0 !important;
  }
  .holo-util__brand {
    display: block !important;
    position: relative !important;
    width: 227px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .holo-lockup--util {
    display: block !important;
    width: 227px !important;
    height: 51px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left top !important;
  }
  .holo-util__brand .holo-tagline {
    display: block !important;
    position: absolute !important;
    left: 63px !important;
    top: 41px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--holo-font-head) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: -0.08em !important;
    font-style: normal !important;
    color: #ffffff !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
  .holo-util__brand .holo-tagline i,
  .holo-util__brand .holo-tagline em {
    font-style: normal !important;
    color: #ffffff !important;
  }
}

/* 1.2.10 H02 ONLY — correct 1.2.9 overshoot: translate(-14px, 23px). H01 locked. */
@media (min-width: 768px) {
  .holo-util__nav {
    transform: translate(-14px, 23px) !important;
    gap: 24px !important;
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
  }
}

/* 1.2.11 H03 ONLY — specimen blob marks 01–04. Burger: CANONICAL ASSET NOT LOCATED (inline 3 bars). H01+H02 locked. H04 untouched. */
@media (min-width: 768px) {
  .holo-util {
    position: relative !important;
  }
  .holo-util__icons {
    position: absolute !important;
    left: 954px !important;
    top: 28px !important;
    width: 197px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  .holo-util__icons .holo-util__icon {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .holo-util__icons .holo-util__icon svg {
    display: none !important;
  }
  .holo-util__icon--heart { left: 0 !important; top: 2px !important; }
  .holo-util__icon--heart img { display: block !important; width: 28px !important; height: 23px !important; }
  .holo-util__icon--user { left: 51px !important; top: 2px !important; }
  .holo-util__icon--user img { display: block !important; width: 24px !important; height: 24px !important; }
  .holo-util__icon--basket { left: 92px !important; top: 3px !important; }
  .holo-util__icon--basket img { display: block !important; width: 21px !important; height: 21px !important; }
  .holo-util__icon--search { left: 129px !important; top: 3px !important; }
  .holo-util__icon--search img { display: block !important; width: 23px !important; height: 23px !important; }
  .holo-util__icon--burger {
    left: 172px !important;
    top: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    width: 25px !important;
    height: 19px !important;
    gap: 0 !important;
  }
  .holo-util__icon--burger span {
    width: 25px !important;
    height: 3px !important;
    background: #fff !important;
    border-radius: 2px !important;
  }
  .holo-util__icon--heart .holo-util__badge {
    top: -6px !important;
    right: -10px !important;
  }
}
/* 1.2.12 H02 ONLY — restore letter ink to 429×10 at (422,39). Icons out of flow drifted nav +76. H01+H03 locked. */
@media (min-width: 768px) {
  .holo-util__nav {
    transform: translate(-90px, 23px) !important;
  }
}
/* 1.2.13 H03 ONLY — drop badge 4px so cluster ink is 197×28 at (954,28). Icon x seats locked. H01+H02 locked. */
@media (min-width: 768px) {
  .holo-util__icon--heart .holo-util__badge {
    top: -2px !important;
  }
}
/* 1.2.14 H04 ONLY — seat specimen HOLO mark 66×66 at (1185,9). Same asset. H01+H02+H03 locked. */
@media (min-width: 768px) {
  .holo-orb {
    position: absolute !important;
    left: 1185px !important;
    top: 9px !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: url("../img/holo-mark.png") center / contain no-repeat !important;
  }
}
/* 1.2.15 H02 ONLY — restore letter ink to 432×9 at (422,39). Orb out of flow drifted nav +32. H01+H03+H04 locked. */
@media (min-width: 768px) {
  .holo-util__nav {
    transform: translate(-122px, 23px) !important;
  }
}
/* 1.2.16 H04 ONLY — fill 66×66 at (1185,9). Existing mark is 69×69 with 2px pad; contain left 3px empty. H01+H02+H03 locked. */
@media (min-width: 768px) {
  .holo-orb {
    position: absolute !important;
    left: 1185px !important;
    top: 9px !important;
    width: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: url("../img/holo-mark.png") -2px -2px / 69px 69px no-repeat !important;
  }
}
/* 1.2.17 H02 ONLY — restore letter ink to 432×9 at (422,39). Origin +6 and glyph ink −11 (gaps held, not clip). H01+H03+H04 locked. */
@media (min-width: 768px) {
  .holo-util__nav {
    transform: translate(-128px, 23px) scaleX(1.02613) !important;
    transform-origin: left center !important;
  }
}
/* 1.2.18 H05 ONLY — transfer specimen mast 443×108 at (414,78). Same identity. Hide live 900×225 lockup. H01–H04 locked. No H06. */
@media (min-width: 768px) {
  body.holo-article-chrome {
    position: relative !important;
  }
  .holo-mast__inner {
    display: block !important;
    height: 112px !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }
  .holo-lockup--mast {
    position: absolute !important;
    left: 414px !important;
    top: 78px !important;
    width: 443px !important;
    height: 108px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    object-fit: none !important;
    object-position: 200vw 0 !important;
    background: url("../img/h05-mast.png") 0 0 / 443px 108px no-repeat !important;
  }
}
/* 1.2.19 H02 ONLY — restore letter ink to 432×9 at (422,39). 1.2.17 scaleX overshoots now that glyphs are full; drop it and seat +5. H01+H03+H04+H05 locked. */
@media (min-width: 768px) {
  .holo-util__nav {
    transform: translate(-123px, 23px) !important;
    transform-origin: left center !important;
  }
}
/* 1.2.20 H06 ONLY — seat 9-seg bagua 1208×20 at (36,198). Same segments. 12px mast gap, 36px inset. H01–H05 locked. */
@media (min-width: 768px) {
  .holo-bagua {
    margin-top: 12px !important;
    padding: 0 36px 8px !important;
  }
}
/* 1.2.21 H06 ONLY — seat bagua 1208×20 at (36,198). margin-top 12→10. Padding 0 36px 8px held. Same 9 segs. H01–H05 locked. */
@media (min-width: 768px) {
  .holo-bagua {
    margin-top: 10px !important;
  }
}
/* 1.2.22 H07 ONLY — bagua→hero black gap 18px (y218–235). padding-bottom 8→18. H01–H06 locked. Segment gap 6 held. */
@media (min-width: 768px) {
  .holo-bagua {
    padding-bottom: 18px !important;
  }
}
/* 1.2.23 H08 ONLY — seat hero plate 1280×580 at (0,236). Well at 816. Same asset. H01–H07 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-hero__visual,
  body.holo-article-chrome .holo-hero__stage {
    height: 580px !important;
    max-height: 580px !important;
    overflow: hidden !important;
  }
  body.holo-article-chrome .holo-hero__image,
  body.holo-article-chrome .holo-hero__video {
    height: 580px !important;
    max-height: 580px !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}
/* 1.2.24 H08 ONLY — crop inside locked 580 box. object-position center top → center bottom so HOLO + ALOHA MINDSET seat. Box 1280×580 at (0,236) held. H01–H07 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-hero__image,
  body.holo-article-chrome .holo-hero__video {
    object-position: center bottom !important;
  }
}
/* 1.2.25 H08 ONLY — transfer specimen plate 1280×580 at (0,236). Crop A-1211 y236–815. Hide live img/video. Box and well 816 held. H01–H07 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-hero__visual,
  body.holo-article-chrome .holo-hero__stage {
    background: url("../img/h08-plate.png") 0 0 / 1280px 580px no-repeat !important;
  }
  body.holo-article-chrome .holo-hero__image,
  body.holo-article-chrome .holo-hero__video {
    object-fit: none !important;
    object-position: 200vw 0 !important;
  }
}
/* 1.2.26 H08 ONLY — seat specimen plate on img+video (H05 pattern). Same PNG. Hide live pixels 200vw. Box 1280×580 at (0,236) held. H01–H07 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-hero__image,
  body.holo-article-chrome .holo-hero__video {
    background: url("../img/h08-plate.png") 0 0 / 1280px 580px no-repeat !important;
    object-fit: none !important;
    object-position: 200vw 0 !important;
  }
}
/* 1.2.27 H09 ONLY — seat desktop headline 881×95 at (185,845). Size/width/line-height/top gap from well 816. Same words. H01–H08 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-h1-article {
    font-size: 42px !important;
    line-height: 42px !important;
    max-width: 881px !important;
    width: 881px !important;
    margin-top: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.holo-article-chrome .holo-h1-article__line {
    display: block !important;
    line-height: 42px !important;
  }
}
/* 1.2.28 H09 ONLY — grow L1 ink to 881×42 at (185,845). Keep y845. Break well clamp. Same words. H01–H08 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-h1-article {
    font-size: 46px !important;
    line-height: 42px !important;
    width: 881px !important;
    max-width: 881px !important;
    margin-top: 18px !important;
    margin-left: -29px !important;
    margin-right: auto !important;
  }
  body.holo-article-chrome .holo-h1-article__line {
    display: block !important;
    line-height: 42px !important;
    white-space: nowrap !important;
  }
}
/* 1.2.29 H09 ONLY — nudge headline right. Keep 46px and y845. margin-left −29→+5 so L1 ink starts x185. Same words. H01–H08 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-h1-article {
    margin-left: 5px !important;
  }
}
/* 1.2.30 H09 ONLY — open L1→L2 gap so L2 ink sits y900. Keep 46px, margin-left 5, L1 x185 y845. Same words. H01–H08 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-h1-article__line + .holo-h1-article__line {
    margin-top: 18px !important;
  }
}
/* 1.2.31 H10 ONLY — seat live dek toward 575×55 at (352,974). Same words. H01–H09 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    width: 575px !important;
    max-width: 575px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 9px !important;
    font-size: 18px !important;
    line-height: 27px !important;
    font-family: var(--holo-font-soul) !important;
  }
}
/* 1.2.32 H10 ONLY — drop dek first ink y969→974. Keep width 575. Same words. H01–H09 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    margin-top: 14px !important;
  }
}
/* 1.2.33 H10 ONLY — beat H1 mb collapse. padding-top 5 so first ink y969→974. Keep width 575. Same words. Do not raise mt. H01–H09 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    padding-top: 5px !important;
  }
}
/* 1.2.34 H11 ONLY — seat live byline toward y1041. margin-top 18→−4 (≈22px up). Same row. H01–H10 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-byline {
    margin-top: -4px !important;
  }
}
/* 1.2.35 H11 ONLY — seat byline first-content 1059→1041. margin-top −4→−22. Same row. H10 first-ink y974 held. H01–H10 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-byline {
    margin-top: -22px !important;
  }
}
/* 1.2.36 H12 ONLY — seat gold dotted rule y1101→1082. .holo-rule margin-top 21→2. Same rule. H01–H11 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-rule {
    margin-top: 2px !important;
  }
}
/* 1.2.37 H12 ONLY — beat byline mb collapse. .holo-byline margin-bottom 16→2 so rule y1096→1082. Same rule. H11 first-content y1041 held. H01–H11 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-byline {
    margin-bottom: 2px !important;
  }
}
/* 1.2.38 H13 ONLY — seat post-rule gap ≈42→28 / first body y1124→1110. .holo-rule margin-bottom 34→20. H12 y1082 held. H01–H12 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-rule {
    margin-bottom: 20px !important;
  }
}
/* 1.2.39 H14 ONLY — seat live body column left toward spec x172. .holo-article__body margin-left −9. Same words. H01–H13 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-article__body {
    margin-left: -9px !important;
  }
}
/* 1.2.40 H15 ONLY — seat live body measure toward ≈720. .holo-article__body max-width 720. Keep margin-left −9. Same words. H01–H14 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-article__body {
    max-width: 720px !important;
  }
}
/* 1.2.41 H16 ONLY — seat para air ~19.8→28. .holo-article__body p margin-bottom 28. Same words. No font-size/lh. H01–H15 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-article__body p {
    margin-bottom: 28px !important;
  }
}
/* 1.2.42 H17 ONLY — seat body leading 30.6→36. .holo-article__body line-height 36px. Same words. No font-size / p mb. H01–H16 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-article__body {
    line-height: 36px !important;
  }
}
/* 1.2.43 H17b ONLY — restore H13 first body ink y1113→1110. Keep lh 36. .holo-article__body margin-top −3. Same words. H01–H16 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-article__body {
    margin-top: -3px !important;
  }
}
/* 1.2.44 H18 ONLY — seat dek font-size 18→25. Hold width 575 / first-ink y974. No lh / family / tracking. Same words. H01–H17 locked. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    font-size: 25px !important;
  }
}
/* 1.2.45 H18b ONLY — keep dek fs 25. padding-top 5→8 (H10 y971→974). margin-bottom 34→7 (cascade H12/H13). Same words. H01–H09 / H14–H17 props held. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    padding-top: 8px !important;
    margin-bottom: 7px !important;
  }
}
/* 1.2.46 H18c ONLY — keep dek fs 25 + pt 8. margin-bottom 7→4 so H12 y1085→1082 / H13 y1113→1110. Same words. H10 y974 held. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    margin-bottom: 4px !important;
  }
}
/* 1.2.47 H19 ONLY — seat dek letter-spacing toward specimen ~-1.44px. Keep fs 25 / pt 8 / mb 4. No lh / family. Same words. Hold H10 y974 w575 / H12 y1082 / H13 y1110. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    letter-spacing: -1.4px !important;
  }
}
/* 1.2.48 H19b ONLY — keep ls -1.4 / fs 25 / pt 8. margin-bottom 4→31 so H12 y1055→1082 / H13 y1084→1110. Same words. Hold H10 y974 w575. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    margin-bottom: 31px !important;
  }
}
/* 1.2.49 H20 ONLY — seat dek line-height 27→32 toward specimen. Keep fs 25 / ls -1.4 / pt 8 / mb 31. No family. Same words. Hold H10 y974 w575 / H11 y1041 / H12 y1082 / H13 y1110. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    line-height: 32px !important;
  }
}
/* 1.2.50 H20b ONLY — keep lh 32 / fs 25 / ls -1.4. padding-top 8→6 (H10 y976→974). margin-bottom 31→23 (H12 y1092→1082 / H13 y1120→1110). Same words. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-subhead-article {
    padding-top: 6px !important;
    margin-bottom: 23px !important;
  }
}
/* 1.2.51 H21 ONLY — seat H1 AI .holo-gold-word toward muted bronze (--holo-gold). Keep --holo-gold-hi for Listen/other. No gradient. No H09 geometry / fs / ls / family. Same words. Hold H01–H20. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-gold-word {
    color: var(--holo-gold) !important;
  }
}
/* 1.2.52 H22 ONLY — seat H1 AI .holo-gold-word vertical gradient (lighter top → deeper bronze). Mean near --holo-gold / H21. No --holo-gold-hi rewrite. No H09 / fs / ls / family. Same words. Hold H01–H21. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-gold-word {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-image: linear-gradient(to bottom, #e2b126, #dcab20) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }
}
/* 1.2.53 H22b ONLY — widen .holo-gold-word gradient span toward L2~10 / lumΔ~6. Keep clip-text. Mean near --holo-gold #dfae23. No --holo-gold-hi. No H09 / fs / ls / family. Same words. Hold H01–H21. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-gold-word {
    background-image: linear-gradient(to bottom, #e8bc32, #d6a014) !important;
  }
}
/* 1.2.54 H22c ONLY — mid gradient between 1.2.52 (#e2b126→#dcab20) and 1.2.53 (#e8bc32→#d6a014). Target L2~10 / lumΔ~6. Mean near #dfae23. Keep clip-text. No --holo-gold-hi. No H09 / fs / ls / family. Same words. Hold H01–H21. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-gold-word {
    background-image: linear-gradient(to bottom, #e4b528, #daa718) !important;
  }
}
/* 1.2.55 H23 ONLY — seat byline Founder & CEO .holo-author__role color toward muted bronze-gray #7e7051. No fs / ls / weight / H11 geometry. No Listen / --holo-gold-hi. Same words. Hold H01–H22. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__role {
    color: #7e7051 !important;
  }
}
/* 1.2.56 H24 ONLY — seat .holo-author__role font-weight 700→400 toward specimen. Keep color #7e7051. No fs / ls / H11 geometry. Same words. Hold H01–H23. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__role {
    font-weight: 400 !important;
  }
}
/* 1.2.57 H25 ONLY — seat .holo-listen background toward muted bronze (--holo-gold). Local only. No --holo-gold-hi rewrite. No bevel. No H11 / AI gold-word / role. Same words. Hold H01–H24. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: var(--holo-gold) !important;
  }
}
/* 1.2.58 H26 ONLY — seat .holo-rule dash/pitch toward specimen ~3.3/4.0 (pitch ~7.3). Keep 2px tall / y1082 / width. No margin change (H12/H13). No --holo-gold-hi. Same words. Hold H01–H25. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-rule {
    border-top: 0 !important;
    height: 2px !important;
    background-image: repeating-linear-gradient(
      to right,
      var(--holo-gold) 0 3.3px,
      transparent 3.3px 7.3px
    ) !important;
    background-size: auto 2px !important;
    background-repeat: repeat-x !important;
  }
}
/* 1.2.59 H27 ONLY — seat Cole metallic on name-scoped .holo-author__name .holo-gold-word (clip-text vertical gradient). Do NOT retune AI .holo-gold-word. No --holo-gold-hi rewrite. No geometry / fs / ls. Same words. Hold H01–H26. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__name .holo-gold-word {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background-image: linear-gradient(to bottom, #f3d148, #b77d1c) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
  }
}
/* 1.2.60 H27b ONLY — widen name-scoped Cole metallic gradient span toward specimen Lspan ~115-126. Keep clip-text. Do NOT retune AI .holo-gold-word. No --holo-gold-hi. No geometry / fs / ls. Hold H01-H26. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__name .holo-gold-word {
    background-image: linear-gradient(to bottom, #fee460, #985c0c) !important;
  }
}
/* 1.2.61 H27c ONLY — widen name-scoped Cole metallic further toward ink Lspan ~115-126. Keep clip-text. Do NOT retune AI .holo-gold-word. No --holo-gold-hi. No geometry / fs / ls. Hold H01-H26. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__name .holo-gold-word {
    background-image: linear-gradient(to bottom, #ffe870, #905808) !important;
  }
}
/* 1.2.62 H27d ONLY — name-scoped Cole metallic SHAPE change (angled multi-stop sheen). Not another vertical two-stop widen. Do NOT retune AI .holo-gold-word. No --holo-gold-hi. No geometry / fs / ls. Hold H01-H26. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__name .holo-gold-word {
    background-image: linear-gradient(
      125deg,
      #805008 0%,
      #c89628 28%,
      #fff0a8 48%,
      #d8ae40 58%,
      #905808 100%
    ) !important;
  }
}
/* 1.2.63 H27e ONLY — intensify name-scoped Cole 125deg multi-stop (brighter mid / deeper ends). Same shape. Do NOT retune AI .holo-gold-word. No --holo-gold-hi. No geometry / fs / ls. Hold H01-H26. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-author__name .holo-gold-word {
    background-image: linear-gradient(
      125deg,
      #6a4000 0%,
      #b88818 28%,
      #fffce0 48%,
      #d8ae40 58%,
      #704008 100%
    ) !important;
  }
}
/* 1.2.64 H28 ONLY — seat Listen metallic bevel on .holo-listen (multi-stop / inset). Keep fill mean near H25 bronze. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #f2d060 0%,
      #e0b028 28%,
      #c89614 50%,
      #e0b028 72%,
      #f0ce58 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.55), inset 0 -1px 0 rgba(120, 70, 0, 0.35) !important;
  }
}
/* 1.2.65 H28b ONLY — soften .holo-listen multi-stop + inset toward bevel_sig ~12 / rowL ~24. Keep fill mean near H25 bronze. Same shape. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #e8c440 0%,
      #dfae23 30%,
      #d09e1a 50%,
      #dfae23 70%,
      #e6c038 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.28), inset 0 -1px 0 rgba(120, 70, 0, 0.18) !important;
  }
}
/* 1.2.66 H28c ONLY — soften .holo-listen further toward bevel_sig ~12 / rowL ~24. Milder mid + weaker inset than 1.2.65. Fill mean near H25 bronze. Same shape. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #e2b830 0%,
      #dfae23 35%,
      #d8a820 50%,
      #dfae23 65%,
      #e0b42c 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.14), inset 0 -1px 0 rgba(120, 70, 0, 0.10) !important;
  }
}
/* 1.2.67 H28d ONLY — seat .holo-listen BETWEEN 1.2.65 and 1.2.66 toward bevel_sig ~12 / rowL ~24. Slightly stronger mid+inset than 1.2.66, weaker than 1.2.65. Fill mean near H25 bronze. Same shape. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #e5be38 0%,
      #dfae23 32%,
      #d4a31d 50%,
      #dfae23 68%,
      #e3ba32 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.20), inset 0 -1px 0 rgba(120, 70, 0, 0.13) !important;
  }
}
/* 1.2.68 H28e ONLY — hold .holo-listen bevel ~12 (inset stay 0.20/0.13) while softening mid stops toward 1.2.66 to pull rowL ~24. Fill mean near H25 bronze. Same shape. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #e4bc34 0%,
      #dfae23 34%,
      #d7a61f 50%,
      #dfae23 66%,
      #e1b62d 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.20), inset 0 -1px 0 rgba(120, 70, 0, 0.13) !important;
  }
}
/* 1.2.69 H28f ONLY — restore .holo-listen mid stops to exact 1.2.67 (#e5be38/#dfae23/#d4a31d/#dfae23/#e3ba32); keep inset 0.20/0.13. Restore bevel ~12.7. Do NOT chase rowL. Fill mean near H25 bronze. Same shape. Do NOT rewrite --holo-gold-hi. Do NOT retune Cole/AI. No geometry. Hold H01-H27. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-listen {
    background: linear-gradient(
      to bottom,
      #e5be38 0%,
      #dfae23 32%,
      #d4a31d 50%,
      #dfae23 68%,
      #e3ba32 100%
    ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 245, 200, 0.20), inset 0 -1px 0 rgba(120, 70, 0, 0.13) !important;
  }
}
/* 1.2.70 H29 ONLY — seat .holo-rule repeating-linear-gradient stop color toward specimen ~#d1a431 (from --holo-gold/#dfae23). Hold pitch 7.3 (3.3/4.0). Hold H12 y1082/width/height. Color-only. Do NOT rewrite --holo-gold-hi. Do NOT retune Listen/Cole/AI/role. No geometry. Same words. Hold H01-H28. */
@media (min-width: 768px) {
  body.holo-article-chrome .holo-rule {
    background-image: repeating-linear-gradient(
      to right,
      #d1a431 0 3.3px,
      transparent 3.3px 7.3px
    ) !important;
  }
}