/* Generated grouped CSS. Edit source split files, then regenerate if needed. */

/* === layout_max_gr6.13-article-hero.css === */
/* layout_max_gr6.css lines 8486-9185 */


body.is-article-page #body,
#body.is-article-page {
  position: relative;
  display: block;
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: -24px !important;
  margin-bottom: -24px !important;
  overflow: visible;
}

html:has(#body.is-article-page),
html:has(#body.is-article-page) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #121212 !important;
  background-image: none !important;
  background-color: #121212 !important;
}

html:has(#body.is-article-page) body {
  background-position: left top;
}

#body.is-article-page {
  background: #121212 !important;
  background-image: none !important;
  background-color: #121212 !important;
}

body.is-article-page #header,
#body.is-article-page #header {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  isolation: isolate;
  height: 600px !important;
  background-size: auto 252px;
  min-height: 600px !important;
  max-height: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
}

body.is-article-page #header.is-hero-fade-ready,
#body.is-article-page #header.is-hero-fade-ready {
  background: #121212 !important;
}

body.is-article-page #header .article-hero-bg,
#body.is-article-page #header .article-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transform: scale(1.02);
  transition:
    opacity 1800ms ease-in-out,
    transform 10800ms ease-out;
  pointer-events: none;
  will-change: opacity, transform;
}

body.is-article-page #header .article-hero-bg.is-active,
#body.is-article-page #header .article-hero-bg.is-active {
  opacity: 1;
  transform: scale(1.045);
}

body.is-article-page #header .article-hero-vignette,
#body.is-article-page #header .article-hero-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0) 62%, #121212 100%);
  pointer-events: none;
}

body.is-homepage.has-home-hero #header .article-hero-vignette,
#body.is-homepage.has-home-hero #header .article-hero-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    linear-gradient(180deg, rgba(34, 34, 34, 0) 62%, #242424 100%);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  body.is-article-page #header .article-hero-bg,
  #body.is-article-page #header .article-hero-bg {
    transition: opacity 250ms ease;
    transform: none !important;
  }
}

body.is-article-page #header::before,
#body.is-article-page #header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  width: min(90%, 1749px);
  height: 321px;
  transform: translateX(-50%);
  background: url(header.webp) top center / contain no-repeat;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, .6));
  pointer-events: none;
}

body.is-article-page #header #colOne,
#body.is-article-page #header #colOne {
  transform: none;
}

body.is-article-page #header .nav-logo,
#body.is-article-page #header .nav-logo {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  float: left !important;
  width: 219px !important;
  height: 146px !important;
  margin-top: -33px !important;
  margin-left: 255px !important;
  transform: none !important;
  background-image: url(logo_max2.webp) !important;
  background-size: 219px 146px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 15px 40px rgba(0, 0, 0, .85));
}

body.is-article-page .article-hero-copy,
#body.is-article-page .article-hero-copy {
  position: absolute;
  right: max(24px, calc((100vw - 1180px) / 2));
  top: 325px;
  bottom: auto;
  left: max(24px, calc((100vw - 1180px) / 2));
  z-index: 8;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: none;
  box-shadow: none;
}

body.is-article-page .article-hero-title-slot h1,
#body.is-article-page .article-hero-title-slot h1 {
	width: min(980px, 100%) !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: 'Cal Sans', Arial, Helvetica, sans-serif !important;
	text-align: left !important;
	color: #f7fbff !important;
	font-size: clamp(34px, 4.8vw, 58px) !important;
	font-weight: 300;
}

body.is-article-page .article-hero-description,
#body.is-article-page .article-hero-description {
  width: min(760px, 100%);
  margin: 18px 0 0;
  color: #f4efe7;
  font-size: clamp(15px, 1.55vw, 24px);
  line-height: 1.45;
  text-shadow: 0 10px 28px rgba(0, 0, 0, .82);
}

body.is-article-page .article-hero-description p,
#body.is-article-page .article-hero-description p {
  margin: 0;
}

body.is-article-page .webnavigace,
#body.is-article-page .webnavigace {
  display: none !important;
  padding-top: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

@media (max-width: 1200px) {
  body.is-article-page #header .nav-logo,
  #body.is-article-page #header .nav-logo {
    width: 170px !important;
    height: 113px !important;
    margin-top: -34px !important;
    margin-left: clamp(48px, 10vw, 140px) !important;
    background-size: 170px 113px !important;
  }
}

