/* ============================================
   Animal House KSA — Main Stylesheet
   ============================================ */

/* ---------- Header ---------- */
/* Pass 3: charcoal-lilac dark glass — never white SaaS raft */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: linear-gradient(
    180deg,
    oklch(0.12 0.04 300 / 0.58) 0%,
    oklch(0.14 0.05 300 / 0.32) 62%,
    oklch(0.14 0.05 300 / 0.08) 100%
  );
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border-bottom: 1px solid rgba(245, 240, 250, 0.12);
}
.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--space-3);
  gap: var(--space-6);
}
.brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--text-lg);
  color: #f5f0fa;
  flex-shrink: 0;
}
.brand__mark {
  width: 32px;
  height: 32px;
  color: var(--color-primary);
  display: inline-flex;
}
.brand__mark svg { width: 100%; height: 100%; }

.main-nav {
  display: flex;
  gap: var(--space-6);
  font-size: var(--text-sm);
  font-weight: 500;
}
.main-nav a {
  color: rgba(245, 240, 250, 0.78);
  transition: color 0.2s;
  position: relative;
}
.main-nav a:hover { color: #fff; }

.site-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  flex-shrink: 0;
}
.header-phone {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-sm);
  font-weight: 500;
  color: rgba(245, 240, 250, 0.72);
}
.header-phone i { width: 16px; height: 16px; color: var(--lilac-300); }

.nav-toggle {
  display: none;
  color: #f5f0fa;
  padding: var(--space-2);
}

.mobile-nav {
  display: none;
  flex-direction: column;
  padding: var(--space-4) var(--space-5) var(--space-6);
  border-top: 1px solid rgba(245, 240, 250, 0.12);
  background: oklch(0.14 0.05 300 / 0.96);
}
.mobile-nav a {
  padding: var(--space-3) 0;
  border-bottom: 1px solid rgba(245, 240, 250, 0.12);
  font-weight: 500;
  color: #f5f0fa;
}
.mobile-nav__phone {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-primary) !important;
  border-bottom: none !important;
}
.mobile-nav.is-open { display: flex; }

/* ---------- Section head ---------- */
.section-head {
  max-width: 720px;
  margin-bottom: var(--space-12);
}
.section-head__title {
  font-size: var(--text-3xl);
  margin-top: var(--space-3);
  color: var(--lilac-900);
}
.section-head__title--light { color: #fff; }
.section-head__lede {
  margin-top: var(--space-4);
  font-size: var(--text-lg);
  color: var(--color-text-muted);
  line-height: 1.6;
}
.eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); }
.eyebrow i { width: 15px; height: 15px; }
.eyebrow--light { color: var(--lilac-300); }

section { padding-block: clamp(var(--space-16), 8vw, var(--space-24)); }

/* ---------- Hero ---------- */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  padding-top: 0;
}
.hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
.hero__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(0.18 0.05 300 / 0.58) 0%, oklch(0.18 0.05 300 / 0.32) 32%, oklch(0.15 0.05 300 / 0.72) 72%, oklch(0.12 0.05 300 / 0.94) 100%),
    radial-gradient(ellipse 80% 55% at 50% 40%, transparent 40%, oklch(0.12 0.05 300 / 0.28) 100%);
}
.hero--depth .hero__content {
  text-shadow: 0 2px 24px oklch(0.12 0.05 300 / 0.35);
}
.hero--depth .hero__stats {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  background: oklch(0.15 0.05 300 / 0.48);
  box-shadow: 0 -8px 32px oklch(0.12 0.05 300 / 0.2);
}
.hero__content {
  position: relative;
  z-index: 1;
  padding-top: var(--space-32);
  padding-bottom: var(--space-10);
  color: #fff;
  max-width: 760px;
}
.hero__title {
  font-size: var(--text-hero);
  color: #fff;
  margin-top: var(--space-4);
  letter-spacing: -0.01em;
}
.hero__lede {
  margin-top: var(--space-6);
  font-size: var(--text-lg);
  max-width: 62ch;
  color: rgba(255,255,255,0.88);
  line-height: 1.65;
}
.hero__ctas {
  display: flex;
  gap: var(--space-4);
  margin-top: var(--space-8);
  flex-wrap: wrap;
}
.hero__stats {
  position: relative;
  z-index: 1;
  border-top: 1px solid rgba(255,255,255,0.18);
  background: oklch(0.15 0.05 300 / 0.55);
}
.hero__stats-inner {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-block: var(--space-6);
}
.stat-chip {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  padding-inline: var(--space-4);
  border-left: 1px solid rgba(255,255,255,0.14);
}
.stat-chip:first-child { border-left: none; }
.stat-chip__value {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 2.6vw, 2.4rem);
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.stat-chip__label {
  font-size: var(--text-xs);
  color: rgba(255,255,255,0.7);
  letter-spacing: 0.02em;
}

/* ---------- Sanctuary ---------- */
.sanctuary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* Camera plates are ~3:2 landscape — frame accordingly */
  grid-auto-rows: auto;
  gap: var(--space-4);
}
.sanctuary-grid__item {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  aspect-ratio: 3 / 2;
}
.sanctuary-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.sanctuary-grid__item:hover img { transform: scale(1.05); }
.sanctuary-grid__item--tall {
  grid-row: span 1;
  aspect-ratio: 4 / 3;
}
.sanctuary-grid__item--wide {
  grid-column: span 2;
  aspect-ratio: 3 / 2;
}
.sanctuary-grid__item figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: var(--space-5) var(--space-5) var(--space-4);
  background: linear-gradient(180deg, transparent, oklch(0.15 0.05 300 / 0.75));
  color: #fff;
  font-size: var(--text-sm);
  font-weight: 500;
}

/* ---------- Standard of Care ---------- */
.care-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}
.care-row {
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  gap: var(--space-10);
  align-items: center;
}
.care-row--reverse { grid-template-columns: 1fr 0.85fr; }
.care-row--reverse .care-row__media { order: 2; }
.care-row--reverse .care-row__text { order: 1; }
.care-row__media {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  /* Landscape camera plates — 3/2 frames with cover */
  aspect-ratio: 3 / 2;
  background: var(--lilac-100);
}
.care-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.care-row__text h3 {
  font-size: var(--text-2xl);
  color: var(--lilac-900);
}
.care-row__text p {
  margin-top: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--text-base);
  max-width: 42ch;
}
.care-row--elevated .care-row__media { box-shadow: var(--shadow-lg); }
.care-row--elevated .care-row__text {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-bg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}
.care-row--band {
  margin-inline: calc(-1 * var(--space-5));
  padding: var(--space-10) var(--space-5);
  background: var(--lilac-50);
  border-radius: var(--radius-xl);
}
.care-row--bleed {
  position: relative;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--space-8);
  padding: var(--space-8);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(120deg, oklch(0.28 0.06 300 / 0.88), oklch(0.22 0.05 300 / 0.72)),
    var(--lilac-800);
  color: #fff;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}
.care-row--bleed .care-row__media {
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(255,255,255,0.12);
}
.care-row--bleed .care-row__text h3 { color: #fff; }
.care-row--bleed .care-row__text p { color: rgba(255,255,255,0.82); }
.care-row--bleed .care-row__text {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: var(--shadow-md);
}
.care-row--glass {
  position: relative;
  padding: var(--space-8);
  border-radius: var(--radius-xl);
  background:
    linear-gradient(160deg, rgba(251,249,253,0.92), rgba(243,238,248,0.88)),
    var(--lilac-100);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
}
.care-row--glass .care-row__text {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(255,255,255,0.65);
}
.care-row--spaced { margin-top: var(--space-8); }

/* ---------- Adopt ---------- */
.adopt-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-5);
}
.pet-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-surface-offset);
  box-shadow: var(--shadow-md);
  transition: box-shadow 0.25s, transform 0.25s;
}
.pet-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.pet-card__media { position: relative; aspect-ratio: 1/1; overflow: hidden; }
.pet-card__media img { width: 100%; height: 100%; object-fit: cover; }
.pet-card__sticker {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  background: var(--color-primary);
  color: #fff;
  font-size: var(--text-xs);
  font-weight: 700;
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-sm);
  transform: rotate(3deg);
}
.pet-card__body { padding: var(--space-4); }
.pet-card__body h3 { font-size: var(--text-lg); color: var(--lilac-900); }
.pet-card__meta { margin-top: var(--space-1); font-size: var(--text-sm); color: var(--color-text-muted); }
.adopt-cta { margin-top: var(--space-10); text-align: center; }

/* ---------- Pillars ---------- */
.pillars { background: var(--color-surface-offset); }
.pillars__intro {
  margin-top: var(--space-4);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: italic;
  color: var(--lilac-800);
  max-width: 62ch;
  line-height: 1.5;
}
.pillars-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-5);
}
.pillar-card {
  background: var(--color-bg);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border);
  transition: box-shadow 0.25s, transform 0.25s;
}
.pillar-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.pillar-card__num {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  color: var(--lilac-300);
  font-weight: 600;
}
.pillar-card h3 {
  margin-top: var(--space-4);
  font-size: var(--text-lg);
  color: var(--lilac-900);
}
.pillar-card p {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  line-height: 1.6;
}

/* ---------- Impact ---------- */
.impact {
  position: relative;
  background: linear-gradient(160deg, var(--lilac-800) 0%, var(--lilac-900) 100%);
  color: #fff;
  overflow: hidden;
}
.impact__content { position: relative; z-index: 1; }
.impact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
}
@media (max-width: 1023px) {
  .impact-grid { grid-template-columns: repeat(2, 1fr); }
}
.impact-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-8) var(--space-6);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: var(--shadow-md);
}
.impact-card__value {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3.4vw, 2.75rem);
  font-weight: 600;
}
.impact-card__label {
  font-size: var(--text-sm);
  color: rgba(255,255,255,0.72);
}

/* ---------- Portraits masonry ---------- */
.portraits-masonry {
  columns: 3 280px;
  column-gap: var(--space-4);
}
.portraits-masonry img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-4);
  break-inside: avoid;
  box-shadow: var(--shadow-sm);
}

/* ---------- Future plans (full-bleed chapter) ---------- */
.future {
  position: relative;
  background: var(--lilac-900);
  padding-block: clamp(var(--space-20), 10vw, var(--space-32));
  overflow: hidden;
}
.future__inner {
  max-width: 720px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.future__panel {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: var(--radius-xl);
  padding: var(--space-10) var(--space-8);
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(255,255,255,0.55);
}
.future h2 {
  margin-top: var(--space-3);
  font-size: var(--text-2xl);
  color: var(--lilac-900);
}
.future__copy {
  margin-top: var(--space-4);
  color: var(--color-text-muted);
  line-height: 1.65;
}
.future__stats {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin-top: var(--space-6);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.future__stats strong {
  font-family: var(--font-display);
  color: var(--color-primary);
  font-size: var(--text-lg);
  margin-right: var(--space-1);
}
.future .btn { margin-top: var(--space-8); }

/* ---------- Partners ---------- */
.partners-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
}
.partner-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--space-4);
  padding: var(--space-8) var(--space-5);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  background: var(--color-bg);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  color: var(--lilac-800);
  min-height: 180px;
  box-shadow: var(--shadow-md);
  transition: box-shadow 0.25s, transform 0.25s;
}
.partner-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.partner-logo {
  width: 100%;
  max-width: 160px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.5px dashed var(--lilac-300);
  border-radius: var(--radius-md);
  background: var(--lilac-50);
}
.partner-logo__ph {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-text-faint);
}
.partner-card--lead {
  background: var(--color-primary);
  color: #fff;
  gap: var(--space-3);
  grid-column: span 1;
  box-shadow: var(--shadow-lg);
}
.partner-card--lead .partner-logo {
  border-color: rgba(255,255,255,0.35);
  background: rgba(255,255,255,0.12);
}
.partner-card--lead .partner-logo__ph { color: rgba(255,255,255,0.65); }
.partner-card__name { font-weight: 600; }
.partner-card__tag {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255,255,255,0.8);
}

/* ---------- Get Involved ---------- */
.involved {
  text-align: center;
}
.involved__inner { max-width: 640px; }
.involved h2 {
  margin-top: var(--space-3);
  font-size: var(--text-3xl);
  color: var(--lilac-900);
}
.involved__copy {
  margin-top: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--text-lg);
  line-height: 1.6;
}
.involved__actions {
  display: flex;
  gap: var(--space-4);
  justify-content: center;
  margin-top: var(--space-8);
  flex-wrap: wrap;
}

/* ---------- Footer ---------- */
.site-footer {
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-offset);
}
.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--space-8);
  padding-block: var(--space-10);
}
.site-footer__brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--lilac-900);
}
.site-footer__brand .brand__mark { width: 28px; height: 28px; color: var(--color-primary); }
.site-footer__nav {
  display: flex;
  gap: var(--space-5);
  justify-content: center;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.site-footer__contact {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  align-items: flex-end;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.site-footer__contact a,
.site-footer__contact span {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.site-footer__contact i { width: 15px; height: 15px; color: var(--color-primary); }
.site-footer__bottom {
  border-top: 1px solid var(--color-border);
  padding-block: var(--space-5);
  text-align: center;
  font-size: var(--text-xs);
  color: var(--color-text-faint);
}

/* ============================================
   Responsive
   ============================================ */
@media (max-width: 1023px) {
  .main-nav { display: none; }
  .site-header__actions { display: none; }
  .nav-toggle { display: inline-flex; }

  .hero__stats-inner { grid-template-columns: repeat(3, 1fr); row-gap: var(--space-5); }
  .stat-chip:nth-child(4) { border-left: none; }

  .sanctuary-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; }
  .sanctuary-grid__item--tall,
  .sanctuary-grid__item--wide,
  .sanctuary-grid__item { grid-row: span 1; grid-column: span 1; aspect-ratio: 3 / 2; height: auto; }

  .care-row, .care-row--reverse { grid-template-columns: 1fr; }
  .care-row--reverse .care-row__media,
  .care-row--reverse .care-row__text { order: initial; }

  .adopt-grid { grid-template-columns: repeat(2, 1fr); }
  .pillars-grid { grid-template-columns: repeat(2, 1fr); }
  .impact-grid { grid-template-columns: repeat(2, 1fr); }
  .partners-grid { grid-template-columns: repeat(2, 1fr); }

  .site-footer__inner { grid-template-columns: 1fr; text-align: center; gap: var(--space-5); }
  .site-footer__nav { flex-wrap: wrap; justify-content: center; }
  .site-footer__contact { align-items: center; }
}

@media (max-width: 767px) {
  .site-header__inner { padding-block: var(--space-2); }
  .hero__content { padding-top: var(--space-24); }
  .hero__ctas { flex-direction: column; align-items: flex-start; }
  .hero__ctas .btn { width: 100%; justify-content: center; }
  .hero__stats-inner { grid-template-columns: repeat(2, 1fr); }
  .stat-chip:nth-child(odd) { border-left: none; }

  .sanctuary-grid { grid-template-columns: 1fr; }
  .sanctuary-grid__item--wide { grid-column: span 1; }

  .adopt-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-3); }
  .pillars-grid { grid-template-columns: 1fr; }
  .impact-grid { grid-template-columns: 1fr; }
  .partners-grid { grid-template-columns: 1fr; }
  .portraits-masonry { columns: 1; }

  .future__stats { flex-direction: column; gap: var(--space-3); }
  .involved__actions .btn { width: 100%; justify-content: center; }
}


/* ============================================
   P1 Depth — chapter labels, bleeds, glass,
   care rhythm, partners, scroll progress
   ============================================ */

.scroll-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 200;
  pointer-events: none;
  background: transparent;
}
.scroll-progress__bar {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--lilac-400), var(--lilac-600));
  box-shadow: 0 0 8px oklch(0.55 0.12 300 / 0.45);
  transition: width 0.05s linear;
}

/* Chapter labels — lilac (not teal) */
.chapter-label {
  display: inline-block;
  margin: 0 0 var(--space-3);
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lilac-500);
}
.chapter-label--light { color: var(--lilac-200); }
.chapter-label--center { display: block; text-align: center; }

/* Full-bleed photo chapters */
.chapter-bleed {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.chapter-bleed__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.chapter-bleed__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.06);
  transform-origin: center;
}
.chapter-bleed__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(0.98 0.01 300 / 0.92) 0%, oklch(0.97 0.015 300 / 0.78) 45%, oklch(0.96 0.02 300 / 0.88) 100%);
}
.chapter-bleed__scrim--soft {
  background:
    linear-gradient(165deg, oklch(0.99 0.01 300 / 0.88) 0%, oklch(0.97 0.02 300 / 0.72) 38%, oklch(0.98 0.015 300 / 0.86) 100%),
    radial-gradient(ellipse 90% 60% at 70% 20%, oklch(0.85 0.05 300 / 0.18), transparent 60%);
}
.chapter-bleed__scrim--lilac {
  background:
    linear-gradient(180deg, oklch(0.97 0.02 300 / 0.82) 0%, oklch(0.96 0.03 300 / 0.74) 40%, oklch(0.97 0.02 300 / 0.88) 100%),
    radial-gradient(ellipse 80% 50% at 20% 80%, oklch(0.82 0.06 300 / 0.22), transparent 65%);
}
.chapter-bleed__scrim--deep {
  background:
    linear-gradient(160deg, oklch(0.28 0.06 300 / 0.82) 0%, oklch(0.18 0.05 300 / 0.88) 55%, oklch(0.14 0.04 300 / 0.94) 100%),
    radial-gradient(ellipse 70% 60% at 30% 40%, oklch(0.35 0.08 300 / 0.25), transparent 70%);
}

.sanctuary__content,
.care__content,
.partners__content,
.impact__content,
.future__panel {
  position: relative;
  z-index: 1;
}

/* Sanctuary */
.chapter-bleed--sanctuary { background: var(--lilac-50); }
.sanctuary-grid__item {
  box-shadow: var(--shadow-md);
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(6px);
}
.sanctuary .section-head {
  padding: var(--space-6) var(--space-6) var(--space-2);
  margin-bottom: var(--space-10);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.72);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: var(--shadow-md);
}

/* Care — break flat alternating rhythm */
.chapter-bleed--care { background: var(--lilac-50); }
.care .section-head {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.5);
  box-shadow: var(--shadow-md);
  margin-bottom: var(--space-12);
}
.care-list { gap: var(--space-10); }
.care-row--elevated {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: var(--shadow-lg);
}
.care-row--elevated .care-row__media { box-shadow: var(--shadow-md); }
.care-row--band {
  margin-inline: calc(-1 * var(--space-5));
  padding: var(--space-8) var(--space-5);
  background: var(--lilac-50);
  border-block: 1px solid var(--lilac-100);
  border-radius: 0;
}
.care-row--bleed {
  position: relative;
  padding: var(--space-8) var(--space-6);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background:
    linear-gradient(120deg, oklch(0.28 0.06 300 / 0.82), oklch(0.22 0.05 300 / 0.68)),
    url('../images/facility/779A7461.jpg') center/cover;
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(255,255,255,0.18);
  color: #fff;
}
.care-row--bleed .care-row__text {
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: var(--shadow-md);
}
.care-row--bleed .care-row__text h3 { color: #fff; }
.care-row--bleed .care-row__text p { color: rgba(255,255,255,0.85); }
.care-row--glass {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.55);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: var(--shadow-md);
}
.care-row--glass .care-row__media {
  box-shadow: var(--shadow-lg);
  border: 1px solid rgba(255,255,255,0.4);
}
.care-row--spaced { margin-top: var(--space-4); }

/* Lilac-50 section breaks */
.section-band--lilac,
.adopt.section-band--lilac,
.portraits.section-band--lilac,
.involved.section-band--lilac {
  background: var(--lilac-50);
}

/* Elevated cards */
.card-elevated { box-shadow: var(--shadow-md); }
.pillar-card.card-elevated {
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(255,255,255,0.7);
  transition: transform 0.25s, box-shadow 0.25s;
}
.pillar-card.card-elevated:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}
.pet-card.card-elevated { box-shadow: var(--shadow-md); }

/* Impact glass over deep photo */
.chapter-bleed--impact {
  background: var(--lilac-900);
  color: #fff;
}
.impact-card--glass {
  background: rgba(255,255,255,0.10);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: var(--shadow-lg);
}

/* Future glass panel */
.chapter-bleed--future {
  background: var(--lilac-100);
  padding-block: clamp(var(--space-16), 8vw, var(--space-24));
}
.future__panel {
  max-width: 720px;
  margin-inline: auto;
  padding: var(--space-10) var(--space-8);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow: var(--shadow-lg);
  text-align: left;
}
.future__panel .chapter-label { margin-bottom: var(--space-3); }

/* Partners — dashed logo slots, no invented logos */
.chapter-bleed--partners { background: var(--lilac-50); }
.partners .section-head {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: var(--shadow-md);
  margin-bottom: var(--space-10);
}
.partner-card {
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-6) var(--space-5);
  min-height: 160px;
  box-shadow: var(--shadow-md);
  background: rgba(255,255,255,0.82);
  backdrop-filter: blur(10px);
  transition: box-shadow 0.25s, transform 0.25s;
}
.partner-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }
.partner-logo {
  width: 100%;
  max-width: 160px;
  height: 64px;
  margin-inline: auto;
  border: 1.5px dashed var(--lilac-300);
  border-radius: var(--radius-md);
  background: var(--lilac-50);
  display: flex;
  align-items: center;
  justify-content: center;
}
.partner-logo__ph {
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lilac-400);
}
.partner-card--lead {
  background: linear-gradient(160deg, var(--lilac-600), var(--lilac-700));
  color: #fff;
  box-shadow: var(--shadow-lg);
}
.partner-card--lead .partner-logo {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.35);
}
.partner-card--lead .partner-logo__ph { color: rgba(255,255,255,0.75); }

.hero--depth .hero__stats { backdrop-filter: blur(10px); }

@media (max-width: 1023px) {
  .care-row--band {
    margin-inline: 0;
    border-radius: var(--radius-xl);
  }
  .future__panel { padding: var(--space-8) var(--space-5); }
}
@media (max-width: 767px) {
  .care-row--bleed,
  .care-row--glass,
  .care-row--band { padding: var(--space-5); }
  .partner-logo { height: 56px; }
}


/* stretch lock — phone plates must not inflate into wrong boxes */
img {
  max-width: 100%;
  height: auto;
}
.pet-card__media img,
.care-row__media img,
.sanctuary-grid__item img,
.chapter-bleed__media img,
.hero__img {
  /* framed covers only — parent sets the box; never rely on lied HTML dimensions */
  max-width: none; /* parent width:100% height:100% */
}


/* ---------- Optional species strip (no new copy) ---------- */
.species-strip {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--space-3);
  margin-top: var(--space-10);
}
.species-strip img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 900px) {
  .species-strip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
  .species-strip { grid-template-columns: repeat(2, 1fr); }
}


/* Email contact (replaces phone) */
.header-phone span {
  font-size: 0.8rem;
  letter-spacing: 0.01em;
}
.header-phone i[data-lucide="mail"],
.mobile-nav__phone i[data-lucide="mail"] {
  width: 16px;
  height: 16px;
}
@media (max-width: 1100px) {
  .header-phone span { max-width: 11rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
}


/* ---------- Future goals (aspirational KPIs) ---------- */
.future__goals {
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: 1px solid var(--lilac-200);
}
.future__goals-label {
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lilac-600);
  margin-bottom: var(--space-3);
}
.future__stats--goals {
  gap: var(--space-5);
}

/* ---------- Depth: paper grain + sparse Najdi alfuraj (no hexagrams) ---------- */
body.has-grain {
  position: relative;
}
body.has-grain::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0.045;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 180px 180px;
}

/* Najdi accents: sparse SAME-orientation alfuraj only (+ edge shurfat). NO opposing triangles / hexagrams / stars. */
.section-band--textured,
.pillars.section-band--textured {
  position: relative;
  isolation: isolate;
}
.section-band--textured::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.028;
  background-color: transparent;
  background-image: url('../images/patterns/alfuraj-triangles.svg');
  background-size: 200px 150px;
  background-repeat: repeat;
}
.section-band--textured::after,
.pillars.section-band--textured::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 70% 50% at 50% 0%, oklch(0.88 0.05 300 / 0.35), transparent 70%);
  opacity: 0.55;
}
.section-band--textured > *,
.pillars.section-band--textured > * {
  position: relative;
  z-index: 1;
}

/* Quiet shurfat edge accent — top edge only, not wallpaper */
.section-band--textured.shurfat-edge::after {
  background-image: url('../images/patterns/shurfat-crenellations.svg');
  background-repeat: repeat-x;
  background-position: top center;
  background-size: 96px 18px;
  opacity: 0.06;
  background-color: transparent;
}

/* Soft lilac mist grounds on flat bands */
.section-band--lilac.section-band--textured {
  background:
    radial-gradient(ellipse 80% 60% at 10% 20%, oklch(0.94 0.04 300 / 0.65), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 80%, oklch(0.92 0.05 300 / 0.45), transparent 50%),
    var(--lilac-50);
}
.pillars.section-band--textured {
  background:
    radial-gradient(ellipse 60% 40% at 80% 10%, oklch(0.95 0.03 300 / 0.8), transparent 55%),
    var(--color-surface-offset);
}

/* Pillar / partner / impact texture chips */
.pillar-card.card-elevated {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.92), rgba(251,249,253,0.88)),
    var(--color-bg);
  position: relative;
  overflow: hidden;
}
.pillar-card.card-elevated::before {
  content: "";
  position: absolute;
  top: 8px; right: 8px;
  width: 56px; height: 42px;
  opacity: 0.05;
  background-image: url('../images/patterns/alfuraj-triangles.svg');
  background-size: 56px 42px;
  background-repeat: no-repeat;
  pointer-events: none;
}
.partner-card {
  position: relative;
}
.partner-card::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 14px;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.04;
  background-image: url('../images/patterns/shurfat-crenellations.svg');
  background-size: 96px 20px;
  background-repeat: repeat-x;
  background-position: top center;
}
.impact .section-head {
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: var(--shadow-md);
}
.impact-grid {
  gap: var(--space-5);
}

/* Care media frames — no empty lilac placeholders */
.care-row__media {
  background: var(--lilac-200);
  box-shadow: var(--shadow-md);
}
.care-row--elevated .care-row__text,
.care-row--glass .care-row__text {
  position: relative;
  z-index: 1;
}
@media (min-width: 900px) {
  .care-row--elevated .care-row__text,
  .care-row--glass .care-row__text {
    margin-inline-start: calc(-1 * var(--space-6));
  }
  .care-row--reverse.care-row--glass .care-row__text,
  .care-row--reverse.care-row--band .care-row__text {
    margin-inline-start: 0;
    margin-inline-end: calc(-1 * var(--space-6));
  }
}

/* Adopt grid stays 4×3 desktop / 2-col mobile — already set; ensure dense gap */
.adopt.section-band--textured .section-head {
  padding: var(--space-6);
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,0.78);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: var(--shadow-md);
}


