/* Mechanik 80 — v9.8.0: dropdown navigation, locked logo and aligned hero. */

:root { --m80-header-h: 217px; }
html, body.m80-theme { overflow-x: hidden; overflow-x: clip; }

/* --------------------------------------------------------------------------
   Institutional header: the raster is a contained background, so no parent
   theme image rule can crop its red lower gear.
   -------------------------------------------------------------------------- */
.m80-header--dropdown { z-index: 9980; overflow: visible !important; }
.m80-header--dropdown .m80-header-container { width: min(1540px,calc(100vw - 28px)); }
.m80-header--dropdown .m80-identity-bar { height: 126px; overflow: visible !important; }
.m80-header--dropdown .m80-identity-bar__inner,
.m80-header--dropdown .m80-identity-lockup,
.m80-header--dropdown .m80-brand { overflow: visible !important; }
.m80-header--dropdown .m80-brand__image,
.m80-header--dropdown.is-sticky .m80-brand__image {
  position: relative;
  width: 236px !important;
  height: 112px !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.2);
  clip-path: none !important;
  background: #06172c url("../images/logo-mechanik-header.png") center / auto 94% no-repeat !important;
  box-shadow: 0 15px 36px rgba(7,23,44,.24),inset 0 0 0 1px rgba(255,255,255,.05);
  isolation: isolate;
  transition: transform .5s cubic-bezier(.18,.8,.18,1),box-shadow .5s,border-color .4s;
}
.m80-header--dropdown .m80-brand__image > img,
.m80-header--dropdown.is-sticky .m80-brand__image > img {
  position: absolute !important;
  width: 1px !important;
  min-width: 0 !important;
  max-width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  max-height: 1px !important;
  opacity: 0 !important;
  pointer-events: none;
}
.m80-header--dropdown .m80-brand__image::before { display: none !important; }
.m80-header--dropdown .m80-brand__image::after {
  position: absolute;
  inset: 10px 17px;
  display: block !important;
  content: "";
  background: linear-gradient(108deg,transparent 27%,rgba(255,255,255,.96) 46%,transparent 65%);
  -webkit-mask: url("../images/logo-mechanik-header.png") center / auto 94% no-repeat;
  mask: url("../images/logo-mechanik-header.png") center / auto 94% no-repeat;
  opacity: 0;
  transform: translateX(-160%);
  transition: transform .75s cubic-bezier(.18,.8,.18,1),opacity .2s;
}
.m80-header--dropdown .m80-brand:hover .m80-brand__image,
.m80-header--dropdown .m80-brand:focus-visible .m80-brand__image {
  border-color: rgba(255,255,255,.6);
  box-shadow: 0 22px 52px rgba(7,23,44,.32),0 0 0 4px rgba(230,0,50,.12),inset 0 0 0 1px rgba(255,255,255,.08);
  transform: translateY(-3px);
}
.m80-header--dropdown .m80-brand:hover .m80-brand__image::after,
.m80-header--dropdown .m80-brand:focus-visible .m80-brand__image::after { opacity: .88; transform: translateX(160%); }
.m80-header--dropdown .m80-header-jubilee { width: 112px; height: 104px; overflow: hidden; }
.m80-header--dropdown .m80-header-jubilee img { width: 100%; height: 100%; object-fit: contain; }

/* --------------------------------------------------------------------------
   Original school information architecture: one dropdown belongs to one
   department. There is no separate all-in-one mega panel on desktop.
   -------------------------------------------------------------------------- */
