/* Unified editorial hero for collection and real-case detail templates. */
.collection-detail-hero.is-full-image {
  position: relative !important;
  isolation: isolate;
  display: block !important;
  min-height: min(820px, calc(100svh - 90px)) !important;
  overflow: hidden;
  background: #292522;
}

.collection-detail-hero.is-full-image::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(23,20,18,.74) 0%, rgba(23,20,18,.44) 45%, rgba(23,20,18,.08) 80%);
  pointer-events: none;
}

.collection-detail-hero.is-full-image > figure {
  position: absolute !important;
  z-index: 0;
  inset: 0;
  min-height: 0 !important;
  margin: 0;
}

.collection-detail-hero.is-full-image > figure img {
  width: 100%;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  object-position: center;
}

.collection-detail-hero.is-full-image > div {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: inherit;
  max-width: 1080px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: clamp(80px,10vw,150px) clamp(34px,7.5vw,130px) !important;
  color: #fff;
}

.collection-detail-hero.is-full-image .focus-eyebrow {
  margin: 0 0 20px;
  color: rgba(255,255,255,.76);
}

.collection-detail-hero.is-full-image h1 {
  width: auto !important;
  max-width: 12em !important;
  margin: 0 0 22px;
  color: #fff !important;
  font-size: clamp(3.2rem,4.8vw,5.3rem) !important;
  line-height: 1.1 !important;
  letter-spacing: .02em !important;
  overflow-wrap: normal !important;
  text-shadow: 0 2px 28px rgba(0,0,0,.22);
}

.collection-detail-hero.is-full-image > div > p:not(.focus-eyebrow) {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.9) !important;
  font-size: clamp(.9rem,1.15vw,1.04rem);
  line-height: 1.82;
}

.collection-detail-hero.is-full-image .focus-actions {
  margin-top: 28px;
}

.collection-detail-hero.is-full-image .ia-button-secondary {
  border-color: rgba(255,255,255,.72);
  color: #fff;
}

.collection-detail-hero.is-full-image figcaption {
  z-index: 3;
  background: rgba(30,28,26,.66);
}

.detail-hero-meta-strip {
  padding: 0;
  border-bottom: 1px solid var(--focus-line);
  background: var(--focus-paper);
}

.detail-hero-meta-strip .detail-hero-meta {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  width: 100%;
  margin: 0;
  border-left: 1px solid var(--focus-line);
}

.detail-hero-meta-strip .detail-hero-meta > div {
  padding: 22px clamp(18px,2.5vw,34px);
  border-right: 1px solid var(--focus-line);
}

.detail-hero-meta-strip dt {
  color: var(--focus-muted);
  font-size: .68rem;
  letter-spacing: .05em;
}

.detail-hero-meta-strip dd {
  margin: 7px 0 0;
  font-size: .8rem;
  line-height: 1.55;
}

.detail-hero-meta-strip a { color: var(--focus-accent); }

@media(max-width:900px) {
  .detail-hero-meta-strip .detail-hero-meta { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .detail-hero-meta-strip .detail-hero-meta > div { border-bottom: 1px solid var(--focus-line); }
}

@media(max-width:720px) {
  .collection-detail-hero.is-full-image { min-height: 74svh !important; }
  .collection-detail-hero.is-full-image::after { background: linear-gradient(0deg,rgba(23,20,18,.8) 0%,rgba(23,20,18,.3) 67%,rgba(23,20,18,.08) 100%); }
  .collection-detail-hero.is-full-image > figure { position: absolute !important; order: initial; }
  .collection-detail-hero.is-full-image > figure img { height: 100% !important; object-position: 56% center; }
  .collection-detail-hero.is-full-image > div { min-height: 74svh; padding: 48px 24px 44px !important; }
  .collection-detail-hero.is-full-image .focus-eyebrow { display: block; margin-bottom: 14px; font-size: .62rem; }
  .collection-detail-hero.is-full-image h1 { max-width: 8.5em !important; margin-bottom: 16px; font-size: clamp(2.35rem,11vw,3.05rem) !important; line-height: 1.16 !important; }
  .collection-detail-hero.is-full-image > div > p:not(.focus-eyebrow) { max-width: 29em; font-size: .84rem; line-height: 1.68; }
  .collection-detail-hero.is-full-image .focus-actions { display: flex; width: 100%; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
  .collection-detail-hero.is-full-image .focus-actions .ia-button { width: auto; }
  .collection-detail-hero.is-full-image figcaption { right: 8px; bottom: 8px; left: auto; max-width: calc(100% - 16px); }
  .detail-hero-meta-strip .ia-shell { width: 100%; }
  .detail-hero-meta-strip .detail-hero-meta { grid-template-columns: 1fr 1fr; border-left: 0; }
  .detail-hero-meta-strip .detail-hero-meta > div { padding: 17px 16px; }
  .detail-hero-meta-strip dt { font-size: .64rem; }
  .detail-hero-meta-strip dd { font-size: .74rem; }
}