/* ---------- Involved channels (email + IG) ---------- */
.involved__channels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4);
  margin: var(--space-8) auto var(--space-6);
  max-width: 40rem;
}
.involved__channel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  min-width: min(100%, 17rem);
  padding: var(--space-5) var(--space-6);
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: var(--shadow-md);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s, box-shadow 0.2s;
}
.involved__channel:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}
.involved__channel i {
  width: 18px;
  height: 18px;
  color: var(--lilac-700);
  margin-bottom: var(--space-1);
}
.involved__channel-label {
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  font-weight: 600;
}
.involved__channel-value {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  color: var(--lilac-900);
  word-break: break-word;
}


/* ---------- Hero site film + quiet corner wordmark ---------- */
.hero__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}
.hero__wordmark {
  display: none; /* v5 has burned-in mark — no CSS double brand */
  position: absolute;
  left: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 2;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(0.95rem, 1.6vw, 1.25rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 18px rgba(20, 12, 28, 0.45);
  pointer-events: none;
  user-select: none;
}
.site-footer__music {
  margin-top: var(--space-2);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  opacity: 0.85;
}
.site-footer__music a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ============================================
   DEPTH REBUILD — Anchors / Silk Forge → lilac
   2026-09-05 — kill white cards; stack on photo
   ============================================ */

/* Sharp CTAs — lose SaaS pill energy */
.btn-sharp {
  border-radius: 2px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.85rem 1.35rem;
  box-shadow: none;
}
.btn-primary.btn-sharp {
  border: 1px solid var(--lilac-300);
}
.btn-outline-light.btn-sharp {
  border: 1px solid rgba(245, 240, 250, 0.85);
}
.btn-sharp:hover { transform: none; box-shadow: none; }
.site-header .btn-primary.btn-sharp {
  border-radius: 2px;
}

/* Jewelry flare under claims */
.section-head__flare {
  width: min(220px, 40%);
  height: 1px;
  margin-top: var(--space-5);
  background: linear-gradient(90deg, transparent, var(--lilac-300), rgba(245,240,250,0.95), var(--lilac-300), transparent);
  box-shadow: 0 0 18px oklch(0.78 0.08 300 / 0.55);
}
.section-head--knockout .section-head__lede--light {
  color: rgba(255,255,255,0.82);
}
.section-head--knockout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding-inline: 0 !important;
}

/* ---------- Hero Anchors stack (10+ layers) ----------
   1 plate(video) 2 grade 3 v-scrim 4 left scrim 5 jewelry
   6 flare 7 type 8 rule 9 stats objects 10 ticks
*/
.hero--anchors { isolation: isolate; }
.hero__video {
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
.hero__grade {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(125deg, oklch(0.32 0.08 300 / 0.42) 0%, transparent 55%),
    linear-gradient(0deg, oklch(0.22 0.06 300 / 0.28), oklch(0.45 0.07 300 / 0.12));
  mix-blend-mode: multiply;
}
.hero__v-scrim {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, oklch(0.14 0.04 300 / 0.55) 0%, transparent 22%),
    linear-gradient(0deg, oklch(0.12 0.04 300 / 0.78) 0%, transparent 38%);
}
.hero__left-scrim {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(90deg, oklch(0.14 0.05 300 / 0.72) 0%, oklch(0.14 0.05 300 / 0.42) 38%, transparent 68%);
}
.hero__jewelry {
  position: absolute;
  right: 4%;
  top: 18%;
  z-index: 4;
  width: min(280px, 28vw);
  color: rgba(245, 240, 250, 0.22);
  pointer-events: none;
  opacity: 0.85;
}
.hero__alfuraj { width: 100%; height: auto; display: block; }
.hero__flare {
  position: absolute;
  left: 5%;
  right: 35%;
  top: 46%;
  z-index: 4;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(230, 210, 245, 0.55), rgba(255,255,255,0.75), rgba(230, 210, 245, 0.45), transparent);
  box-shadow: 0 0 24px 2px oklch(0.78 0.09 300 / 0.35);
}
.hero--anchors .hero__scrim { display: none; }
.hero--anchors .hero__content {
  z-index: 5;
  max-width: 720px;
  text-shadow: none;
}
.hero__rule {
  width: min(180px, 50%);
  height: 1px;
  margin-top: var(--space-5);
  background: linear-gradient(90deg, rgba(245,240,250,0.9), rgba(183,156,209,0.35), transparent);
  box-shadow: 0 0 16px oklch(0.8 0.08 300 / 0.4);
}
.hero--anchors .hero__stats {
  z-index: 5;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-top: 1px solid rgba(245, 240, 250, 0.22);
}
.hero--anchors .hero__stats-inner {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding-block: var(--space-8);
  max-width: 520px;
  margin: 0;
}
.stat-object {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-inline: var(--space-6);
}
.stat-object:first-child { padding-inline-start: 0; }
.stat-object__value {
  font-family: var(--font-display);
  font-size: clamp(2.75rem, 6vw, 4.5rem);
  font-weight: 700;
  color: #fff;
  line-height: 0.95;
  letter-spacing: -0.02em;
}
.stat-object__label {
  font-size: var(--text-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(245, 240, 250, 0.72);
  font-weight: 600;
}
.stat-object__tick {
  width: 1px;
  align-self: stretch;
  background: linear-gradient(180deg, transparent, rgba(245,240,250,0.55), transparent);
  margin-block: 0.25rem;
}

/* Scope old grain off — depth via stack, not noise */
body.depth-rebuild::before { display: none !important; }
body.has-grain::before { display: none !important; }

/* ---------- Adopt photo plates (no white cards) ---------- */
.chapter-bleed--adopt { background: var(--lilac-900); color: #fff; }
.adopt__content { position: relative; z-index: 1; }
.adopt--plates .section-head { margin-bottom: var(--space-10); }
.adopt-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.adopt-plate {
  position: relative;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--lilac-900);
  border-radius: 0;
  box-shadow: none;
}
.adopt-plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.adopt-plate:hover img { transform: scale(1.04); }
.adopt-plate__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, oklch(0.14 0.05 300 / 0.88) 100%);
  pointer-events: none;
}
.adopt-plate__copy {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: var(--space-5) var(--space-4) var(--space-4);
  color: #fff;
  z-index: 1;
}
.adopt-plate__copy h3 {
  color: #fff;
  font-size: var(--text-base);
  font-weight: 600;
  letter-spacing: 0.01em;
}
.adopt-plate__meta {
  margin-top: var(--space-1);
  font-size: var(--text-xs);
  color: rgba(245,240,250,0.72);
  letter-spacing: 0.04em;
}
.adopt-plate__stamp {
  display: inline-block;
  margin-bottom: var(--space-2);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--lilac-200);
  border-bottom: 1px solid rgba(245,240,250,0.65);
  padding-bottom: 2px;
  background: none;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.adopt-plate--hex {
  clip-path: polygon(50% 0%, 100% 18%, 100% 82%, 50% 100%, 0% 82%, 0% 18%);
}
.adopt-plate--hex .adopt-plate__scrim {
  background: linear-gradient(180deg, oklch(0.18 0.05 300 / 0.15) 20%, oklch(0.14 0.05 300 / 0.9) 100%);
}
.adopt-plate--shard {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 92% 100%, 0 100%);
}
.adopt--plates .adopt-cta { margin-top: var(--space-10); }
@media (max-width: 1023px) {
  .adopt-strip { grid-template-columns: repeat(2, 1fr); }
  .adopt-plate--hex { clip-path: none; }
}
@media (max-width: 767px) {
  .adopt-strip { grid-template-columns: repeat(2, 1fr); gap: 2px; }
  .adopt-plate { aspect-ratio: 3 / 4; }
}

/* ---------- Impact / Future giants on photo ---------- */
.impact--giants .impact__content,
.future--giants .future__inner {
  position: relative;
  z-index: 1;
}
.impact--giants .section-head,
.impact .section-head {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 0 var(--space-8) !important;
}
.metric-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0;
  margin-top: var(--space-6);
}
.metric-object {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-inline: clamp(var(--space-4), 2.2vw, var(--space-8));
  min-width: 0;
}
.metric-object:first-child { padding-inline-start: 0; }
.metric-object__value {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5.5vw, 4.75rem);
  font-weight: 700;
  color: #fff;
  line-height: 0.92;
  letter-spacing: -0.025em;
  text-shadow: 0 2px 28px oklch(0.12 0.04 300 / 0.45);
}
.metric-object__label {
  font-size: var(--text-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(245, 240, 250, 0.72);
  font-weight: 600;
  max-width: 14ch;
}
.metric-object__tick {
  width: 1px;
  align-self: stretch;
  min-height: 4.5rem;
  background: linear-gradient(180deg, transparent, rgba(245,240,250,0.55), transparent);
  flex: 0 0 1px;
}
.metric-row--future .metric-object__value {
  font-size: clamp(2rem, 4.2vw, 3.5rem);
}
.chapter-bleed--future {
  background: var(--lilac-900);
  color: #fff;
}
.future--giants .future__inner {
  max-width: var(--content-wide);
  text-align: left;
  margin-inline: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.future__title {
  margin-top: var(--space-3);
  font-size: var(--text-3xl);
  color: #fff !important;
}
.future__copy--knockout {
  margin-top: var(--space-5);
  max-width: 62ch;
  color: rgba(245, 240, 250, 0.84) !important;
  line-height: 1.65;
}
.future--giants .btn { margin-top: var(--space-10); }
.future--giants .metric-row { margin-top: var(--space-10); }

/* Kill legacy glass KPI cards if any remain */
.impact-card,
.impact-card--glass,
.future__panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* ---------- Involved photo-led (no twin white cards) ---------- */
.chapter-bleed--involved {
  background: var(--lilac-900);
  color: #fff;
  text-align: left;
}
.involved--photo { text-align: left; }
.involved--photo .involved__inner {
  max-width: var(--content-wide);
  position: relative;
  z-index: 1;
}
.involved__title {
  margin-top: var(--space-3);
  font-size: var(--text-3xl);
  color: #fff !important;
  max-width: 18ch;
}
.involved__copy--knockout {
  margin-top: var(--space-5);
  max-width: 54ch;
  color: rgba(245, 240, 250, 0.84) !important;
  font-size: var(--text-lg);
  line-height: 1.65;
}
.involved__panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
  margin: var(--space-10) 0 var(--space-8);
  max-width: 720px;
}
.involved__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-6) var(--space-5);
  background: oklch(0.22 0.05 300 / 0.55);
  border: 1px solid rgba(245, 240, 250, 0.22);
  border-radius: 0;
  color: #fff;
  text-decoration: none;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 96% 100%, 0 100%);
  transition: background 0.25s;
  box-shadow: none;
}
.involved__panel:nth-child(2) {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 14%);
}
.involved__panel:hover {
  background: oklch(0.28 0.07 300 / 0.62);
  transform: none;
  box-shadow: none;
}
.involved__panel-kicker {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--text-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lilac-300);
  font-weight: 600;
}
.involved__panel-value {
  font-family: var(--font-display);
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  color: #fff;
  word-break: break-word;
}
.involved--photo .involved__actions {
  justify-content: flex-start;
}
.icon-ig {
  display: inline-block;
  vertical-align: -0.2em;
  flex-shrink: 0;
}
.site-footer__contact .icon-ig {
  color: var(--color-primary);
}

@media (max-width: 1023px) {
  .metric-row { gap: var(--space-4) 0; }
  .metric-object__tick { display: none; }
  .metric-object {
    flex: 1 1 40%;
    padding-inline: 0 var(--space-4);
    margin-bottom: var(--space-4);
  }
  .involved__panels { grid-template-columns: 1fr; }
  .hero--anchors .hero__stats-inner { max-width: 100%; }
  .hero__jewelry { opacity: 0.45; width: min(180px, 34vw); }
}
@media (max-width: 767px) {
  .metric-object { flex: 1 1 100%; }
  .metric-object__value { font-size: clamp(2.25rem, 12vw, 3.25rem); }
  .stat-object__value { font-size: clamp(2.5rem, 14vw, 3.5rem); }
  .stat-object__tick { display: none; }
  .hero--anchors .hero__stats-inner { flex-direction: column; gap: var(--space-5); }
  .involved__panel { clip-path: none; }
}

/* ============================================
   DEPTH REBUILD PASS 2 — mid-page stack ≥8
   Sanctuary hard joins / Care para+glass / Pillars photo vessels
   Alfuraj jewelry on photo edges only — never section wallpaper
   ============================================ */

/* No multiply/grain theater over hero film */
.hero__grade {
  mix-blend-mode: normal;
  background:
    linear-gradient(125deg, oklch(0.22 0.07 300 / 0.48) 0%, transparent 58%),
    linear-gradient(0deg, oklch(0.18 0.05 300 / 0.35), oklch(0.32 0.06 300 / 0.18));
}

/* Stats as designed IN-FRAME plate inside hero composition */
.hero__stats-plate {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: var(--space-10);
  padding: var(--space-6) var(--space-7);
  max-width: 34rem;
  background: oklch(0.16 0.05 300 / 0.55);
  border: 1px solid rgba(245, 240, 250, 0.28);
  clip-path: polygon(0 0, 100% 0, 100% 82%, 94% 100%, 0 100%);
  backdrop-filter: none;
}
.hero__stats-plate .stat-object {
  padding-inline: var(--space-5);
}
.hero__stats-plate .stat-object:first-child {
  padding-inline-start: 0;
}
.hero--anchors .hero__content {
  padding-bottom: var(--space-16);
  justify-content: flex-end;
}
.hero--anchors {
  justify-content: flex-end;
}

/* Kill alfuraj as section wallpaper under depth-rebuild */
body.depth-rebuild .section-band--textured::before,
body.depth-rebuild .pillars.section-band--textured::before,
body.depth-rebuild .pillar-card.card-elevated::before,
body.depth-rebuild .partner-card::after {
  display: none !important;
  content: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* Photo-edge jewelry only (chapter bleed corners — not tiled wallpaper) */
.chapter-bleed__edge-jewelry {
  position: absolute;
  right: clamp(0.5rem, 3vw, 2.5rem);
  bottom: clamp(1rem, 4vw, 3rem);
  width: min(140px, 18vw);
  height: auto;
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
}
.chapter-bleed__edge-jewelry svg {
  width: 100%;
  height: auto;
  display: block;
}

/* Photo-dark chapter scrim (Sanctuary / Care / Pillars) */
.chapter-bleed__scrim--photo-dark {
  background:
    linear-gradient(105deg, oklch(0.14 0.05 300 / 0.82) 0%, oklch(0.16 0.05 300 / 0.55) 42%, oklch(0.18 0.05 300 / 0.62) 100%),
    linear-gradient(180deg, oklch(0.12 0.04 300 / 0.45) 0%, transparent 28%, oklch(0.12 0.04 300 / 0.55) 100%);
}

/* ---------- Sanctuary — hard joins + poly windows; no white glass rafts ---------- */
.sanctuary--stack {
  background: var(--lilac-900);
  color: #fff;
}
.sanctuary--stack .sanctuary__content { position: relative; z-index: 1; }
.sanctuary--stack .section-head,
.sanctuary--stack .section-head--knockout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 0 var(--space-8) !important;
  margin-bottom: var(--space-8) !important;
  border-radius: 0 !important;
  max-width: 52rem;
}
.sanctuary--stack .section-head__title--light { color: #fff; }
.sanctuary--stack .section-head__lede--light { color: rgba(245, 240, 250, 0.82); }

.sanctuary-grid--joins,
.sanctuary--stack .sanctuary-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 2px !important; /* hard joins — Bold Nations / Silk plate grammar */
  column-gap: 2px !important;
  row-gap: 2px !important;
}
.sanctuary--stack .sanctuary-grid__item {
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--lilac-900) !important;
  backdrop-filter: none !important;
  aspect-ratio: 3 / 2;
  clip-path: none !important; /* default hard rect join — fills cell */
}
.sanctuary--stack .sanctuary-grid__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.sanctuary--stack .sanctuary-grid__item:hover img { transform: scale(1.04); }

/* Poly grammar: hard-rect joins fill cells; accents = mild edge lean OR inset jewelry frame */
.sanctuary--stack .sanctuary-grid__item--window {
  /* keep hard-rect outer join; jewelry frame reads as poly window without Swiss-cheese voids */
  clip-path: none !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.35) !important;
}
.sanctuary--stack .sanctuary-grid__item--window::after {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  z-index: 2;
  border: 1px solid rgba(245, 240, 250, 0.28);
  clip-path: polygon(50% 0%, 100% 22%, 100% 78%, 50% 100%, 0% 78%, 0% 22%);
}
.sanctuary--stack .sanctuary-grid__item--para {
  clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%) !important;
}
.sanctuary--stack .sanctuary-grid__item--shard {
  clip-path: polygon(0 0, 100% 0, 100% 96%, 97% 100%, 0 100%) !important;
}
.sanctuary--stack .sanctuary-grid__item--tall {
  grid-row: span 1;
  aspect-ratio: 4 / 3;
}
.sanctuary--stack .sanctuary-grid__item--wide {
  grid-column: span 2;
  aspect-ratio: 3 / 2;
}
.sanctuary--stack .sanctuary-grid__item figcaption {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: var(--space-5) var(--space-4) var(--space-3);
  background: linear-gradient(180deg, transparent, oklch(0.12 0.05 300 / 0.88));
  color: #fff;
  font-size: var(--text-sm);
  font-weight: 500;
  z-index: 1;
}

/* Species strip — hard joins, no soft rounded chrome */
.sanctuary--stack .species-strip {
  gap: 2px;
  margin-top: var(--space-2);
}
.sanctuary--stack .species-strip img {
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none;
}

/* ---------- Care — para/shard media + dark lilac glass copy (no white cards) ---------- */
.care--stack {
  background: var(--lilac-900);
  color: #fff;
}
.care--stack .care__content { position: relative; z-index: 1; }
.care--stack .section-head,
.care--stack .section-head--knockout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 0 var(--space-8) !important;
  margin-bottom: var(--space-8) !important;
  border-radius: 0 !important;
}
.care--stack .care-list,
.care--stack .care-list--vessels {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}
.care--stack .care-row {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 0;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  color: inherit;
}
.care--stack .care-row--reverse {
  grid-template-columns: 0.95fr 1.05fr;
}
.care--stack .care-row--reverse .care-row__media { order: 2; }
.care--stack .care-row--reverse .care-row__text { order: 1; }

/* Media as para / shard photographic plates */
.care--stack .care-row__media {
  position: relative;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  aspect-ratio: 3 / 2;
  background: var(--lilac-900);
  overflow: hidden;
}
.care--stack .care-row--para .care-row__media {
  clip-path: polygon(0 0, 100% 0, 94% 100%, 0 100%);
}
.care--stack .care-row--shard .care-row__media {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
}
.care--stack .care-row--reverse.care-row--para .care-row__media {
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
}
.care--stack .care-row--reverse.care-row--shard .care-row__media {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 12%);
}
.care--stack .care-row__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
}

/* Dark lilac glass copy panes — never white elevated cards */
.care--stack .care-row__text {
  align-self: center;
  padding: var(--space-7) var(--space-6) !important;
  border-radius: 0 !important;
  background: oklch(0.16 0.055 300 / 0.82) !important;
  border: 1px solid rgba(245, 240, 250, 0.22) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  margin: 0 !important;
  max-width: none;
  clip-path: polygon(0 0, 100% 0, 100% 92%, 97% 100%, 0 100%);
}
.care--stack .care-row--overlap .care-row__text {
  margin-inline-start: calc(-1 * var(--space-10)) !important;
  z-index: 2;
  background: oklch(0.16 0.055 300 / 0.82) !important;
}
.care--stack .care-row--reverse.care-row--shard .care-row__text,
.care--stack .care-row--reverse.care-row--para .care-row__text {
  margin-inline-end: calc(-1 * var(--space-8)) !important;
  margin-inline-start: 0 !important;
  z-index: 2;
}
.care--stack .care-row__text h3 {
  color: #fff !important;
  font-size: var(--text-2xl);
}
.care--stack .care-row__text p {
  color: rgba(245, 240, 250, 0.82) !important;
  margin-top: var(--space-3);
  font-size: var(--text-base);
  max-width: 42ch;
}

/* ---------- Pillars — photo-led vessels (kill equal white card quartet) ---------- */
.chapter-bleed--pillars,
.pillars--stack {
  background: var(--lilac-900);
  color: #fff;
}
.pillars__content { position: relative; z-index: 1; }
.pillars--stack .section-head,
.pillars--stack .section-head--knockout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 0 var(--space-8) !important;
  border-radius: 0 !important;
}
.pillars__intro--light {
  color: rgba(245, 240, 250, 0.82) !important;
}

.pillars-grid--vessels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.pillar-vessel {
  position: relative;
  min-height: 28rem;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  background: var(--lilac-900);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.pillar-vessel__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.pillar-vessel__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.pillar-vessel:hover .pillar-vessel__media img { transform: scale(1.04); }
.pillar-vessel__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(0.14 0.05 300 / 0.55) 0%, oklch(0.12 0.05 300 / 0.72) 35%, oklch(0.09 0.045 300 / 0.94) 100%),
    linear-gradient(105deg, oklch(0.16 0.06 300 / 0.55), oklch(0.18 0.05 300 / 0.2) 60%);
  pointer-events: none;
}
.pillar-vessel__copy {
  background: linear-gradient(180deg, transparent, oklch(0.10 0.045 300 / 0.55));
}
.pillar-vessel__copy {
  position: relative;
  z-index: 1;
  padding: var(--space-6) var(--space-5) var(--space-5);
  color: #fff;
}
.pillar-vessel__num {
  display: block;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  color: var(--lilac-300);
  font-weight: 600;
  letter-spacing: 0.04em;
}
.pillar-vessel h3 {
  margin-top: var(--space-3);
  font-size: var(--text-lg);
  color: #fff;
}
.pillar-vessel p {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  color: rgba(245, 240, 250, 0.78);
  line-height: 1.6;
}

/* Varied vessel silhouettes — photo-led, not equal white cards; mild cuts keep strip density */
.pillar-vessel--rect {
  clip-path: none; /* Colin: no hex/diamond cat ornaments */
}
.pillar-vessel--hex {
  clip-path: none; /* legacy alias neutralized */
}
.pillar-vessel--para {
  clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%);
}
.pillar-vessel--shard:nth-child(2) {
  clip-path: polygon(0 0, 100% 0, 100% 96%, 94% 100%, 0 100%);
}
.pillar-vessel--shard:nth-child(4) {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 4%);
}