.m80-dropbar {
  position: relative;
  height: 60px;
  color: #fff;
  background: linear-gradient(90deg,#041326,#082b4d 72%,#06172c);
  border-bottom: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 15px 38px rgba(7,23,44,.24);
}
.m80-dropbar::before {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.035) 22% 22.07%,transparent 22.07% 74%,rgba(255,255,255,.035) 74% 74.07%,transparent 74.07%);
}
.m80-dropbar__inner { position: relative; z-index: 2; height: 100%; display: flex; align-items: stretch; }
.m80-dropnav { min-width: 0; flex: 1 1 auto; position: static; }
.m80-dropnav-menu,
.m80-dropnav-menu ul { margin: 0; padding: 0; list-style: none; }
.m80-dropnav-menu { height: 100%; display: flex; align-items: stretch; }
.m80-dropnav-menu > li {
  position: static;
  min-width: 0;
  height: 60px;
  display: flex;
  align-items: stretch;
  border-left: 1px solid rgba(255,255,255,.1);
}
.m80-dropnav-menu > li > a {
  position: relative;
  min-width: 0;
  padding: 0 clamp(6px,.54vw,11px);
  display: flex;
  align-items: center;
  color: #fff !important;
  font-family: "Barlow Condensed",sans-serif;
  font-size: clamp(9px,.59vw,11px);
  font-weight: 850;
  letter-spacing: .045em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .3s,background .35s;
}
.m80-dropnav-menu > li > a::before {
  position: absolute;
  right: 100%; bottom: 0; left: 0;
  height: 4px;
  content: "";
  background: var(--m80-red);
  transition: right .38s cubic-bezier(.18,.8,.18,1);
}
.m80-dropnav-menu > li:hover > a,
.m80-dropnav-menu > li:focus-within > a,
.m80-dropnav-menu > li.is-open > a,
.m80-dropnav-menu > li.current-menu-item > a,
.m80-dropnav-menu > li.current-menu-ancestor > a { color: #fff !important; background: rgba(255,255,255,.08); }
.m80-dropnav-menu > li:hover > a::before,
.m80-dropnav-menu > li:focus-within > a::before,
.m80-dropnav-menu > li.is-open > a::before,
.m80-dropnav-menu > li.current-menu-item > a::before,
.m80-dropnav-menu > li.current-menu-ancestor > a::before { right: 0; }
.m80-dropnav-menu > li.m80-nav-jubilee > a { padding-inline: 14px; color: #fff !important; background: var(--m80-red); }
.m80-dropnav-menu > li.m80-nav-jubilee > a::before { background: #fff; }
.m80-dropnav-toggle {
  width: 22px;
  min-width: 22px;
  padding: 0;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.07);
  color: #ff3157;
  background: transparent;
  cursor: pointer;
  font-family: "Barlow Condensed",sans-serif;
  font-size: 16px;
  font-weight: 800;
}
.m80-dropnav-toggle span { display: block; transition: transform .32s; }
.m80-dropnav-menu > li:hover > .m80-dropnav-toggle span,
.m80-dropnav-menu > li:focus-within > .m80-dropnav-toggle span,
.m80-dropnav-menu > li.is-open > .m80-dropnav-toggle span { transform: rotate(45deg); }

.m80-dropnav-menu > li > .sub-menu {
  position: absolute;
  z-index: 20;
  top: 100%; right: 0; left: 0;
  max-height: calc(100vh - var(--m80-header-h));
  padding: 25px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: start;
  gap: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #fff;
  background: rgba(4,19,38,.985);
  border-top: 4px solid var(--m80-red);
  box-shadow: 0 36px 78px rgba(0,0,0,.42);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-12px);
  transition: opacity .24s,transform .38s cubic-bezier(.18,.8,.18,1),visibility 0s .4s;
  scrollbar-width: thin;
  scrollbar-color: var(--m80-red) #07172c;
}
.m80-dropnav-menu > li > .sub-menu::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 104px 104px;
}
.m80-dropnav-menu > li:hover > .sub-menu,
.m80-dropnav-menu > li:focus-within > .sub-menu,
.m80-dropnav-menu > li.is-open > .sub-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: none; transition-delay: 0s; }
.m80-header--dropdown.is-sticky .m80-dropnav-menu > li > .sub-menu { max-height: calc(100vh - 60px); }
.m80-dropnav-menu > li > .sub-menu::-webkit-scrollbar { width: 10px; }
.m80-dropnav-menu > li > .sub-menu::-webkit-scrollbar-track { background: #07172c; }
.m80-dropnav-menu > li > .sub-menu::-webkit-scrollbar-thumb { border: 2px solid #07172c; border-radius: 20px; background: var(--m80-red); }
.m80-dropnav-menu > li > .sub-menu > li {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.045);
  transition: border-color .3s,background .3s,transform .35s cubic-bezier(.18,.8,.18,1);
}
.m80-dropnav-menu > li > .sub-menu > li:hover { border-color: rgba(255,255,255,.4); background: rgba(18,59,101,.46); transform: translateY(-3px); }
.m80-dropnav-menu > li > .sub-menu > li > a {
  position: relative;
  min-height: 28px;
  padding: 2px 26px 10px 0;
  display: block;
  border-bottom: 2px solid var(--m80-red);
  color: #fff !important;
  font-family: "Barlow Condensed",sans-serif;
  font-size: clamp(17px,1.3vw,23px);
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}
.m80-dropnav-menu > li > .sub-menu > li > a::after { position: absolute; top: 0; right: 2px; color: #ff3157; content: "↗"; font-size: 15px; }
.m80-dropnav-menu > li.m80-nav-school > .sub-menu { grid-template-columns: repeat(3,minmax(0,1fr)); }
.m80-dropnav-menu > li.m80-nav-education > .sub-menu { grid-template-columns: repeat(2,minmax(0,1fr)); }
.m80-dropnav-menu > li.m80-nav-students > .sub-menu { grid-template-columns: repeat(4,minmax(0,1fr)); }
.m80-dropnav-menu > li.m80-nav-news > .sub-menu { grid-template-columns: repeat(3,minmax(0,1fr)); }
.m80-dropnav-menu > li.m80-nav-projects > .sub-menu { grid-template-columns: repeat(3,minmax(0,1fr)); }
.m80-dropnav-menu > li.m80-nav-jubilee > .sub-menu { grid-template-columns: repeat(4,minmax(0,1fr)); }
.m80-dropnav-menu .sub-menu .sub-menu { position: static; margin-top: 8px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 15px; }
.m80-dropnav-menu .sub-menu .sub-menu a { position: relative; padding: 7px 18px 7px 0; display: block; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.72) !important; font-size: 10px; font-weight: 650; line-height: 1.25; transition: color .25s,padding .3s,background .3s; }
.m80-dropnav-menu .sub-menu .sub-menu a::after { position: absolute; top: 6px; right: 2px; color: #ff3157; content: "›"; }
.m80-dropnav-menu .sub-menu .sub-menu a:hover,
.m80-dropnav-menu .sub-menu .sub-menu a:focus-visible { padding-left: 6px; color: #fff !important; background: rgba(255,255,255,.055); }

.m80-dropactions { flex: 0 0 auto; display: flex; align-items: stretch; }
.m80-dropactions__facebook,
.m80-dropactions__bip {
  width: 54px;
  display: grid;
  place-items: center;
  border-left: 1px solid rgba(255,255,255,.12);
  color: #fff !important;
  background: rgba(255,255,255,.035);
  font-family: "Barlow Condensed",sans-serif;
  font-size: 17px;
  font-weight: 900;
  transition: color .3s,background .3s;
}
.m80-dropactions__bip { width: 64px; }
.m80-dropactions__facebook:hover,
.m80-dropactions__facebook:focus-visible,
.m80-dropactions__bip:hover,
.m80-dropactions__bip:focus-visible { color: #fff !important; background: var(--m80-red); }
.m80-dropbar .m80-mobile-search,
.m80-dropbar .m80-menu-trigger { display: none; }

/* --------------------------------------------------------------------------
   One geometric source for both years. The left side receives deterministic
   patina and a separate transparent vintage-car raster.
   -------------------------------------------------------------------------- */
.m80-hero { height: 100svh; min-height: 760px; }
.m80-hero__content { min-height: 100svh; }
.m80-hero__photo {
  background-image: var(--m80-hero-fallback) !important;
  background-position: 50% 100% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.m80-hero__photo picture { opacity: 0 !important; visibility: hidden !important; }
.m80-hero__photo--past { filter: sepia(.86) saturate(.52) contrast(1.12) brightness(.74); }
.m80-hero__photo--past::before {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block !important;
  content: "";
  pointer-events: none;
  background: url("../images/vintage-cars-overlay-v9.8.png") 4% 96% / min(36vw,560px) auto no-repeat;
  opacity: .9;
  mix-blend-mode: multiply;
}
.m80-hero__photo--past::after {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block !important;
  content: "";
  pointer-events: none;
  background-image: linear-gradient(90deg,rgba(49,28,7,.32),transparent 72%),url("../images/archive-damage-texture.png");
  background-position: center;
  background-size: cover;
  mix-blend-mode: screen;
  opacity: .68;
}
.m80-hero__vintage-cars { display: none !important; }
.m80-hero__photo--now { filter: saturate(1.08) contrast(1.04) brightness(.82); }
.m80-hero__shade { background: linear-gradient(180deg,rgba(3,12,24,.5) 0%,rgba(3,12,24,.03) 35%,rgba(3,12,24,.13) 62%,rgba(3,12,24,.93) 100%),linear-gradient(90deg,rgba(3,12,24,.44),transparent 43%,transparent 76%,rgba(3,12,24,.2)); }
.m80-hero__mechanism { top: 32%; width: 246px; height: 278px; }
.m80-hero__logo {
  top: 32%;
  width: 274px !important;
  height: 194px !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: radial-gradient(circle at center,rgba(246,243,236,.98) 0 36%,rgba(246,243,236,.76) 37% 46%,transparent 47%) !important;
  box-shadow: none !important;
}
.m80-hero__logo::after { display: none !important; }
.m80-hero__logo img { width: 100% !important; max-width: 100% !important; height: 100% !important; object-fit: contain !important; filter: drop-shadow(0 18px 24px rgba(0,0,0,.35)); mix-blend-mode: normal !important; }
.m80-hero__compare { top: calc(var(--m80-header-h) + 200px) !important; right: auto; bottom: auto !important; left: var(--split-local); width: min(370px,calc(100vw - 34px)); transform: translateX(-50%); }
.m80-hero__compare-hint {
  top: calc(100% + 13px) !important;
  right: 4px !important;
  bottom: auto !important;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #fff;
  font-size: 16px;
  transform: rotate(-2deg);
}
.m80-hero__compare-hint b { margin-top: -5px; color: #ff3157; font-size: 0; line-height: .8; transform: rotate(-8deg); }
.m80-hero__compare-hint b::before { content: "↑"; font-size: 28px; }
.m80-hero__compare-hint span { white-space: nowrap; }

/* --------------------------------------------------------------------------
   Tablet/mobile: compact header, readable accordion and a dedicated portrait
   low-angle image instead of a center crop of the desktop asset.
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
  :root { --m80-header-h: 82px; }
  .m80-header--dropdown .m80-utility-bar { display: none !important; }
  .m80-header--dropdown .m80-identity-bar,
  .m80-header--dropdown.is-sticky .m80-identity-bar { height: 82px !important; overflow: visible !important; opacity: 1 !important; background: #fff; }
  .m80-header--dropdown .m80-identity-bar__inner { justify-content: flex-start; }
  .m80-header--dropdown .m80-header-contacts { display: none !important; }
  .m80-header--dropdown .m80-brand__image,
  .m80-header--dropdown.is-sticky .m80-brand__image { width: 154px !important; height: 72px !important; background-size: auto 94% !important; }
  .m80-header--dropdown .m80-header-jubilee { width: 70px; height: 68px; }
  .m80-dropbar,
  .m80-header--dropdown.is-sticky .m80-dropbar { position: absolute; top: 0; right: max(14px,calc((100vw - var(--m80-container))/2)); width: auto; height: 82px; display: flex; align-items: center; background: transparent; border: 0; box-shadow: none; }
  .m80-dropbar::before,
  .m80-dropnav { display: none !important; }
  .m80-dropbar__inner { width: auto !important; margin: 0; display: flex; align-items: center; }
  .m80-dropactions { height: 48px; }
  .m80-dropactions__facebook,
  .m80-dropactions__bip,
  .m80-dropbar .m80-mobile-search { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; color: #fff !important; background: var(--m80-navy); border-left: 1px solid rgba(255,255,255,.14); }
  .m80-dropbar .m80-mobile-search { padding: 12px; background: #123b67; }
  .m80-dropbar .m80-menu-trigger { width: 92px; height: 48px; display: grid; align-items: center; }

  .m80-mobile-mega { padding: 16px !important; grid-template-rows: auto minmax(0,1fr) auto; }
  .m80-mobile-mega .m80-mega__top { padding-bottom: 14px; }
  .m80-mobile-mega .m80-mega__top b { font-size: 39px; }
  .m80-mobile-mega .m80-mega__body { min-height: 0; padding: 16px 0; display: block !important; overflow-y: auto; }
  .m80-mobile-mega .m80-mega__rail { display: none !important; }
  .m80-mobile-mega .m80-mega__navigation { width: 100%; }
  .m80-mobile-mega .m80-mega-wp-menu { display: block !important; margin: 0 !important; }
  .m80-mobile-mega .m80-mega-wp-menu > li { position: relative; min-height: 0; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,.13); opacity: 1 !important; transform: none !important; }
  .m80-mobile-mega .m80-mega-wp-menu > li::before { display: none !important; }
  .m80-mobile-mega .m80-mega-wp-menu > li > a { min-height: 58px !important; padding: 15px 58px 13px 13px !important; border: 0 !important; display: flex !important; align-items: center; color: #fff !important; font-size: clamp(25px,4vw,34px) !important; line-height: 1 !important; }
  .m80-mobile-mega .m80-mega-wp-menu > li > a::before,
  .m80-mobile-mega .m80-mega-wp-menu > li > a::after { display: none !important; }
  .m80-mobile-mega .m80-submenu-toggle { position: absolute; z-index: 5; top: 8px !important; right: 4px !important; width: 42px !important; height: 42px !important; border: 1px solid rgba(255,255,255,.25) !important; display: grid !important; place-items: center; color: #fff !important; background: rgba(255,255,255,.05) !important; }
  .m80-mobile-mega .m80-mega-wp-menu .sub-menu { margin: 0 0 11px 13px !important; padding-left: 12px !important; display: none; border-left: 2px solid var(--m80-red); }
  .m80-mobile-mega .m80-mega-wp-menu > li.is-submenu-open > .sub-menu { display: block !important; }
  .m80-mobile-mega .m80-mega-wp-menu .sub-menu a { min-height: 42px; padding: 10px 28px 10px 0 !important; display: block; color: rgba(255,255,255,.82) !important; font-size: 13px !important; line-height: 1.3; }
  .m80-mobile-mega .m80-mega-wp-menu .sub-menu .sub-menu { display: block !important; margin-left: 8px !important; }
  .m80-mobile-mega .m80-mega__foot { gap: 10px; font-size: 9px; }

  .m80-hero { height: auto !important; min-height: 960px !important; }
  .m80-hero__content { min-height: 960px !important; padding: 470px 18px 42px !important; display: grid !important; grid-template-columns: 1fr !important; align-content: end; gap: 20px !important; }
  .m80-hero__photo { background-image: url("../images/hero-school-shared-mobile-v9.8.png") !important; background-position: 50% 100% !important; }
  .m80-hero__photo--past::before { background-position: 2% 94%; background-size: min(74vw,410px) auto; opacity: .68; }
  .m80-hero__years { display: none !important; }
  .m80-hero__mechanism { top: 205px !important; left: var(--split-local); width: 205px !important; height: 230px !important; }
  .m80-hero__logo { top: 205px !important; left: var(--split-local); width: 205px !important; height: 145px !important; padding: 0 !important; }
  .m80-hero__logo img { width: 100% !important; height: 100% !important; }
  .m80-hero__compare { top: 322px !important; right: 16px !important; bottom: auto !important; left: 16px !important; width: auto !important; transform: none !important; }
  .m80-hero__compare-hint { top: calc(100% + 9px) !important; right: 4px !important; font-size: 14px !important; }
  .m80-hero__compare-hint b::before { font-size: 24px !important; }
  .m80-hero__copy { max-width: none !important; }
  .m80-hero__copy .m80-kicker { font-size: 10px; line-height: 1.35; }
  .m80-hero__copy h1 { margin: 17px 0 16px !important; font-size: clamp(56px,11vw,86px) !important; line-height: .76 !important; }
  .m80-hero__copy h1 span,
  .m80-hero__copy h1 em { margin-left: 0 !important; }
  .m80-hero__copy > p { width: 100% !important; max-width: 560px; margin-bottom: 20px !important; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.55; }
  .m80-hero__actions { display: flex; flex-wrap: wrap; gap: 12px !important; }
  .m80-hero__actions .m80-button { min-width: min(100%,270px); }
  .m80-hero__event { width: 100%; max-width: 560px; }
  .m80-hero__scroll { display: none !important; }
}

@media (max-width: 620px) {
  :root { --m80-header-h: 74px; }
  .m80-header--dropdown .m80-header-container { width: calc(100vw - 12px); }
  .m80-header--dropdown .m80-identity-bar,
  .m80-header--dropdown.is-sticky .m80-identity-bar { height: 74px !important; }
  .m80-header--dropdown .m80-brand__image,
  .m80-header--dropdown.is-sticky .m80-brand__image { width: 130px !important; height: 64px !important; background-size: auto 94% !important; }
  .m80-header--dropdown .m80-header-jubilee { display: none !important; }
  .m80-dropbar,
  .m80-header--dropdown.is-sticky .m80-dropbar { right: 6px; height: 74px; }
  .m80-dropactions { height: 46px; }
  .m80-dropactions__facebook { display: none !important; }
  .m80-dropactions__bip,
  .m80-dropbar .m80-mobile-search { width: 43px; height: 46px; }
  .m80-dropbar .m80-menu-trigger { width: 82px; height: 46px; }
  .m80-mobile-mega { padding: 12px !important; }
  .m80-mobile-mega .m80-mega__top > div span { font-size: 9px; }
  .m80-mobile-mega .m80-mega__top button span { display: none; }

  .m80-hero { min-height: 925px !important; }
  .m80-hero__content { min-height: 925px !important; padding: 432px 14px 30px !important; }
  .m80-hero__mechanism { top: 178px !important; width: 178px !important; height: 202px !important; }
  .m80-hero__logo { top: 178px !important; width: 180px !important; height: 128px !important; }
  .m80-hero__logo img { width: 100% !important; height: 100% !important; }
  .m80-hero__compare { top: 285px !important; right: 12px !important; left: 12px !important; }
  .m80-hero__compare > span { font-size: 8px !important; }
  .m80-hero__compare-hint { top: calc(100% + 8px) !important; font-size: 13px !important; }
  .m80-hero__copy h1 { font-size: clamp(49px,15.2vw,67px) !important; }
  .m80-hero__actions { display: grid !important; grid-template-columns: 1fr; }
  .m80-hero__actions .m80-button,
  .m80-hero__actions .m80-text-link { width: 100%; justify-content: space-between; }
  .m80-hero__event > div { padding-block: 13px; }
  .m80-hero__event > p { padding: 13px 0; font-size: 11px; }
  .m80-container { width: calc(100vw - 28px); }
}

@media (max-width: 430px) {
  .m80-dropbar .m80-mobile-search { display: none !important; }
  .m80-hero { min-height: 900px !important; }
  .m80-hero__content { min-height: 900px !important; padding-top: 414px !important; }
  .m80-hero__photo--past::before { opacity: .42; }
  .m80-hero__copy > p { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .m80-dropnav-menu > li > .sub-menu,
  .m80-dropnav-toggle span,
  .m80-header--dropdown .m80-brand__image,
  .m80-header--dropdown .m80-brand__image::after { transition-duration: .01ms !important; }
}