/** (PREGNORF ✅) Editorial 2026 — Family 1 Hero SSOT Contract
 * Final design-pack owner for the shared hero band system on:
 *   /, /pricing, /studio, /how-it-works, /smart-apps, /showroom
 *
 * Intent
 * - one outer hero band rhythm
 * - one shared split hero composition
 * - one shared hero media frame contract
 * - one shared reading/action rhythm
 * - page differences belong inside governed content/fit, not route-specific hero spacing forks
 */

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero{
  padding-block:var(--dmxr-pack-band-pad) !important;
  padding-inline:0 !important;
  background:var(--dmxr4-public-hero-bg) !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero .dmxr4-page-inner--split{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);
  gap:clamp(28px,3vw,42px);
  align-items:center;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero .dmxr4-page-copy,
.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero .dmxr4-hero-media{
  min-width:0;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero .dmxr4-page-title,
.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero :is(.dmxr4-page-title--fit-tight,.dmxr4-page-title--fit-balanced){
  max-width:12ch !important;
  font-size:clamp(48px,5.1vw,82px) !important;
  line-height:.92 !important;
  letter-spacing:-.056em !important;
  text-wrap:balance !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero :is(.dmxr4-page-subtitle,.dmxr4-page-intro,.dmxr4-page-body){
  max-width:min(34ch,100%) !important;
  line-height:1.62 !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero :is(.dmxr4-page-actions,.dmxr4-actions-row){
  gap:10px;
  margin-top:6px;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-page-band--hero :is(.dmxr4-proof-strip,.dmxr4-proof-chip-grid){
  gap:10px;
  margin-top:4px;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-smartapps-hero__media{
  position:relative;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-smartapps-hero__media::before,
.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-smartapps-hero__media::after{
  display:none !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-hero-media__frame{
  position:relative;
  border-radius:30px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 24px 64px rgba(15,23,42,.14) !important;
  transform:none !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-hero-media__scroll{
  padding:clamp(18px,2.4vw,28px) !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-hero-media__scroll img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:20px !important;
  filter:none !important;
  animation:none !important;
  transform:none !important;
}

.dmxr4-public-core-page :is(
  .dmxr4-public-hero-exact--home,
  .dmxr4-public-hero-exact--pricing,
  .dmxr4-public-hero-exact--studio,
  .dmxr4-public-hero-exact--how-it-works,
  .dmxr4-public-hero-exact--smartapps,
  .dmxr4-public-hero-exact--smart-apps,
  .dmxr4-public-hero-exact--showroom
) .dmxr4-hero-media__caption{
  margin-top:14px !important;
  color:var(--dmxr4-family-light-ink-body,#334155) !important;
  -webkit-text-fill-color:currentColor !important;
  opacity:.86;
}

@media (max-width:1180px){
  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero .dmxr4-page-inner--split{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero{
    overflow:hidden;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero .dmxr4-page-inner--split{
    grid-template-columns:minmax(0,1fr) !important;
    gap:20px !important;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero .dmxr4-page-copy,
  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero .dmxr4-hero-media{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero .dmxr4-page-title,
  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero :is(.dmxr4-page-title--fit-tight,.dmxr4-page-title--fit-balanced){
    max-width:10.4ch !important;
    font-size:clamp(42px,10.4vw,56px) !important;
    line-height:.94 !important;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero :is(.dmxr4-page-subtitle,.dmxr4-page-intro,.dmxr4-page-body){
    max-width:none !important;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero :is(.dmxr4-page-actions,.dmxr4-actions-row){
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-page-band--hero :is(.dmxr4-page-actions,.dmxr4-actions-row) .dmxr4-btn{
    width:100%;
    justify-content:center;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-hero-media__frame{
    width:100%;
    max-width:100%;
    border-radius:24px !important;
  }

  .dmxr4-public-core-page :is(
    .dmxr4-public-hero-exact--home,
    .dmxr4-public-hero-exact--pricing,
    .dmxr4-public-hero-exact--studio,
    .dmxr4-public-hero-exact--how-it-works,
    .dmxr4-public-hero-exact--smartapps,
    .dmxr4-public-hero-exact--smart-apps,
    .dmxr4-public-hero-exact--showroom
  ) .dmxr4-hero-media__scroll{
    padding:16px 14px 12px !important;
  }
}