/* Legacy pillar-plate / pillar-card — force dark if any remain */
.pillar-plate,
.pillar-card,
.pillar-card.card-elevated {
  background: oklch(0.18 0.05 300 / 0.72) !important;
  border: 1px solid rgba(245, 240, 250, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff;
}
.pillar-plate h3,
.pillar-card h3 { color: #fff !important; }
.pillar-plate p,
.pillar-card p { color: rgba(245, 240, 250, 0.78) !important; }

/* Portraits — hard crop, no soft card chrome */
.portraits--dense {
  background: var(--lilac-900);
  color: #fff;
}
.portraits--dense .section-head__title { color: #fff; }
.portraits--dense .chapter-label { color: var(--lilac-300); }
.portraits--dense .portraits-masonry img {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 2px;
}

@media (max-width: 1023px) {
  .pillars-grid--vessels { grid-template-columns: repeat(2, 1fr); }
  .pillar-vessel { min-height: 22rem; }
  .pillar-vessel--rect,
  .pillar-vessel--hex,
  .pillar-vessel--para,
  .pillar-vessel--shard { clip-path: none; }
  .hero__stats-plate { max-width: 100%; clip-path: none; }
  .care--stack .care-row,
  .care--stack .care-row--reverse {
    grid-template-columns: 1fr;
  }
  .care--stack .care-row--reverse .care-row__media,
  .care--stack .care-row--reverse .care-row__text { order: initial; }
  .care--stack .care-row--overlap .care-row__text,
  .care--stack .care-row--reverse.care-row--shard .care-row__text,
  .care--stack .care-row--reverse.care-row--para .care-row__text {
    margin-inline: 0 !important;
  }
  .sanctuary--stack .sanctuary-grid,
  .sanctuary-grid--joins {
    grid-template-columns: repeat(2, 1fr);
  }
  .sanctuary--stack .sanctuary-grid__item--wide { grid-column: span 2; }
  .sanctuary--stack .sanctuary-grid__item--window { clip-path: none; }
}
@media (max-width: 767px) {
  .pillars-grid--vessels { grid-template-columns: 1fr; }
  .pillar-vessel { min-height: 20rem; }
  .hero__stats-plate { flex-direction: column; gap: var(--space-5); padding: var(--space-5); }
  .hero__stats-plate .stat-object__tick { display: none; }
  .sanctuary--stack .sanctuary-grid,
  .sanctuary-grid--joins { grid-template-columns: 1fr; }
  .sanctuary--stack .sanctuary-grid__item--wide { grid-column: span 1; }
  .sanctuary--stack .sanctuary-grid__item--window,
  .sanctuary--stack .sanctuary-grid__item--para,
  .sanctuary--stack .sanctuary-grid__item--shard { clip-path: none; }
  .care--stack .care-row--para .care-row__media,
  .care--stack .care-row--shard .care-row__media,
  .care--stack .care-row--reverse.care-row--para .care-row__media,
  .care--stack .care-row--reverse.care-row--shard .care-row__media { clip-path: none; }
  .chapter-bleed__edge-jewelry { width: 88px; opacity: 0.4; }
}

/* ============================================
   DEPTH REBUILD PASS 3 — giants + harden ≥8
   ============================================ */

/* Hero in-frame stats plate — correct flex ticks + labels */
.hero__stats-plate {
  display: flex;
  align-items: stretch;
  gap: 0;
  margin-top: var(--space-10);
  padding: var(--space-7) var(--space-8);
  max-width: 36rem;
  background: oklch(0.14 0.05 300 / 0.62);
  border: 1px solid rgba(245, 240, 250, 0.32);
  clip-path: polygon(0 0, 100% 0, 100% 78%, 92% 100%, 0 100%);
}
.hero__stats-plate .stat-object {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding-inline: var(--space-6);
  min-width: 0;
}
.hero__stats-plate .stat-object:first-child { padding-inline-start: 0; }
.hero__stats-plate .stat-object__tick,
.hero__stats-plate .stat-object__tick {
  width: 1px;
  align-self: stretch;
  flex: 0 0 1px;
  min-height: 3.5rem;
  margin-block: 0.15rem;
  background: linear-gradient(180deg, transparent, rgba(245,240,250,0.6), transparent);
  display: block;
}
.hero__stats-plate .stat-object__value {
  font-size: clamp(3rem, 6.5vw, 5rem);
  font-weight: 700;
  line-height: 0.9;
}
.hero__stats-plate .stat-object__label {
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(245, 240, 250, 0.78);
  white-space: nowrap;
}

/* Giant Impact / Future display objects — ExtraBold plate scale */
.impact--giants .metric-object__value {
  font-size: clamp(3.25rem, 7.5vw, 6.25rem);
  font-weight: 700;
  letter-spacing: -0.03em;
}
.metric-row--future .metric-object__value {
  font-size: clamp(2.5rem, 5.2vw, 4.25rem);
  font-weight: 700;
}
.chapter-bleed--impact,
.chapter-bleed--future {
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.impact--giants .impact__content,
.future--giants .future__inner {
  width: 100%;
  padding-block: var(--space-20);
}

/* Adopt: keep plate field dark under hex/shard masks */
.adopt-strip {
  background: var(--lilac-900);
  gap: 3px;
}
.adopt-plate {
  background: oklch(0.18 0.05 300);
}
.adopt-plate--hex {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/* Portraits dense — no light template field */
.portraits--dense {
  background: var(--lilac-900) !important;
  color: #fff;
  padding-block: var(--space-20);
}
.portraits--dense .section-head {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 0 var(--space-8) !important;
}
.portraits--dense .section-head__title { color: #fff !important; }
.portraits--dense .portraits-masonry img {
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 3px;
}

/* Sanctuary figcaptions stay knockout on dark plates */
.sanctuary--stack .sanctuary-grid__item figcaption {
  background: linear-gradient(180deg, transparent 10%, oklch(0.12 0.05 300 / 0.88) 100%);
  color: rgba(245, 240, 250, 0.92);
}

/* Involved panels — sharper para glass, never white */
.involved__panel {
  background: oklch(0.18 0.05 300 / 0.62) !important;
  border-color: rgba(245, 240, 250, 0.28) !important;
}

@media (max-width: 767px) {
  .hero__stats-plate {
    flex-direction: column;
    gap: var(--space-5);
    clip-path: none;
    max-width: 100%;
  }
  .hero__stats-plate .stat-object__tick { display: none; }
  .impact--giants .metric-object__value {
    font-size: clamp(2.75rem, 14vw, 3.75rem);
  }
  .chapter-bleed--impact,
  .chapter-bleed--future { min-height: 0; }
}

/* ============================================
   DEPTH REBUILD PASS 3 — CoS blockers
   1) Header: dark glass knockout over hero (no SaaS white raft)
   2) Impact: photography visible under giants (scrim thinned)
   3) Hero alfuraj: jewelry cuts only (opacity way down)
   ============================================ */

/* --- 1. Sticky header: over-hero dark glass → solid after hero --- */
.site-header {
  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    backdrop-filter 0.35s ease,
    -webkit-backdrop-filter 0.35s ease;
}
.site-header.is-over-hero {
  background: linear-gradient(
    180deg,
    oklch(0.12 0.04 300 / 0.62) 0%,
    oklch(0.14 0.04 300 / 0.28) 70%,
    oklch(0.14 0.04 300 / 0.08) 100%
  );
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border-bottom: 1px solid rgba(245, 240, 250, 0.12);
  box-shadow: none;
}
.site-header.is-over-hero .brand,
.site-header.is-over-hero .brand__name {
  color: rgba(245, 240, 250, 0.96);
}
.site-header.is-over-hero .brand__mark {
  color: rgba(230, 210, 245, 0.92);
}
.site-header.is-over-hero .main-nav a {
  color: rgba(245, 240, 250, 0.78);
}
.site-header.is-over-hero .main-nav a:hover {
  color: #fff;
}
.site-header.is-over-hero .header-phone {
  color: rgba(245, 240, 250, 0.72);
}
.site-header.is-over-hero .header-phone i {
  color: rgba(230, 210, 245, 0.85);
}
.site-header.is-over-hero .nav-toggle {
  color: rgba(245, 240, 250, 0.92);
}
.site-header.is-over-hero .btn-primary.btn-sharp {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(245, 240, 250, 0.72);
  box-shadow: none;
}
.site-header.is-over-hero .btn-primary.btn-sharp:hover {
  background: rgba(245, 240, 250, 0.12);
  border-color: #fff;
}
.site-header.is-over-hero .mobile-nav {
  background: oklch(0.14 0.05 300 / 0.94);
  border-top-color: rgba(245, 240, 250, 0.12);
}
.site-header.is-over-hero .mobile-nav a {
  color: rgba(245, 240, 250, 0.9);
}

/* Pass 3: never restore white SaaS raft after hero — dark glass continues */
.site-header:not(.is-over-hero):not(.site-header--over-hero) {
  background: oklch(0.14 0.05 300 / 0.78);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  border-bottom: 1px solid rgba(245, 240, 250, 0.12);
}

/* --- 2. Impact: real photo under giants --- */
.impact,
.chapter-bleed--impact {
  background: oklch(0.16 0.05 300) !important; /* fallback only while media paints */
  color: #fff;
}
/* Never hide chapter-bleed plates behind lazy fade */
.chapter-bleed__media img,
.chapter-bleed__media img.lazy-photo,
.chapter-bleed__media img.lazy-photo.loaded {
  opacity: 1 !important;
}
/* Impact-specific scrim: dark enough for ivory type, light enough to read photography */
body.depth-rebuild .chapter-bleed--impact .chapter-bleed__scrim--deep,
.chapter-bleed--impact .chapter-bleed__scrim--deep {
  background:
    linear-gradient(
      115deg,
      oklch(0.14 0.05 300 / 0.58) 0%,
      oklch(0.18 0.055 300 / 0.38) 42%,
      oklch(0.16 0.05 300 / 0.48) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.12 0.04 300 / 0.42) 0%,
      transparent 32%,
      oklch(0.12 0.04 300 / 0.52) 100%
    ),
    radial-gradient(
      ellipse 65% 55% at 72% 68%,
      oklch(0.32 0.07 300 / 0.18),
      transparent 70%
    );
}
.chapter-bleed--impact .chapter-bleed__media img {
  transform: scale(1.04);
  object-position: 60% 45%;
  filter: saturate(0.92) contrast(1.05);
}

/* --- 3. Hero alfuraj: jewelry cuts only --- */
.hero__jewelry {
  right: 6%;
  top: 15%;
  width: min(128px, 12vw);
  color: rgba(245, 240, 250, 0.16);
  opacity: 0.34;
  mix-blend-mode: screen;
}
.hero__alfuraj {
  width: 100%;
  height: auto;
  display: block;
  stroke-width: 0.85;
  opacity: 0.9;
}
@media (max-width: 767px) {
  .hero__jewelry {
    opacity: 0.2;
    width: min(96px, 24vw);
    right: 3%;
    top: 12%;
  }
}

/* ============================================
   DEPTH REBUILD PASS 4 — CoS HOLD fixes
   1) Kill sticky white header → dark glass chrome
   2) Impact giants ON photography (not plum slab)
   3) Hero alfuraj = sparse jewelry cuts + optical cut-ins
   ============================================ */

/* ---------- 1. Dark-glass header (hero-integrated) ---------- */
.site-header {
  /* base dark glass set at file top + FINAL lock below */
  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    backdrop-filter 0.35s ease,
    box-shadow 0.35s ease;
}
.site-header--over-hero {
  background: linear-gradient(
    180deg,
    oklch(0.12 0.04 300 / 0.58) 0%,
    oklch(0.14 0.05 300 / 0.32) 62%,
    oklch(0.14 0.05 300 / 0.08) 100%
  );
  backdrop-filter: blur(10px) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  border-bottom: 1px solid transparent;
  box-shadow: none;
}
.site-header--scrolled {
  background: oklch(0.14 0.05 300 / 0.78);
  backdrop-filter: blur(16px) saturate(1.15);
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  border-bottom: 1px solid rgba(245, 240, 250, 0.12);
  box-shadow: 0 8px 28px oklch(0.1 0.04 300 / 0.28);
}

/* Light chrome type on dark glass */
.site-header--over-hero .brand,
.site-header--scrolled .brand {
  color: #f5f0fa;
}
.site-header--over-hero .brand__mark,
.site-header--scrolled .brand__mark {
  color: var(--lilac-300);
}
.site-header--over-hero .main-nav a,
.site-header--scrolled .main-nav a {
  color: rgba(245, 240, 250, 0.78);
}
.site-header--over-hero .main-nav a:hover,
.site-header--scrolled .main-nav a:hover {
  color: #fff;
}
.site-header--over-hero .header-phone,
.site-header--scrolled .header-phone {
  color: rgba(245, 240, 250, 0.72);
}
.site-header--over-hero .header-phone i,
.site-header--scrolled .header-phone i {
  color: var(--lilac-300);
}
.site-header--over-hero .nav-toggle,
.site-header--scrolled .nav-toggle {
  color: #f5f0fa;
}
.site-header--over-hero .btn-primary.btn-sharp,
.site-header--scrolled .btn-primary.btn-sharp {
  background: transparent;
  color: #f5f0fa;
  border: 1px solid rgba(245, 240, 250, 0.55);
  box-shadow: none;
}
.site-header--over-hero .btn-primary.btn-sharp:hover,
.site-header--scrolled .btn-primary.btn-sharp:hover {
  background: rgba(245, 240, 250, 0.1);
  border-color: rgba(245, 240, 250, 0.85);
  color: #fff;
}

/* Mobile drawer stays dark when header is dark chrome */
.site-header--over-hero .mobile-nav,
.site-header--scrolled .mobile-nav {
  background: oklch(0.14 0.05 300 / 0.96);
  border-top-color: rgba(245, 240, 250, 0.12);
}
.site-header--over-hero .mobile-nav a,
.site-header--scrolled .mobile-nav a {
  color: #f5f0fa;
  border-bottom-color: rgba(245, 240, 250, 0.12);
}

/* ---------- 2. Impact — giants on full-bleed photo plate ---------- */
.chapter-bleed--impact {
  background: oklch(0.16 0.05 300); /* fallback only; photo must read */
  color: #fff;
}
.impact__plate-img {
  object-position: 62% 40% !important;
  transform: scale(1.04);
}
/* Left-weighted V-scrim: type zone dark, photo breathes right — NOT a solid plum field */
.chapter-bleed__scrim--impact-plate {
  background:
    linear-gradient(
      105deg,
      oklch(0.12 0.05 300 / 0.72) 0%,
      oklch(0.14 0.05 300 / 0.48) 36%,
      oklch(0.18 0.05 300 / 0.28) 62%,
      oklch(0.2 0.04 300 / 0.22) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.12 0.04 300 / 0.42) 0%,
      transparent 26%,
      transparent 58%,
      oklch(0.12 0.04 300 / 0.55) 100%
    ),
    radial-gradient(
      ellipse 55% 50% at 78% 45%,
      transparent 0%,
      oklch(0.14 0.05 300 / 0.18) 100%
    );
}
.impact--giants .chapter-bleed__edge-jewelry {
  opacity: 0.5;
  color: rgba(245, 240, 250, 0.55);
  right: clamp(1rem, 4vw, 3rem);
  bottom: clamp(1.5rem, 5vw, 3.5rem);
  width: min(110px, 14vw);
  z-index: 2;
}
.impact--giants .metric-object__value {
  text-shadow:
    0 2px 24px oklch(0.1 0.04 300 / 0.55),
    0 0 1px oklch(0.1 0.04 300 / 0.8);
}
.impact--giants .section-head__title--light {
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.45);
}

/* ---------- 3. Hero — sparse jewelry + optical cut-ins (10–11 layers) ---------- */
/* Stronger true V falloff (not flat wash) */
.hero--anchors .hero__v-scrim {
  background:
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.62) 0%, oklch(0.12 0.04 300 / 0.18) 18%, transparent 32%),
    linear-gradient(0deg, oklch(0.1 0.04 300 / 0.72) 0%, oklch(0.12 0.04 300 / 0.28) 28%, transparent 48%);
}
.hero--anchors .hero__left-scrim {
  background: linear-gradient(
    90deg,
    oklch(0.12 0.05 300 / 0.78) 0%,
    oklch(0.14 0.05 300 / 0.48) 34%,
    oklch(0.16 0.05 300 / 0.18) 58%,
    transparent 74%
  );
}
.hero--anchors .hero__grade {
  mix-blend-mode: normal;
  background:
    linear-gradient(125deg, oklch(0.2 0.07 300 / 0.38) 0%, transparent 52%),
    linear-gradient(0deg, oklch(0.16 0.05 300 / 0.22), oklch(0.28 0.06 300 / 0.1));
}

/* Bronze/plum translucent geometric plane (layer 7 cousin) */
.hero__geom-plane {
  position: absolute;
  right: 6%;
  top: 22%;
  z-index: 3;
  width: min(320px, 34vw);
  height: min(220px, 28vh);
  pointer-events: none;
  background: linear-gradient(
    145deg,
    oklch(0.32 0.08 40 / 0.22) 0%,
    oklch(0.28 0.07 300 / 0.28) 45%,
    oklch(0.22 0.06 300 / 0.12) 100%
  );
  clip-path: polygon(8% 0%, 100% 12%, 92% 100%, 0% 86%);
  border: 1px solid rgba(245, 240, 250, 0.14);
  box-shadow: inset 0 0 40px oklch(0.4 0.08 40 / 0.12);
}

/* Second-camera hex inset */
.hero__hex-inset {
  position: absolute;
  right: clamp(1.5rem, 5vw, 4rem);
  bottom: clamp(4rem, 12vh, 8rem);
  z-index: 4;
  width: min(168px, 16vw);
  aspect-ratio: 1;
  pointer-events: none;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  box-shadow: 0 12px 40px oklch(0.1 0.04 300 / 0.45);
  border: none;
  overflow: hidden;
  opacity: 0.92;
}
.hero__hex-inset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
  max-width: none;
  transform: scale(1.08);
}

/* Alfuraj = sparse jewelry cuts only (never wallpaper field / mesh) */
.hero__jewelry {
  right: 7%;
  top: 16%;
  width: min(120px, 11vw);
  color: rgba(245, 240, 250, 0.28);
  opacity: 0.42;
  z-index: 5;
  mix-blend-mode: screen;
  filter: drop-shadow(0 0 10px oklch(0.78 0.08 300 / 0.18));
}
.hero__alfuraj {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.85;
}
.hero__flare {
  left: 5%;
  right: 42%;
  top: 44%;
  z-index: 5;
  opacity: 0.9;
}

@media (max-width: 1023px) {
  .hero__hex-inset {
    width: min(120px, 22vw);
    bottom: clamp(3rem, 10vh, 6rem);
  }
  .hero__geom-plane {
    width: min(240px, 42vw);
    height: min(160px, 22vh);
    opacity: 0.85;
  }
  .hero__jewelry {
    width: min(96px, 18vw);
    opacity: 0.32;
  }
}
@media (max-width: 767px) {
  .hero__hex-inset { display: none; } /* avoid crowding mobile open */
  .hero__geom-plane {
    width: min(180px, 48vw);
    height: min(120px, 18vh);
    right: 4%;
    top: 16%;
    opacity: 0.7;
  }
  .hero__jewelry {
    width: min(72px, 22vw);
    top: 12%;
    opacity: 0.26;
  }
  .chapter-bleed__scrim--impact-plate {
    background:
      linear-gradient(
        180deg,
        oklch(0.12 0.05 300 / 0.62) 0%,
        oklch(0.14 0.05 300 / 0.42) 40%,
        oklch(0.16 0.05 300 / 0.5) 100%
      ),
      linear-gradient(90deg, oklch(0.12 0.05 300 / 0.45) 0%, transparent 55%);
  }
}


/* ============================================
   PASS 3 RECONCILE — CoS blockers (final)
   Neutralize white-raft fallback; thin alfuraj; prove impact photo
   ============================================ */

/* Never reintroduce SaaS white sticky raft */
.site-header:not(.is-over-hero),
.site-header.is-over-hero,
.site-header {
  /* base stays transparent; --over-hero / --scrolled own the fill */
}
.site-header:not(.site-header--over-hero):not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.12 0.04 300 / 0.55) 0%,
    oklch(0.14 0.05 300 / 0.2) 100%
  );
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid transparent;
}
/* Kill earlier Pass3 white solid rule if specificity wars */
.site-header:not(.is-over-hero) {
  background: oklch(0.14 0.05 300 / 0.78) !important;
  backdrop-filter: blur(16px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.15) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.12) !important;
}
.site-header.site-header--over-hero:not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.12 0.04 300 / 0.58) 0%,
    oklch(0.14 0.05 300 / 0.32) 62%,
    oklch(0.14 0.05 300 / 0.08) 100%
  ) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
}
.site-header.site-header--scrolled {
  background: oklch(0.14 0.05 300 / 0.82) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.12) !important;
}

/* Chapter-bleed plates never start invisible (lazy fade was plum-slab cause) */
.chapter-bleed__media img,
.chapter-bleed__media img.lazy-photo {
  opacity: 1 !important;
}

/* Impact plate: photography must read behind giants */
body.depth-rebuild .chapter-bleed--impact .chapter-bleed__scrim--impact-plate,
.chapter-bleed--impact .chapter-bleed__scrim--impact-plate {
  background:
    linear-gradient(
      105deg,
      oklch(0.12 0.05 300 / 0.62) 0%,
      oklch(0.14 0.05 300 / 0.38) 38%,
      oklch(0.18 0.04 300 / 0.18) 68%,
      oklch(0.2 0.03 300 / 0.12) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.12 0.04 300 / 0.35) 0%,
      transparent 30%,
      transparent 55%,
      oklch(0.12 0.04 300 / 0.48) 100%
    ) !important;
}
.impact,
.chapter-bleed--impact {
  background: oklch(0.18 0.05 300) !important; /* fallback under photo only */
}

/* Alfuraj: jewelry cuts only — opacity way down vs wallpaper field */
.hero__jewelry {
  width: min(132px, 12vw) !important;
  color: rgba(245, 240, 250, 0.28) !important;
  opacity: 0.32 !important;
  filter: none !important;
  mix-blend-mode: screen;
}
.hero__alfuraj path {
  stroke-width: 0.85;
}
@media (max-width: 767px) {
  .hero__jewelry {
    width: min(72px, 22vw) !important;
    opacity: 0.22 !important;
  }
}


/* ============================================
   PASS 3 VERIFY — CoS blockers locked
   Header base is dark glass (no rgba white raft).
   Impact uses .chapter-bleed__scrim--impact-plate over photo.
   Hero .hero__alfuraj / .hero__jewelry = sparse cuts only.
   ============================================ */
.site-header .btn-primary.btn-sharp {
  background: transparent;
  color: #f5f0fa;
  border: 1px solid rgba(245, 240, 250, 0.55);
  box-shadow: none;
}
.site-header .btn-primary.btn-sharp:hover {
  background: rgba(245, 240, 250, 0.1);
  border-color: rgba(245, 240, 250, 0.85);
  color: #fff;
}


/* ============================================
   PASS 3 FINAL — denser dark-glass header over bright film
   (translucent glass was washing to a light bar in hero stills)
   ============================================ */
.site-header.site-header--over-hero:not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.09 0.04 300 / 0.86) 0%,
    oklch(0.11 0.05 300 / 0.72) 48%,
    oklch(0.12 0.05 300 / 0.42) 100%
  ) !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.1) !important;
}
.site-header.site-header--over-hero .brand,
.site-header.site-header--over-hero .brand__name,
.site-header.site-header--scrolled .brand,
.site-header.site-header--scrolled .brand__name {
  color: #f5f0fa !important;
}
.site-header.site-header--over-hero .main-nav a,
.site-header.site-header--scrolled .main-nav a {
  color: rgba(245, 240, 250, 0.82) !important;
}
.site-header.site-header--over-hero .header-phone,
.site-header.site-header--scrolled .header-phone {
  color: rgba(245, 240, 250, 0.75) !important;
}

/* (removed) transparent !important was washing scrolled dark glass to empty */

/* Alfuraj even quieter — jewelry glints only */
.hero__jewelry {
  opacity: 0.22 !important;
  color: rgba(245, 240, 250, 0.2) !important;
  width: min(110px, 10vw) !important;
}
@media (max-width: 767px) {
  .hero__jewelry { opacity: 0.16 !important; width: min(64px, 20vw) !important; }
}

/* ============================================
   PASS 4 LOCK — CoS must-fix (wins all prior)
   Always dark glass chrome. Never white raft.
   ============================================ */
.site-header {
  background: oklch(0.12 0.05 300 / 0.82) !important;
  background-image: none !important;
  background-color: oklch(0.12 0.05 300 / 0.82) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.12) !important;
  box-shadow: 0 8px 28px oklch(0.08 0.04 300 / 0.25) !important;
}
.site-header.site-header--over-hero:not(.site-header--scrolled),
.site-header.is-over-hero:not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.08 0.04 300 / 0.88) 0%,
    oklch(0.1 0.05 300 / 0.7) 50%,
    oklch(0.12 0.05 300 / 0.45) 100%
  ) !important;
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    oklch(0.08 0.04 300 / 0.88) 0%,
    oklch(0.1 0.05 300 / 0.7) 50%,
    oklch(0.12 0.05 300 / 0.45) 100%
  ) !important;
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}
.site-header .brand,
.site-header .brand__name { color: #f5f0fa !important; }
.site-header .brand__mark { color: var(--lilac-300) !important; }
.site-header .main-nav a { color: rgba(245, 240, 250, 0.82) !important; }
.site-header .main-nav a:hover { color: #fff !important; }
.site-header .header-phone { color: rgba(245, 240, 250, 0.75) !important; }
.site-header .header-phone i { color: var(--lilac-300) !important; }
.site-header .nav-toggle { color: #f5f0fa !important; }
.site-header .btn-primary.btn-sharp {
  background: transparent !important;
  color: #f5f0fa !important;
  border: 1px solid rgba(245, 240, 250, 0.55) !important;
  box-shadow: none !important;
}
.site-header .mobile-nav {
  background: oklch(0.14 0.05 300 / 0.96) !important;
}
.site-header .mobile-nav a { color: #f5f0fa !important; }


/* PASS 3 FILM-MESH MUTE — knock back burned-in v5 alfuraj field without adding CSS wallpaper */
.hero--anchors .hero__grade {
  background:
    linear-gradient(125deg, oklch(0.16 0.06 300 / 0.48) 0%, transparent 48%),
    linear-gradient(90deg, oklch(0.12 0.05 300 / 0.28) 0%, transparent 42%),
    linear-gradient(0deg, oklch(0.14 0.05 300 / 0.2), oklch(0.26 0.06 300 / 0.08));
  mix-blend-mode: multiply;
}

/* Pass 4: geom plane = translucent jewelry pane, not gray slab */
.hero__geom-plane {
  opacity: 0.55 !important;
  width: min(240px, 26vw) !important;
  height: min(160px, 20vh) !important;
  background: linear-gradient(
    145deg,
    oklch(0.4 0.07 40 / 0.12) 0%,
    oklch(0.28 0.07 300 / 0.14) 50%,
    oklch(0.22 0.06 300 / 0.04) 100%
  ) !important;
  border-color: rgba(245, 240, 250, 0.08) !important;
}

/* ============================================
   OVERNIGHT CLIMB p4 — Colin-honest ≥8 push
   2026-09-05 ~00:20 PT
   Hero luminescence (flare/bloom/jewelry/para) without mesh wallpaper.
   Mid-page chapters: photo vessels, hard joins, knockout, no white rafts.
   Quiet primary CTA. Header stays dark glass. Locks untouched.
   ============================================ */

/* --- Hero: bloom + dual flare luminescence --- */
.hero__bloom {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 42% 38% at 18% 42%, oklch(0.55 0.1 300 / 0.22) 0%, transparent 70%),
    radial-gradient(ellipse 28% 22% at 72% 28%, oklch(0.7 0.08 300 / 0.12) 0%, transparent 65%);
  mix-blend-mode: screen;
}
.hero--anchors .hero__flare {
  left: 5%;
  right: 38%;
  top: auto;
  bottom: auto;
  /* sit under title rule zone — content flex-end so approximate mid-left */
  top: 48%;
  height: 2px;
  opacity: 1 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(230, 210, 245, 0.35) 12%,
    rgba(255, 255, 255, 0.92) 48%,
    rgba(230, 210, 245, 0.4) 78%,
    transparent 100%
  );
  box-shadow:
    0 0 28px 3px oklch(0.82 0.1 300 / 0.55),
    0 0 60px 8px oklch(0.7 0.09 300 / 0.28);
  z-index: 6;
}
.hero__flare--mid {
  top: 62% !important;
  left: 8% !important;
  right: 52% !important;
  height: 1px !important;
  opacity: 0.65 !important;
  box-shadow: 0 0 18px 2px oklch(0.78 0.09 300 / 0.32) !important;
  z-index: 6;
}
.hero--anchors .hero__rule {
  width: min(240px, 55%);
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(183,156,209,0.55), transparent);
  box-shadow: 0 0 22px 2px oklch(0.82 0.1 300 / 0.5);
}

/* Left scrim: knockout discipline; right breathes */
.hero--anchors .hero__left-scrim {
  background: linear-gradient(
    92deg,
    oklch(0.1 0.05 300 / 0.82) 0%,
    oklch(0.12 0.05 300 / 0.55) 32%,
    oklch(0.14 0.05 300 / 0.22) 55%,
    transparent 72%
  ) !important;
}
.hero--anchors .hero__v-scrim {
  background:
    linear-gradient(180deg, oklch(0.08 0.04 300 / 0.7) 0%, oklch(0.12 0.04 300 / 0.22) 16%, transparent 30%),
    linear-gradient(0deg, oklch(0.08 0.04 300 / 0.78) 0%, oklch(0.12 0.04 300 / 0.32) 26%, transparent 46%) !important;
}

/* Geom plane = faceted glass jewelry, not gray slab */
.hero__geom-plane {
  opacity: 0.72 !important;
  width: min(280px, 30vw) !important;
  height: min(180px, 22vh) !important;
  right: 8% !important;
  top: 20% !important;
  background:
    linear-gradient(145deg, oklch(0.45 0.08 40 / 0.14) 0%, oklch(0.32 0.08 300 / 0.18) 48%, oklch(0.22 0.06 300 / 0.06) 100%) !important;
  border: 1px solid rgba(245, 240, 250, 0.22) !important;
  box-shadow:
    inset 0 0 48px oklch(0.55 0.08 40 / 0.1),
    0 0 0 1px rgba(183, 156, 209, 0.12) !important;
  z-index: 4;
}

/* Second-camera para inset (Silk Forge twin vessel) */
.hero__para-inset {
  position: absolute;
  right: clamp(12rem, 22vw, 22rem);
  bottom: clamp(5.5rem, 14vh, 9rem);
  z-index: 4;
  width: min(200px, 18vw);
  aspect-ratio: 5 / 3;
  pointer-events: none;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
  overflow: hidden;
  opacity: 0.9;
  box-shadow: 0 10px 36px oklch(0.1 0.04 300 / 0.4);
  border: 1px solid rgba(245, 240, 250, 0.2);
}
.hero__para-inset img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
  max-width: none;
  transform: scale(1.06);
}

/* Hex inset jewelry stroke */
.hero__hex-inset {
  width: min(176px, 17vw) !important;
  opacity: 0.95 !important;
  z-index: 5 !important;
  filter: drop-shadow(0 0 0.5px rgba(245, 240, 250, 0.55));
  box-shadow:
    0 14px 44px oklch(0.1 0.04 300 / 0.5),
    0 0 0 1px rgba(230, 210, 245, 0.35) !important;
}
.hero__hex-inset::after {
  content: "";
  position: absolute;
  inset: 6px;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  border: none;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.28);
  pointer-events: none;
}

