/* Shared artwork for every account: keep greetings as accessible live text. */
#homeTab > .portal-welcome-banner,
#myDayTab > .my-day-hero {
  isolation:isolate;
  position:relative;
  overflow:hidden;
  min-height:260px;
  background-color:#071b30 !important;
  background-image:linear-gradient(90deg,#071b30 0%,#071b30 calc(100% - 240px),rgba(7,27,48,.12) calc(100% - 140px),transparent 100%),url('/assets/4k/little-feet-reference-snow-mascot-4k.jpg') !important;
  background-size:cover,auto 180% !important;
  background-position:center,right bottom !important;
  background-repeat:no-repeat !important;
}
#homeTab > .portal-welcome-banner::before,
#myDayTab > .my-day-hero::before {
  content:"";
  display:block;
  position:absolute;
  z-index:0;
  inset:0 200px 0 0;
  /* Crop the mountain band above the mascot for the wide scenic backdrop. */
  background-image:linear-gradient(90deg,rgba(7,27,48,.70),rgba(7,27,48,.42)),url('/assets/4k/little-feet-reference-snow-mascot-4k.jpg') !important;
  background-size:cover,100% auto !important;
  background-position:center,center 48% !important;
  background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,#000 0%,#000 82%,transparent 100%);
  opacity:1 !important;
  filter:none !important;
  animation:none !important;
  pointer-events:none;
}
#myDayTab > .my-day-hero::after { display:none; }
#homeTab > .portal-welcome-banner .portal-welcome-copy,
#myDayTab > .my-day-hero > * { position:relative; z-index:1; }
#homeTab > .portal-welcome-banner .portal-welcome-copy { max-width:65%; }
#myDayTab > .my-day-hero p { max-width:min(700px,65%); }
#myDayTab > .my-day-hero .my-day-kicker,
#myDayTab > .my-day-hero .my-day-date { position:relative; z-index:1; }
@media(max-width:640px) {
  #homeTab > .portal-welcome-banner::before,
  #myDayTab > .my-day-hero::before { display:none; }
  #homeTab > .portal-welcome-banner,
  #myDayTab > .my-day-hero {
    min-height:280px;
    background-image:linear-gradient(90deg,rgba(7,27,48,.96),rgba(7,27,48,.82) 58%,rgba(7,27,48,.48)),url('/assets/4k/little-feet-reference-snow-mascot-4k.jpg') !important;
  }
  #homeTab > .portal-welcome-banner .portal-welcome-copy,
  #myDayTab > .my-day-hero p { max-width:100%; }
}


/* My Day has its own office artwork. Keep Home on the shared snow scene. */
#myDayTab > .my-day-hero {
  background-color:#071b30 !important;
  background-image:
    linear-gradient(90deg,rgba(4,18,34,.97) 0%,rgba(7,29,47,.84) 42%,rgba(7,29,47,.35) 68%,rgba(7,29,47,.12) 100%),
    url('/assets/4k/my-day-office-mascot.webp') !important;
  background-size:cover,cover !important;
  background-position:center,center !important;
  background-repeat:no-repeat,no-repeat !important;
}
#myDayTab > .my-day-hero::before {
  content:none !important;
  display:none !important;
}
@media(max-width:640px) {
  #myDayTab > .my-day-hero {
    background-image:
      linear-gradient(90deg,rgba(4,18,34,.96),rgba(7,29,47,.82) 58%,rgba(7,29,47,.42)),
      url('/assets/4k/my-day-office-mascot.webp') !important;
    background-size:cover,cover !important;
    background-position:center,center !important;
  }
}