@media (max-width: 900px) {
  body.is-article-page #header,
  #body.is-article-page #header {
    height: 320px !important;
    min-height: 320px !important;
    max-height: none !important;
  }

  body.is-article-page #header::before,
  #body.is-article-page #header::before {
    height: 180px;
    width: 100%;
    background-size: contain;
  }

  body.is-article-page #header .nav-logo,
  #body.is-article-page #header .nav-logo {
    width: 100px !important;
    height: 68px !important;
    margin-top: 0 !important;
    margin-left: 30px !important;
    background-size: 100px 68px !important;
  }

  body.is-article-page .article-hero-copy,
  #body.is-article-page .article-hero-copy {
    right: 18px;
    top: auto;
    bottom: 34px;
    left: 18px;
    width: auto;
    margin: 0;
    padding: 0;
  }

  body.is-article-page .article-hero-title-slot h1,
  #body.is-article-page .article-hero-title-slot h1 {
    font-size: clamp(24px, 7vw, 40px) !important;
  }

  body.is-article-page .article-hero-description,
  #body.is-article-page .article-hero-description {
    width: min(100%, 560px);
    margin-top: 14px;
    font-size: clamp(14px, 3.7vw, 19px);
    line-height: 1.45;
  }

  body.is-article-page .webnavigace,
  #body.is-article-page .webnavigace {
    padding-top: 0 !important;
    height: 0 !important;
  }
}

body.is-article-page #header:not(.is-hero-fade-ready),
#body.is-article-page #header:not(.is-hero-fade-ready) {
  background: #121212 !important;
}

body.is-homepage.has-home-hero #body,
#body.is-homepage.has-home-hero {
  position: relative;
  display: block;
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: -24px !important;
  margin-bottom: -24px !important;
  overflow: visible;
  background: #121212 !important;
  background-image: none !important;
  background-color: #121212 !important;
}

html:has(#body.is-homepage.has-home-hero),
html:has(#body.is-homepage.has-home-hero) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #121212 !important;
  background-image: none !important;
  background-color: #121212 !important;
}

body.is-homepage.has-home-hero #header,
#body.is-homepage.has-home-hero #header {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  isolation: isolate;
  height: 600px !important;
  min-height: 600px !important;
  max-height: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
}

body.is-homepage.has-home-hero #header::before,
#body.is-homepage.has-home-hero #header::before {
  content: "";
  position: absolute;
  top: 24px!important;
  left: 50%;
  z-index: 3;
  width: min(100%, 1840px);
  height: 352px;
  transform: translateX(-50%);
  background: url(header.webp) center top / contain no-repeat;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, .6));
  pointer-events: none;
}

body.is-homepage.has-home-hero #header #colOne,
#body.is-homepage.has-home-hero #header #colOne,
body.is-homepage.has-home-hero #header .navbar,
#body.is-homepage.has-home-hero #header .navbar {
  position: relative;
  z-index: 900;
  margin-top: 24px !important;
}

body.is-homepage.has-home-hero #header .navbar .box-item,
#body.is-homepage.has-home-hero #header .navbar .box-item,
body.is-homepage.has-home-hero #header .navbar .menu ul,
#body.is-homepage.has-home-hero #header .navbar .menu ul,
body.is-homepage.has-home-hero #header .navbar .menu li ul,
#body.is-homepage.has-home-hero #header .navbar .menu li ul,
body.is-homepage.has-home-hero #header .navbar .menu-dropdown-list,
#body.is-homepage.has-home-hero #header .navbar .menu-dropdown-list {
  z-index: 920 !important;
}

body.is-homepage.has-home-hero #header .nav-logo,
#body.is-homepage.has-home-hero #header .nav-logo {
  position: relative !important;
  z-index: 930 !important;
  top: auto !important;
  left: auto !important;
  float: left !important;
  width: 219px !important;
  height: 146px !important;
  margin-top: -33px !important;
  margin-left: 255px !important;
  transform: none !important;
  background-image: url(logo_max2.webp) !important;
  background-size: 219px 146px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 15px 40px rgba(0, 0, 0, .85));
}