/* Jewelry cuts readable at thumbnail — still sparse, not wallpaper */
.hero__jewelry {
  right: 6% !important;
  top: 14% !important;
  width: min(148px, 13vw) !important;
  color: rgba(245, 240, 250, 0.42) !important;
  opacity: 0.55 !important;
  z-index: 6 !important;
  filter: drop-shadow(0 0 8px oklch(0.78 0.1 300 / 0.25)) !important;
  mix-blend-mode: screen;
}
.hero__alfuraj circle {
  filter: drop-shadow(0 0 4px oklch(0.85 0.1 300 / 0.8));
}

/* Quiet primary CTA — plate wins over purple brochure fill */
.hero--anchors .btn-quiet-plate.btn-primary {
  background: oklch(0.42 0.09 300 / 0.42) !important;
  border: 1px solid rgba(230, 210, 245, 0.65) !important;
  color: #fff !important;
  box-shadow: none !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.hero--anchors .btn-quiet-plate.btn-primary:hover {
  background: oklch(0.48 0.1 300 / 0.55) !important;
  border-color: rgba(245, 240, 250, 0.85) !important;
}
.hero--anchors .hero__ctas .btn-outline-light {
  border-color: rgba(245, 240, 250, 0.7);
}

/* Stats plate: thinner glass, more jewelry edge */
.hero__stats-plate {
  background: oklch(0.14 0.05 300 / 0.48) !important;
  border-color: rgba(245, 240, 250, 0.38) !important;
  box-shadow: inset 0 0 0 1px rgba(183, 156, 209, 0.12);
}

@media (max-width: 1023px) {
  .hero__para-inset {
    width: min(140px, 26vw);
    right: clamp(1rem, 4vw, 3rem);
    bottom: clamp(9rem, 22vh, 14rem);
  }
  .hero__jewelry { opacity: 0.4 !important; }
}
@media (max-width: 767px) {
  .hero__para-inset { display: none; }
  .hero__flare--mid { display: none; }
  .hero__bloom {
    background: radial-gradient(ellipse 60% 40% at 30% 45%, oklch(0.5 0.09 300 / 0.2) 0%, transparent 70%);
  }
  .hero__jewelry { opacity: 0.32 !important; width: min(88px, 24vw) !important; }
}

/* --- Sanctuary: featured window + readable plate under head --- */
.chapter-bleed--sanctuary .chapter-bleed__scrim--photo-dark {
  background:
    linear-gradient(105deg, oklch(0.12 0.05 300 / 0.78) 0%, oklch(0.14 0.05 300 / 0.48) 40%, oklch(0.16 0.05 300 / 0.55) 100%),
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.5) 0%, transparent 32%, oklch(0.1 0.04 300 / 0.62) 100%) !important;
}
.sanctuary--stack .sanctuary-grid__item--featured {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
  min-height: 100%;
}
.sanctuary--stack .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 14px;
  border-color: rgba(245, 240, 250, 0.4);
}
.sanctuary--stack .chapter-bleed__edge-jewelry {
  opacity: 0.7;
  z-index: 2;
}
.sanctuary--stack .section-head__flare {
  width: min(280px, 50%);
  box-shadow: 0 0 22px oklch(0.8 0.1 300 / 0.6);
}

/* --- Care: tighter vessels, harder joins, luminous flare --- */
.care--stack .care-list--vessels {
  gap: 2px !important;
}
.care--stack .care-row {
  background: oklch(0.14 0.05 300 / 0.35) !important;
}
.care--stack .care-row__text {
  background: oklch(0.14 0.055 300 / 0.72) !important;
  border-color: rgba(245, 240, 250, 0.28) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.care--stack .care-row__text h3 {
  position: relative;
}
.care--stack .care-row__text h3::after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 0.65rem;
  background: linear-gradient(90deg, rgba(230,210,245,0.9), transparent);
  box-shadow: 0 0 10px oklch(0.8 0.1 300 / 0.45);
}
.chapter-bleed--care .chapter-bleed__scrim--photo-dark {
  background:
    linear-gradient(105deg, oklch(0.11 0.05 300 / 0.8) 0%, oklch(0.14 0.05 300 / 0.5) 45%, oklch(0.16 0.05 300 / 0.58) 100%),
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.48) 0%, transparent 30%, oklch(0.1 0.04 300 / 0.6) 100%) !important;
}

/* --- Adopt: featured hex exhibit window --- */
.adopt-plate--featured {
  grid-column: span 2;
  grid-row: span 2;
  aspect-ratio: auto;
  min-height: 100%;
  clip-path: polygon(50% 0%, 100% 18%, 100% 82%, 50% 100%, 0% 82%, 0% 18%) !important;
}
.adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
}
.adopt-plate--featured .adopt-plate__scrim {
  background: linear-gradient(180deg, oklch(0.18 0.05 300 / 0.08) 30%, oklch(0.12 0.05 300 / 0.88) 100%);
}
.adopt--plates .section-head__flare {
  width: min(260px, 45%);
}
.chapter-bleed--adopt .chapter-bleed__scrim--deep {
  background:
    linear-gradient(105deg, oklch(0.12 0.05 300 / 0.72) 0%, oklch(0.14 0.05 300 / 0.45) 50%, oklch(0.16 0.05 300 / 0.55) 100%),
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.4) 0%, transparent 35%, oklch(0.1 0.04 300 / 0.55) 100%) !important;
}
@media (max-width: 1023px) {
  .adopt-plate--featured {
    grid-column: span 2;
    grid-row: span 1;
    clip-path: none !important;
    aspect-ratio: 16 / 10;
  }
  .sanctuary--stack .sanctuary-grid__item--featured {
    grid-column: span 2;
    grid-row: span 1;
    aspect-ratio: 16 / 10;
  }
}
@media (max-width: 767px) {
  .adopt-plate--featured,
  .sanctuary--stack .sanctuary-grid__item--featured {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 3 / 4;
    clip-path: none !important;
  }
}

/* --- Portraits: photo-led chapter, hard joins --- */
.chapter-bleed--portraits {
  background: var(--lilac-900) !important;
  color: #fff;
  position: relative;
  isolation: isolate;
  padding: 0 !important;
}
.chapter-bleed--portraits .portraits__content {
  position: relative;
  z-index: 1;
  padding-block: var(--space-20);
}
.portraits-masonry--joins {
  column-gap: 2px !important;
  columns: 3;
  column-gap: 2px;
}
.portraits-masonry--joins img {
  margin-bottom: 2px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100%;
  display: block;
  break-inside: avoid;
}
.portraits--dense .section-head--knockout .section-head__title--light {
  color: #fff !important;
}
@media (max-width: 1023px) {
  .portraits-masonry--joins { columns: 2; }
}
@media (max-width: 767px) {
  .portraits-masonry--joins { columns: 1; }
}

/* --- Involved: photo plate breathes; glass panels stay knockout --- */
.chapter-bleed__scrim--involved-plate {
  background:
    linear-gradient(105deg, oklch(0.1 0.05 300 / 0.78) 0%, oklch(0.14 0.05 300 / 0.48) 48%, oklch(0.18 0.04 300 / 0.35) 100%),
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.45) 0%, transparent 35%, oklch(0.1 0.04 300 / 0.55) 100%) !important;
}
.involved--photo .involved__panels {
  max-width: 760px;
}
.involved--photo .involved__panel {
  background: oklch(0.16 0.055 300 / 0.58) !important;
  border-color: rgba(245, 240, 250, 0.32) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.involved--photo .section-head__flare,
.involved--photo .involved__inner > .section-head__flare {
  width: min(240px, 42%);
  box-shadow: 0 0 20px oklch(0.8 0.1 300 / 0.55);
}

/* --- Impact: one more jewelry + flare event (photo already locked) --- */
.impact--giants .section-head__flare {
  width: min(300px, 48%);
  height: 2px;
  box-shadow: 0 0 26px oklch(0.82 0.1 300 / 0.6);
}
.impact--giants .metric-object__tick {
  background: linear-gradient(180deg, transparent, rgba(230,210,245,0.55), transparent);
}
.chapter-bleed--impact .chapter-bleed__scrim--impact-plate {
  background:
    linear-gradient(
      105deg,
      oklch(0.11 0.05 300 / 0.58) 0%,
      oklch(0.14 0.05 300 / 0.34) 40%,
      oklch(0.18 0.04 300 / 0.14) 70%,
      oklch(0.2 0.03 300 / 0.08) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.1 0.04 300 / 0.38) 0%,
      transparent 28%,
      transparent 58%,
      oklch(0.1 0.04 300 / 0.5) 100%
    ) !important;
}

/* Kill any residual lilac-50 rafts on rebuilt chapters */
body.depth-rebuild .chapter-bleed--sanctuary,
body.depth-rebuild .chapter-bleed--care,
body.depth-rebuild .chapter-bleed--adopt,
body.depth-rebuild .chapter-bleed--portraits,
body.depth-rebuild .chapter-bleed--involved,
body.depth-rebuild .chapter-bleed--pillars {
  background-color: var(--lilac-900) !important;
}

/* --- p4 hotfix: featured adopt = hard join + hex jewelry frame (no Swiss-cheese void) --- */
.adopt-plate--featured {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
  aspect-ratio: auto !important;
  clip-path: none !important;
  min-height: 0;
}
.adopt-plate--featured::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(245, 240, 250, 0.38);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  box-shadow: 0 0 18px oklch(0.75 0.08 300 / 0.2);
}
.adopt-plate--featured .adopt-plate__copy {
  z-index: 3;
}
.adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.25rem, 2.2vw, 1.7rem);
}

/* Quieter still — Anchors utility, not brochure purple slab */
.hero--anchors .btn-quiet-plate.btn-primary {
  background: oklch(0.55 0.08 300 / 0.28) !important;
  border: 1px solid rgba(245, 240, 250, 0.7) !important;
  backdrop-filter: blur(8px) saturate(1.05);
  -webkit-backdrop-filter: blur(8px) saturate(1.05);
}
.hero--anchors .btn-quiet-plate.btn-primary:hover {
  background: oklch(0.58 0.09 300 / 0.42) !important;
}

@media (max-width: 1023px) {
  .adopt-plate--featured {
    grid-row: span 1 !important;
    aspect-ratio: 16 / 10 !important;
  }
  .adopt-plate--featured::after { inset: 8px; }
}
@media (max-width: 767px) {
  .adopt-plate--featured {
    grid-column: span 1 !important;
    aspect-ratio: 3 / 4 !important;
  }
  .adopt-plate--featured::after { display: none; }
}


/* ============================================
   PASS 5 — warm inviting over Matrix HUD
   2026-09-05 ~00:30 PT
   Colin rule (same as Lucky): density = photo + soft mist + type,
   not laser flares / geom HUD. Film triangle mesh is BAKED into
   video/animal-house-site-v5-play.mp4 pixels — CSS mutes only.
   Locks: copy / 400+·25+ / Impact metrics / lilac / dark-glass header.
   ============================================ */

/* === PASS 5 WARM MIST — anti-Matrix HUD === */

/* Warm the plate so fur/face invite — not cool Matrix gray */
.hero--anchors .hero__video {
  filter: saturate(1.14) contrast(1.06) brightness(1.08);
  object-position: center 28%;
}

/* Stronger mute on burned-in v5 triangle field (multiply wash) */
.hero--anchors .hero__grade {
  background:
    radial-gradient(ellipse 72% 58% at 58% 38%, oklch(0.2 0.06 300 / 0.42) 0%, transparent 68%),
    linear-gradient(125deg, oklch(0.14 0.055 300 / 0.52) 0%, transparent 46%),
    linear-gradient(90deg, oklch(0.12 0.05 300 / 0.32) 0%, transparent 44%),
    linear-gradient(0deg, oklch(0.14 0.05 300 / 0.24), oklch(0.28 0.055 55 / 0.1));
  mix-blend-mode: multiply;
  opacity: 1;
}

/* Soft lilac mist — Anchors density without diagonal HUD stripes */
.hero__mist {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse 68% 52% at 78% 28%,
      oklch(0.72 0.07 55 / 0.2) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 55% 48% at 22% 62%,
      oklch(0.55 0.09 300 / 0.22) 0%,
      transparent 68%
    ),
    radial-gradient(
      ellipse 40% 36% at 62% 72%,
      oklch(0.65 0.06 300 / 0.12) 0%,
      transparent 72%
    );
  mix-blend-mode: soft-light;
  opacity: 0.92;
}

/* Bloom: warmer, quieter — not tech violet bank */
.hero__bloom {
  background:
    radial-gradient(ellipse 48% 42% at 20% 48%, oklch(0.58 0.08 300 / 0.16) 0%, transparent 72%),
    radial-gradient(ellipse 32% 26% at 74% 30%, oklch(0.72 0.06 55 / 0.1) 0%, transparent 68%) !important;
  mix-blend-mode: soft-light !important;
  opacity: 0.95;
  z-index: 3;
}

/* Geom plane → near-invisible soft pane (no HUD facet) */
.hero__geom-plane {
  opacity: 0.14 !important;
  width: min(220px, 22vw) !important;
  height: min(140px, 16vh) !important;
  right: 10% !important;
  top: 22% !important;
  background: radial-gradient(
    ellipse at 40% 40%,
    oklch(0.5 0.06 55 / 0.1) 0%,
    oklch(0.32 0.06 300 / 0.06) 55%,
    transparent 100%
  ) !important;
  border: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  border-radius: 40% 60% 55% 45%;
  filter: blur(18px);
}

/* Photo insets stay — quieter jewelry stroke (photo > HUD) */
.hero__para-inset {
  opacity: 0.88 !important;
  border-color: rgba(245, 240, 250, 0.12) !important;
  box-shadow: 0 8px 28px oklch(0.1 0.04 300 / 0.28) !important;
}
.hero__hex-inset {
  opacity: 0.9 !important;
  filter: none !important;
  box-shadow:
    0 10px 32px oklch(0.1 0.04 300 / 0.35),
    0 0 0 1px rgba(245, 240, 250, 0.18) !important;
}
.hero__hex-inset::after {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.14) !important;
}

/* Jewelry: whisper cuts only */
.hero__jewelry {
  opacity: 0.22 !important;
  width: min(110px, 10vw) !important;
  color: rgba(245, 240, 250, 0.28) !important;
  filter: none !important;
  mix-blend-mode: soft-light !important;
  right: 7% !important;
  top: 16% !important;
}
.hero__alfuraj circle { display: none; }

/* ONE soft lilac gleam — not dual laser bank (Colin / Lucky rule) */
.hero--anchors .hero__flare {
  left: 6% !important;
  right: 48% !important;
  top: 46% !important;
  height: 1px !important;
  opacity: 0.62 !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(230, 210, 245, 0.28) 18%,
    rgba(255, 248, 240, 0.55) 42%,
    rgba(230, 210, 245, 0.22) 68%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 14px 1px oklch(0.78 0.07 300 / 0.22) !important;
  z-index: 6;
}
.hero__flare--mid {
  /* demote second laser → soft mist blotch under type */
  top: 58% !important;
  left: 10% !important;
  right: auto !important;
  width: min(28vw, 220px) !important;
  height: 48px !important;
  opacity: 0.45 !important;
  background: radial-gradient(
    ellipse at center,
    oklch(0.7 0.07 300 / 0.28) 0%,
    transparent 72%
  ) !important;
  box-shadow: none !important;
  filter: blur(10px);
  z-index: 5;
}

/* Type hierarchy over geometry */
.hero--anchors .hero__title {
  text-shadow:
    0 2px 36px oklch(0.1 0.04 300 / 0.55),
    0 1px 2px oklch(0.08 0.04 300 / 0.4);
  letter-spacing: -0.02em;
}
.hero--anchors .hero__lede {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 20px oklch(0.1 0.04 300 / 0.5);
  max-width: 38rem;
}
.hero--anchors .hero__rule {
  width: min(200px, 48%) !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.85),
    rgba(183, 156, 209, 0.4),
    transparent
  ) !important;
  box-shadow: 0 0 12px 1px oklch(0.8 0.08 300 / 0.28) !important;
}

/* Left/V scrims: warm charcoal-lilac, photo breathes right */
.hero--anchors .hero__left-scrim {
  background: linear-gradient(
    92deg,
    oklch(0.11 0.045 300 / 0.78) 0%,
    oklch(0.13 0.045 55 / 0.42) 34%,
    oklch(0.16 0.04 55 / 0.16) 58%,
    transparent 74%
  ) !important;
}
.hero--anchors .hero__v-scrim {
  background:
    linear-gradient(180deg, oklch(0.09 0.04 300 / 0.62) 0%, oklch(0.12 0.04 55 / 0.18) 16%, transparent 30%),
    linear-gradient(0deg, oklch(0.09 0.04 300 / 0.72) 0%, oklch(0.12 0.04 55 / 0.28) 24%, transparent 44%) !important;
}

/* Stats plate: soft glass, not HUD slab */
.hero--anchors .hero__stats-plate {
  background: oklch(0.16 0.05 300 / 0.42) !important;
  border: 1px solid rgba(245, 240, 250, 0.22) !important;
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  box-shadow: 0 8px 28px oklch(0.1 0.04 300 / 0.25);
}

/* Impact: soft warm mist lift on photo (giants already locked) */
.chapter-bleed--impact .chapter-bleed__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(ellipse 50% 40% at 70% 40%, oklch(0.7 0.06 55 / 0.14) 0%, transparent 70%),
    radial-gradient(ellipse 40% 35% at 20% 70%, oklch(0.55 0.08 300 / 0.1) 0%, transparent 68%);
  mix-blend-mode: soft-light;
}
.impact--giants .section-head__flare {
  box-shadow: 0 0 16px oklch(0.8 0.08 300 / 0.35) !important;
  height: 1px !important;
}

@media (max-width: 1023px) {
  .hero__geom-plane { opacity: 0.1 !important; filter: blur(14px); }
  .hero__jewelry { opacity: 0.16 !important; }
  .hero__para-inset { opacity: 0.75 !important; }
}
@media (max-width: 767px) {
  .hero__mist {
    background:
      radial-gradient(ellipse 70% 50% at 50% 30%, oklch(0.65 0.06 55 / 0.16) 0%, transparent 70%),
      radial-gradient(ellipse 60% 45% at 30% 70%, oklch(0.5 0.08 300 / 0.18) 0%, transparent 68%);
  }
  .hero__geom-plane { display: none !important; }
  .hero__jewelry { opacity: 0.12 !important; width: min(72px, 20vw) !important; }
  .hero__flare--mid { display: none !important; }
  .hero--anchors .hero__flare {
    right: 28% !important;
    opacity: 0.5 !important;
    box-shadow: 0 0 10px 1px oklch(0.78 0.07 300 / 0.18) !important;
  }
  .hero--anchors .hero__video {
    filter: saturate(1.1) contrast(1.05) brightness(1.06);
  }
}


/* ============================================
   PASS 5 RESTART — 2026-09-05 ~00:35 PT
   Climb from honest 7.4 → Colin-honest ≥8 target
   Focus: warm documentary (not laser HUD) · film-mesh caveat · mid-page density
   Density = photo + soft mist + type (Colin / Lucky rule). No DreamHost.
   ============================================ */

/* --- Film mesh caveat (v5 bake) ---
   Triangle field is burned into animal-house-site-v5-play.mp4 pixels.
   CSS cannot delete it. Multiply grade + warm mist only mute. VE needed for true kill. */
.hero--anchors .hero__grade {
  background:
    radial-gradient(ellipse 78% 64% at 55% 36%, oklch(0.18 0.055 300 / 0.55) 0%, transparent 72%),
    linear-gradient(128deg, oklch(0.12 0.05 300 / 0.58) 0%, transparent 50%),
    linear-gradient(90deg, oklch(0.11 0.048 300 / 0.38) 0%, transparent 46%),
    linear-gradient(0deg, oklch(0.13 0.05 300 / 0.28), oklch(0.3 0.05 55 / 0.12)) !important;
  mix-blend-mode: multiply !important;
}
.hero--anchors .hero__video {
  filter: saturate(1.18) contrast(1.05) brightness(1.1) !important;
}

/* --- Anti-laser HUD --- */
/* Kill second laser entirely; keep one soft documentary gleam */
.hero__flare--mid {
  display: none !important;
}
.hero--anchors .hero__flare {
  opacity: 0.42 !important;
  height: 1px !important;
  right: 52% !important;
  box-shadow: 0 0 10px 1px oklch(0.78 0.06 300 / 0.14) !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 248, 240, 0.22) 22%,
    rgba(255, 252, 248, 0.4) 44%,
    rgba(230, 210, 245, 0.16) 70%,
    transparent 100%
  ) !important;
}
.hero--anchors .hero__rule {
  box-shadow: 0 0 8px 0 oklch(0.8 0.06 300 / 0.18) !important;
  width: min(168px, 42%) !important;
}

/* Geom plane fully off — soft mist carries warmth instead */
.hero__geom-plane {
  display: none !important;
}

/* Photo insets: documentary stills, not HUD windows */
.hero__para-inset {
  opacity: 0.82 !important;
  border: none !important;
  box-shadow: 0 6px 22px oklch(0.1 0.04 300 / 0.22) !important;
  clip-path: none !important;
  border-radius: 2px;
}
.hero__hex-inset {
  opacity: 0.84 !important;
  filter: none !important;
  box-shadow: 0 8px 24px oklch(0.1 0.04 300 / 0.28) !important;
  /* keep hex crop as soft photo accent — drop jewelry ring */
}
.hero__hex-inset::after {
  display: none !important;
}

/* Jewelry whisper */
.hero__jewelry {
  opacity: 0.14 !important;
  width: min(96px, 9vw) !important;
  filter: none !important;
  mix-blend-mode: soft-light !important;
}

/* Stats plate: soft rect glass — kill slanted HUD shard */
.hero--anchors .hero__stats-plate {
  clip-path: none !important;
  border-radius: 2px;
  background: oklch(0.15 0.045 300 / 0.38) !important;
  border: 1px solid rgba(245, 240, 250, 0.16) !important;
  box-shadow: 0 6px 22px oklch(0.1 0.04 300 / 0.2) !important;
  margin-top: var(--space-12) !important;
  backdrop-filter: blur(8px) saturate(1.02);
  -webkit-backdrop-filter: blur(8px) saturate(1.02);
}
.hero--anchors .hero__stats-plate .stat-object__tick,
.hero__stats-plate .stat-object__tick {
  background: rgba(245, 240, 250, 0.22) !important;
  width: 1px !important;
  opacity: 0.55;
}

/* Hero content breathe — less mid-stack crush */
.hero--anchors .hero__content {
  gap: 0;
  row-gap: 0;
}
.hero--anchors .hero__lede {
  margin-bottom: 0.15rem;
  max-width: 36rem !important;
  line-height: 1.55;
}
.hero--anchors .hero__ctas {
  margin-top: var(--space-7) !important;
  margin-bottom: 0;
  gap: var(--space-4);
}
.hero--anchors .btn-quiet-plate.btn-primary {
  background: oklch(0.38 0.07 300 / 0.36) !important;
  border-color: rgba(245, 240, 250, 0.45) !important;
  backdrop-filter: blur(4px);
}

/* Soft mist warmer — documentary gold-lilac, not tech violet */
.hero__mist {
  background:
    radial-gradient(ellipse 72% 54% at 82% 26%, oklch(0.74 0.07 55 / 0.26) 0%, transparent 72%),
    radial-gradient(ellipse 58% 50% at 18% 58%, oklch(0.52 0.08 300 / 0.2) 0%, transparent 70%),
    radial-gradient(ellipse 44% 40% at 58% 78%, oklch(0.68 0.05 55 / 0.12) 0%, transparent 74%) !important;
  mix-blend-mode: soft-light !important;
  opacity: 1 !important;
}
.hero__bloom {
  background:
    radial-gradient(ellipse 50% 44% at 22% 50%, oklch(0.56 0.07 300 / 0.12) 0%, transparent 74%),
    radial-gradient(ellipse 34% 28% at 76% 28%, oklch(0.74 0.055 55 / 0.14) 0%, transparent 70%) !important;
  mix-blend-mode: soft-light !important;
}

/* --- Impact: soften HUD ticks / laser under claim --- */
.impact--giants .metric-object__tick {
  background: linear-gradient(180deg, transparent, rgba(245, 240, 250, 0.28), transparent) !important;
  width: 1px !important;
  opacity: 0.7;
}
.impact--giants .section-head__flare {
  height: 1px !important;
  width: min(220px, 38%) !important;
  box-shadow: 0 0 10px oklch(0.8 0.06 300 / 0.22) !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.7), rgba(183,156,209,0.35), transparent) !important;
}
.chapter-bleed--impact .chapter-bleed__edge-jewelry {
  opacity: 0.28 !important;
}

/* --- Mid-page density: photo + soft mist + type (not more cards) --- */
.chapter-bleed--sanctuary .chapter-bleed__media::after,
.chapter-bleed--care .chapter-bleed__media::after,
.chapter-bleed--adopt .chapter-bleed__media::after,
.chapter-bleed--involved .chapter-bleed__media::after,
.chapter-bleed--portraits .chapter-bleed__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(ellipse 55% 45% at 75% 30%, oklch(0.7 0.06 55 / 0.16) 0%, transparent 72%),
    radial-gradient(ellipse 48% 40% at 18% 70%, oklch(0.5 0.08 300 / 0.14) 0%, transparent 70%);
  mix-blend-mode: soft-light;
}

/* Chapter heads: quieter jewelry, more type presence */
.sanctuary--stack .section-head__flare,
.care--stack .section-head__flare,
.adopt--plates .section-head__flare,
.involved--photo .section-head__flare,
.portraits--dense .section-head__flare {
  box-shadow: 0 0 12px oklch(0.8 0.07 300 / 0.28) !important;
  height: 1px !important;
  width: min(200px, 36%) !important;
}
.chapter-bleed__edge-jewelry {
  opacity: 0.32 !important;
}

/* Sanctuary exhibit: featured breathes; grid still hard-join */
.sanctuary--stack .sanctuary__content {
  padding-block: clamp(3.5rem, 8vw, 5.5rem) !important;
}
.sanctuary--stack .section-head--knockout {
  margin-bottom: var(--space-10) !important;
}
.sanctuary--stack .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  border-color: rgba(245, 240, 250, 0.28) !important;
  inset: 16px;
}

