/* MIJUONE v1.46.1 — header, carousel and proportional three-lane reading.
   Scoped, additive bug fix. One document scrollbar; no custom wheel handling. */

/* Bilingual wordmark: reserve its intrinsic width so neither script nor logo
   can be squeezed under the search field or account actions. */
.top-header .header-main > a.logo.mi-bilingual-brand-v1323 {
  box-sizing:border-box !important;
  width:268px !important; min-width:268px !important; max-width:268px !important;
  flex:0 0 268px !important; gap:6px !important;
  overflow:visible !important; align-self:center;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-icon-v1323 {
  flex:0 0 46px !important; width:46px !important; height:44px !important;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-copy-v1323 {
  width:calc(100% - 52px); min-width:0; overflow:visible;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-line-v1323 {
  gap:4px; min-width:0; width:100%; min-height:34px;
  white-space:nowrap;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-english-v1323 {
  font-size:21px !important; line-height:1.08 !important;
  flex:0 0 auto; letter-spacing:-.055em !important;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323 {
  flex:0 0 94px !important; width:94px !important; overflow:visible;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323 img {
  width:100%; max-width:100%; height:auto !important; max-height:35px;
  object-fit:contain; object-position:left center;
}
.top-header .mi-bilingual-brand-v1323 .mi-bilingual-tagline-v1323 {
  margin-top:0; width:100%; font-size:7.5px; letter-spacing:-.012em;
}
.top-header .header-main > .main-search{min-width:0;flex:1 1 200px}
.top-header .header-main > .header-actions {min-width:0}
@media(max-width:1280px){
  .top-header .header-main{column-gap:9px}
  .top-header .header-main > a.logo.mi-bilingual-brand-v1323 {
    flex-basis:232px !important; min-width:232px !important;
    width:232px !important; max-width:232px !important;
  }
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-icon-v1323 {
    flex-basis:38px !important; width:38px !important; height:38px !important;
  }
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-copy-v1323{width:calc(100% - 44px)}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-english-v1323{font-size:19px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323{flex-basis:82px !important;width:82px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-tagline-v1323{font-size:6.7px}
}
/* Compact only secondary header labels before they collide with branding.
   Icons and click targets remain present and keyboard accessible. */
@media(max-width:1200px){
  .top-header .mi-chat-trigger-label{display:none !important}
  .top-header .mi-chat-trigger{width:36px;min-width:36px;padding:7px !important}
  .top-header .header-actions .lang-pill{display:none}
}
@media(min-width:751px) and (max-width:1100px){
  .top-header .header-actions .account-pill span{display:none}
  .top-header .header-actions .account-pill{width:36px;justify-content:center}
}
@media(max-width:960px){
  .top-header .header-main > a.logo.mi-bilingual-brand-v1323{
    flex-basis:208px !important;min-width:208px !important;
    width:208px !important;max-width:208px !important;gap:3px !important;
  }
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-icon-v1323{flex-basis:34px !important;width:34px !important;height:35px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-copy-v1323{width:calc(100% - 38px)}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-english-v1323{font-size:17px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323{flex-basis:72px !important;width:72px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-tagline-v1323{display:none}
}
@media(max-width:750px){
  .top-header .header-main > a.logo.mi-bilingual-brand-v1323{
    flex-basis:184px !important; min-width:184px !important;
    width:184px !important; max-width:184px !important;
  }
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-icon-v1323{flex-basis:30px !important;width:30px !important;height:32px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-copy-v1323{width:calc(100% - 34px)}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-english-v1323{font-size:15.5px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323{flex-basis:63px !important;width:63px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-line-v1323{gap:3px;min-height:31px}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323 img{max-height:30px}
}
@media(max-width:380px){
  .top-header .header-main > a.logo.mi-bilingual-brand-v1323{
    flex-basis:166px !important;min-width:166px !important;
    width:166px !important;max-width:166px !important;
  }
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-icon-v1323{flex-basis:26px !important;width:26px !important;height:29px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-copy-v1323{width:calc(100% - 29px)}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-english-v1323{font-size:14px !important}
  .top-header .mi-bilingual-brand-v1323 .mi-bilingual-script-v1323{flex-basis:56px !important;width:56px !important}
}

/* A source slide is wider than its decorative right pane. Use COVER, not
   CONTAIN, or the art letterboxes top and bottom (notably slide 2 of 6). */
#miHeroCarousel .mi-carousel-slide:not([data-mi-slide="0"]) .mi-carousel-image::after {
  inset:0 0 0 39% !important;
  background-size:cover !important;
  background-position:center center !important;
  transform:translateZ(0);
  -webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75) 12%,#000 27%);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.75) 12%,#000 27%);
}
/* Overlay stays full-bleed without obscuring the primary text or controls. */
#miHeroCarousel .mi-carousel-stage,
#miHeroCarousel .mi-carousel-slide,
#miHeroCarousel .mi-carousel-wash {inset:0;}
@media(max-width:800px){
  #miHeroCarousel .mi-carousel-slide:not([data-mi-slide="0"]) .mi-carousel-image::after {
    inset:0 -10% 0 6% !important; background-position:64% center !important;
  }
}

/* Shared proportional scroll for Talent, Events/Groups and Living Guide.
   The existing viewport/transform mechanism remains disabled on narrow/tall-
   constrained screens where the original stacked layout is more usable. */
.mi-smooth-lanes.mi-proportional-stage{min-width:0}
.mi-smooth-lanes.mi-proportional-stage>.mi-proportional-viewport{display:contents;min-width:0}
.mi-smooth-lanes.mi-proportional-stage>.mi-proportional-viewport>*{min-width:0}
@media(min-width:1024px) and (min-height:660px){
  .tn-grid.mi-smooth-lanes,
  .cx141-layout.mi-smooth-lanes,
  .lg144-layout.mi-smooth-lanes{
    display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(210px,245px);
    gap:14px;align-items:start;
  }
  .mi-smooth-lanes.mi-lane-sync-enabled {
    position:relative;isolation:isolate;
    height:var(--mi-sync-track-height);min-height:var(--mi-sync-view-height);
    overflow:visible; margin-bottom:26px;
  }
  .mi-smooth-lanes.mi-lane-sync-enabled>.mi-proportional-viewport{
    display:block;position:sticky;top:var(--mi-sync-top,74px);
    height:var(--mi-sync-view-height,600px);min-width:0;min-height:0;
    overflow:hidden;border-radius:17px;scrollbar-width:none;isolation:isolate;
  }
  .mi-smooth-lanes.mi-lane-sync-enabled>.mi-proportional-viewport::-webkit-scrollbar{display:none}
  .mi-smooth-lanes.mi-lane-sync-enabled>.mi-proportional-viewport>*{
    display:flex;flex-direction:column;gap:16px;
    position:absolute;inset:0 0 auto 0;width:100%;min-width:0;
    height:auto;min-height:var(--mi-sync-view-height);
    max-height:none;overflow:visible;margin:0;
    transform:translate3d(0,var(--mi-rail-offset,0px),0);
    backface-visibility:hidden;will-change:transform;
  }
  /* Keep center feed's native grid flow; the wrapper is the only scroller. */
  .tn-grid.mi-lane-sync-enabled .tn-center,
  .cx141-layout.mi-lane-sync-enabled .cx141-feed,
  .lg144-layout.mi-lane-sync-enabled .lg144-center {display:grid;align-content:start}
  .lg144-layout.mi-lane-sync-enabled .lg144-side,
  .cx141-layout.mi-lane-sync-enabled .cx141-side{align-content:start}
  .mi-smooth-lanes.mi-lane-sync-enabled form,
  .mi-smooth-lanes.mi-lane-sync-enabled input,
  .mi-smooth-lanes.mi-lane-sync-enabled select{touch-action:manipulation}
}
@media(min-width:1280px) and (min-height:660px){
  .tn-grid.mi-smooth-lanes{grid-template-columns:minmax(220px,247px) minmax(0,1fr) minmax(225px,260px)}
  .cx141-layout.mi-smooth-lanes{grid-template-columns:minmax(190px,225px) minmax(0,1fr) minmax(218px,267px)}
  .lg144-layout.mi-smooth-lanes{grid-template-columns:minmax(186px,218px) minmax(0,1fr) minmax(214px,265px)}
}
@media(max-width:1023px), (max-height:659px){
  .mi-smooth-lanes.mi-proportional-stage{height:auto !important;min-height:0 !important;overflow:visible !important}
  .mi-smooth-lanes.mi-proportional-stage>.mi-proportional-viewport{display:contents !important;position:static !important;height:auto !important;overflow:visible !important}
  .mi-smooth-lanes.mi-proportional-stage>.mi-proportional-viewport>*{position:static !important;transform:none !important;min-height:0 !important;max-height:none !important;overflow:visible !important;will-change:auto !important}
}
@media(prefers-reduced-motion:reduce){
  .mi-smooth-lanes .mi-proportional-viewport>*{scroll-behavior:auto !important;transition:none !important}
}