body.is-homepage.has-home-hero .article-hero-stage--home,
#body.is-homepage.has-home-hero .article-hero-stage--home {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 700;
  margin: 0;
  pointer-events: none;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy {
  position: absolute;
  left: 50% !important;
  right: auto !important;
  top: 229px !important;
  bottom: auto !important;
  width: min(720px, calc(100vw - 180px)) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  z-index: 710;
  pointer-events: auto;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav {
  display: block !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: center !important;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker {
  margin: 0 0 8px !important;
  text-align: center !important;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dots,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dots {
  display: flex !important;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 10px auto 0 !important;
  pointer-events: auto;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 3px;
  background: rgba(255, 255, 255, .2);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .35);
  cursor: pointer;
  opacity: .78;
  transition: opacity .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot:hover,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot:hover,
body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot.is-active,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-dot.is-active {
  background: #42b7ff;
  border-color: rgba(255, 255, 255, .86);
  opacity: 1;
  transform: translateY(-1px);
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1 {
  display: none !important;
}

body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description,
#body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description {
  display: none !important;
}

body.is-homepage.has-home-hero .webnavigace,
#body.is-homepage.has-home-hero .webnavigace {
  display: none !important;
}

body.is-homepage.has-home-hero .home-hero-intro {
  grid-template-columns: minmax(0, 1.35fr) minmax(360px, .95fr) !important;
  gap: 20px !important;
  margin: -234px 0 34px !important;
  position: relative !important;
  z-index: 720 !important;
}

body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy,
#body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy {
  display: block !important;
}

body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy .home-hero-kicker,
#body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy .home-hero-kicker,
body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy .home-hero-title-bar,
#body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy .home-hero-title-bar {
  display: none !important;
}

body.is-homepage.has-home-hero .home-hero-features,
#body.is-homepage.has-home-hero .home-hero-features {
  width: min(100%, 980px);
  margin: 0 auto;
}

body.is-homepage.has-home-hero #hlavni_kont,
#body.is-homepage.has-home-hero #hlavni_kont {
  position: relative;
  z-index: 720;
  margin-top: 0 !important;
}

body.is-homepage.has-home-hero .kontent_1,
#body.is-homepage.has-home-hero .kontent_1 {
  position: relative;
  z-index: 720;
}

@media (max-width: 900px) {
  body.is-homepage.has-home-hero #header,
  #body.is-homepage.has-home-hero #header {
    height: 320px !important;
    min-height: 320px !important;
    max-height: none !important;
  }

  body.is-homepage.has-home-hero #header::before,
  #body.is-homepage.has-home-hero #header::before {
    top: 0 !important;
    height: 180px !important;
    width: 100%;
    background-size: contain;
  }

  body.is-homepage.has-home-hero #header .nav-logo,
  #body.is-homepage.has-home-hero #header .nav-logo {
    width: 100px !important;
    height: 68px !important;
    margin-top: 0 !important;
    margin-left: 30px !important;
    background-size: 100px 68px !important;
  }

  body.is-homepage.has-home-hero #header .navbar,
  #body.is-homepage.has-home-hero #header .navbar {
    margin-top: 0 !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy {
    left: 20px !important;
    right: 20px !important;
    top: auto !important;
    bottom: 28px !important;
    width: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav,
  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker,
  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1,
  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description {
    text-align: left !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav {
    margin: 0 0 14px !important;
  }

  body.is-homepage.has-home-hero #hlavni_kont,
  #body.is-homepage.has-home-hero #hlavni_kont {
    margin-top: 0 !important;
  }

  body.is-homepage.has-home-hero .home-hero-intro {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin: -86px 0 34px !important;
  }
}

body.is-shared-hero-page .page-hero-stage,
#body.is-shared-hero-page .page-hero-stage {
  position: relative;
  width: 100%;
  max-width: none;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .18) 0%, rgba(0, 0, 0, .56) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .18) 26%, rgba(0, 0, 0, .1) 74%, rgba(0, 0, 0, .48) 100%),
    var(--shared-hero-image, url('/edsa-GRdesign%202026/upload/panouvod/1-1.jpg')) center center / cover no-repeat;
}

body.is-shared-hero-page .page-hero-copy,
#body.is-shared-hero-page .page-hero-copy {
  position: absolute;
  right: 30px;
  bottom: 28px;
  left: 30px;
  z-index: 2;
  color: #fff4e6;
}

body.is-shared-hero-page .page-hero-nav,
#body.is-shared-hero-page .page-hero-nav {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  margin: 0 0 14px;
  padding: 8px 11px;
  color: #eaf7ff;
  background: rgba(0, 24, 45, .58);
  border: 1px solid rgba(64, 174, 255, .24);
  border-radius: 5px;
  backdrop-filter: blur(6px);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.is-shared-hero-page .page-hero-nav a,
#body.is-shared-hero-page .page-hero-nav a {
  color: #eaf7ff;
  text-decoration: none;
}

body.is-shared-hero-page .page-hero-kicker,
#body.is-shared-hero-page .page-hero-kicker {
  margin: 0 0 10px;
  color: #42b7ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .72);
}

body.is-shared-hero-page .page-hero-title-slot h1,
#body.is-shared-hero-page .page-hero-title-slot h1 {
  width: min(980px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #f7fbff !important;
  font-family: 'Cal Sans', Arial, Helvetica, sans-serif !important;
  font-size: clamp(34px, 4.6vw, 58px) !important;
  font-weight: 300 !important;
  line-height: .98 !important;
  letter-spacing: -2px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 45px rgba(0, 0, 0, .88) !important;
}