/* Care: less glass-card, more photo overlap density */
.care--stack .care__content {
  padding-block: clamp(3.5rem, 8vw, 5.5rem) !important;
}
.care--stack .care-list--vessels {
  gap: 3px !important;
}
.care--stack .care-row__text {
  background: oklch(0.13 0.05 300 / 0.58) !important;
  border-color: rgba(245, 240, 250, 0.18) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
.care--stack .care-row__text h3::after {
  box-shadow: none !important;
  background: linear-gradient(90deg, rgba(245,240,250,0.55), transparent) !important;
  width: 40px;
}
.care--stack .care-row--overlap .care-row__text {
  margin-inline-start: -1.25rem;
  background: oklch(0.12 0.05 300 / 0.62) !important;
}

/* Adopt: featured exhibit + quieter stamp field */
.adopt--plates .adopt__content {
  padding-block: clamp(3.5rem, 8vw, 5.5rem) !important;
}
.adopt--plates .section-head--knockout {
  margin-bottom: var(--space-10) !important;
}
.adopt-plate--featured::after {
  border-color: rgba(245, 240, 250, 0.26) !important;
  box-shadow: none !important;
  inset: 14px;
}

/* Involved / Portraits: soft glass, not HUD panels */
.involved--photo .involved__panel {
  background: oklch(0.15 0.05 300 / 0.48) !important;
  border-color: rgba(245, 240, 250, 0.2) !important;
  backdrop-filter: blur(6px) !important;
}
.portraits--dense .portraits__content {
  padding-block: clamp(3.25rem, 7vw, 5rem) !important;
}

@media (max-width: 767px) {
  .hero__para-inset,
  .hero__hex-inset { display: none !important; }
  .hero--anchors .hero__flare { opacity: 0.32 !important; }
  .hero--anchors .hero__stats-plate { margin-top: var(--space-8) !important; }
  .care--stack .care-row--overlap .care-row__text { margin-inline-start: 0; }
}

/* ============================================
   PASS 7 — HARD BAR mid-page Anchors stack
   2026-09-05 ~01:05 PT
   Adopt / Sanctuary / Care / Involved → full-bleed under type,
   scrims, poly insets, giants on photo, 1px jewelry.
   Kill equal brochure grids. Hero v6 mesh-free held.
   Locks: Colin copy · 400+/25+ · Impact 1700+/500+/270000+/12+ ·
   lilac · dark-mist header · mailto / @animalhouse_KSA.
   DreamHost: HOLD.
   ============================================ */

/* --- Shared chapter poly insets (second-camera on plate) --- */
.chapter-poly-insets {
  position: absolute;
  inset: auto 0 0 auto;
  width: min(42vw, 520px);
  height: min(38vh, 360px);
  pointer-events: none;
  z-index: 2;
  top: clamp(4.5rem, 12vh, 8rem);
  right: clamp(0.5rem, 3vw, 2rem);
}
.sanctuary__content,
.adopt__content {
  position: relative;
}
.chapter-poly-insets__hex,
.chapter-poly-insets__para {
  position: absolute;
  margin: 0;
  overflow: hidden;
  box-shadow: 0 12px 40px oklch(0.1 0.04 300 / 0.45);
  border: 1px solid rgba(245, 240, 250, 0.22);
}
.chapter-poly-insets__hex {
  width: min(168px, 16vw);
  aspect-ratio: 1;
  right: 0;
  top: 0;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  filter: drop-shadow(0 0 0.5px rgba(245, 240, 250, 0.4));
}
.chapter-poly-insets__para {
  width: min(220px, 22vw);
  aspect-ratio: 5 / 3;
  right: clamp(5.5rem, 12vw, 9rem);
  top: clamp(5rem, 12vh, 7.5rem);
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}
.chapter-poly-insets__hex img,
.chapter-poly-insets__para img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transform: scale(1.06);
}
.chapter-poly-insets--adopt {
  top: clamp(3.5rem, 10vh, 6.5rem);
  height: min(34vh, 300px);
}
.chapter-poly-insets--adopt .chapter-poly-insets__para {
  right: clamp(7rem, 14vw, 11rem);
  top: 1.5rem;
}
.chapter-poly-insets--adopt .chapter-poly-insets__hex {
  right: 0;
  top: clamp(4rem, 10vh, 6rem);
}

/* --- Sanctuary exhibit collage (not equal brochure masonry) --- */
.sanctuary-grid--exhibit {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  grid-auto-rows: minmax(140px, auto);
  gap: 2px !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item {
  grid-column: span 4;
  aspect-ratio: 3 / 2;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  grid-column: span 6 !important;
  grid-row: span 2 !important;
  aspect-ratio: auto !important;
  min-height: 100%;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--wide {
  grid-column: span 8 !important;
  aspect-ratio: 21 / 9;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--tall {
  grid-column: span 4;
  aspect-ratio: 4 / 5;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--para {
  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%) !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--shard {
  clip-path: polygon(0 0, 100% 0, 100% 94%, 96% 100%, 0 100%) !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--window {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.32) !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item figcaption {
  padding: var(--space-6) var(--space-5) var(--space-4);
  font-size: var(--text-sm);
  letter-spacing: 0.01em;
  border-top: 0;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption {
  font-size: var(--text-base);
  max-width: 36ch;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption::before {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  margin-bottom: 0.65rem;
  background: linear-gradient(90deg, rgba(245,240,250,0.85), transparent);
}
.sanctuary--stack .section-head--knockout {
  max-width: 40rem !important;
  position: relative;
  z-index: 3;
}
.sanctuary--stack .section-head__title--light {
  font-size: clamp(2.1rem, 4.2vw, 3.35rem);
  letter-spacing: -0.02em;
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.45);
}
.chapter-bleed--sanctuary .chapter-bleed__scrim--photo-dark {
  background:
    linear-gradient(105deg, oklch(0.1 0.05 300 / 0.84) 0%, oklch(0.13 0.05 300 / 0.52) 38%, oklch(0.16 0.05 300 / 0.42) 100%),
    linear-gradient(180deg, oklch(0.09 0.04 300 / 0.55) 0%, transparent 30%, oklch(0.09 0.04 300 / 0.68) 100%),
    radial-gradient(ellipse 50% 40% at 78% 35%, oklch(0.55 0.07 300 / 0.12), transparent 70%) !important;
}

/* --- Care: giants on photo vessels --- */
.care-list--dense {
  gap: 2px !important;
}
.care--stack .care-row {
  position: relative;
  isolation: isolate;
  min-height: clamp(16rem, 28vh, 22rem);
}
.care--stack .care-row__media {
  aspect-ratio: auto !important;
  min-height: 100%;
}
.care--stack .care-row__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, oklch(0.12 0.05 300 / 0.35), transparent 55%);
  pointer-events: none;
  z-index: 1;
}
.care-row__giant {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(3.5rem, 8vw, 6.5rem);
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.04em;
  color: rgba(245, 240, 250, 0.16);
  margin-bottom: -0.35rem;
  text-shadow: none;
  user-select: none;
}
.care--stack .care-row__text {
  position: relative;
  z-index: 2;
  background: oklch(0.12 0.05 300 / 0.52) !important;
  border: 1px solid rgba(245, 240, 250, 0.2) !important;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 96% 100%, 0 100%);
  padding: var(--space-8) var(--space-7) !important;
  backdrop-filter: blur(7px) !important;
  -webkit-backdrop-filter: blur(7px) !important;
}
.care--stack .care-row--overlap .care-row__text {
  margin-inline-start: calc(-1 * clamp(1.5rem, 4vw, 3.5rem)) !important;
  background: oklch(0.11 0.05 300 / 0.62) !important;
  box-shadow: -1px 0 0 rgba(245, 240, 250, 0.18) !important;
}
.care--stack .care-row--reverse.care-row--shard .care-row__text,
.care--stack .care-row--reverse.care-row--para .care-row__text {
  margin-inline-end: calc(-1 * clamp(1.25rem, 3.5vw, 3rem)) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%, 0 90%);
}
.care--stack .care-row__text h3 {
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  letter-spacing: -0.01em;
}
.care--stack .care-row__text h3::after {
  width: 56px !important;
  margin-top: 0.75rem !important;
  background: linear-gradient(90deg, rgba(245,240,250,0.75), rgba(183,156,209,0.35), transparent) !important;
  box-shadow: 0 0 12px oklch(0.8 0.08 300 / 0.25) !important;
}
.care--stack .section-head__title--light {
  font-size: clamp(2.1rem, 4vw, 3.2rem);
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.45);
}

/* --- Adopt exhibit collage (kill equal 4-col brochure) --- */
.adopt-strip--exhibit {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  grid-auto-flow: dense;
  gap: 2px !important;
  background: var(--lilac-900);
}
.adopt-strip--exhibit .adopt-plate {
  grid-column: span 3;
  aspect-ratio: 3 / 4;
}
.adopt-strip--exhibit .adopt-plate--featured {
  grid-column: span 6 !important;
  grid-row: span 2 !important;
  aspect-ratio: auto !important;
  min-height: 100%;
}
.adopt-strip--exhibit .adopt-plate--tall {
  grid-column: span 3;
  aspect-ratio: 3 / 5;
}
.adopt-strip--exhibit .adopt-plate--wide {
  grid-column: span 6;
  aspect-ratio: 16 / 9;
}
.adopt-strip--exhibit .adopt-plate--shard {
  clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%) !important;
}
.adopt-strip--exhibit .adopt-plate--hex:not(.adopt-plate--featured) {
  clip-path: none !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.2);
}
.adopt-strip--exhibit .adopt-plate--featured::after {
  inset: 16px !important;
  border-color: rgba(245, 240, 250, 0.34) !important;
  box-shadow: 0 0 24px oklch(0.75 0.08 300 / 0.18) !important;
}
.adopt-strip--exhibit .adopt-plate__scrim {
  background: linear-gradient(
    180deg,
    transparent 38%,
    oklch(0.12 0.05 300 / 0.55) 72%,
    oklch(0.1 0.05 300 / 0.92) 100%
  );
}
.adopt-strip--exhibit .adopt-plate__copy h3 {
  font-size: clamp(0.95rem, 1.35vw, 1.15rem);
  letter-spacing: 0.01em;
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
}
.adopt-strip--exhibit .adopt-plate__stamp {
  border-bottom-color: rgba(245, 240, 250, 0.75);
  color: rgba(245, 240, 250, 0.92);
  letter-spacing: 0.2em;
}
.adopt--plates .section-head--knockout {
  max-width: 40rem;
  position: relative;
  z-index: 3;
}
.adopt--plates .section-head__title--light {
  font-size: clamp(2.1rem, 4vw, 3.2rem);
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.45);
}
.chapter-bleed--adopt .chapter-bleed__scrim--deep {
  background:
    linear-gradient(105deg, oklch(0.1 0.05 300 / 0.8) 0%, oklch(0.13 0.05 300 / 0.5) 45%, oklch(0.16 0.05 300 / 0.48) 100%),
    linear-gradient(180deg, oklch(0.09 0.04 300 / 0.48) 0%, transparent 32%, oklch(0.09 0.04 300 / 0.62) 100%),
    radial-gradient(ellipse 48% 42% at 80% 40%, oklch(0.55 0.07 300 / 0.14), transparent 70%) !important;
}

/* --- Involved: photo-led para vessels (kill twin frosted cards) --- */
.involved__panels--photo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3px !important;
  max-width: 920px !important;
  margin-top: var(--space-12) !important;
}
.involved__panel--para,
.involved__panel--shard {
  position: relative;
  min-height: 11.5rem;
  padding: var(--space-8) var(--space-6) var(--space-6) !important;
  justify-content: flex-end;
  overflow: hidden;
  background: transparent !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.involved__panel--para {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 94% 100%, 0 100%) !important;
}
.involved__panel--shard {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 12%) !important;
}
.involved__panel-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
}
.involved__panel-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transform: scale(1.05);
}
.involved__panel-scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(0.14 0.05 300 / 0.35) 0%, oklch(0.1 0.05 300 / 0.78) 55%, oklch(0.09 0.045 300 / 0.92) 100%),
    linear-gradient(105deg, oklch(0.12 0.05 300 / 0.55), transparent 60%);
  pointer-events: none;
}
.involved__panel-kicker,
.involved__panel-value,
.involved__panel-rule {
  position: relative;
  z-index: 1;
}
.involved__panel-rule {
  display: block;
  width: 48px;
  height: 1px;
  margin-top: var(--space-4);
  background: linear-gradient(90deg, rgba(245,240,250,0.8), transparent);
  box-shadow: 0 0 10px oklch(0.8 0.08 300 / 0.3);
}
.involved__panel-value {
  font-size: clamp(1.2rem, 2.2vw, 1.65rem) !important;
  text-shadow: 0 2px 18px oklch(0.1 0.04 300 / 0.5);
}
.involved--photo .involved__title {
  font-size: clamp(2.1rem, 4vw, 3.25rem) !important;
  max-width: 16ch;
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.45);
}
.chapter-bleed__scrim--involved-plate {
  background:
    linear-gradient(105deg, oklch(0.09 0.05 300 / 0.82) 0%, oklch(0.13 0.05 300 / 0.5) 48%, oklch(0.16 0.04 300 / 0.32) 100%),
    linear-gradient(180deg, oklch(0.09 0.04 300 / 0.5) 0%, transparent 34%, oklch(0.09 0.04 300 / 0.58) 100%) !important;
}

/* --- Dark mist header lock (kill any white raft regression) --- */
.site-header {
  background: oklch(0.11 0.045 300 / 0.86) !important;
  background-color: oklch(0.11 0.045 300 / 0.86) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.08) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.1) !important;
  box-shadow: 0 8px 28px oklch(0.08 0.04 300 / 0.28) !important;
}
.site-header.site-header--over-hero:not(.site-header--scrolled),
.site-header.is-over-hero:not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.08 0.04 300 / 0.9) 0%,
    oklch(0.1 0.05 300 / 0.72) 52%,
    oklch(0.12 0.05 300 / 0.42) 100%
  ) !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}

/* --- Impact: hold ≥8 plate honesty (photo breathes more) --- */
.chapter-bleed--impact .chapter-bleed__scrim--impact-plate {
  background:
    linear-gradient(
      105deg,
      oklch(0.1 0.05 300 / 0.55) 0%,
      oklch(0.13 0.05 300 / 0.32) 42%,
      oklch(0.18 0.04 300 / 0.12) 72%,
      oklch(0.2 0.03 300 / 0.06) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.1 0.04 300 / 0.35) 0%,
      transparent 28%,
      transparent 60%,
      oklch(0.1 0.04 300 / 0.48) 100%
    ) !important;
}

@media (max-width: 1023px) {
  .chapter-poly-insets { display: none; }
  .sanctuary-grid--exhibit {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item { grid-column: span 3; }
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured {
    grid-column: span 6 !important;
    grid-row: span 1 !important;
    aspect-ratio: 16 / 10 !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide {
    grid-column: span 6 !important;
  }
  .adopt-strip--exhibit {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .adopt-strip--exhibit .adopt-plate { grid-column: span 3; }
  .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: span 6 !important;
    grid-row: span 1 !important;
    aspect-ratio: 16 / 10 !important;
  }
  .adopt-strip--exhibit .adopt-plate--wide { grid-column: span 6; aspect-ratio: 16 / 9; }
  .adopt-strip--exhibit .adopt-plate--tall { aspect-ratio: 3 / 4; }
  .involved__panels--photo { grid-template-columns: 1fr !important; }
  .care-row__giant { font-size: clamp(2.75rem, 12vw, 4rem); }
}
@media (max-width: 767px) {
  .sanctuary-grid--exhibit,
  .adopt-strip--exhibit {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate,
  .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit .adopt-plate--wide,
  .adopt-strip--exhibit .adopt-plate--tall {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    aspect-ratio: 3 / 4 !important;
    clip-path: none !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: span 2 !important;
    aspect-ratio: 16 / 10 !important;
  }
  .adopt-strip--exhibit .adopt-plate--featured::after { display: none; }
  .care--stack .care-row--overlap .care-row__text,
  .care--stack .care-row--reverse.care-row--shard .care-row__text,
  .care--stack .care-row--reverse.care-row--para .care-row__text {
    margin-inline: 0 !important;
  }
  .involved__panel--para,
  .involved__panel--shard { clip-path: none !important; min-height: 9.5rem; }
}

/* ============================================
   PASS 7.5 / HARD92 — 2026-09-05 ~01:10 PT
   Floor raised to Colin 9.2. Soft 8s FAIL.
   v6 mesh-free unlock → lighten mute grade;
   restore hero poly rhetoric; mid-page plate honesty.
   DreamHost: HOLD. Never rewrite Colin words.
   ============================================ */

/* Hero: mesh gone — stop over-muting documentary plate */
.hero--anchors .hero__grade {
  background:
    radial-gradient(ellipse 70% 58% at 58% 38%, oklch(0.2 0.05 300 / 0.32) 0%, transparent 70%),
    linear-gradient(128deg, oklch(0.12 0.05 300 / 0.42) 0%, transparent 52%),
    linear-gradient(90deg, oklch(0.1 0.048 300 / 0.28) 0%, transparent 44%),
    linear-gradient(0deg, oklch(0.14 0.045 300 / 0.22), oklch(0.32 0.05 55 / 0.1)) !important;
  mix-blend-mode: multiply !important;
}
.hero--anchors .hero__video {
  filter: saturate(1.12) contrast(1.04) brightness(1.06) !important;
}
.hero--anchors .hero__v-scrim {
  opacity: 0.85;
}
.hero--anchors .hero__left-scrim {
  background: linear-gradient(
    90deg,
    oklch(0.1 0.05 300 / 0.62) 0%,
    oklch(0.12 0.05 300 / 0.28) 42%,
    transparent 68%
  ) !important;
}

/* Restore polygonal inset rhetoric (Pass 5 had flattened to soft rect) */
.hero__para-inset {
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%) !important;
  border-radius: 0 !important;
  border: 1px solid rgba(245, 240, 250, 0.22) !important;
  box-shadow: none !important;
  opacity: 0.9 !important;
}
.hero__hex-inset {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;
  box-shadow: none !important;
  opacity: 0.92 !important;
  filter: drop-shadow(0 0 0.6px rgba(245, 240, 250, 0.35)) !important;
}
.hero__hex-inset::after {
  display: block !important;
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid rgba(245, 240, 250, 0.28);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  pointer-events: none;
}

/* Soft gleam under title — one luminous event, not laser bank */
.hero--anchors .hero__flare {
  opacity: 0.55 !important;
  height: 1px !important;
  right: 48% !important;
  box-shadow: 0 0 14px 1px oklch(0.82 0.07 300 / 0.22) !important;
}
.hero--anchors .hero__rule {
  box-shadow: 0 0 12px 0 oklch(0.82 0.07 300 / 0.28) !important;
}
.hero__jewelry {
  opacity: 0.22 !important;
  width: min(110px, 10vw) !important;
}
.hero--anchors .hero__stats-plate {
  background: oklch(0.14 0.045 300 / 0.42) !important;
  border-color: rgba(245, 240, 250, 0.22) !important;
  box-shadow: none !important;
}

/* Impact: courtyard breathes; giants stay display objects */
.impact--giants .metric-object__value {
  font-size: clamp(3.5rem, 8vw, 6.75rem) !important;
  text-shadow: 0 2px 32px oklch(0.1 0.04 300 / 0.4);
}
.impact--giants .section-head__title--light {
  font-size: clamp(2.2rem, 4.4vw, 3.5rem);
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.4);
}
.chapter-bleed--impact .chapter-bleed__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    radial-gradient(ellipse 48% 40% at 72% 35%, oklch(0.72 0.06 55 / 0.14) 0%, transparent 70%),
    radial-gradient(ellipse 40% 36% at 22% 70%, oklch(0.5 0.08 300 / 0.12) 0%, transparent 68%);
  mix-blend-mode: soft-light;
}

/* Poly insets: depth via mask/overlap — kill soft drop-shadow theater */
.chapter-poly-insets__hex,
.chapter-poly-insets__para {
  box-shadow: none !important;
  border-color: rgba(245, 240, 250, 0.28) !important;
}
.chapter-poly-insets__hex {
  filter: drop-shadow(0 0 0.5px rgba(245, 240, 250, 0.45)) !important;
}

/* Sanctuary exhibit: featured plate jewelry + photo honesty */
.sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.28) !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 18px !important;
  border-color: rgba(245, 240, 250, 0.38) !important;
}
.sanctuary--stack .species-strip {
  margin-top: 2px !important;
  gap: 2px !important;
}

/* Adopt featured: true hex exhibit window, not soft card */
.adopt-strip--exhibit .adopt-plate--featured {
  clip-path: polygon(50% 0%, 100% 14%, 100% 86%, 50% 100%, 0% 86%, 0% 14%) !important;
}
.adopt-strip--exhibit .adopt-plate--featured::after {
  clip-path: polygon(50% 0%, 100% 14%, 100% 86%, 50% 100%, 0% 86%, 0% 14%);
}

/* Involved photo vessels: 1px jewelry flare on hover via border only */
.involved__panel--para:hover .involved__panel-scrim,
.involved__panel--shard:hover .involved__panel-scrim {
  background:
    linear-gradient(180deg, oklch(0.16 0.06 300 / 0.3) 0%, oklch(0.1 0.05 300 / 0.72) 55%, oklch(0.09 0.045 300 / 0.9) 100%),
    linear-gradient(105deg, oklch(0.14 0.06 300 / 0.45), transparent 60%);
}
.involved__panel-rule {
  width: 56px !important;
  box-shadow: 0 0 14px oklch(0.82 0.08 300 / 0.35) !important;
}

@media (max-width: 1023px) {
  .hero__para-inset,
  .hero__hex-inset { opacity: 0.7 !important; }
}
@media (max-width: 767px) {
  .hero__para-inset,
  .hero__hex-inset { display: none !important; }
  .adopt-strip--exhibit .adopt-plate--featured {
    clip-path: none !important;
  }
}


/* ============================================
   HARD92 — Colin floor 9.2 climb (Pass 7.5)
   2026-09-05 ~01:10 PT
   Full chapter stack: plate → grade → V-scrim → left/deep scrim
   → bloom → poly insets → geom → jewelry → knockout → giants.
   Header dissolve (no sticky white raft). Soft 8s = FAIL.
   Locks held. DreamHost HOLD.
   ============================================ */

/* Shared chapter atmospheric layers */
.chapter-bleed__grade,
.chapter-bleed__v-scrim,
.chapter-bleed__bloom {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.chapter-bleed__grade {
  background:
    linear-gradient(125deg, oklch(0.28 0.08 300 / 0.34) 0%, transparent 55%),
    linear-gradient(0deg, oklch(0.18 0.05 300 / 0.18), oklch(0.32 0.06 300 / 0.08));
  mix-blend-mode: multiply;
  z-index: 1;
}
.chapter-bleed__v-scrim {
  background:
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.55) 0%, transparent 22%),
    linear-gradient(0deg, oklch(0.1 0.04 300 / 0.62) 0%, transparent 28%);
  z-index: 2;
}
.chapter-bleed__bloom {
  background:
    radial-gradient(ellipse 40% 36% at 22% 40%, oklch(0.58 0.1 300 / 0.16) 0%, transparent 70%),
    radial-gradient(ellipse 28% 24% at 78% 30%, oklch(0.72 0.08 300 / 0.1) 0%, transparent 65%);
  mix-blend-mode: screen;
  z-index: 2;
}
.chapter-bleed__scrim {
  z-index: 3;
}
.chapter-bleed__edge-jewelry {
  z-index: 4 !important;
}

/* Header dissolve — absolute over hero, no sticky white raft */
.site-header.site-header--dissolve {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
.site-header.site-header--dissolve.site-header--scrolled {
  position: fixed !important;
  background: oklch(0.11 0.045 300 / 0.9) !important;
  background-color: oklch(0.11 0.045 300 / 0.9) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.12) !important;
  box-shadow: 0 10px 32px oklch(0.08 0.04 300 / 0.32) !important;
}
.site-header.site-header--dissolve.site-header--over-hero:not(.site-header--scrolled) {
  background: linear-gradient(
    180deg,
    oklch(0.07 0.04 300 / 0.72) 0%,
    oklch(0.1 0.05 300 / 0.38) 55%,
    transparent 100%
  ) !important;
  background-color: transparent !important;
  backdrop-filter: blur(8px) saturate(1.05) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.05) !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
}
/* Hero needs top padding so content clears absolute header */
.hero--anchors {
  padding-top: 0;
}
.hero--anchors .hero__content {
  padding-top: clamp(5.5rem, 12vh, 7.5rem);
}

/* --- Impact hard92: 12–14 layer stack --- */
.impact--hard92 {
  isolation: isolate;
  min-height: min(92vh, 860px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.impact--hard92 .chapter-bleed__media {
  position: absolute;
  inset: 0;
}
.impact--hard92 .impact__content {
  position: relative;
  z-index: 5;
  padding-block: clamp(4rem, 10vh, 7rem) clamp(3.5rem, 8vh, 6rem);
}
.impact__geom-plane {
  position: absolute;
  right: 8%;
  top: 18%;
  z-index: 3;
  width: min(280px, 28vw);
  height: min(170px, 20vh);
  pointer-events: none;
  background: linear-gradient(
    145deg,
    oklch(0.42 0.08 40 / 0.14) 0%,
    oklch(0.3 0.08 300 / 0.2) 48%,
    oklch(0.2 0.05 300 / 0.06) 100%
  );
  clip-path: polygon(8% 0%, 100% 10%, 92% 100%, 0% 88%);
  border: 1px solid rgba(245, 240, 250, 0.18);
  box-shadow: inset 0 0 40px oklch(0.5 0.08 40 / 0.1);
}
.impact__poly-insets {
  position: absolute;
  right: clamp(1rem, 4vw, 3rem);
  top: clamp(5rem, 14vh, 9rem);
  width: min(340px, 32vw);
  height: min(280px, 36vh);
  pointer-events: none;
  z-index: 4;
}
.impact__poly-insets__hex,
.impact__poly-insets__para {
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(245, 240, 250, 0.28);
  box-shadow: 0 14px 44px oklch(0.1 0.04 300 / 0.5);
}
.impact__poly-insets__hex {
  width: min(156px, 14vw);
  aspect-ratio: 1;
  right: 0;
  top: 0;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  filter: drop-shadow(0 0 0.5px rgba(245, 240, 250, 0.45));
}
.impact__poly-insets__para {
  width: min(200px, 18vw);
  aspect-ratio: 5 / 3;
  right: clamp(5rem, 11vw, 8.5rem);
  top: clamp(5.5rem, 14vh, 8rem);
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}
.impact__poly-insets__hex img,
.impact__poly-insets__para img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transform: scale(1.06);
}
.impact--hard92 .metric-row--hard92 {
  margin-top: clamp(2.5rem, 6vh, 4.5rem);
  gap: 0;
  align-items: flex-end;
}
.impact--hard92 .metric-object__value {
  font-size: clamp(3.25rem, 7.5vw, 6.25rem) !important;
  letter-spacing: -0.035em;
  line-height: 0.9;
  text-shadow:
    0 2px 28px oklch(0.1 0.04 300 / 0.55),
    0 0 1px oklch(0.1 0.04 300 / 0.85);
}
.impact--hard92 .metric-object__label {
  margin-top: 0.65rem;
  letter-spacing: 0.16em;
  font-size: 0.72rem;
  opacity: 0.9;
}
.impact--hard92 .metric-object__tick {
  height: 4.5rem;
  background: linear-gradient(180deg, transparent, rgba(230,210,245,0.55), transparent);
  opacity: 0.85;
}
.impact--hard92 .section-head__flare {
  width: min(340px, 52%);
  height: 2px;
  margin-top: 1rem;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(183,156,209,0.55), transparent);
  box-shadow: 0 0 28px 3px oklch(0.82 0.1 300 / 0.55);
}
.impact--hard92 .section-head__title--light {
  font-size: clamp(2.35rem, 4.8vw, 3.75rem);
  letter-spacing: -0.025em;
}
.chapter-bleed--impact .chapter-bleed__scrim--impact-plate {
  background:
    linear-gradient(
      105deg,
      oklch(0.1 0.05 300 / 0.68) 0%,
      oklch(0.13 0.05 300 / 0.38) 36%,
      oklch(0.18 0.04 300 / 0.16) 68%,
      oklch(0.2 0.03 300 / 0.08) 100%
    ),
    linear-gradient(
      180deg,
      oklch(0.1 0.04 300 / 0.42) 0%,
      transparent 26%,
      transparent 52%,
      oklch(0.1 0.04 300 / 0.58) 100%
    ) !important;
}

