/* MyJuve 2.4 — AC Milan inspired overlay header & hero. Scoped to the shortcode. */
.mj-home-shell,.mj-home-shell *{box-sizing:border-box}
.mj-home-shell{position:relative;width:100%;background:#070707;color:#fff;font-family:'Fira Sans',Arial,sans-serif;isolation:isolate}
.mj-home-shell .mj-home-head{position:absolute!important;z-index:30;top:0!important;left:0!important;right:0!important;color:#fff!important;background:linear-gradient(180deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.96) 53%,rgba(0,0,0,.55) 86%,transparent 100%)!important;box-shadow:none!important;font-family:'Roboto Condensed',Arial,sans-serif}
.mj-home-head a{color:inherit!important;text-decoration:none!important}



.mj-home-head__main{height:91px;max-width:none;margin:0 auto;padding:0 clamp(20px,5.2vw,110px);display:flex;align-items:center;gap:clamp(20px,2.3vw,48px);border-bottom:0!important;background:transparent!important}
.mj-home-head__logo{display:flex!important;align-items:center;justify-content:center;min-width:80px;max-width:200px;flex:0 0 auto;align-self:stretch}
.mj-home-head__logo-img{display:block!important;max-height:82px!important;max-width:190px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.mj-home-head__logotype{color:#fff;font:800 23px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.02em}
.mj-home-head__nav{display:flex;gap:clamp(14px,2.1vw,38px);align-items:center;justify-content:flex-start;flex:1;min-width:0}
.mj-home-head__nav a{color:#fff!important;font:800 clamp(13px,.97vw,17px)/1.15 'Roboto Condensed',Arial,sans-serif;white-space:nowrap;text-transform:uppercase;text-shadow:0 2px 12px #0007}
.mj-home-head__nav a:hover,.mj-home-head__nav a:focus-visible{color:#c8a84b!important}
.mj-home-head__actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.mj-home-head__icon{width:40px;height:42px;display:grid;place-items:center;padding:8px;border:0;background:transparent!important;color:#fff!important;cursor:pointer}
.mj-home-head__icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mj-home-head__menu-btn{display:none}
.mj-home-head__search{position:absolute;z-index:60;right:clamp(20px,5.2vw,110px);top:100%;width:min(410px,calc(100vw - 30px));padding:18px;background:#101010;color:#fff;border:1px solid #383838;box-shadow:0 20px 35px #0009}
.mj-home-head__search[hidden]{display:none!important}
.mj-home-head__search label{display:block;font-size:13px;margin-bottom:8px}
.mj-home-head__search input{width:100%;padding:12px;background:#fff;border:1px solid #bbb;color:#111}
.mj-home-head__search button{border:0;background:#c8a84b;color:#070707;padding:11px 20px;margin-top:10px;cursor:pointer}
.mj-home-shell .mj-hero{--mj-accent:#c8a84b;height:min(790px,86svh);min-height:600px;max-height:900px;background:#050505}
.mj-home-shell .mj-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.50) 39%,rgba(0,0,0,.08) 80%),linear-gradient(0deg,rgba(0,0,0,.84),transparent 42%,rgba(0,0,0,.32))}
.mj-home-shell .mj-hero__inside{left:clamp(34px,5.3vw,110px);right:12%;bottom:clamp(92px,13%,150px);max-width:min(770px,72vw)}
.mj-home-shell .mj-hero__headline{font:800 clamp(38px,4.1vw,69px)/.99 'Roboto Condensed',Impact,sans-serif!important;max-width:770px;color:#fff!important;text-wrap:balance;margin-bottom:25px!important}
.mj-home-shell .mj-hero__eyebrow{background:#c8a84b;color:#111;border-radius:0;font:800 11px 'Roboto Condensed',Arial,sans-serif;padding:7px 12px}
.mj-home-shell .mj-hero__cta{background:#c8a84b;color:#111!important;font:800 13px 'Roboto Condensed',Arial,sans-serif;padding:16px 27px}
.mj-home-shell .mj-hero__cta:hover{background:#e0be6a}
.mj-home-shell .mj-hero__arrow{background:#c8a84b;color:#111;width:44px;height:48px}
.mj-home-shell .mj-hero__dot.is-active{background:#c8a84b}
@media(max-width:1130px){.mj-home-head__main{gap:18px}.mj-home-head__nav{gap:14px}.mj-home-head__nav a{font-size:13px}.mj-home-head__logo-img{max-width:140px!important}}
@media(max-width:950px){.mj-home-head__menu-btn{display:grid}.mj-home-head__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 18px;background:#080808;max-height:75vh;overflow-y:auto;box-shadow:0 15px 30px #0009}.mj-home-head__nav.is-open{display:flex}.mj-home-head__nav a{padding:14px;border-bottom:1px solid #333;font-size:17px}.mj-home-head__main{height:75px}.mj-home-shell .mj-hero{height:78svh;min-height:580px}}
@media(max-width:650px){.mj-home-head__main{height:66px;padding:0 15px;gap:8px}.mj-home-head__logo{min-width:0}.mj-home-head__logo-img{max-height:52px!important;max-width:140px!important}.mj-home-head__logotype{font-size:19px}.mj-home-head__actions{gap:0}.mj-home-head__icon{width:35px}.mj-home-shell .mj-hero{height:75svh;min-height:510px}.mj-home-shell .mj-hero__inside{left:24px;right:24px;bottom:76px;max-width:none}.mj-home-shell .mj-hero__headline{font-size:clamp(30px,8vw,47px)!important;line-height:1.02!important}.mj-home-shell .mj-hero__arrow{width:30px;height:40px;top:48%}}
@media(prefers-reduced-motion:reduce){.mj-home-shell *{scroll-behavior:auto!important}}

/* 2.5 — original user-supplied logo, legible on dark header */
.mj-home-shell .mj-home-head__logo{background:#fff!important;border-radius:2px;padding:5px 9px!important;min-width:0!important;max-width:220px!important;height:68px!important;align-self:center!important;flex-shrink:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.mj-home-shell .mj-home-head__logo-img{display:block!important;max-width:198px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important}
@media(max-width:1130px){.mj-home-shell .mj-home-head__logo{height:58px!important;padding:5px 7px!important}.mj-home-shell .mj-home-head__logo-img{max-width:158px!important;max-height:47px!important}}
@media(max-width:650px){.mj-home-shell .mj-home-head__logo{height:48px!important;padding:4px 6px!important}.mj-home-shell .mj-home-head__logo-img{max-width:122px!important;max-height:40px!important}}

/* 2.5.1: transparent logo, no white backing */
.mj-home-shell .mj-home-head__logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;height:auto!important;max-width:220px!important}
.mj-home-shell .mj-home-head__logo-img{width:170px!important;max-width:100%!important;height:auto!important;max-height:65px!important;object-fit:contain!important}
@media(max-width:1130px){.mj-home-shell .mj-home-head__logo{padding:0!important;height:auto!important}.mj-home-shell .mj-home-head__logo-img{width:148px!important;max-height:54px!important}}
@media(max-width:650px){.mj-home-shell .mj-home-head__logo{padding:0!important;height:auto!important}.mj-home-shell .mj-home-head__logo-img{width:125px!important;max-height:45px!important}}

/* 2.5.2 — Main Hero headline only: Fira Sans. Header/menu unchanged. */
.mj-home-shell .mj-hero__headline{font-family:'Fira Sans',Arial,sans-serif!important;font-weight:800!important;line-height:1.06!important;letter-spacing:-.035em!important;}


/* 2.5.5: tune hero title scale and placement closer to AC Milan reference */
.mj-home-shell .mj-hero__inside{
  left:clamp(56px,6vw,126px);
  right:clamp(180px,28vw,560px);
  bottom:clamp(108px,14.5%,176px);
  max-width:min(760px,46vw);
}
.mj-home-shell .mj-hero__headline{
  font:800 clamp(34px,3.55vw,62px)/.94 'Fira Sans',Arial,sans-serif!important;
  letter-spacing:-.04em;
  max-width:min(760px,46vw);
  margin:0 0 30px!important;
  text-wrap:balance;
  text-shadow:0 3px 24px rgba(0,0,0,.34);
}
.mj-home-shell .mj-hero__eyebrow{margin-bottom:20px}
.mj-home-shell .mj-hero__cta{padding:18px 30px}
@media(max-width:1280px){
  .mj-home-shell .mj-hero__inside{right:18%;max-width:min(780px,54vw);left:clamp(42px,5vw,92px)}
  .mj-home-shell .mj-hero__headline{font-size:clamp(34px,4.2vw,58px)!important;max-width:min(780px,54vw)}
}
@media(max-width:950px){
  .mj-home-shell .mj-hero__inside{left:28px;right:26px;bottom:88px;max-width:none}
  .mj-home-shell .mj-hero__headline{font-size:clamp(34px,6vw,52px)!important;line-height:.97!important;max-width:none}
}
@media(max-width:650px){
  .mj-home-shell .mj-hero__inside{left:20px;right:20px;bottom:72px}
  .mj-home-shell .mj-hero__headline{font-size:clamp(28px,8.6vw,42px)!important;line-height:.98!important;letter-spacing:-.035em}
  .mj-home-shell .mj-hero__eyebrow{margin-bottom:14px}
  .mj-home-shell .mj-hero__cta{padding:15px 20px}
}


/* 2.5.6: lower the editorial content block inside hero to remove the empty top-left gap */
.mj-home-shell .mj-hero__inside{
  bottom:clamp(62px,8.5%,112px);
}
@media(max-width:1280px){
  .mj-home-shell .mj-hero__inside{bottom:clamp(56px,8.2%,98px)}
}
@media(max-width:950px){
  .mj-home-shell .mj-hero__inside{bottom:66px}
}
@media(max-width:650px){
  .mj-home-shell .mj-hero__inside{bottom:56px}
}

/* 2.5.8 cross-browser logo hard limits */
.mj-home-shell .mj-home-head__logo{width:170px!important;max-width:170px!important;min-width:0!important;flex:0 0 170px!important;overflow:hidden!important;}
.mj-home-shell .mj-home-head__logo-img{width:170px!important;max-width:100%!important;max-height:65px!important;object-fit:contain!important;}
@media(max-width:650px){.mj-home-shell .mj-home-head__logo{width:125px!important;max-width:125px!important;flex-basis:125px!important}.mj-home-shell .mj-home-head__logo-img{width:125px!important;max-height:45px!important}}


/* 2.6.0 — dedicated mobile editorial header + hero, desktop intentionally unchanged.
   Full-bleed breakout compensates for page-column gutters in tagDiv Newspaper. */
@media (max-width:767px){
  .mj-home-shell{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:0!important;
    border-radius:0!important;
  }
  .mj-home-shell .mj-home-head{
    top:0!important;left:0!important;right:0!important;
    background:linear-gradient(180deg,#050505 0%,rgba(0,0,0,.97) 46%,rgba(0,0,0,.6) 80%,transparent 100%)!important;
  }
  
  
  .mj-home-shell .mj-home-head__main{
    height:76px!important;
    padding:0 17px!important;
    gap:6px!important;
    border-bottom:0!important;
    align-items:center!important;
  }
  .mj-home-shell .mj-home-head__logo{
    width:134px!important;max-width:134px!important;
    min-width:0!important;flex:0 0 134px!important;
    height:60px!important;padding:0!important;
    justify-content:flex-start!important;
  }
  .mj-home-shell .mj-home-head__logo-img{
    width:134px!important;max-width:134px!important;
    max-height:54px!important;height:auto!important;
    object-fit:contain!important;
  }
  .mj-home-shell .mj-home-head__actions{gap:1px!important;margin-left:auto!important}
  .mj-home-shell .mj-home-head__icon{
    width:39px!important;height:44px!important;
    min-width:39px!important;padding:9px!important;
  }
  .mj-home-shell .mj-home-head__icon svg{width:23px!important;height:23px!important}
  .mj-home-shell .mj-home-head__nav{
    top:100%!important;
    max-height:min(70svh,540px)!important;
    border-top:1px solid #333!important;
    z-index:70!important;
  }
  .mj-home-shell .mj-home-head__search{
    right:12px!important;left:12px!important;top:100%!important;
    width:auto!important;max-width:none!important;
  }
  .mj-home-shell .mj-hero{
    width:100%!important;
    height:clamp(512.4px,77.28svh,646.8px)!important;
    min-height:512.4px!important;
    max-height:646.8px!important;
    border-radius:0!important;
  }
  .mj-home-shell .mj-hero__photo{background-position:center 32%!important}
  .mj-home-shell .mj-hero__shade{
    background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.02) 34%,rgba(0,0,0,.33) 57%,rgba(0,0,0,.94) 100%)!important;
  }
  .mj-home-shell .mj-hero__inside{
    left:20px!important;right:20px!important;
    width:auto!important;max-width:none!important;
    bottom:64px!important;
  }
  .mj-home-shell .mj-hero__eyebrow{
    margin-bottom:13px!important;padding:7px 11px!important;
    font-size:10px!important;
  }
  .mj-home-shell .mj-hero__headline{
    display:block!important;
    overflow:visible!important;
    font-family:'Fira Sans',Arial,sans-serif!important;
    font-size:clamp(24px,7.1vw,31px)!important;
    line-height:1.045!important;
    letter-spacing:-.032em!important;
    text-wrap:wrap!important;
    max-width:100%!important;
    margin:0 0 24px!important;
  }
  .mj-home-shell .mj-hero__cta{
    min-height:49px!important;max-width:100%!important;
    padding:13px 24px!important;
    gap:26px!important;
    font-size:13px!important;
  }
  .mj-home-shell .mj-hero__arrow{display:none!important}
  .mj-home-shell .mj-hero__pager{bottom:16px!important;gap:6px!important;align-items:center!important}
  .mj-home-shell .mj-hero__dot{
    width:31px!important;height:28px!important;
    position:relative!important;background:transparent!important;
    border:0!important;display:block!important;
  }
  .mj-home-shell .mj-hero__dot::after{
    content:'';position:absolute;left:0;right:0;top:12px;height:4px;
    background:rgba(255,255,255,.55);
  }
  .mj-home-shell .mj-hero__dot.is-active::after{background:#c8a84b!important}
}
@media (max-width:370px){
  .mj-home-shell .mj-home-head__main{padding:0 12px!important}
  .mj-home-shell .mj-home-head__logo{width:119px!important;max-width:119px!important;flex-basis:119px!important}
  .mj-home-shell .mj-home-head__logo-img{width:119px!important;max-width:119px!important}
  .mj-home-shell .mj-home-head__icon{width:36px!important;min-width:36px!important;padding:8px!important}
  .mj-home-shell .mj-hero__inside{left:16px!important;right:16px!important}
  .mj-home-shell .mj-hero__headline{font-size:clamp(23px,7.0vw,27px)!important}
}

/* 2.6.2: Mobile Hero is exactly 20% shorter (mobile 2.6.1: 610–770px -> 488–616px). Desktop unchanged. */

/* 2.6.3 — pagination indicators removed on all screen sizes.
   Defensive CSS for cached HTML that may still contain the old controls. */
.mj-home-shell .mj-hero__pager,
.mj-home-shell .mj-hero__dot { display:none!important; }


/* 2.6.4 — static latest-news Hero, no slideshow controls on any viewport. */
.mj-home-shell .mj-hero__arrow,
.mj-home-shell .mj-hero__pager,
.mj-home-shell .mj-hero__dot { display:none!important; }

/* 2.6.5 — mobile optical alignment only: move logo and action icons up 7px.
   Header height, dropdown/search panels, Hero, and desktop remain unchanged. */
@media (max-width:767px) {
  .mj-home-shell .mj-home-head__main > .mj-home-head__logo,
  .mj-home-shell .mj-home-head__main > .mj-home-head__actions {
    transform: translateY(-7px);
  }
}

/* 2.6.7: remove desktop 1px divider at the base of the overlaid header. */
@media (min-width:768px) {
  .mj-home-shell .mj-home-head .mj-home-head__main {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}


/* 2.8.14 — Standalone/global Header. Same markup and branding as the home Hero overlay. */
.mj-home-shell--header-only {
  position:relative!important;
  isolation:isolate;
  background:#050505!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  height:auto!important;
  overflow:visible!important;
  z-index:60;
}
.mj-home-shell--header-only .mj-home-head {
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  background:#050505!important;
  z-index:60!important;
}
.mj-home-shell--header-only .mj-home-head__main {height:91px!important}
/* Make the global header overlay the Hero on the front page only. */
.mj-home-shell--header-only.mj-home-shell--overlay {
  height:0!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  z-index:100!important;
}
.mj-home-shell--header-only.mj-home-shell--overlay .mj-home-head {
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.96) 53%,rgba(0,0,0,.55) 86%,transparent 100%)!important;
}
@media(max-width:950px){
  .mj-home-shell--header-only .mj-home-head__main{height:75px!important}
}
@media(max-width:767px){
  .mj-home-shell--header-only{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
  .mj-home-shell--header-only .mj-home-head__main{height:76px!important}
  .mj-home-shell--header-only.mj-home-shell--overlay .mj-home-head {
    background:linear-gradient(180deg,#050505 0%,rgba(0,0,0,.97) 46%,rgba(0,0,0,.6) 80%,transparent 100%)!important;
  }
}