body.is-shared-hero-page .webnavigace,
#body.is-shared-hero-page .webnavigace {
  display: none !important;
}

body.is-shared-hero-page #hlavni_kont,
#body.is-shared-hero-page #hlavni_kont {
  position: relative;
  z-index: 2;
  width: 94% !important;
  max-width: 1200px !important;
  margin: 26px auto 0 !important;
}

body.is-shared-hero-page .kontent_1 > h1,
body.is-shared-hero-page .kontent_1 > .h1_main-title,
body.is-shared-hero-page .kontent_1 > .h1_main-title_fnp,
body.is-shared-hero-page .kontent_1 > br {
  display: none !important;
}

@media (max-width: 900px) {
  body.is-shared-hero-page .page-hero-stage,
#body.is-shared-hero-page .page-hero-stage {
    width: 100%;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    margin-top: 0;
    border-radius: 0;
  }

  body.is-shared-hero-page .page-hero-copy,
#body.is-shared-hero-page .page-hero-copy {
    right: 18px;
    bottom: 18px;
    left: 18px;
  }

  body.is-shared-hero-page .page-hero-nav,
#body.is-shared-hero-page .page-hero-nav {
    margin-bottom: 12px;
    font-size: 10px;
  }

  body.is-shared-hero-page .page-hero-title-slot h1,
#body.is-shared-hero-page .page-hero-title-slot h1 {
    font-size: clamp(24px, 7vw, 40px) !important;
  }

  body.is-shared-hero-page #hlavni_kont,
#body.is-shared-hero-page #hlavni_kont {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin: 18px auto 0 !important;
  }
}

body.is-shared-hero-page #body,
#body.is-shared-hero-page {
  position: relative;
  display: block;
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: -24px !important;
  margin-bottom: -24px !important;
  overflow: visible;
}

html:has(#body.is-shared-hero-page),
html:has(#body.is-shared-hero-page) body {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #121212 !important;
  background-image: none !important;
  background-color: #121212 !important;
}

body.is-shared-hero-page,
#body.is-shared-hero-page,
body.is-shared-hero-page #content,
#body.is-shared-hero-page #content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.is-shared-hero-page #header,
#body.is-shared-hero-page #header {
  position: relative !important;
  top: 24px !important;
  left: 0 !important;
  right: 0 !important;
  isolation: isolate;
  height: 400px !important;
  min-height: 400px !important;
  max-height: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
	linear-gradient(0deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0) 30%),
    linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
    var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
	
	

}

body.is-shared-hero-page #header::before,
#body.is-shared-hero-page #header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  width: min(90%, 1749px);
  height: 321px;
  transform: translateX(-50%);
  background: url(header.webp) top center / contain no-repeat;
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, .6));
  pointer-events: none;
}

body.is-shared-hero-page #header #colOne,
#body.is-shared-hero-page #header #colOne,
body.is-shared-hero-page #header .navbar,
#body.is-shared-hero-page #header .navbar {
  position: relative;
  z-index: 24;
  background: transparent !important;
  transform: none;
}

body.is-shared-hero-page #header .navbar .box-item,
#body.is-shared-hero-page #header .navbar .box-item,
body.is-shared-hero-page #header .navbar .menu ul,
#body.is-shared-hero-page #header .navbar .menu ul,
body.is-shared-hero-page #header .navbar .menu li ul,
#body.is-shared-hero-page #header .navbar .menu li ul,
body.is-shared-hero-page #header .navbar .menu-dropdown-list,
#body.is-shared-hero-page #header .navbar .menu-dropdown-list {
  z-index: 26 !important;
}

body.is-shared-hero-page #header .nav-logo,
#body.is-shared-hero-page #header .nav-logo {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  float: left !important;
  width: 219px !important;
  height: 146px !important;
  margin-top: -33px !important;
  margin-left: 255px !important;
  transform: none !important;
  background-image: url(logo_max2.webp) !important;
  background-size: 219px 146px !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 15px 40px rgba(0, 0, 0, .85));
}
body.is-shared-hero-page .article-hero-stage,
#body.is-shared-hero-page .article-hero-stage {
  position: static;
  z-index: auto;
  display: block;
  width: auto;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: none;
}

body.is-shared-hero-page #header,
#body.is-shared-hero-page #header {
  z-index: 2;
}

body.is-shared-hero-page .article-hero-copy,
#body.is-shared-hero-page .article-hero-copy {
  position: absolute;
  right: max(24px, calc((100vw - 1180px) / 2));
  top: 325px;
  bottom: auto;
  left: max(24px, calc((100vw - 1180px) / 2));
  z-index: 8;
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: none;
  box-shadow: none;
}