/* Sanctuary / Adopt / Care / Involved hard92 polish */
.sanctuary--hard92 .section-head__flare,
.adopt--hard92 .section-head__flare,
.care--hard92 .section-head__flare,
.involved--hard92 .section-head__flare {
  width: min(300px, 48%);
  height: 2px;
  box-shadow: 0 0 24px oklch(0.82 0.1 300 / 0.55);
}
.sanctuary--hard92 .chapter-poly-insets,
.adopt--hard92 .chapter-poly-insets {
  opacity: 0.95;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.28);
}
.adopt-strip--exhibit .adopt-plate--featured {
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
}
.adopt-strip--exhibit .adopt-plate--featured::after {
  content: "";
  position: absolute;
  inset: 14px;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%);
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.38);
  pointer-events: none;
  z-index: 2;
}
.care--hard92 .care-row__giant {
  color: rgba(245, 240, 250, 0.22);
  text-shadow: 0 0 40px oklch(0.7 0.08 300 / 0.2);
}
.involved--hard92 .involved__panel--para,
.involved--hard92 .involved__panel--shard {
  min-height: 13rem;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.18);
}
.involved--hard92 .involved__panel:hover .involved__panel-media img {
  transform: scale(1.08);
  transition: transform 0.6s ease;
}
.involved--hard92 .involved__actions .btn-primary {
  background: oklch(0.42 0.09 300 / 0.4) !important;
  border: 1px solid rgba(230, 210, 245, 0.65) !important;
  box-shadow: none !important;
}

@media (max-width: 1023px) {
  .impact__poly-insets,
  .impact__geom-plane { display: none; }
  .impact--hard92 .metric-object__value {
    font-size: clamp(2.5rem, 9vw, 3.75rem) !important;
  }
  .site-header.site-header--dissolve {
    position: fixed !important;
  }
}
@media (max-width: 767px) {
  .impact--hard92 { min-height: auto; }
  .impact--hard92 .metric-row--hard92 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-5);
  }
  .impact--hard92 .metric-object__tick { display: none; }
}

/* PASS 7 hotfix — involved photo must read; adopt featured face lock */
.involved__panel-scrim {
  background:
    linear-gradient(180deg, oklch(0.14 0.05 300 / 0.22) 0%, oklch(0.1 0.05 300 / 0.55) 48%, oklch(0.09 0.045 300 / 0.86) 100%),
    linear-gradient(105deg, oklch(0.12 0.05 300 / 0.35), transparent 65%) !important;
}
.involved__panel-media img {
  filter: saturate(1.05) contrast(1.04);
  object-position: center 35%;
}
.adopt-strip--exhibit .adopt-plate--featured img {
  object-position: center 28%;
  transform: scale(1.02);
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__scrim {
  background: linear-gradient(
    180deg,
    transparent 45%,
    oklch(0.12 0.05 300 / 0.5) 75%,
    oklch(0.1 0.05 300 / 0.9) 100%
  ) !important;
}
.chapter-poly-insets {
  opacity: 0.92;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
  object-position: center 40%;
}

/* ============================================
   HARD92 FIX — exhibit voids + featured hex
   Featured = hard-rect plate + hex jewelry frame (not clip void)
   Sanctuary grid fills last row; Adopt stamp stays typographic
   ============================================ */

/* Featured adopt: kill hex clip void that ate names / left purple V hole */
.adopt-strip--exhibit .adopt-plate--featured,
.adopt-plate--featured.adopt-plate--hex {
  clip-path: none !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.28) !important;
}
.adopt-strip--exhibit .adopt-plate--featured::after {
  content: "" !important;
  position: absolute !important;
  inset: 14px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border: 1px solid rgba(245, 240, 250, 0.36) !important;
  clip-path: polygon(50% 0%, 100% 18%, 100% 82%, 50% 100%, 0% 82%, 0% 18%) !important;
  box-shadow: none !important;
  background: transparent !important;
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy {
  padding: var(--space-6) var(--space-5) var(--space-5) !important;
  z-index: 3;
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.35rem, 2.4vw, 1.9rem) !important;
}

/* Adopted = typographic stamp only — never pill */
.adopt-plate__stamp,
.adopt-strip--exhibit .adopt-plate__stamp {
  display: inline-block !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 3px !important;
  border: none !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.75) !important;
  color: rgba(245, 240, 250, 0.95) !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  transform: none !important;
}

/* Sanctuary: fill grid — no light holes; dark field under every cell */
.sanctuary-grid--exhibit {
  background: var(--lilac-900) !important;
  min-height: 0;
}
.sanctuary-grid--exhibit .sanctuary-grid__item {
  background: oklch(0.16 0.05 300) !important;
}
/* Prefer denser fill: featured 7 + side stack 5, then full-width band */
.sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 2 !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--wide {
  grid-column: span 12 !important;
  aspect-ratio: 3.2 / 1 !important;
}
.chapter-bleed--sanctuary,
.sanctuary--stack {
  background: var(--lilac-900) !important;
}

/* Kill any lilac-50 chapter bleed regression behind sanctuary/care */
.chapter-bleed--sanctuary.sanctuary--stack,
.chapter-bleed--care.care--stack {
  background: var(--lilac-900) !important;
}


/* ============================================
   HARD92b — crop honesty + denser stack
   2026-09-05 ~01:15 PT
   Featured adopt = hard-rect exhibit + hex jewelry frame (not Swiss-cheese animal crop).
   Sanctuary featured object-position locked to courtyard.
   Impact geom quieter; giants larger; header dissolve held.
   Soft 8s still FAIL vs 9.2 floor.
   ============================================ */

/* Adopt featured: kill full-cell hex clip that amputates residents */
.adopt-strip--exhibit .adopt-plate--featured {
  clip-path: none !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.28) !important;
}
.adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 28% !important;
  transform: scale(1.04);
}
.adopt-strip--exhibit .adopt-plate--featured::after {
  content: "";
  position: absolute;
  inset: 18px;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%);
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.42),
    0 0 28px oklch(0.75 0.08 300 / 0.16);
  pointer-events: none;
  z-index: 2;
  border: none !important;
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__scrim {
  background: linear-gradient(
    180deg,
    transparent 42%,
    oklch(0.12 0.05 300 / 0.5) 70%,
    oklch(0.1 0.05 300 / 0.92) 100%
  ) !important;
  z-index: 1;
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy {
  z-index: 3;
  padding: var(--space-6) var(--space-6) var(--space-5);
}
.adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.5rem, 2.6vw, 2.05rem) !important;
}

/* Sanctuary featured courtyard read */
.sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
  object-position: 45% 40% !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 16px !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.4) !important;
}

/* Impact: quieter geom (jewelry pane not slab) + bigger giants */
.impact__geom-plane {
  opacity: 0.55 !important;
  width: min(220px, 22vw) !important;
  height: min(130px, 16vh) !important;
  border-color: rgba(245, 240, 250, 0.12) !important;
  background: linear-gradient(
    145deg,
    oklch(0.45 0.07 40 / 0.1) 0%,
    oklch(0.3 0.07 300 / 0.12) 50%,
    oklch(0.2 0.05 300 / 0.04) 100%
  ) !important;
}
.impact--hard92 .metric-object__value {
  font-size: clamp(3.5rem, 8.2vw, 6.75rem) !important;
}
.impact--hard92 .impact__poly-insets__hex {
  width: min(172px, 15vw) !important;
}
.impact--hard92 .impact__poly-insets__para {
  width: min(220px, 20vw) !important;
}

/* Hero: slightly less mute so plate honesty climbs */
.hero--anchors .hero__grade {
  background:
    linear-gradient(125deg, oklch(0.22 0.07 300 / 0.28) 0%, transparent 52%),
    linear-gradient(0deg, oklch(0.16 0.05 300 / 0.14), oklch(0.28 0.06 300 / 0.06)) !important;
  mix-blend-mode: multiply;
}
.hero--anchors .hero__mist {
  opacity: 0.55;
}

/* Involved panels: sharper para language + jewelry edge */
.involved--hard92 .involved__panel--para,
.involved--hard92 .involved__panel--shard {
  min-height: 14rem;
}
.involved--hard92 .involved__panel-value {
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
}
.involved--hard92 .involved__title {
  font-size: clamp(2.35rem, 4.4vw, 3.5rem) !important;
}

/* Care giants more emissive on plate */
.care--hard92 .care-row__giant {
  color: rgba(245, 240, 250, 0.28) !important;
  font-size: clamp(4rem, 9vw, 7rem) !important;
}

/* HARD92c — featured portrait honesty */

.adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 35% !important;
}
.adopt-strip--exhibit .adopt-plate--featured {
  aspect-ratio: 4 / 5 !important;
  min-height: 100%;
}


/* ============================================
   STATUS climb — OVERNIGHT-STATUS §AH · floor 9.2
   2026-09-05 ~01:15 PT
   Mid-page = exhibit vessels (join edges, hex/para windows).
   Curated kshelter plates. Soft 8s FAIL. DreamHost HOLD.
   ============================================ */

/* Adopt featured: face-true crop on 7896 portrait */
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 22% !important;
  transform: scale(1.06);
}
.adopt--status .adopt-strip--exhibit {
  gap: 2px !important;
  background: oklch(0.12 0.05 300);
}
.adopt--status .adopt-strip--exhibit .adopt-plate {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.08);
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 6 !important;
  grid-row: 1 / span 2 !important;
  aspect-ratio: auto !important;
  min-height: 0;
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured::after {
  inset: 16px !important;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.48),
    0 0 32px oklch(0.75 0.09 300 / 0.2) !important;
}
.adopt--status .chapter-poly-insets--adopt {
  opacity: 1;
  filter: drop-shadow(0 18px 40px oklch(0.1 0.04 300 / 0.45));
}

/* Sanctuary: denser exhibit joins + featured courtyard honesty */
.sanctuary--status .sanctuary-grid--exhibit {
  gap: 2px !important;
  background: oklch(0.12 0.05 300) !important;
}
.sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
  object-position: 48% 42% !important;
}
.sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 14px !important;
  border: 1px solid rgba(245, 240, 250, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.18), 0 0 36px oklch(0.7 0.08 300 / 0.18) !important;
}
.sanctuary--status .chapter-poly-insets {
  opacity: 0.98;
}
.sanctuary--status .chapter-poly-insets__hex {
  filter: drop-shadow(0 0 0.6px rgba(245, 240, 250, 0.55));
}

/* Involved: kill twin frosted cards → joined exhibit vessels */
.involved--status .involved__exhibit--vessels {
  display: grid;
  grid-template-columns: 1.15fr 1.15fr 0.95fr;
  gap: 2px;
  margin-top: clamp(1.75rem, 4vh, 2.75rem);
  background: oklch(0.1 0.045 300);
  isolation: isolate;
}
.involved-vessel {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: clamp(18rem, 38vh, 24rem);
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: oklch(0.14 0.05 300);
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.14);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.involved-vessel:hover {
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.32);
  z-index: 2;
}
.involved-vessel__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
}
.involved-vessel__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  transform: scale(1.04);
  transition: transform 0.7s ease;
  filter: saturate(1.06) contrast(1.04);
}
.involved-vessel:hover .involved-vessel__media img {
  transform: scale(1.1);
}
.involved-vessel__scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, oklch(0.14 0.05 300 / 0.18) 0%, oklch(0.1 0.05 300 / 0.42) 42%, oklch(0.09 0.045 300 / 0.9) 100%),
    linear-gradient(105deg, oklch(0.12 0.055 300 / 0.4), transparent 62%);
  z-index: 1;
}
.involved-vessel__jewelry {
  position: absolute;
  inset: 14px;
  z-index: 2;
  pointer-events: none;
  border: 1px solid rgba(245, 240, 250, 0.28);
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.08);
}
.involved-vessel--hex .involved-vessel__jewelry {
  clip-path: polygon(50% 0%, 100% 18%, 100% 82%, 50% 100%, 0% 82%, 0% 18%);
  border: none;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.42),
    0 0 28px oklch(0.75 0.09 300 / 0.18);
}
.involved-vessel--para .involved-vessel__jewelry {
  clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
  border: none;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.38),
    0 0 24px oklch(0.7 0.08 300 / 0.14);
}
.involved-vessel--shard .involved-vessel__jewelry {
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
  border: none;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.34);
}
.involved-vessel--hex,
.involved-vessel--rect {
  clip-path: none;
}
.involved-vessel--para {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.involved-vessel--shard {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.involved-vessel__copy {
  position: relative;
  z-index: 3;
  padding: clamp(1.25rem, 3vh, 1.85rem) clamp(1.1rem, 2.4vw, 1.65rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.35rem;
  margin-top: auto;
}
.involved-vessel__kicker {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(245, 240, 250, 0.78);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.involved-vessel__value {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(1.15rem, 2.1vw, 1.65rem);
  font-weight: 560;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 2px 18px oklch(0.1 0.04 300 / 0.55);
  word-break: break-word;
}
.involved-vessel__rule {
  display: block;
  width: 52px;
  height: 1px;
  margin-top: 0.55rem;
  background: linear-gradient(90deg, rgba(245, 240, 250, 0.9), rgba(183, 156, 209, 0.45), transparent);
  box-shadow: 0 0 14px oklch(0.82 0.08 300 / 0.4);
}
.involved--status .involved__title {
  font-size: clamp(2.4rem, 4.6vw, 3.65rem) !important;
}
.involved--status .involved__actions {
  margin-top: clamp(1.5rem, 3.5vh, 2.25rem);
}

@media (max-width: 1023px) {
  .involved--status .involved__exhibit--vessels {
    grid-template-columns: 1fr 1fr;
  }
  .involved-vessel--shard {
    grid-column: 1 / -1;
    min-height: 12rem;
  }
  .involved-vessel {
    min-height: 15rem;
  }
}
@media (max-width: 767px) {
  .involved--status .involved__exhibit--vessels {
    grid-template-columns: 1fr;
  }
  .involved-vessel--hex .involved-vessel__jewelry,
  .involved-vessel--para .involved-vessel__jewelry,
  .involved-vessel--shard .involved-vessel__jewelry {
    clip-path: none;
    border: 1px solid rgba(245, 240, 250, 0.28);
    box-shadow: none;
  }
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}


/* STATUS b — vessel shape honesty (hex/para must read optically) */
.involved--status .involved-vessel__media {
  clip-path: none;
}
.involved--status .involved-vessel--hex .involved-vessel__media {
  clip-path: polygon(50% 0%, 100% 14%, 100% 86%, 50% 100%, 0% 86%, 0% 14%);
  inset: 8% 10% 28% 10%;
  border: 1px solid rgba(245, 240, 250, 0.35);
  filter: drop-shadow(0 12px 28px oklch(0.1 0.04 300 / 0.45));
}
.involved--status .involved-vessel--para .involved-vessel__media {
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  inset: 8% 8% 28% 8%;
  border: 1px solid rgba(245, 240, 250, 0.32);
  filter: drop-shadow(0 12px 28px oklch(0.1 0.04 300 / 0.4));
}
.involved--status .involved-vessel--shard .involved-vessel__media {
  clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);
  inset: 8% 8% 28% 8%;
  border: 1px solid rgba(245, 240, 250, 0.28);
}
.involved--status .involved-vessel__jewelry { display: none; }
.involved--status .involved-vessel__copy {
  background: linear-gradient(180deg, transparent, oklch(0.1 0.05 300 / 0.92) 35%);
  padding-top: 2.5rem;
}
.involved--status .involved-vessel {
  min-height: clamp(20rem, 42vh, 26rem);
  background:
    linear-gradient(180deg, oklch(0.16 0.05 300 / 0.55), oklch(0.11 0.05 300)),
    oklch(0.12 0.05 300);
}

/* Adopt featured face lock on 7896 */
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 52% 18% !important;
  transform: scale(1.08);
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.55rem, 2.8vw, 2.15rem) !important;
}

@media (max-width: 767px) {
  .involved--status .involved-vessel--hex .involved-vessel__media,
  .involved--status .involved-vessel--para .involved-vessel__media,
  .involved--status .involved-vessel--shard .involved-vessel__media {
    clip-path: none;
    inset: 0;
    border: none;
    filter: none;
  }
}

/* ============================================
   HARD92d — collage open + luminescence push
   2026-09-05 ~01:20 PT
   Sanctuary head overlaps featured courtyard.
   Impact flare + tick jewelry denser.
   Still climbing toward 9.2 — soft 8 ≠ pass.
   ============================================ */

.sanctuary--hard92 .sanctuary__content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.sanctuary--hard92 .section-head--knockout {
  margin-bottom: clamp(1.5rem, 4vh, 2.75rem) !important;
  max-width: 38rem !important;
}
.sanctuary--hard92 .chapter-poly-insets {
  top: clamp(3.5rem, 9vh, 6rem) !important;
  z-index: 4;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  grid-column: span 7 !important;
  grid-row: span 2 !important;
}
.sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption {
  font-size: clamp(0.95rem, 1.4vw, 1.15rem) !important;
  max-width: 42ch;
  text-shadow: 0 2px 18px oklch(0.1 0.04 300 / 0.55);
}
.sanctuary--hard92 .section-head__title--light {
  font-size: clamp(2.35rem, 4.6vw, 3.6rem) !important;
}

/* Impact denser jewelry + emissive ticks */
.impact--hard92 .section-head__flare {
  width: min(380px, 58%) !important;
  height: 2px !important;
  box-shadow:
    0 0 32px 4px oklch(0.82 0.1 300 / 0.62),
    0 0 60px 8px oklch(0.7 0.09 300 / 0.28) !important;
}
.impact--hard92 .metric-object__tick {
  width: 1px;
  height: 5.25rem !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(245,240,250,0.15) 18%,
    rgba(230,210,245,0.7) 50%,
    rgba(245,240,250,0.15) 82%,
    transparent 100%
  ) !important;
  box-shadow: 0 0 12px oklch(0.8 0.1 300 / 0.35);
}
.impact--hard92 .metric-object__value {
  font-size: clamp(3.75rem, 8.6vw, 7rem) !important;
}
.impact--hard92 .chapter-bleed__edge-jewelry {
  opacity: 0.7 !important;
  width: min(130px, 15vw) !important;
}

/* Hero: one more soft gleam under title */
.hero--anchors .hero__rule {
  width: min(280px, 58%) !important;
  box-shadow: 0 0 26px 3px oklch(0.82 0.1 300 / 0.55) !important;
}
.hero--anchors .hero__title {
  text-shadow: 0 2px 32px oklch(0.1 0.04 300 / 0.4);
}

/* Adopt featured dominance */
.adopt-strip--exhibit .adopt-plate--featured {
  grid-column: span 7 !important;
  grid-row: span 2 !important;
}
.adopt--hard92 .chapter-poly-insets {
  z-index: 4;
  opacity: 0.97;
}

/* ============================================
   PASS8 — STATUS climb finalize · floor 9.2
   2026-09-05 ~01:25 PT
   Featured = 7896 face-true · mid-page luminescence
   Involved = joined photo vessels + hex/para jewelry (no void insets)
   Soft 8s FAIL. DreamHost HOLD.
   ============================================ */

/* Adopt featured: face lock on 7896 (eyes/muzzle own the window) */
.adopt--status .adopt-strip--exhibit .adopt-plate--featured,
.adopt-strip--exhibit .adopt-plate--featured {
  clip-path: none !important;
  background: oklch(0.12 0.05 300) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.3) !important;
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img,
.adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 48% 32% !important;
  transform: scale(1.1) !important;
  filter: saturate(1.06) contrast(1.05) brightness(1.03);
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured::after {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border: none !important;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 240, 250, 0.52),
    0 0 36px oklch(0.78 0.1 300 / 0.28) !important;
  background: transparent !important;
}
.adopt--status .adopt-strip--exhibit {
  gap: 2px !important;
  background: oklch(0.1 0.045 300) !important;
}
.adopt--status .adopt-strip--exhibit .adopt-plate {
  background: oklch(0.12 0.05 300) !important;
}

/* Mid-page luminescence — bloom + flare events (not mute multiply) */
.sanctuary--status .chapter-bleed__bloom,
.adopt--status .chapter-bleed__bloom,
.care--hard92 .chapter-bleed__bloom,
.involved--status .chapter-bleed__bloom,
.impact--hard92 .chapter-bleed__bloom {
  background:
    radial-gradient(ellipse 46% 40% at 18% 38%, oklch(0.62 0.12 300 / 0.28) 0%, transparent 68%),
    radial-gradient(ellipse 34% 28% at 82% 28%, oklch(0.78 0.1 300 / 0.18) 0%, transparent 65%),
    radial-gradient(ellipse 50% 30% at 50% 100%, oklch(0.55 0.09 300 / 0.16) 0%, transparent 70%) !important;
  mix-blend-mode: screen !important;
  opacity: 1 !important;
}
.sanctuary--status .chapter-bleed__grade,
.adopt--status .chapter-bleed__grade,
.involved--status .chapter-bleed__grade {
  background:
    linear-gradient(125deg, oklch(0.26 0.08 300 / 0.22) 0%, transparent 55%),
    linear-gradient(0deg, oklch(0.16 0.05 300 / 0.1), oklch(0.28 0.06 300 / 0.05)) !important;
}
.sanctuary--status .section-head__flare,
.adopt--status .section-head__flare,
.care--hard92 .section-head__flare,
.involved--status .section-head__flare {
  width: min(320px, 52%) !important;
  height: 2px !important;
  background: linear-gradient(90deg,
    rgba(245,240,250,0.95),
    rgba(200,170,230,0.75) 40%,
    rgba(183,156,209,0.2) 75%,
    transparent) !important;
  box-shadow:
    0 0 28px 3px oklch(0.82 0.11 300 / 0.58),
    0 0 56px 6px oklch(0.7 0.1 300 / 0.28) !important;
}

/* Sanctuary exhibit: denser joins + featured courtyard window glow */
.sanctuary--status .sanctuary-grid--exhibit {
  gap: 2px !important;
  background: oklch(0.1 0.045 300) !important;
}
.sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.34),
    0 0 40px oklch(0.55 0.08 300 / 0.12) !important;
}
.sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 14px !important;
  border: 1px solid rgba(245, 240, 250, 0.48) !important;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.16),
    0 0 40px oklch(0.75 0.1 300 / 0.22) !important;
}
.sanctuary--status .chapter-poly-insets__hex,
.adopt--status .chapter-poly-insets__hex {
  box-shadow:
    0 14px 36px oklch(0.1 0.04 300 / 0.5),
    0 0 0 1px rgba(245, 240, 250, 0.35),
    0 0 24px oklch(0.75 0.1 300 / 0.2) !important;
  filter: drop-shadow(0 0 0.7px rgba(245, 240, 250, 0.55)) !important;
}
.sanctuary--status .chapter-poly-insets__para,
.adopt--status .chapter-poly-insets__para {
  box-shadow:
    0 14px 36px oklch(0.1 0.04 300 / 0.45),
    0 0 0 1px rgba(245, 240, 250, 0.3),
    0 0 20px oklch(0.7 0.09 300 / 0.16) !important;
}

/* Involved: joined full-bleed vessels + hex/para jewelry (kill void insets) */
.involved--status .involved-vessel--hex .involved-vessel__media,
.involved--status .involved-vessel--para .involved-vessel__media,
.involved--status .involved-vessel--shard .involved-vessel__media {
  clip-path: none !important;
  inset: 0 !important;
  border: none !important;
  filter: none !important;
}
.involved--status .involved-vessel__jewelry {
  display: block !important;
}
.involved--status .involved-vessel--hex .involved-vessel__jewelry {
  inset: 16px !important;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  border: none !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 240, 250, 0.48),
    0 0 32px oklch(0.78 0.1 300 / 0.22) !important;
}
.involved--status .involved-vessel--para .involved-vessel__jewelry {
  inset: 14px !important;
  clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%) !important;
  border: none !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 240, 250, 0.42),
    0 0 28px oklch(0.72 0.09 300 / 0.18) !important;
}
.involved--status .involved-vessel--shard .involved-vessel__jewelry {
  inset: 14px !important;
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1.5px rgba(245, 240, 250, 0.36) !important;
}
.involved--status .involved__exhibit--vessels {
  gap: 2px !important;
  background: oklch(0.09 0.04 300) !important;
}
.involved--status .involved-vessel {
  background: oklch(0.12 0.05 300) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.12) !important;
}
.involved--status .involved-vessel__media img {
  filter: saturate(1.08) contrast(1.05) brightness(1.04);
}
.involved--status .involved-vessel__rule {
  width: 64px !important;
  height: 2px !important;
  box-shadow: 0 0 18px oklch(0.82 0.1 300 / 0.5) !important;
}

/* Care: emissive giants + vessel gleam */
.care--hard92 .care-row__giant {
  color: rgba(245, 240, 250, 0.32) !important;
  text-shadow: 0 0 48px oklch(0.72 0.1 300 / 0.28) !important;
}
.care--hard92 .care-row__text h3::after {
  box-shadow: 0 0 16px oklch(0.82 0.11 300 / 0.55) !important;
}

/* Impact: keep giants on photo; denser flare already HARD92d */
.impact--hard92 .chapter-bleed__bloom {
  opacity: 1 !important;
}

/* Kill any residual light raft under mid-page */
.chapter-bleed--sanctuary,
.chapter-bleed--care,
.chapter-bleed--adopt,
.chapter-bleed--involved,
.sanctuary--status,
.adopt--status,
.involved--status {
  background: var(--lilac-900) !important;
}

@media (max-width: 767px) {
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured::after {
    inset: 10px !important;
  }
  .involved--status .involved-vessel__jewelry {
    clip-path: none !important;
    border: 1px solid rgba(245, 240, 250, 0.28) !important;
    box-shadow: none !important;
  }
}

/* ============================================
   CLIMB92 — mid-page vessels + luminescence
   2026-09-05 ~01:20 PT
   Keep v6 hero / lilac tokens / Colin words.
   Soft 8s still FAIL vs 9.2. DreamHost HOLD. Silent CoS.
   ============================================ */

/* Horizontal lilac lens gleams — mid-page optical events */
.vessel-gleam {
  position: absolute;
  left: -8%;
  right: -8%;
  top: 38%;
  height: 2px;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(230, 210, 245, 0.08) 18%,
    rgba(245, 240, 250, 0.72) 48%,
    rgba(183, 156, 209, 0.35) 62%,
    transparent 100%
  );
  box-shadow:
    0 0 22px 2px oklch(0.82 0.1 300 / 0.45),
    0 0 48px 8px oklch(0.7 0.09 300 / 0.18);
  mix-blend-mode: screen;
  opacity: 0.85;
}
.vessel-gleam--featured {
  top: 32%;
  height: 2.5px;
  opacity: 0.95;
  box-shadow:
    0 0 28px 3px oklch(0.85 0.1 300 / 0.55),
    0 0 64px 12px oklch(0.72 0.09 300 / 0.22);
}

