/* Orchid v460 final presentation and interaction authority. */

/* Embedded creator modals own the viewport while open. Keep the persistent
   shell in place so geometry does not jump, but do not let it cover controls. */
html body[data-embedded-modal-lock="true"] :is(.public-header-stack,.orchid-chat-widget,.waitlist-open-button) {
  visibility:hidden!important;
  pointer-events:none!important;
}

/* The global assistant and shopper search must stay reachable above decorative
   banner/story layers on every route. */
html body .orchid-chat-widget {
  z-index:2147480000!important;
  pointer-events:none!important;
}
html body .orchid-chat-button,
html body .orchid-chat-widget.is-expanded :is(.orchid-chat-panel,.tali-os-shell) {
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
}
html body.page-discover :is([data-discover-search-form],[data-discover-search]) {
  position:relative!important;
  z-index:220!important;
  pointer-events:auto!important;
}
html body.page-discover [data-creator-story-rail] {
  position:relative;
  z-index:20;
}

/* Creator authentication belongs to its banner, not the shared top bar. */
html body.page-creators .public-header-stack .site-header .header-actions [data-global-logout].global-session-button {
  display:none!important;
}

/* Published media occupies the complete live-banner width. The whole image is
   visible: no corner gutters, clipping crop, or floating card treatment. */
html body :is(
  .orchid-responsive-banner,
  .shopper-live-banner,
  .orchid-home-live-banner,
  .journal-live-banner,
  [data-shopper-live-banner],
  [data-creator-workspace-banner],
  [data-brand-workspace-banner]
) {
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  margin-inline:calc(50% - 50vw)!important;
  border-inline:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
html body :is(
  .orchid-responsive-banner,
  .shopper-live-banner,
  .orchid-home-live-banner,
  .journal-live-banner,
  [data-shopper-live-banner],
  [data-creator-workspace-banner],
  [data-brand-workspace-banner]
) :is(.orchid-banner-creative,.orchid-banner-layer,.shopper-live-banner__media,picture) {
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  inset:0!important;
}
html body :is(
  .orchid-responsive-banner,
  .shopper-live-banner,
  .orchid-home-live-banner,
  .journal-live-banner,
  [data-shopper-live-banner],
  [data-creator-workspace-banner],
  [data-brand-workspace-banner]
) :is(img,video) {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}

/* Brand introduction: remove inherited fixed-height voids and preserve every
   supplied image on laptop and large desktop displays. */
html body.page-brands #brands .brand-public.orchid-content-container {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 56px!important;
  gap:0!important;
}
html body.page-brands #brands .brand-intro-hero {
  width:100vw!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1600/1100!important;
  margin-inline:calc(50% - 50vw)!important;
  border-radius:0!important;
  background:#111!important;
}
html body.page-brands #brands .brand-intro-hero > picture,
html body.page-brands #brands .brand-intro-hero > picture > img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
html body.page-brands #brands .brand-intro-hero__copy {
  min-height:0!important;
  height:100%!important;
}
html body.page-brands #brands .brand-performance-preview {
  width:min(1480px,calc(100% - 36px))!important;
  min-height:0!important;
  margin:24px auto 0!important;
}
html body.page-brands #brands .brand-performance-preview-empty {
  min-height:0!important;
}
html body.page-brands #brands :is(.brand-featured-section,.brand-insights) {
  width:100%!important;
  max-width:none!important;
  padding:clamp(38px,5vw,72px) clamp(18px,4vw,64px)!important;
}
html body.page-brands #brands .brand-intro-statement {
  min-height:0!important;
  padding:clamp(56px,7vw,96px) 24px!important;
}
html body.page-brands #brands .brand-learning-row {
  min-height:0!important;
  height:auto!important;
}
html body.page-brands #brands .brand-learning-media {
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1600/1100!important;
  background:#171918!important;
}
html body.page-brands #brands .brand-learning-media img {
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:760px) {
  html body.page-brands #brands .brand-intro-hero {
    aspect-ratio:780/1170!important;
  }
  html body.page-brands #brands .brand-performance-preview {
    width:calc(100% - 24px)!important;
    margin-top:12px!important;
  }
  html body.page-brands #brands .brand-intro-statement {
    padding:48px 18px!important;
  }
  html body.page-brands #brands .brand-learning-media {
    aspect-ratio:1/1!important;
  }
}