body.is-shared-hero-page .article-hero-title-slot h1,
#body.is-shared-hero-page .article-hero-title-slot h1 {
  width: min(980px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: #f7fbff !important;
  font-size: clamp(34px, 4.8vw, 58px) !important;
}

body.is-shared-hero-page .article-hero-description,
#body.is-shared-hero-page .article-hero-description {
  width: min(760px, 100%);
  margin: 18px 0 0;
  color: #f4efe7;
  font-size: clamp(15px, 1.55vw, 24px);
  line-height: 1.45;
  text-shadow: 0 10px 28px rgba(0, 0, 0, .82);
}

body.is-shared-hero-page .article-hero-description p,
#body.is-shared-hero-page .article-hero-description p {
  margin: 0;
}

body.is-shared-hero-page .webnavigace,
#body.is-shared-hero-page .webnavigace {
  display: none !important;
  padding-top: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

body.is-shared-hero-page #hlavni_kont,
#body.is-shared-hero-page #hlavni_kont {
  margin-top: 0 !important;
}

@media (max-width: 1200px) {
  body.is-shared-hero-page #header .nav-logo,
  #body.is-shared-hero-page #header .nav-logo {
    width: 170px !important;
    height: 113px !important;
    margin-top: -34px !important;
    margin-left: clamp(48px, 10vw, 140px) !important;
    background-size: 170px 113px !important;
  }
}

@media (max-width: 900px) {
  body.is-shared-hero-page #header,
  #body.is-shared-hero-page #header {
    height: 420px !important;
    min-height: 420px !important;
    max-height: none !important;
  }

  body.is-shared-hero-page .article-hero-stage,
  #body.is-shared-hero-page .article-hero-stage {
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
  }

  body.is-shared-hero-page #header::before,
  #body.is-shared-hero-page #header::before {
    top: 0;
    height: 180px;
    width: 100%;
    background-size: contain;
  }

  body.is-shared-hero-page #header .nav-logo,
  #body.is-shared-hero-page #header .nav-logo {
    width: 100px !important;
    height: 68px !important;
    margin-top: 0 !important;
    margin-left: 30px !important;
    background-size: 100px 68px !important;
  }

  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    right: 18px;
    top: auto;
    bottom: 34px;
    left: 18px;
    width: auto;
    margin: 0;
    padding: 0;
  }

  body.is-shared-hero-page .article-hero-title-slot h1,
  #body.is-shared-hero-page .article-hero-title-slot h1 {
    font-size: clamp(24px, 7vw, 40px) !important;
  }

  body.is-shared-hero-page .article-hero-description,
  #body.is-shared-hero-page .article-hero-description {
    width: min(100%, 560px);
    margin-top: 14px;
    font-size: clamp(14px, 3.7vw, 19px);
    line-height: 1.45;
  }
}

#hlavni_kont .boxik {
  max-width: 340px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#hlavni_kont .boxik .box-item,
#hlavni_kont .boxik .box-title,
#hlavni_kont .boxik h3 {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 980px) {
  #hlavni_kont .boxik {
    max-width: 100% !important;
  }
}

#body.is-shared-hero-page .kontent_1 > h1,
#body.is-shared-hero-page .kontent_1 > .h1_main-title,
#body.is-shared-hero-page .kontent_1 > .h1_main-title_fnp,
#body.is-shared-hero-page .kontent_1 > br {
  display: none !important;
}

body.is-shared-hero-page .article-hero-copy,
#body.is-shared-hero-page .article-hero-copy {
  top: 229px !important;
  bottom: auto !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.is-shared-hero-page .article-hero-nav,
#body.is-shared-hero-page .article-hero-nav {
  display: inline-flex !important;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  margin: 0 0 18px !important;
  padding: 8px 11px;
  border: 1px solid rgba(234, 247, 255, .18);
  border-radius: 999px;
  background: rgba(8, 10, 15, .34);
  color: #eaf7ff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
  visibility: visible !important;
  opacity: 1 !important;
}

body.is-shared-hero-page .article-hero-nav a,
#body.is-shared-hero-page .article-hero-nav a,
body.is-shared-hero-page .article-hero-nav span,
#body.is-shared-hero-page .article-hero-nav span {
  color: #eaf7ff !important;
  text-decoration: none;
}

body.is-shared-hero-page #header .menu li ul,
#body.is-shared-hero-page #header .menu li ul,
body.is-article-page #header .menu li ul,
#body.is-article-page #header .menu li ul {
  background: rgba(18, 18, 18, 0.96) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.38);
  padding: 8px 0 !important;
}