/* Chapter bloom → real horizontal lens (not soft haze only) */
.sanctuary--climb .chapter-bleed__bloom,
.care--climb .chapter-bleed__bloom,
.adopt--climb .chapter-bleed__bloom,
.involved--climb .chapter-bleed__bloom {
  background:
    radial-gradient(ellipse 70% 35% at 55% 42%, oklch(0.78 0.08 300 / 0.22), transparent 70%),
    linear-gradient(
      90deg,
      transparent 5%,
      oklch(0.82 0.08 300 / 0.12) 35%,
      oklch(0.88 0.06 300 / 0.28) 50%,
      oklch(0.75 0.09 300 / 0.12) 65%,
      transparent 95%
    ) !important;
  opacity: 0.9;
  mix-blend-mode: soft-light;
}

/* Stronger mid-page section-head flares (lens events throughout) */
.sanctuary--climb .section-head__flare,
.care--climb .section-head__flare,
.adopt--climb .section-head__flare,
.involved--climb .section-head__flare {
  width: min(420px, 62%) !important;
  height: 2px !important;
  margin-top: 1.05rem;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.95),
    rgba(230, 210, 245, 0.75),
    rgba(183, 156, 209, 0.35),
    transparent
  ) !important;
  box-shadow:
    0 0 28px 3px oklch(0.82 0.1 300 / 0.6),
    0 0 56px 6px oklch(0.7 0.09 300 / 0.22) !important;
}

/* Poly insets: climb density + luminescence edge */
.chapter-poly-insets--climb {
  opacity: 1 !important;
  filter: drop-shadow(0 16px 36px oklch(0.1 0.04 300 / 0.5));
}
.chapter-poly-insets--climb .chapter-poly-insets__hex,
.chapter-poly-insets--climb .chapter-poly-insets__para {
  border-color: rgba(245, 240, 250, 0.4) !important;
  box-shadow:
    0 14px 40px oklch(0.1 0.04 300 / 0.5),
    0 0 24px oklch(0.75 0.09 300 / 0.16) !important;
}
.chapter-poly-insets--climb .chapter-poly-insets__hex img {
  object-position: 50% 28%;
  transform: scale(1.08);
}
.chapter-poly-insets--climb .chapter-poly-insets__para img {
  object-position: 50% 40%;
  transform: scale(1.06);
  filter: saturate(1.08) contrast(1.04);
}

/* Sanctuary featured = courtyard exhibit window + gleam */
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  position: relative;
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 2 !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
  object-position: 46% 38% !important;
  filter: saturate(1.06) contrast(1.05);
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
  inset: 12px !important;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.48),
    0 0 40px oklch(0.75 0.09 300 / 0.22) !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume {
  position: relative;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume img {
  object-position: 48% 42%;
  filter: saturate(1.1) contrast(1.05) brightness(1.03);
}
.sanctuary--climb .sanctuary-grid--exhibit {
  gap: 2px !important;
}

/* Care vessels: denser media + lilac gleam on comfort plate */
.care--climb .care-list--vessels {
  gap: clamp(1.75rem, 4vh, 2.75rem) !important;
}
.care--climb .care-row__media {
  position: relative;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.18),
    0 0 32px oklch(0.7 0.08 300 / 0.12);
}
.care--climb .care-row__media::after {
  content: "";
  position: absolute;
  left: 6%;
  right: 20%;
  top: 44%;
  height: 1.5px;
  background: linear-gradient(90deg, rgba(245, 240, 250, 0.55), rgba(183, 156, 209, 0.25), transparent);
  box-shadow: 0 0 18px oklch(0.8 0.09 300 / 0.35);
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  opacity: 0.7;
}
.care--climb .care-row__media img {
  filter: saturate(1.07) contrast(1.04);
}
.care--climb .care-row__giant {
  color: rgba(245, 240, 250, 0.32) !important;
  text-shadow: 0 0 48px oklch(0.75 0.1 300 / 0.28) !important;
}

/* Adopt featured = second-camera exhibit window owning the chapter */
.adopt--climb .adopt-strip--exhibit {
  gap: 2px !important;
  background: oklch(0.1 0.045 300);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  position: relative;
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 3 !important;
  min-height: clamp(28rem, 62vh, 40rem) !important;
  aspect-ratio: auto !important;
  clip-path: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.32),
    0 0 48px oklch(0.7 0.09 300 / 0.16) !important;
  z-index: 2;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 62% 28% !important;
  object-fit: cover;
  transform: scale(1.05);
  filter: saturate(1.05) contrast(1.06) brightness(1.02);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured::after {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  border: none !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 240, 250, 0.55),
    0 0 36px oklch(0.78 0.1 300 / 0.28) !important;
  background: transparent !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__scrim {
  background: linear-gradient(
    180deg,
    transparent 38%,
    oklch(0.14 0.05 300 / 0.35) 58%,
    oklch(0.1 0.05 300 / 0.78) 82%,
    oklch(0.09 0.045 300 / 0.94) 100%
  ) !important;
  z-index: 1;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy {
  z-index: 3;
  padding: clamp(1.5rem, 3.5vh, 2.25rem) clamp(1.35rem, 3vw, 2rem);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy h3 {
  font-size: clamp(1.75rem, 3.2vw, 2.45rem) !important;
  letter-spacing: -0.025em;
  text-shadow:
    0 2px 24px oklch(0.1 0.04 300 / 0.65),
    0 0 1px oklch(0.1 0.04 300 / 0.9);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__copy::before {
  content: "";
  display: block;
  width: min(180px, 40%);
  height: 1.5px;
  margin-bottom: 0.85rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(183, 156, 209, 0.4), transparent);
  box-shadow: 0 0 16px oklch(0.82 0.09 300 / 0.5);
}

/* Involved vessels: curated plates + luminescence */
.involved--climb .involved__exhibit--vessels {
  gap: 2px;
  box-shadow: 0 0 0 1px rgba(245, 240, 250, 0.06);
}
.involved--climb .involved-vessel {
  min-height: clamp(20rem, 42vh, 26rem);
}
.involved--climb .involved-vessel__media {
  position: absolute;
  inset: 0;
}
.involved--climb .involved-vessel__media img {
  filter: saturate(1.08) contrast(1.05) brightness(1.02);
}
.involved--climb .involved-vessel--hex .involved-vessel__media img,
.involved--climb .involved-vessel--rect .involved-vessel__media img {
  object-position: 45% 40%;
}
.involved--climb .involved-vessel--para .involved-vessel__media img {
  object-position: 55% 35%;
}
.involved--climb .involved-vessel--shard .involved-vessel__media img {
  object-position: 50% 22%;
}
.involved--climb .involved-vessel__jewelry {
  box-shadow:
    inset 0 0 0 1px rgba(245, 240, 250, 0.38),
    0 0 28px oklch(0.75 0.09 300 / 0.2) !important;
}
.involved--climb .involved-vessel__rule {
  width: 72px;
  height: 1.5px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.95), rgba(183, 156, 209, 0.5), transparent);
  box-shadow: 0 0 18px oklch(0.82 0.09 300 / 0.55);
}
.involved--climb .involved__title {
  text-shadow: 0 2px 28px oklch(0.1 0.04 300 / 0.55);
}

@media (max-width: 1023px) {
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: 1 / -1 !important;
    grid-row: span 1 !important;
    min-height: clamp(20rem, 48vh, 28rem) !important;
  }
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured {
    grid-column: 1 / -1 !important;
    grid-row: span 1 !important;
  }
  .vessel-gleam { opacity: 0.55; }
  .care--climb .care-row__media::after { display: none; }
}
@media (max-width: 767px) {
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured::after {
    clip-path: none !important;
    inset: 10px !important;
    box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.4) !important;
  }
  .vessel-gleam { display: none; }
}

/* HARD92d/P8 — featured = odd-eye 7436 face (never white studio 7896 void) */
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img,
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 18% !important;
  transform: scale(1.16);
  filter: saturate(1.08) contrast(1.06);
}


/* ============================================
   CLIMB92b — join-edge packing + mid-page breathe
   2026-09-05 ~01:25 PT
   Kill span-7 holes; pull exhibit vessels into viewport;
   thinner mid scrims for luminescence. Soft 8 still FAIL.
   ============================================ */

/* Featured span 8 + side stack span 4 = no 1-col voids */
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured {
  grid-column: 1 / span 8 !important;
  grid-row: 1 / span 2 !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume {
  grid-column: 9 / span 4 !important;
  grid-row: 1 / span 1 !important;
  aspect-ratio: auto !important;
  min-height: 0;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume + .sanctuary-grid__item--para,
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3) {
  grid-column: 9 / span 4 !important;
  grid-row: 2 / span 1 !important;
  aspect-ratio: auto !important;
  min-height: 0;
}
.sanctuary--climb .sanctuary-grid--exhibit {
  gap: 1px !important;
  background: oklch(0.1 0.045 300) !important;
  margin-top: clamp(-2.5rem, -4vh, -1rem);
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item {
  background: oklch(0.14 0.05 300) !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item img {
  filter: saturate(1.06) contrast(1.04);
}
.sanctuary--climb .chapter-bleed__scrim--photo-dark {
  background:
    linear-gradient(105deg, oklch(0.1 0.05 300 / 0.72) 0%, oklch(0.14 0.05 300 / 0.38) 42%, oklch(0.18 0.05 300 / 0.28) 100%),
    linear-gradient(180deg, oklch(0.09 0.04 300 / 0.45) 0%, transparent 28%, oklch(0.09 0.04 300 / 0.55) 100%),
    radial-gradient(ellipse 55% 42% at 72% 38%, oklch(0.62 0.08 300 / 0.16), transparent 70%) !important;
}
.sanctuary--climb .sanctuary__content {
  padding-bottom: clamp(2.5rem, 5vh, 4rem);
}
.sanctuary--climb .section-head--knockout {
  margin-bottom: clamp(1.25rem, 3vh, 2rem) !important;
}

/* Adopt: featured span 6 / row 2 — side stack fills 6 cols cleanly */
.adopt--climb .adopt-strip--exhibit {
  gap: 1px !important;
  margin-top: clamp(-1.5rem, -3vh, -0.5rem);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 6 !important;
  grid-row: 1 / span 2 !important;
  min-height: clamp(24rem, 54vh, 34rem) !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate {
  background: oklch(0.12 0.05 300);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate img {
  filter: saturate(1.05) contrast(1.04);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 48% 22% !important;
  transform: scale(1.1);
}
.adopt--climb .chapter-bleed__scrim--deep {
  background:
    linear-gradient(105deg, oklch(0.11 0.05 300 / 0.62) 0%, oklch(0.14 0.05 300 / 0.32) 48%, oklch(0.16 0.05 300 / 0.4) 100%),
    linear-gradient(180deg, oklch(0.1 0.04 300 / 0.32) 0%, transparent 38%, oklch(0.1 0.04 300 / 0.48) 100%) !important;
}

/* Involved: true joined vessels, more plate honesty */
.involved--climb .involved__exhibit--vessels {
  gap: 1px !important;
  margin-top: clamp(1.25rem, 3vh, 2rem);
}
.involved--climb .chapter-bleed__scrim--involved-plate,
.involved--climb .chapter-bleed__scrim--deep {
  opacity: 0.92;
}
.involved--climb .involved-vessel__scrim {
  background:
    linear-gradient(180deg, oklch(0.14 0.05 300 / 0.12) 0%, oklch(0.1 0.05 300 / 0.35) 45%, oklch(0.09 0.045 300 / 0.88) 100%),
    linear-gradient(105deg, oklch(0.12 0.055 300 / 0.28), transparent 65%) !important;
}

/* Mid-page gleam on all exhibit figures that have position */
.sanctuary-grid__item,
.adopt-plate,
.involved-vessel {
  position: relative;
  overflow: hidden;
}

@media (max-width: 1023px) {
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  .sanctuary--climb .sanctuary-grid--exhibit {
    margin-top: 0;
  }
}

/* HARD92d — cap featured height so exhibit collage reads in-frame (not 1900px tower) */
.adopt--status .adopt-strip--exhibit {
  grid-auto-rows: minmax(120px, auto);
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured {
  max-height: min(68vh, 580px) !important;
  aspect-ratio: 4 / 5 !important;
  align-self: stretch;
}
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.adopt--status .adopt-strip--exhibit .adopt-plate--tall {
  max-height: min(68vh, 580px);
}


/* === PASS 8 STATUS — curated vessels + luminescence ===
   2026-09-05 ~01:28 PT
   Pass 7 overall 7.9 FAIL vs floor 9.2. Soft 8 FAIL.
   Curated kshelter mid-page vessels · lilac gleams · featured status crop.
   v6 hero held · lilac lock · DreamHost HOLD · never soft-claim 9.2.
   ============================================ */

.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 18% !important;
  transform: scale(1.16);
  filter: saturate(1.08) contrast(1.06) brightness(1.02);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 2 !important;
  min-height: clamp(26rem, 58vh, 36rem) !important;
  isolation: isolate;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured .adopt-plate__stamp {
  border: 1px solid rgba(245, 240, 250, 0.55);
  letter-spacing: 0.22em;
  padding: 0.35rem 0.7rem;
  background: oklch(0.16 0.06 300 / 0.55);
  box-shadow: 0 0 18px oklch(0.75 0.09 300 / 0.25);
}

.sanctuary--climb .section-head__flare,
.adopt--climb .section-head__flare,
.care--climb .section-head__flare,
.involved--climb .section-head__flare {
  width: min(320px, 52%) !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0.95), rgba(183,156,209,0.65), transparent) !important;
  box-shadow:
    0 0 22px 3px oklch(0.82 0.1 300 / 0.55),
    0 0 48px 6px oklch(0.7 0.09 300 / 0.22) !important;
}

.sanctuary--climb .sanctuary-grid--exhibit {
  gap: 2px !important;
  background: oklch(0.11 0.05 300) !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item {
  position: relative;
  overflow: hidden;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item img {
  filter: saturate(1.06) contrast(1.04);
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
  object-position: 50% 40% !important;
  filter: saturate(1.08) contrast(1.05) brightness(1.02);
}
.sanctuary--climb .chapter-bleed__bloom {
  opacity: 0.85 !important;
}

.involved--climb .involved-vessel .vessel-gleam {
  top: 36%;
  opacity: 0.65;
}
.involved--climb .involved-vessel__media img {
  filter: saturate(1.08) contrast(1.05) brightness(1.02);
}

.vessel-gleam--featured {
  top: auto !important;
  bottom: 22%;
  left: 14%;
  right: 28%;
  opacity: 0.7;
  box-shadow: 0 0 22px 3px oklch(0.82 0.1 300 / 0.35);
}

@media (max-width: 767px) {
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: 1 / -1 !important;
    grid-row: span 1 !important;
    min-height: 22rem !important;
  }
}

/* HARD92d — Adopted stamp MUST stay typographic (never pill / white raft) */
.adopt-strip--exhibit .adopt-plate__stamp,
.adopt--status .adopt-plate__stamp,
.adopt-plate--featured .adopt-plate__stamp {
  display: inline-block !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 4px !important;
  border: none !important;
  border-bottom: 1px solid rgba(245, 240, 250, 0.8) !important;
  color: rgba(245, 240, 250, 0.95) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}


/* CLIMB92c — Impact giants stay one row on photo (no wrap) */
.impact--hard92 .metric-row--hard92 {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.5rem;
}
.impact--hard92 .metric-object {
  flex: 1 1 0;
  min-width: 0;
}
.impact--hard92 .metric-object__value {
  font-size: clamp(2.75rem, 5.8vw, 5.1rem) !important;
  white-space: nowrap;
}
.impact--hard92 .metric-object__label {
  white-space: normal;
  max-width: 16ch;
}
.impact--hard92 .metric-object__tick {
  flex: 0 0 1px;
  align-self: stretch;
  max-height: 4.25rem;
}
@media (max-width: 1023px) {
  .impact--hard92 .metric-row--hard92 {
    flex-wrap: wrap !important;
  }
}

/* ============================================
   PASS8c — adopt face paint + capture honesty
   2026-09-05 ~01:28 PT
   Featured = 7436 odd-eye face lock (eyes own window).
   Kill residual hex clip on plate. Soft 8 FAIL vs 9.2.
   ============================================ */

.adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
.adopt--status .adopt-strip--exhibit .adopt-plate--featured {
  clip-path: none !important;
  overflow: hidden !important;
  background: oklch(0.12 0.05 300) !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  /* 7436: face centered; eyes ~ mid-upper */
  object-position: 50% 30% !important;
  object-fit: cover !important;
  transform: scale(1.08) !important;
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.05) brightness(1.02);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured::after {
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  box-shadow:
    inset 0 0 0 1.5px rgba(245, 240, 250, 0.55),
    0 0 36px oklch(0.78 0.1 300 / 0.28) !important;
  background: transparent !important;
}
/* Poly hex: use face plate, not bright void read */
.adopt--climb .chapter-poly-insets--adopt .chapter-poly-insets__hex img {
  object-position: 48% 22% !important;
  filter: saturate(1.05) contrast(1.04);
}
.adopt-strip--exhibit .adopt-plate img {
  opacity: 1 !important;
}

/* CLIMB92c — featured = curated 7896 face-true exhibit window */
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
.adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 62% 26% !important;
  transform: scale(1.06);
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 3 !important;
  min-height: clamp(28rem, 62vh, 40rem) !important;
}

/* ============================================
   PASS8d — join edges + involved jewelry read
   2026-09-05 ~01:30 PT
   Soft 8s FAIL vs 9.2. DreamHost HOLD.
   ============================================ */

/* Adopt: true 2px joins, featured owns left half */
.adopt--climb .adopt-strip--exhibit,
.adopt--status .adopt-strip--exhibit {
  gap: 2px !important;
  column-gap: 2px !important;
  row-gap: 2px !important;
  background: oklch(0.09 0.04 300) !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 2 !important;
  min-height: clamp(26rem, 56vh, 36rem) !important;
  margin: 0 !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(245, 240, 250, 0.1);
}

/* Involved: jewelry hex/para must read at thumbnail */
.involved--status .involved-vessel--hex .involved-vessel__jewelry,
.involved--climb .involved-vessel--hex .involved-vessel__jewelry {
  display: block !important;
  inset: 12px !important;
  clip-path: polygon(50% 0%, 100% 16%, 100% 84%, 50% 100%, 0% 84%, 0% 16%) !important;
  box-shadow:
    inset 0 0 0 1.75px rgba(245, 240, 250, 0.55),
    0 0 40px oklch(0.8 0.1 300 / 0.28) !important;
}
.involved--status .involved-vessel--para .involved-vessel__jewelry,
.involved--climb .involved-vessel--para .involved-vessel__jewelry {
  display: block !important;
  inset: 12px !important;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%) !important;
  box-shadow:
    inset 0 0 0 1.75px rgba(245, 240, 250, 0.48),
    0 0 32px oklch(0.75 0.09 300 / 0.22) !important;
}
.involved--status .involved-vessel--shard .involved-vessel__jewelry,
.involved--climb .involved-vessel--shard .involved-vessel__jewelry {
  display: block !important;
  inset: 12px !important;
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%) !important;
  box-shadow: inset 0 0 0 1.5px rgba(245, 240, 250, 0.4) !important;
}
.involved--status .involved__exhibit--vessels,
.involved--climb .involved__exhibit--vessels {
  gap: 2px !important;
}
.involved--status .involved-vessel__media img,
.involved--climb .involved-vessel__media img {
  filter: saturate(1.1) contrast(1.05) brightness(1.05);
}

/* Mid-page bloom a touch more emissive */
.sanctuary--climb .chapter-bleed__bloom,
.adopt--climb .chapter-bleed__bloom,
.involved--climb .chapter-bleed__bloom {
  opacity: 1 !important;
}


/* CLIMB92d — adopt side stack fills featured height (kill purple void) */
.adopt--climb .adopt-strip--exhibit {
  grid-auto-rows: minmax(0, auto);
  align-items: stretch;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 6 !important;
  grid-row: 1 / span 2 !important;
  min-height: 0 !important;
  height: 100%;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(2),
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(3) {
  grid-column: span 3;
  min-height: clamp(14rem, 28vh, 18rem);
  height: 100%;
  aspect-ratio: auto !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(2) {
  grid-column: 7 / span 3 !important;
  grid-row: 1 !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(3) {
  grid-column: 10 / span 3 !important;
  grid-row: 1 !important;
}
/* If only 2 beside featured in row1, use stack on right for child 2+3 spanning rows */
.adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(2) {
  grid-column: 7 / span 6 !important;
  grid-row: 1 !important;
}
.adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(3) {
  grid-column: 7 / span 6 !important;
  grid-row: 2 !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ============================================
   PASS8e — impact poly clear of 12+ metric
   Keep giants readable; soft 8 FAIL vs 9.2.
   ============================================ */
.impact--hard92 .impact__poly-insets {
  top: clamp(4.5rem, 10vh, 7rem) !important;
  right: clamp(0.75rem, 2.5vw, 1.75rem) !important;
  bottom: auto !important;
  width: min(36vw, 420px) !important;
  height: min(32vh, 280px) !important;
  z-index: 4;
}
.impact--hard92 .impact__poly-insets__para {
  right: clamp(7rem, 14vw, 10rem) !important;
  top: 0 !important;
}
.impact--hard92 .impact__poly-insets__hex {
  right: 0 !important;
  top: clamp(2.5rem, 6vh, 4.5rem) !important;
  width: min(140px, 12vw) !important;
}
.impact--hard92 .impact__poly-insets {
  pointer-events: none;
}
.impact--hard92 .metric-row--hard92 .metric-object:last-child {
  position: relative;
  z-index: 6;
}
.impact--hard92 .metric-row--hard92 {
  position: relative;
  z-index: 5;
}


/* CLIMB92e — plates must FILL grid cells (kill mid-column purple void) */
.adopt--climb .adopt-strip--exhibit .adopt-plate {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  width: 100% !important;
  height: 100% !important;
  justify-self: stretch;
  align-self: stretch;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
.adopt--climb .adopt-strip--exhibit .adopt-plate img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate {
  position: relative;
  overflow: hidden;
}
/* Right stack: two plates sharing cols 7-12 beside featured */
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(2) {
  grid-column: 7 / span 6 !important;
  grid-row: 1 / span 1 !important;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(3) {
  grid-column: 7 / span 6 !important;
  grid-row: 2 / span 1 !important;
}
.adopt--climb .adopt-strip--exhibit {
  gap: 1px !important;
}

/* Sanctuary: equalize row heights so side stack matches featured */
.sanctuary--climb .sanctuary-grid--exhibit {
  grid-auto-rows: minmax(12rem, 1fr);
  gap: 1px !important;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3) {
  height: 100%;
  min-height: 0;
  align-self: stretch;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: none;
}
.sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item {
  position: relative;
  overflow: hidden;
}

.involved--climb .involved-vessel--shard .involved-vessel__media img {
  object-position: 50% 35% !important;
}


/* CLIMB92 LOCK — featured 7896 owns chapter (last wins) */
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
.adopt-strip--exhibit.adopt-strip--climb .adopt-plate--featured,
.adopt--status.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
  grid-column: 1 / span 7 !important;
  grid-row: 1 / span 3 !important;
  min-height: clamp(30rem, 68vh, 44rem) !important;
  aspect-ratio: auto !important;
  clip-path: none !important;
  z-index: 3;
}
.adopt--climb .adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 62% 26% !important;
  transform: scale(1.05);
  filter: saturate(1.06) contrast(1.06);
}

/* ============================================
   FIX PASS — 2026-09-05 ~11:00 PT
   Stats ADD + cleanliness ≥9.2 attempt. DreamHost HOLD.
   ============================================ */

/* Email: one clean nowrap line — header, footer, involved */
.header-phone,
.header-phone span,
.mobile-nav__phone,
.footer-email,
.footer-email span,
.site-footer__contact a,
.involved-vessel__value--email {
  white-space: nowrap !important;
}
.header-phone span {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
@media (max-width: 1100px) {
  .header-phone { display: none; } /* avoid ellipsis crush; mobile nav keeps full mailto */
}
.involved-vessel__value--email {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; /* vessel card only if truly too narrow */
}
.involved-vessel--hex .involved-vessel__value--email,
.involved-vessel--rect .involved-vessel__value--email {
  text-overflow: unset;
  overflow: visible;
  font-size: clamp(0.95rem, 1.6vw, 1.35rem);
  letter-spacing: -0.01em;
}
.footer-email {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap !important;
}

/* Hero: NO floating hex/diamond photo stickers — depth via scrim/bloom/film only */
.hero__para-inset,
.hero__hex-inset,
.hero__hex-inset--solo,
.hero__jewelry,
.hero__geom-plane,
.chapter-bleed__edge-jewelry {
  display: none !important;
}
.hero__stats-plate--top3 {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 0;
  max-width: min(100%, 48rem);
}
.hero__stats-plate--top3 .stat-object__label {
  max-width: 14ch;
  white-space: normal;
}
@media (max-width: 767px) {
  .hero__stats-plate--top3 {
    flex-wrap: wrap;
    gap: var(--space-4);
  }
}

/* Sanctuary on-site lock (400+/25+) — balanced plate, not orphan float */
.sanctuary__onsite {
  display: flex;
  align-items: flex-end;
  gap: 0;
  margin: 0 0 var(--space-8);
  padding: var(--space-5) var(--space-6);
  background: oklch(0.14 0.05 300 / 0.55);
  border: 1px solid rgba(245, 240, 250, 0.28);
  box-shadow: inset 0 0 0 1px rgba(183, 156, 209, 0.12);
  max-width: 28rem;
}
.sanctuary__onsite .stat-object__value {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.sanctuary__onsite .stat-object__label {
  font-size: var(--text-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(245, 240, 250, 0.72);
  font-weight: 600;
}
.sanctuary__onsite .stat-object {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding-inline: clamp(var(--space-4), 2vw, var(--space-6));
}
.sanctuary__onsite .stat-object:first-child { padding-inline-start: 0; }
.sanctuary__onsite .stat-object__tick {
  width: 1px;
  align-self: stretch;
  min-height: 2.75rem;
  background: linear-gradient(180deg, transparent, rgba(245,240,250,0.5), transparent);
}

/* Kill leftover floating poly stickers sitewide */
.chapter-poly-insets,
.impact__poly-insets {
  display: none !important;
}

/* Future: center / balance permanent-home section */
.future--centered .future__inner,
.future--giants.future--centered .future__inner {
  text-align: center !important;
  margin-inline: auto !important;
  max-width: min(920px, 100%) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-block: var(--space-20);
}
.future--centered .chapter-label,
.future--centered .eyebrow,
.future--centered .future__title,
.future--centered .section-head__flare {
  text-align: center;
}
.future--centered .future__copy--knockout {
  margin-inline: auto !important;
  text-align: center !important;
  max-width: 62ch;
}
.future--centered .metric-row--future {
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 52rem;
}
.future--centered .metric-row--future .metric-object {
  text-align: center;
  align-items: center;
  padding-inline: clamp(var(--space-3), 1.6vw, var(--space-6));
}
.future--centered .metric-row--future .metric-object:first-child {
  padding-inline-start: clamp(var(--space-3), 1.6vw, var(--space-6));
}
.future--centered .metric-object__label {
  max-width: 12ch;
  margin-inline: auto;
}
.future--centered .btn {
  align-self: center;
}

/* Adopt: face-forward object positions; no orphan plates */
.adopt-strip--exhibit .adopt-plate img {
  object-fit: cover;
  object-position: center 28%;
}
.adopt-strip--exhibit .adopt-plate--featured img {
  object-position: 50% 30% !important;
}
.adopt__content > .adopt-plate { display: none !important; } /* kill any stray orphan */

/* Involved actions: balanced under vessels */
.involved__actions {
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-top: var(--space-8);
}


/* ============================================
   QA PASS — kill empty-space floaters
   2026-09-05 ~11:05 PT — Colin: no hex/diamond stickers in void
   Keep real-section depth (scrims/bloom/vessel gleams on plates).
   ============================================ */
.hero__para-inset,
.hero__hex-inset,
.hero__hex-inset--solo,
.hero__jewelry,
.hero__alfuraj,
.hero__geom-plane,
.chapter-bleed__edge-jewelry,
.chapter-poly-insets,
.impact__poly-insets {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* FIX PASS b — permanent-home true center (override left giants) */
.future.future--centered.future--giants .future__inner {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  max-width: min(880px, 92vw) !important;
}
.future.future--centered .future__title {
  text-align: center !important;
  margin-inline: auto;
}
.future.future--centered .metric-row--future {
  justify-content: center !important;
  margin-inline: auto;
}
.future.future--centered .btn.btn-outline-light {
  margin-inline: auto;
}

/* Hero solo second-camera must paint on desktop */
.hero--anchors .hero__hex-inset.hero__hex-inset--solo {
  display: block !important;
  right: clamp(2.5rem, 7vw, 5.5rem) !important;
  bottom: clamp(5rem, 13vh, 9rem) !important;
  width: min(210px, 19vw) !important;
  z-index: 6 !important;
}
@media (max-width: 767px) {
  .hero--anchors .hero__hex-inset.hero__hex-inset--solo { display: none !important; }
}


/* ============================================
   QA STRIP — vessel hex/diamond jewelry gone
   2026-09-05 ~11:05 PT — Colin hates floating hex/diamond cat ornaments
   WD: pillar-vessel--hex, involved-vessel--hex, involved-vessel__jewelry
   Keep real depth: film, scrims, bloom, vessel-gleam on rectangular plates.
   ============================================ */
.pillar-vessel--hex,
.pillar-vessel--rect,
.involved-vessel--hex,
.involved-vessel--rect {
  clip-path: none !important;
}
.involved-vessel--hex .involved-vessel__media,
.involved-vessel--rect .involved-vessel__media,
.involved--status .involved-vessel--hex .involved-vessel__media,
.involved--status .involved-vessel--rect .involved-vessel__media,
.involved--climb .involved-vessel--hex .involved-vessel__media,
.involved--climb .involved-vessel--rect .involved-vessel__media {
  clip-path: none !important;
  inset: 0 !important;
  border: none !important;
  filter: none !important;
}
.involved-vessel__jewelry,
.involved--status .involved-vessel__jewelry,
.involved--climb .involved-vessel__jewelry,
.involved--status .involved-vessel--hex .involved-vessel__jewelry,
.involved--climb .involved-vessel--hex .involved-vessel__jewelry,
.involved--status .involved-vessel--para .involved-vessel__jewelry,
.involved--climb .involved-vessel--para .involved-vessel__jewelry,
.involved--status .involved-vessel--shard .involved-vessel__jewelry,
.involved--climb .involved-vessel--shard .involved-vessel__jewelry {
  display: none !important;
  visibility: hidden !important;
  clip-path: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Reinforce: no floating hero/chapter hex stickers (override solo re-enable) */
.hero__hex-inset,
.hero__hex-inset--solo,
.hero--anchors .hero__hex-inset.hero__hex-inset--solo,
.hero__para-inset,
.hero__jewelry,
.chapter-poly-insets,
.chapter-bleed__edge-jewelry {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ============================================
   MOBILE QA — 2026-09-05 ~11:30 PT
   Colin: empty open squares + weird overlaps on ~375–430px.
   Root cause: late CLIMB/STATUS collage placements
   (grid-column: 7/9 / span N !important) create IMPLICIT
   12-col tracks after the 2-col mobile template — slivers,
   0×0 cells, and purple/black voids. Also pillar :nth-child
   clip-path beats earlier non-!important mobile kill.
   Keep desktop depth. No copy changes. Lucky untouched.
   ============================================ */

@media (max-width: 900px) {
  /* --- Grids: explicit 2-col, kill implicit tracks --- */
  .sanctuary-grid--exhibit,
  .sanctuary--stack .sanctuary-grid--exhibit,
  .sanctuary--climb .sanctuary-grid--exhibit,
  .sanctuary--status .sanctuary-grid--exhibit,
  .sanctuary-grid--exhibit.sanctuary-grid--climb,
  .adopt-strip--exhibit,
  .adopt--climb .adopt-strip--exhibit,
  .adopt--status .adopt-strip--exhibit,
  .adopt-strip--exhibit.adopt-strip--climb {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    gap: 2px !important;
    overflow: hidden;
  }

  /* Reset EVERY climb/status absolute placement */
  .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .sanctuary-grid--exhibit .sanctuary-grid__item--tall,
  .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary-grid--exhibit .sanctuary-grid__item--para,
  .sanctuary-grid--exhibit .sanctuary-grid__item--shard,
  .sanctuary-grid--exhibit .sanctuary-grid__item--window,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume + .sanctuary-grid__item--para,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3),
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .adopt-strip--exhibit .adopt-plate,
  .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit .adopt-plate--wide,
  .adopt-strip--exhibit .adopt-plate--tall,
  .adopt-strip--exhibit .adopt-plate--window,
  .adopt-strip--exhibit .adopt-plate--adopted,
  .adopt--climb .adopt-strip--exhibit .adopt-plate,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(2),
  .adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(3),
  .adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(2),
  .adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(3),
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--status.adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit.adopt-strip--climb .adopt-plate--featured {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    clip-path: none !important;
    overflow: hidden !important;
  }

  /* Featured spans full width on narrow */
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--status.adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate--wide {
    grid-column: 1 / -1 !important;
    aspect-ratio: 16 / 10 !important;
  }

  /* Images must fill cells — no 0-height / overflow voids */
  .sanctuary-grid--exhibit .sanctuary-grid__item img,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item img,
  .adopt-strip--exhibit .adopt-plate img,
  .adopt--climb .adopt-strip--exhibit .adopt-plate img,
  .adopt--status .adopt-strip--exhibit .adopt-plate img,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Kill hex jewelry frames on featured */
  .adopt-strip--exhibit .adopt-plate--featured::after,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured::after,
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured::after,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
    display: none !important;
    clip-path: none !important;
  }

  /* --- Pillars: beat :nth-child clip specificity --- */
  .pillar-vessel,
  .pillar-vessel--rect,
  .pillar-vessel--hex,
  .pillar-vessel--para,
  .pillar-vessel--shard,
  .pillar-vessel--shard:nth-child(2),
  .pillar-vessel--shard:nth-child(4),
  .pillars-grid--vessels .pillar-vessel {
    clip-path: none !important;
    width: 100% !important;
    min-height: 18rem !important;
  }
  .pillars-grid--vessels {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
  .pillar-vessel__media {
    inset: 0 !important;
    clip-path: none !important;
  }
  .pillar-vessel__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }

  /* --- Involved vessels: full-bleed rect, no inset voids --- */
  .involved-vessel,
  .involved-vessel--rect,
  .involved-vessel--hex,
  .involved-vessel--para,
  .involved-vessel--shard,
  .involved--status .involved-vessel,
  .involved--climb .involved-vessel {
    clip-path: none !important;
    grid-column: auto !important;
    min-height: 14rem !important;
    width: 100% !important;
  }
  .involved--status .involved__exhibit--vessels,
  .involved--climb .involved__exhibit--vessels {
    grid-template-columns: 1fr !important;
    gap: 2px !important;
  }
  .involved-vessel__media,
  .involved-vessel--hex .involved-vessel__media,
  .involved-vessel--para .involved-vessel__media,
  .involved-vessel--shard .involved-vessel__media,
  .involved-vessel--rect .involved-vessel__media,
  .involved--status .involved-vessel--hex .involved-vessel__media,
  .involved--status .involved-vessel--para .involved-vessel__media,
  .involved--status .involved-vessel--shard .involved-vessel__media,
  .involved--status .involved-vessel--rect .involved-vessel__media,
  .involved--climb .involved-vessel--hex .involved-vessel__media,
  .involved--climb .involved-vessel--para .involved-vessel__media,
  .involved--climb .involved-vessel--shard .involved-vessel__media,
  .involved--climb .involved-vessel--rect .involved-vessel__media {
    clip-path: none !important;
    inset: 0 !important;
    border: none !important;
    filter: none !important;
  }
  .involved-vessel__media img,
  .involved--status .involved-vessel__media img,
  .involved--climb .involved-vessel__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    transform: scale(1.02) !important;
  }
  .involved-vessel__jewelry,
  .involved--status .involved-vessel__jewelry,
  .involved--climb .involved-vessel__jewelry {
    display: none !important;
  }

  /* --- Care: rectangular media + text, no shard voids --- */
  .care--stack .care-row,
  .care--stack .care-row--reverse,
  .care--climb .care-row {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .care--stack .care-row__media,
  .care--stack .care-row--para .care-row__media,
  .care--stack .care-row--shard .care-row__media,
  .care--stack .care-row--reverse.care-row--para .care-row__media,
  .care--stack .care-row--reverse.care-row--shard .care-row__media {
    clip-path: none !important;
    aspect-ratio: 16 / 10 !important;
    min-height: 12rem !important;
    width: 100% !important;
  }
  .care--stack .care-row__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }
  .care--stack .care-row__text,
  .care--stack .care-row--overlap .care-row__text,
  .care--stack .care-row--reverse.care-row--shard .care-row__text,
  .care--stack .care-row--reverse.care-row--para .care-row__text {
    clip-path: none !important;
    margin-inline: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .care--climb .care-row__media::after {
    display: none !important;
  }

  /* --- Sanctuary/adopt/involved chapter bleeds: contain overflow --- */
  .chapter-bleed,
  .chapter-bleed--sanctuary,
  .chapter-bleed--care,
  .chapter-bleed--adopt,
  .chapter-bleed--involved,
  .sanctuary--stack,
  .adopt--plates,
  .involved--photo {
    overflow-x: clip;
    max-width: 100vw;
  }
  .sanctuary__content,
  .adopt__content,
  .involved__content,
  .care__content {
    max-width: 100%;
    overflow-x: clip;
  }

  /* --- Universal clip-path kill on photo plates --- */
  .sanctuary-grid__item--para,
  .sanctuary-grid__item--shard,
  .sanctuary-grid__item--window,
  .sanctuary-grid--exhibit .sanctuary-grid__item--para,
  .sanctuary-grid--exhibit .sanctuary-grid__item--shard,
  .involved__panel--para,
  .involved__panel--shard,
  .hero__stats-plate,
  .adopt-plate--hex,
  .adopt-plate--shard,
  .adopt-plate--featured {
    clip-path: none !important;
  }

  /* Hide floaters that read as empty ornaments on mobile */
  .chapter-poly-insets,
  .hero__hex-inset,
  .hero__hex-inset--solo,
  .hero__para-inset,
  .hero__jewelry,
  .chapter-bleed__edge-jewelry,
  .impact__poly-insets,
  .impact__geom-plane,
  .vessel-gleam {
    display: none !important;
  }

  /* Species strip: simple 2-col, no crushed cells */
  .species-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 2px !important;
  }
  .species-strip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1 !important;
  }
}

@media (max-width: 480px) {
  .sanctuary-grid--exhibit,
  .adopt-strip--exhibit,
  .sanctuary--climb .sanctuary-grid--exhibit,
  .adopt--climb .adopt-strip--exhibit {
    grid-template-columns: 1fr !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate,
  .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit .adopt-plate--wide,
  .adopt-strip--exhibit .adopt-plate--tall,
  .adopt--climb .adopt-strip--exhibit .adopt-plate,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured {
    grid-column: 1 / -1 !important;
    aspect-ratio: 4 / 5 !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate--wide {
    aspect-ratio: 16 / 10 !important;
  }
  .pillar-vessel {
    min-height: 16rem !important;
  }
  .involved-vessel {
    min-height: 13rem !important;
  }
}


/* MOBILE QA PATCH2 — window chrome + taller care media */
@media (max-width: 900px) {
  .sanctuary-grid__item--window::after,
  .sanctuary-grid--exhibit .sanctuary-grid__item--window::after,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--window::after,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
    display: none !important;
  }
  .care--stack .care-row__media,
  .care--stack .care-row--para .care-row__media,
  .care--stack .care-row--shard .care-row__media,
  .care--stack .care-row--reverse.care-row--para .care-row__media,
  .care--stack .care-row--reverse.care-row--shard .care-row__media,
  .care--climb .care-row__media {
    aspect-ratio: 4 / 3 !important;
    min-height: 14rem !important;
  }
  .care--stack .care-row__media img,
  .care--climb .care-row__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .care--stack .care-row__media {
    position: relative !important;
    overflow: hidden !important;
  }
  /* Full-bleed exhibit grids inside padded container feel tighter */
  .sanctuary__content,
  .adopt__content {
    padding-inline: 0 !important;
  }
  .sanctuary__content .section-head,
  .adopt__content .section-head,
  .sanctuary__content > .chapter-label,
  .adopt__content > .chapter-label,
  .sanctuary__content .section-head--knockout,
  .adopt__content .section-head--knockout {
    padding-inline:
      max(1.25rem, calc(env(safe-area-inset-left, 0px) + 0.75rem))
      max(1.25rem, calc(env(safe-area-inset-right, 0px) + 0.75rem)) !important;
  }
}


/* ============================================
   CDP PUNCH LIST — ≤767px CASCADE LOCK
   2026-09-05 ~11:35 PT
   1) Desktop span 7 / cols 7–12 lose on mobile (implicit tracks → holes)
   2) Care !important negative margins + polygon clips → voids
   3) Hero stats: --space-7 defined + plate cascade
   4) Involved email nowrap overflow
   Last rule wins. Desktop depth retained ≥768.
   ============================================ */

@media (max-width: 767px) {
  /* (1) Explicit 1-col grids — kill implicit 12-col tracks from climb spans */
  .sanctuary-grid--exhibit,
  .sanctuary--stack .sanctuary-grid--exhibit,
  .sanctuary--climb .sanctuary-grid--exhibit,
  .sanctuary--status .sanctuary-grid--exhibit,
  .sanctuary-grid--exhibit.sanctuary-grid--climb,
  .sanctuary-grid--exhibit.sanctuary-grid--joins,
  .adopt-strip--exhibit,
  .adopt--climb .adopt-strip--exhibit,
  .adopt--status .adopt-strip--exhibit,
  .adopt--plates .adopt-strip--exhibit,
  .adopt-strip--exhibit.adopt-strip--climb {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-columns: unset !important;
    grid-auto-flow: row !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    gap: 2px !important;
    overflow: hidden !important;
  }

  .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .sanctuary-grid--exhibit .sanctuary-grid__item--tall,
  .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary-grid--exhibit .sanctuary-grid__item--para,
  .sanctuary-grid--exhibit .sanctuary-grid__item--shard,
  .sanctuary-grid--exhibit .sanctuary-grid__item--window,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume + .sanctuary-grid__item--para,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3),
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window,
  .adopt-strip--exhibit .adopt-plate,
  .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit .adopt-plate--wide,
  .adopt-strip--exhibit .adopt-plate--tall,
  .adopt-strip--exhibit .adopt-plate--window,
  .adopt-strip--exhibit .adopt-plate--adopted,
  .adopt--climb .adopt-strip--exhibit .adopt-plate,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(2),
  .adopt--climb .adopt-strip--exhibit .adopt-plate:nth-child(3),
  .adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(2),
  .adopt--climb .adopt-strip--exhibit.adopt-strip--climb .adopt-plate:nth-child(3),
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--status.adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt-strip--exhibit.adopt-strip--climb .adopt-plate--featured,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured,
  .adopt--status .adopt-strip--exhibit .adopt-plate {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    clip-path: none !important;
    overflow: hidden !important;
  }

  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate--wide {
    aspect-ratio: 16 / 10 !important;
  }

  .sanctuary-grid--exhibit .sanctuary-grid__item img,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item img,
  .adopt-strip--exhibit .adopt-plate img,
  .adopt--climb .adopt-strip--exhibit .adopt-plate img,
  .adopt--status .adopt-strip--exhibit .adopt-plate img,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured img,
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .adopt-strip--exhibit .adopt-plate--featured::after,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--featured::after,
  .adopt--status .adopt-strip--exhibit .adopt-plate--featured::after,
  .sanctuary-grid__item--window::after,
  .sanctuary-grid--exhibit .sanctuary-grid__item--window::after,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window::after {
    display: none !important;
    clip-path: none !important;
  }

  /* Pillars: beat :nth-child clip specificity */
  .pillar-vessel,
  .pillar-vessel--rect,
  .pillar-vessel--hex,
  .pillar-vessel--para,
  .pillar-vessel--shard,
  .pillar-vessel--shard:nth-child(2),
  .pillar-vessel--shard:nth-child(4),
  .pillars-grid--vessels .pillar-vessel,
  .pillars-grid--vessels .pillar-vessel--shard:nth-child(2),
  .pillars-grid--vessels .pillar-vessel--shard:nth-child(4) {
    clip-path: none !important;
    width: 100% !important;
    min-height: 16rem !important;
  }
  .pillars-grid--vessels {
    grid-template-columns: 1fr !important;
  }

  /* Involved vessels full-bleed */
  .involved--status .involved__exhibit--vessels,
  .involved--climb .involved__exhibit--vessels {
    grid-template-columns: 1fr !important;
  }
  .involved-vessel,
  .involved-vessel--rect,
  .involved-vessel--hex,
  .involved-vessel--para,
  .involved-vessel--shard {
    clip-path: none !important;
    grid-column: auto !important;
    min-height: 13rem !important;
  }
  .involved-vessel__media,
  .involved--status .involved-vessel--hex .involved-vessel__media,
  .involved--status .involved-vessel--para .involved-vessel__media,
  .involved--status .involved-vessel--shard .involved-vessel__media,
  .involved--status .involved-vessel--rect .involved-vessel__media,
  .involved--climb .involved-vessel--hex .involved-vessel__media,
  .involved--climb .involved-vessel--para .involved-vessel__media,
  .involved--climb .involved-vessel--shard .involved-vessel__media,
  .involved--climb .involved-vessel--rect .involved-vessel__media {
    clip-path: none !important;
    inset: 0 !important;
    border: none !important;
    filter: none !important;
  }
  .involved-vessel__jewelry {
    display: none !important;
  }

  /* (2) Care: kill !important negative margins + polygon clips */
  .care--stack .care-row,
  .care--stack .care-row--reverse,
  .care--climb .care-row {
    grid-template-columns: 1fr !important;
  }
  .care--stack .care-row__media,
  .care--stack .care-row--para .care-row__media,
  .care--stack .care-row--shard .care-row__media,
  .care--stack .care-row--reverse.care-row--para .care-row__media,
  .care--stack .care-row--reverse.care-row--shard .care-row__media,
  .care--climb .care-row__media {
    clip-path: none !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 14rem !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .care--stack .care-row__media img,
  .care--climb .care-row__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
  }
  .care--stack .care-row__text,
  .care--stack .care-row--overlap .care-row__text,
  .care--stack .care-row--reverse.care-row--shard .care-row__text,
  .care--stack .care-row--reverse.care-row--para .care-row__text,
  .care--climb .care-row__text,
  .care--climb .care-row--overlap .care-row__text {
    clip-path: none !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    box-shadow: none !important;
  }
  .care--climb .care-row__media::after {
    display: none !important;
  }

  /* (3) Hero stats plate — defined spacing, no clip, stack cleanly */
  .hero__stats-plate,
  .hero--anchors .hero__stats-plate,
  .hero__stats-plate--top3 {
    clip-path: none !important;
    max-width: 100% !important;
    width: 100% !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    gap: var(--space-4) !important;
    padding: var(--space-5) var(--space-6) !important;
    margin-top: var(--space-6) !important;
  }
  .hero__stats-plate .stat-object__tick,
  .hero--anchors .hero__stats-plate .stat-object__tick {
    display: none !important;
  }
  .hero__stats-plate .stat-object__label {
    white-space: normal !important;
  }

  /* (4) Involved email — allow wrap; never overflow vessel */
  .involved-vessel__value--email,
  .involved-vessel--hex .involved-vessel__value--email,
  .involved-vessel--rect .involved-vessel__value--email,
  .involved-vessel--para .involved-vessel__value--email,
  .involved-vessel--shard .involved-vessel__value--email,
  .involved--status .involved-vessel__value--email,
  .involved--climb .involved-vessel__value--email {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: unset !important;
    font-size: clamp(0.95rem, 4.2vw, 1.25rem) !important;
  }
  .involved-vessel__copy {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* Universal photo-plate clip kill */
  .sanctuary-grid__item--para,
  .sanctuary-grid__item--shard,
  .sanctuary-grid--exhibit .sanctuary-grid__item--para,
  .sanctuary-grid--exhibit .sanctuary-grid__item--shard,
  .involved__panel--para,
  .involved__panel--shard,
  .adopt-plate--hex,
  .adopt-plate--shard,
  .adopt-plate--featured {
    clip-path: none !important;
  }

  .chapter-poly-insets,
  .hero__hex-inset,
  .hero__hex-inset--solo,
  .hero__para-inset,
  .hero__jewelry,
  .chapter-bleed__edge-jewelry,
  .impact__poly-insets,
  .impact__geom-plane,
  .vessel-gleam {
    display: none !important;
  }

  .chapter-bleed,
  .sanctuary--stack,
  .adopt--plates,
  .involved--photo,
  .care--stack {
    overflow-x: clip !important;
    max-width: 100vw !important;
  }

  /* ============================================
     COLIN MOBILE QA — courtyard / dog yard / clips
     2026-09-05 ~11:45 PT
     Climb/status 3-class selectors were beating the
     wide 16/10 override (stayed 4/5 → dog head crop).
     Featured courtyard + captions need safe insets.
     ============================================ */

  /* Default sanctuary plates: landscape camera honesty (less face/body clip).
     Include :nth-child climb placements — they beat plain 3-class selectors. */
  .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit .sanctuary-grid__item--tall,
  .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary-grid--exhibit .sanctuary-grid__item--para,
  .sanctuary-grid--exhibit .sanctuary-grid__item--shard,
  .sanctuary-grid--exhibit .sanctuary-grid__item--window,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--lume + .sanctuary-grid__item--para,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item:nth-child(3),
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item,
  .sanctuary-grid--exhibit.sanctuary-grid--climb .sanctuary-grid__item {
    aspect-ratio: 3 / 2 !important;
    min-height: 13rem !important;
    max-height: none !important;
    height: auto !important;
  }

  /* COURTYARD featured — full plate + caption inside viewport */
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured:nth-child(n),
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured.sanctuary-grid__item--window,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item.sanctuary-grid__item--featured {
    aspect-ratio: 5 / 4 !important;
    min-height: 16rem !important;
    height: auto !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured img,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured img,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured img {
    object-position: 38% 58% !important;
    object-fit: cover !important;
  }

  /* DOG YARD wide — beat climb + nth-child specificity; show pack in-frame */
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--wide,
  .sanctuary-grid--exhibit.sanctuary-grid--climb .sanctuary-grid__item--wide,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--wide:nth-child(n),
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item.sanctuary-grid__item--wide,
  .adopt-strip--exhibit .adopt-plate--wide,
  .adopt--climb .adopt-strip--exhibit .adopt-plate--wide {
    aspect-ratio: 3 / 2 !important;
    min-height: 15rem !important;
    height: auto !important;
  }
  .sanctuary-grid--exhibit .sanctuary-grid__item--wide img,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--wide img,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--wide img {
    object-position: 48% 42% !important;
    object-fit: cover !important;
  }

  /* Figcaptions: never flush to phone edge; full readable wrap */
  .sanctuary-grid--exhibit .sanctuary-grid__item figcaption,
  .sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item figcaption,
  .sanctuary--climb .sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption,
  .sanctuary--status .sanctuary-grid--exhibit .sanctuary-grid__item--featured figcaption {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding: 1.5rem max(1.75rem, env(safe-area-inset-right, 0px) + 1.25rem) 1.25rem max(1.75rem, env(safe-area-inset-left, 0px) + 1.25rem) !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }

  /* Species strip below: stop edge clip on narrow */
  .species-strip,
  .sanctuary--stack .species-strip,
  .sanctuary--climb .species-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    gap: 2px !important;
  }
  .species-strip img,
  .sanctuary--stack .species-strip img {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
  }
}


/* ============================================
   MOBILE TEXT INSET — 2026-09-05 ~12:25 PT
   Colin: knockout section heads / Moments hugged left edge.
   Cause: .section-head--knockout { padding-inline: 0 !important }
   + sanctuary/adopt content zeroed; Moments/care/pillars etc. had no override.
   Photos stay full-bleed. Text + chapter labels get safe inset.
   ============================================ */
@media (max-width: 767px) {
  .section-head--knockout,
  .section-head.section-head--knockout,
  .sanctuary__content .section-head--knockout,
  .adopt__content .section-head--knockout,
  .portraits__content .section-head--knockout,
  .care--stack .section-head--knockout,
  .pillars--stack .section-head--knockout,
  .involved__content .section-head--knockout,
  .sanctuary--stack .section-head--knockout,
  .adopt--plates .section-head--knockout,
  .portraits--dense .section-head--knockout {
    padding-inline:
      max(1.25rem, calc(env(safe-area-inset-left, 0px) + 0.75rem))
      max(1.25rem, calc(env(safe-area-inset-right, 0px) + 0.75rem)) !important;
  }

  .chapter-label,
  .chapter-label--light,
  .sanctuary__content > .chapter-label,
  .adopt__content > .chapter-label,
  .portraits__content > .chapter-label,
  .care__content > .chapter-label,
  .pillars__content > .chapter-label,
  .involved__content > .chapter-label {
    padding-inline:
      max(1.25rem, calc(env(safe-area-inset-left, 0px) + 0.75rem))
      max(1.25rem, calc(env(safe-area-inset-right, 0px) + 0.75rem));
    box-sizing: border-box;
  }

  /* Keep photo grids edge-to-edge; only text inset above */
  .sanctuary__content,
  .adopt__content {
    padding-inline: 0 !important;
  }
}