body.is-shared-hero-page #header .menu li ul li,
#body.is-shared-hero-page #header .menu li ul li,
body.is-article-page #header .menu li ul li,
#body.is-article-page #header .menu li ul li {
  width: 100% !important;
  margin: 0 !important;
}


body.is-shared-hero-page #header::before,
#body.is-shared-hero-page #header::before {
  width: min(94.5%, 1837px);
  height: 337px;
}

@media (max-width: 780px) {
  body.is-shared-hero-page #header,
  #body.is-shared-hero-page #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    overflow: visible !important;
    background: transparent !important;
    z-index: 666 !important;
  }

  body.is-shared-hero-page #header::before,
  #body.is-shared-hero-page #header::before {
    top: 0 !important;
    left: 50% !important;
    width: 100% !important;
    height: 180px !important;
    transform: translateX(-50%) !important;
    background: url(header.webp) top center / contain no-repeat !important;
  }

  body.is-shared-hero-page #header .nav-logo,
  #body.is-shared-hero-page #header .nav-logo {
    width: 119px !important;
    height: 81px !important;
    margin-top: -50px !important;
    margin-left: 30px !important;
    background-size: 119px 81px !important;
  }

  body.is-shared-hero-page .article-hero-stage,
  #body.is-shared-hero-page .article-hero-stage {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 420px !important;
    min-height: 420px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .65) 45%, rgba(0, 0, 0, 0) 100%),
      linear-gradient(90deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 20%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .2) 80%, rgba(0, 0, 0, .75) 100%),
      var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
  }

  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    top: 229px !important;
    bottom: auto !important;
  }
}











@media (max-width: 900px) {
  body.is-homepage.has-home-hero #header,
  #body.is-homepage.has-home-hero #header {
    position: relative !important;
    z-index: 2000 !important;
    overflow: visible !important;
  }

  body.is-homepage.has-home-hero #header .navbar,
  #body.is-homepage.has-home-hero #header .navbar,
  body.is-homepage.has-home-hero #header .navbar .nav-btn,
  #body.is-homepage.has-home-hero #header .navbar .nav-btn,
  body.is-homepage.has-home-hero #header .navbar .box-item,
  #body.is-homepage.has-home-hero #header .navbar .box-item,
  body.is-homepage.has-home-hero #header .navbar .menu ul,
  #body.is-homepage.has-home-hero #header .navbar .menu ul,
  body.is-homepage.has-home-hero #header .navbar .menu li ul,
  #body.is-homepage.has-home-hero #header .navbar .menu li ul,
  body.is-homepage.has-home-hero #header .navbar .menu-dropdown-list,
  #body.is-homepage.has-home-hero #header .navbar .menu-dropdown-list {
    z-index: 2100 !important;
  }

  body.is-homepage.has-home-hero #header .navbar .box-item,
  #body.is-homepage.has-home-hero #header .navbar .box-item {
    filter: drop-shadow(0 0 11px #000000);
    -webkit-filter: drop-shadow(0 0 11px #000000);
  }
}


@media (max-width: 900px) {
  body.is-homepage.has-home-hero #header .navbar .box-item a,
  #body.is-homepage.has-home-hero #header .navbar .box-item a,
  body.is-homepage.has-home-hero #header .navbar .box-item .menu li a,
  #body.is-homepage.has-home-hero #header .navbar .box-item .menu li a {
    box-sizing: border-box !important;
    text-align: center !important;
    text-indent: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 900px) {
  body.is-homepage.has-home-hero #header .navbar .box-item ul.menu,
  #body.is-homepage.has-home-hero #header .navbar .box-item ul.menu,
  body.is-homepage.has-home-hero #header .navbar .box-item ul.menu li,
  #body.is-homepage.has-home-hero #header .navbar .box-item ul.menu li {
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    list-style: none !important;
  }

  body.is-homepage.has-home-hero #header .navbar .box-item ul.menu.level-0,
  #body.is-homepage.has-home-hero #header .navbar .box-item ul.menu.level-0 {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
  }

  body.is-homepage.has-home-hero #header .navbar .box-item ul.menu.level-0 > li > a,
  #body.is-homepage.has-home-hero #header .navbar .box-item ul.menu.level-0 > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    text-indent: 0 !important;
  }
}



@media (max-width: 900px) {
  body.is-homepage.has-home-hero #header,
  #body.is-homepage.has-home-hero #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    overflow: visible !important;
    z-index: 2000 !important;
    background: transparent !important;
  }

  body.is-homepage.has-home-hero #header::before,
  #body.is-homepage.has-home-hero #header::before {
    top: -34px !important;
    left: 50% !important;
    width: 100% !important;
    height: 198px !important;
    transform: translateX(-50%) !important;
    background: url(header.webp) center top / contain no-repeat !important;
    z-index: 3 !important;
  }

  body.is-homepage.has-home-hero #header .nav-logo,
  #body.is-homepage.has-home-hero #header .nav-logo {
    width: 112px !important;
    height: 76px !important;
    margin-top: -16px !important;
    margin-left: 48px !important;
    background-size: 112px 76px !important;
    transform: none !important;
  }

  body.is-homepage.has-home-hero #header .navbar .nav-btn,
  #body.is-homepage.has-home-hero #header .navbar .nav-btn {
    top: 34px !important;
    right: -50px !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home,
  #body.is-homepage.has-home-hero .article-hero-stage--home {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    margin: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    pointer-events: none;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .86) 0%, rgba(0, 0, 0, .42) 45%, rgba(0, 0, 0, .72) 100%),
      linear-gradient(0deg, #242424 0%, rgba(36, 36, 36, 0) 28%),
      linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .12) 42%, rgba(0, 0, 0, .7) 100%),
      var(--article-hero-image, url(header.webp)) center center / cover no-repeat !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-nav {
    display: none !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-kicker {
    display: block !important;
    margin: 0 0 14px !important;
    color: rgba(255, 255, 255, .48) !important;
    font-size: clamp(12px, 3.4vw, 14px) !important;
    font-weight: 300 !important;
    letter-spacing: .08em !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot,
  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1 {
    display: block !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-title-slot h1 {
    width: 100% !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: 'Cal Sans', Arial, Helvetica, sans-serif !important;
    font-size: clamp(44px, 12vw, 72px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
    text-align: left !important;
    text-transform: none !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-description {
    display: block !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    color: rgba(255, 255, 255, .5) !important;
    font-size: clamp(13px, 3.7vw, 15px) !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }

  body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy,
  #body.is-homepage.has-home-hero .article-hero-stage--home .article-hero-copy {
    position: absolute !important;
    left: 22px !important;
    right: 22px !important;
    top: 188px !important;
    bottom: auto !important;
    width: auto !important;
    transform: none !important;
    text-align: left !important;
    z-index: 3 !important;
  }

  body.is-homepage.has-home-hero .home-hero-intro,
  #body.is-homepage.has-home-hero .home-hero-intro {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    margin: 0 0 34px !important;
    position: relative !important;
    z-index: 20 !important;
  }

  body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy,
  #body.is-homepage.has-home-hero .home-hero-intro > .home-hero-copy {
    display: none !important;
  }
}


/* === layout_max_gr6.14-shared-hero.css === */
/* layout_max_gr6.css lines 9186-9346 */

body.is-shared-hero-page .article-hero-kicker,
#body.is-shared-hero-page .article-hero-kicker {
  display: block !important;
  margin: 0 0 12px !important;
  color: #42b7ff !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
  visibility: visible !important;
  opacity: 1 !important;
}

body.is-shared-hero-page .article-hero-title-slot,
#body.is-shared-hero-page .article-hero-title-slot,
body.is-shared-hero-page .article-hero-title-slot h1,
#body.is-shared-hero-page .article-hero-title-slot h1,
body.is-shared-hero-page .article-hero-description,
#body.is-shared-hero-page .article-hero-description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 900px) {
  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    top: auto !important;
    bottom: 34px !important;
  }

  body.is-shared-hero-page .article-hero-nav,
  #body.is-shared-hero-page .article-hero-nav {
    margin-bottom: 14px !important;
    font-size: 10px;
  }
}

body.is-shared-hero-page .article-hero-copy,
#body.is-shared-hero-page .article-hero-copy {
  left: 50% !important;
  right: auto !important;
  top: 126px !important;
  bottom: auto !important;
  width: min(760px, calc(100vw - 80px)) !important;
  transform: translateX(-8%) !important;
  text-align: center !important;
}

body.is-shared-hero-page .article-hero-nav,
#body.is-shared-hero-page .article-hero-nav {
  justify-content: center;
  margin: 0 auto 14px !important;
}

body.is-shared-hero-page .article-hero-kicker,
#body.is-shared-hero-page .article-hero-kicker {
  margin: 0 0 10px !important;
  text-align: center !important;
}

body.is-shared-hero-page .article-hero-title-slot,
#body.is-shared-hero-page .article-hero-title-slot {
  text-align: center !important;
}

body.is-shared-hero-page .article-hero-title-slot h1,
#body.is-shared-hero-page .article-hero-title-slot h1 {
  width: 100% !important;
  text-align: center !important;
  font-family: 'Cal Sans', sans-serif !important;
  font-size: clamp(40px, 5.3vw, 74px) !important;
  line-height: .96 !important;
  letter-spacing: 0 !important;
}

body.is-shared-hero-page .article-hero-description,
#body.is-shared-hero-page .article-hero-description {
  width: min(680px, 100%) !important;
  margin: 16px auto 0 !important;
  text-align: center !important;
  font-size: clamp(15px, 1.45vw, 28px) !important;
}

@media (max-width: 900px) {
  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    left: 20px !important;
    right: 20px !important;
    top: auto !important;
    bottom: 34px !important;
    width: auto !important;
    transform: none !important;
    text-align: left !important;
  }

  body.is-shared-hero-page .article-hero-nav,
  #body.is-shared-hero-page .article-hero-nav {
    justify-content: flex-start;
    margin: 0 0 14px !important;
  }

  body.is-shared-hero-page .article-hero-kicker,
  #body.is-shared-hero-page .article-hero-kicker,
  body.is-shared-hero-page .article-hero-title-slot,
  #body.is-shared-hero-page .article-hero-title-slot,
  body.is-shared-hero-page .article-hero-title-slot h1,
  #body.is-shared-hero-page .article-hero-title-slot h1,
  body.is-shared-hero-page .article-hero-description,
  #body.is-shared-hero-page .article-hero-description {
    text-align: left !important;
  }

  body.is-shared-hero-page .article-hero-title-slot h1,
  #body.is-shared-hero-page .article-hero-title-slot h1 {
    width: min(100%, 420px) !important;
    font-size: clamp(30px, 10vw, 48px) !important;
  }

  body.is-shared-hero-page .article-hero-description,
  #body.is-shared-hero-page .article-hero-description {
    width: min(100%, 520px) !important;
    margin: 14px 0 0 !important;
    font-size: clamp(14px, 3.8vw, 18px) !important;
  }
}

body.is-article-page #content,
#body.is-article-page #content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html:has(#body.is-article-page),
html:has(#body.is-article-page) body {
  margin: 0 !important;
  padding: 0 !important;
}

body:has(#body.is-article-page) #content,
html:has(#body.is-article-page) #content,
#content:has(#body.is-article-page) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.is-article-page #header::before,
#body.is-article-page #header::before {
  top: -31px !important;
  height: 352px !important;
  background-position: center top !important;
}

@media (max-width: 900px) {
  body.is-article-page #header::before,
  #body.is-article-page #header::before {
    top: -18px !important;
    height: 198px !important;
  }
}

@media (min-width: 901px) {
  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    left: 58% !important;
    right: auto !important;
    top: 148px !important;
    bottom: auto !important;
    width: min(760px, calc(100vw - 140px)) !important;
    transform: translateX(-18%) !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-nav,
  #body.is-shared-hero-page .article-hero-nav {
    justify-content: center !important;
    margin: 0 auto 10px !important;
  }

  body.is-shared-hero-page .article-hero-kicker,
  #body.is-shared-hero-page .article-hero-kicker {
    margin: 0 0 12px !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-title-slot,
  #body.is-shared-hero-page .article-hero-title-slot,
  body.is-shared-hero-page .article-hero-title-slot h1,
  #body.is-shared-hero-page .article-hero-title-slot h1 {
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-description,
  #body.is-shared-hero-page .article-hero-description {
    margin: 14px auto 0 !important;
    text-align: center !important;
  }
}

@media (min-width: 901px) {
  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    left: 50% !important;
    right: auto !important;
    top: 250px !important;
    bottom: auto !important;
    width: min(760px, calc(100vw - 140px)) !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }
}

@media (min-width: 901px) {
  body.is-shared-hero-page .article-hero-copy,
  #body.is-shared-hero-page .article-hero-copy {
    left: 50% !important;
    right: auto !important;
    top: 240px !important;
    bottom: auto !important;
    width: min(720px, calc(100vw - 180px)) !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-nav,
  #body.is-shared-hero-page .article-hero-nav {
    display: block !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-kicker,
  #body.is-shared-hero-page .article-hero-kicker {
    margin: 0 0 8px !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-title-slot,
  #body.is-shared-hero-page .article-hero-title-slot {
    margin: 0 !important;
    text-align: center !important;
  }

  body.is-shared-hero-page .article-hero-title-slot h1,
  #body.is-shared-hero-page .article-hero-title-slot h1 {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    line-height: 0.96 !important;
  }

  body.is-shared-hero-page .article-hero-description,
  #body.is-shared-hero-page .article-hero-description {
    width: min(620px, 100%) !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
  }
}