/* Header styles extracted from the production homepage, scoped to the shared header. */
#redesignHeader {--fa-style-family-classic:"Font Awesome 6 Free";--yellow:#F5C518;--green:#2E7D5B;--tr:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--green-light:#5DBA8A;--radius-sm:8px;--shadow-sm:0 2px 12px rgba(0, 0, 0, 0.08);--shadow-md:0 8px 32px rgba(0, 0, 0, 0.12);--shadow-lg:0 20px 60px rgba(0, 0, 0, 0.15);--brand-dark:#1e2758;--brand:#BCABFF;--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--white:#FFFFFF;--orange-light:#F47B20;--off-white:#EBF8FA;--gray-400:#BBBBBB;--gray-100:#F5F5F5;--brand-light:#3a4a9e;--gray-800:#333;--gray-200:#EBEBEB;--yellow-pale:#FFFBEA;--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--gray-50:#FAFAFA;--orange-pale:#FFF0E6;--navy:#0D1B2A;--radius-xl:28px;--radius-md:14px;--yellow-light:#FFD95A;--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--radius-lg:20px;--gray-600:#666;--fa-style-family-brands:"Font Awesome 6 Brands";--orange:#E8620A;}
#redesignHeader{position: sticky !important; top: 0px !important; z-index: 1000001 !important;}
@media (min-width: 769px) {#redesignHeader .nav-inner{height: 72px !important;}
#redesignHeader .header-logo-box::after{height: 72px !important; border-top-right-radius: 60px 72px !important;}
#redesignHeader .nav-logo-white{height: 88px !important;}
#redesignHeader .nav-logo-white img{height: 88px !important;}
#redesignHeader .main-nav .nav-inner{justify-content: flex-start !important;}
#redesignHeader .nav-links{flex: 1 1 0% !important; justify-content: flex-start !important;}
#redesignHeader .nav-right{margin-left: auto !important;}
#redesignHeader .nav-links li a{font-size: 13px !important; font-weight: 600 !important; white-space: nowrap !important;}
}
@media (max-width: 768px) {#redesignHeader .header-logo-box{display: none !important;}
#redesignHeader .info-bar{display: none !important;}
#redesignHeader .nav-links, #redesignHeader .nav-right{display: none !important;}
#redesignHeader .hamburger{position: relative; z-index: 1000008; display: block !important;}
#redesignHeader .nav-inner{height: 60px !important; padding: 0px 16px !important;}
#redesignHeader .nav-logo{align-items: center; display: flex !important; gap: 10px !important; background: rgb(255, 255, 255) !important; padding: 8px 10px !important; border-radius: 12px !important;}
#redesignHeader .nav-logo img{height: 38px !important; width: auto !important; object-fit: contain !important; display: block !important;}
#redesignHeader .mob-menu{position: fixed !important; inset: 0px 0px 0px auto !important; width: min(88vw, 360px) !important; display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 78px 16px 16px !important; background: var(--brand-dark) !important; border-left: 1px solid rgba(255, 255, 255, 0.07) !important; overflow: auto !important; transform: translateX(105%) !important; opacity: 0 !important; pointer-events: none !important; transition: transform 0.25s, opacity 0.25s !important; z-index: 1000007 !important;}
#redesignHeader .mob-menu.open{transform: translateX(0px) !important; opacity: 1 !important; pointer-events: auto !important;}
#redesignHeader .mob-menu a{color: rgba(255, 255, 255, 0.86) !important; text-decoration: none !important; padding: 11px 12px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 600 !important; display: flex !important; align-items: center !important; justify-content: space-between !important;}
#redesignHeader .mob-menu a:hover{background: rgba(255, 255, 255, 0.08) !important; color: var(--yellow-light) !important;}
}
#redesignHeader *{margin: 0px; padding: 0px; box-sizing: border-box;}
#redesignHeader ul,#redesignHeader  li{list-style: none !important; padding-left: 0px !important;}
#redesignHeader .btn{display: inline-flex; align-items: center; gap: 8px; padding: 13px 28px; border-radius: var(--radius-sm); font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; cursor: pointer; text-decoration: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: var(--tr); white-space: nowrap;}
#redesignHeader .btn-sm{padding: 9px 18px; font-size: 13px;}
#redesignHeader .btn-orange{box-shadow: rgba(232, 98, 10, 0.3) 0px 4px 18px; background: none rgb(255, 231, 110) !important; color: rgb(13, 27, 42) !important;}
#redesignHeader .btn-orange:hover{transform: translateY(-2px); box-shadow: rgba(232, 98, 10, 0.45) 0px 8px 28px;}
#redesignHeader .info-actions .btn-orange,#redesignHeader  .info-bar a.btn-orange{background: none rgb(131, 90, 255) !important; color: rgb(255, 255, 255) !important; font-weight: 700 !important; box-shadow: rgba(131, 90, 255, 0.35) 0px 4px 18px !important;}
#redesignHeader .info-actions .btn-orange:hover,#redesignHeader  .info-bar a.btn-orange:hover{background: none rgb(112, 70, 238) !important; color: rgb(255, 255, 255) !important;}
@keyframes shared-home-tickerScroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
#redesignHeader .info-bar{background: rgb(13, 27, 42); padding: 8px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
#redesignHeader .info-bar-inner{display: flex; align-items: center; justify-content: space-between; max-width: 1240px; margin: 0px auto; padding: 0px 24px; gap: 16px; flex-wrap: wrap;}
#redesignHeader .main-nav{background: var(--brand); position: relative; top: auto; z-index: 10; transition: var(--tr); box-shadow: rgba(39, 50, 114, 0.35) 0px 2px 20px;}
#redesignHeader .nav-inner{display: flex; align-items: center; justify-content: space-between; max-width: 1240px; margin: 0px auto; padding: 0px 24px; height: 66px;}
#redesignHeader .nav-logo{display: flex; align-items: center; gap: 12px; text-decoration: none;}
#redesignHeader .nav-links{display: flex; align-items: center; gap: 1px; margin: 0px; padding: 0px;}
#redesignHeader .nav-links li{position: relative; list-style: none !important;}
#redesignHeader .nav-links li a{color: rgb(0, 0, 0); text-decoration: none; font-size: 13px; font-weight: 500; padding: 8px 11px; border-radius: 6px; display: block; transition: var(--tr);}
#redesignHeader .nav-links li a:hover,#redesignHeader  .nav-links li a.active-page{color: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.04);}
#redesignHeader .nav-links .hdd > a::after{content: none;}
#redesignHeader .dropdown{position: absolute; top: calc(100% + 6px); left: 0px; background: rgb(255, 255, 255); min-width: 210px; border-radius: var(--radius-md); box-shadow: var(--shadow-lg); padding: 8px 0px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: var(--tr); border-top: 3px solid var(--orange);}
#redesignHeader .hdd:hover .dropdown{opacity: 1; visibility: visible; transform: translateY(0px);}
#redesignHeader .dropdown a{font-size: 13px; padding: 10px 18px; display: block; transition: var(--tr); color: var(--gray-800) !important;}
#redesignHeader .dropdown a:hover{padding-left: 22px; color: var(--orange) !important; background: var(--orange-pale) !important;}
#redesignHeader .nav-right{display: flex; align-items: center; gap: 10px;}
#redesignHeader .info-actions{display: flex; align-items: center; gap: 10px; margin-left: auto; min-width: clamp(320px, 26vw, 500px); justify-content: flex-start;}
#redesignHeader .info-actions .btn{min-height: 34px; padding: 8px 18px;}
#redesignHeader .hamburger{display: none; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 4px;}
#redesignHeader .hamburger span{display: block; width: 22px; height: 2px; background: rgb(255, 255, 255); margin: 4px 0px; transition: var(--tr);}
#redesignHeader .mob-menu{display: none; background: var(--brand-dark); border-top: 1px solid rgba(255, 255, 255, 0.07); padding: 16px 20px; flex-direction: column; gap: 2px;}
#redesignHeader .mob-menu a{color: rgba(255, 255, 255, 0.8); text-decoration: none; padding: 11px 14px; border-radius: 6px; font-size: 14px; display: block; transition: var(--tr);}
#redesignHeader .mob-menu a:hover{background: rgba(255, 255, 255, 0.08); color: var(--yellow-light);}
#redesignHeader .mob-menu.open{display: flex;}
@media (max-width: 768px) {#redesignHeader .info-bar{display: none;}
#redesignHeader .nav-links,#redesignHeader  .nav-right{display: none;}
#redesignHeader .hamburger{display: block;}
}
@media (min-width: 769px) {#redesignHeader{position: relative; top: auto; z-index: 10; background: rgb(13, 27, 42); width: 100%; box-shadow: rgba(13, 27, 42, 0.18) 0px 4px 25px;}
#redesignHeader .header-container{display: flex; align-items: stretch; max-width: 100%; margin: 0px auto; background: rgb(13, 27, 42); position: relative;}
#redesignHeader .header-content-box{flex: 1 1 0%; display: flex; flex-direction: column; min-width: 0px;}
#redesignHeader .header-logo-box{background: rgb(255, 255, 255); padding: 0px 15px 0px 24px; display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; z-index: 10; position: relative; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#redesignHeader .header-logo-box::after{content: ""; position: absolute; bottom: 0px; right: -60px; width: 60px; height: 66px; background: rgb(255, 255, 255); border-top-right-radius: 60px 66px; z-index: 10; pointer-events: none;}
#redesignHeader .nav-logo-white{display: flex; align-items: center; text-decoration: none; height: 80px; position: relative; z-index: 2;}
#redesignHeader .nav-logo-white img{height: 80px; width: auto; display: block; object-fit: contain;}
#redesignHeader .info-bar{background: rgb(255, 255, 255); padding: 8px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: relative; z-index: 2;}
#redesignHeader .info-bar-inner{max-width: 100%; margin: 0px; padding: 0px 24px;}
#redesignHeader .main-nav{background: var(--brand); position: relative; top: auto; box-shadow: none; z-index: auto; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#redesignHeader .nav-inner{width: 100%; max-width: 100%; margin: 0px; padding: 0px 24px 0px 80px; height: 66px; display: flex; align-items: center; justify-content: space-between;}
#redesignHeader .nav-inner .nav-logo{display: none !important;}
}
@media (min-width: 769px) and (max-width: 1550px) {#redesignHeader .info-bar-inner{flex-wrap: nowrap;}
#redesignHeader .info-actions{min-width: auto; flex-shrink: 0; justify-content: flex-end;}
#redesignHeader .nav-inner{padding: 0px 12px 0px 58px; justify-content: flex-start;}
#redesignHeader .nav-links{flex: 1 1 0%; min-width: 0px; justify-content: flex-start; gap: 0px;}
#redesignHeader .nav-links li a{font-size: 11.5px; padding: 8px 6px; white-space: nowrap;}
#redesignHeader .nav-right{margin-left: auto;}
}
@media (max-width: 768px) {#redesignHeader .header-logo-box{display: none !important;}
#redesignHeader{position: sticky; top: 0px; z-index: 1000;}
#redesignHeader .main-nav{position: relative; box-shadow: none; width: 100%; background: var(--brand);}
}
#redesignHeader .dropdown{border-top-color: rgb(131, 90, 255) !important;}
#redesignHeader .event-arrows{display: inline-flex; flex-direction: row; gap: 2px; align-items: center; margin-right: 4px;}
#redesignHeader .event-arrow{font-size: 13px; color: rgb(131, 90, 255); text-shadow: rgba(131, 90, 255, 0.4) 0px 0px 5px;}
#redesignHeader .event-arrow-3{animation: 1.5s ease-in-out 0s infinite normal none running shared-home-moveLeftRightEvent;}
@keyframes shared-home-moveLeftRightEvent { 
  0% { transform: translateX(0px); }
  50% { transform: translateX(6px); }
  100% { transform: translateX(0px); }
}
#redesignHeader .event-text-shine{position: relative; overflow: hidden; animation: 2.4s ease-in-out 0s infinite normal none running shared-home-eventBoxAttention;}
@keyframes shared-home-eventBoxAttention { 
  0%, 100% { border-color: rgb(230, 201, 79); box-shadow: rgba(131, 90, 255, 0) 0px 0px 0px 0px, rgba(230, 201, 79, 0.35) 0px 0px 8px; }
  50% { border-color: rgb(131, 90, 255); box-shadow: rgba(131, 90, 255, 0.18) 0px 0px 0px 3px, rgba(131, 90, 255, 0.45) 0px 0px 16px; }
}
#redesignHeader .event-text-shine::after{content: ""; position: absolute; top: 0px; left: -100%; width: 60%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-20deg); animation: 6s ease-in-out 0s infinite normal none running shared-home-shineLeftToRight;}
@keyframes shared-home-shineLeftToRight { 
  0% { left: -100%; }
  40% { left: 200%; }
  100% { left: 200%; }
}
@media (min-width: 769px) {#redesignHeader .nav-inner{width: 100% !important; max-width: 100% !important; margin: 0px !important; padding: 0px 24px 0px 80px !important; height: 66px !important; justify-content: space-between !important;}
#redesignHeader .nav-links{display: flex !important; align-items: center !important; flex: 1 1 auto !important; gap: 1px !important; margin: 0px !important; padding: 0px !important;}
#redesignHeader .nav-links li > a{padding: 8px 11px !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important;}
#redesignHeader .nav-right{display: flex !important; align-items: center !important; gap: 10px !important; margin-left: auto !important; flex-shrink: 0 !important;}
 #redesignHeader .info-actions .btn{min-height: 34px !important; padding: 8px 18px !important;}
#redesignHeader .info-bar-inner{width: 100% !important; max-width: 100% !important; margin: 0px !important; padding: 0px 24px !important; gap: 16px !important;}
#redesignHeader .info-actions{display: flex !important; align-items: center !important; gap: 10px !important; margin-left: auto !important; min-width: clamp(320px, 26vw, 500px) !important; justify-content: flex-start !important;}
}
@media (min-width: 769px) and (max-width: 1550px) {#redesignHeader .info-bar-inner{flex-wrap: nowrap !important;}
#redesignHeader .info-actions{min-width: auto !important; flex-shrink: 0 !important; justify-content: flex-end !important;}
}
@media (max-width: 768px) {#redesignHeader .nav-inner{gap: 8px !important; padding-left: 0px !important; padding-right: 0px !important;}
#redesignHeader .nav-logo{flex-shrink: 1; max-width: 90px;}
#redesignHeader .hamburger{flex-shrink: 0;}
}
#redesignHeader{position: sticky; z-index: 1000; top: 0px !important;}
#redesignHeader .header-container, #redesignHeader .nav-inner{transition: min-height 0.25s, height 0.25s;}
#redesignHeader .nav-logo-white{width: 170px; transition: height 0.25s;}
#redesignHeader .nav-logo-white img{transform-origin: left center; transition: transform 0.25s;}
#redesignHeader.is-compact .header-container{min-height: 80px;}
#redesignHeader.is-compact .nav-inner{min-height: 66px; height: auto !important;}
#redesignHeader.is-compact .nav-logo-white{height: 60px !important;}
#redesignHeader.is-compact .nav-logo-white img{transform: scale(0.75);}
@media (max-width: 768px) {#redesignHeader .nav-logo{transition: transform 0.25s; transform-origin: left center;}
#redesignHeader.is-compact .header-container, #redesignHeader.is-compact .nav-inner{min-height: 60px;}
#redesignHeader.is-compact .nav-inner{height: 60px !important;}
#redesignHeader.is-compact .nav-logo{transform: scale(0.85);}
}
@media (prefers-reduced-motion: reduce) {#redesignHeader .header-container, #redesignHeader .nav-inner, #redesignHeader .nav-logo, #redesignHeader .nav-logo-white, #redesignHeader .nav-logo-white img{transition: none;}
}
#redesignHeader{background: rgb(235, 248, 250) !important;}
#redesignHeader .redesign-topbar{width: 100%; background: rgb(221, 244, 247);}
#redesignHeader .redesign-topbar-inner{width: 80%; max-width: 1500px; min-height: 56px; margin: 0px auto; padding: 0px; display: flex; align-items: center; justify-content: space-between; gap: 24px; box-sizing: border-box;}
#redesignHeader .header-container{width: 80%; max-width: 1500px; margin: 0px auto; background: rgb(235, 248, 250) !important;}
#redesignHeader .header-logo-box{padding-left: 0px;}
#redesignHeader .info-bar-inner{flex-wrap: wrap !important;}
#redesignHeader .nav-inner{padding-left: 24px !important; padding-right: 0px !important;}
#redesignHeader .nav-links{flex-wrap: wrap;}
#redesignHeader .info-bar{display: none !important;}
#redesignHeader .header-logo-box{background: transparent; padding-right: 40px;}
#redesignHeader .header-logo-box::after{display: none;}
#redesignHeader .header-container{align-items: center; min-height: 126px;}
#redesignHeader .nav-links{justify-content: space-between;}
#redesignHeader .nav-links > li > a{font-size: 15px !important; font-weight: 700 !important; padding: 8px 10px !important;}
#redesignHeader .nav-inner{gap: 24px;}
#redesignHeader .redesign-join{display: inline-flex; align-items: center; justify-content: center; gap: 12px; background: rgb(131, 90, 255); color: rgb(255, 255, 255); border-radius: 40px; padding: 8px 26px; font-size: 16px; font-weight: 700; text-decoration: none; white-space: nowrap;}
#redesignHeader .hdd:focus-within > .dropdown{opacity: 1; visibility: visible; transform: translateY(0px);}
@media (min-width: 769px) and (max-width: 1350px) {#redesignHeader .header-logo-box{padding-right: 12px;}
#redesignHeader .nav-inner{min-height: 100px; gap: 12px; height: auto !important;}
#redesignHeader .nav-links > li > a{font-size: 13px !important; padding: 8px 6px !important;}
#redesignHeader .redesign-join{padding: 7px 18px; font-size: 14px;}
}
@media (max-width: 768px) {#redesignHeader .header-container{min-height: 80px;}
#redesignHeader .nav-right{display: none !important;}
}
@media (max-width: 768px) {#redesignHeader .redesign-topbar-inner, #redesignHeader .header-container{width: 94%;}
}
#redesignHeader .redesign-topbar-socials,#redesignHeader  .redesign-topbar-links{display: flex; align-items: center; gap: 14px;}
#redesignHeader .redesign-topbar a,#redesignHeader  .redesign-topbar button{color: rgb(13, 27, 42); text-decoration: none; white-space: nowrap; font: 700 13px / 1.2 Arial, sans-serif;}
#redesignHeader .redesign-topbar button{border: 0px; background: transparent; padding: 0px;}
#redesignHeader .redesign-topbar .topbar-icon,#redesignHeader  .redesign-topbar .topbar-login{color: rgb(131, 90, 255);}
#redesignHeader .redesign-topbar-socials a,#redesignHeader  .redesign-topbar-socials button{font-size: 15px;}
#redesignHeader .redesign-topbar-links{gap: 20px;}
#redesignHeader .redesign-topbar-links > a[href$="events.html"]::after, #redesignHeader .nav-links .hdd > a[href$="join-ioh.html"]::after, #redesignHeader .mob-menu > a[href$="join-ioh.html"]:not(.redesign-join)::after{content: ""; display: inline-block; width: 0px; height: 0px; margin-left: 7px; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid;}
#redesignHeader .redesign-topbar-links > a[href$="contact.html"],#redesignHeader  .redesign-topbar-links > a[href$="news.html"],#redesignHeader  .redesign-topbar-links > a[href$="events.html"],#redesignHeader  .redesign-topbar-links > a[href$="reports.html"],#redesignHeader  .redesign-topbar-links > a[href$="tourism.html"]{font-size: 14px;}
#redesignHeader .redesign-topbar #header-latest-event{flex-shrink: 0; margin: 0px !important; align-self: center !important;}
#redesignHeader .redesign-topbar #header-latest-event .text{background: linear-gradient(90deg, rgb(131, 90, 255) 0%, rgb(160, 120, 255) 50%, rgb(112, 68, 222) 100%) !important;}
#redesignHeader .redesign-topbar #header-latest-event .event-arrow{color: rgb(131, 90, 255) !important;}
#redesignHeader .redesign-topbar #header-latest-event .text{font-size: 11px; height: 32px !important; line-height: 32px !important; margin: 0px !important; width: 240px !important; max-width: 240px !important;}
#redesignHeader .redesign-topbar a:hover{color: rgb(131, 90, 255);}
@media (max-width: 1200px) {#redesignHeader .redesign-topbar-inner{padding: 12px 0px; flex-wrap: wrap; gap: 14px;}
#redesignHeader .redesign-topbar-links{flex-wrap: wrap; gap: 16px;}
}
@media (max-width: 600px) {#redesignHeader .redesign-topbar-inner{justify-content: center;}
#redesignHeader .redesign-topbar-links{justify-content: center; gap: 12px;}
#redesignHeader .redesign-topbar-links a{font-size: 12px;}
}
#redesignHeader .dropdown{border-top-color: rgb(131, 90, 255) !important;}
#redesignHeader .main-nav,#redesignHeader  .mob-menu{background: rgb(235, 248, 250) !important;}
@media (max-width: 900px) {#redesignHeader .header-container{background: rgb(235, 248, 250) !important;}
#redesignHeader .hamburger span{background: var(--navy) !important;}
#redesignHeader .mob-vision-btn{display: flex !important;}
}

#site-chrome-header {position:sticky!important;top:0!important;z-index:10000!important;width:100%;transform:none!important;}
#site-chrome-header > #redesignHeader {position:relative!important;top:0!important;}

/* Neutralize decorative pieces supplied by the former shared header. */
#redesignHeader .main-nav::before {content:none!important;display:none!important;}
#redesignHeader {font-family:Inter,Arial,sans-serif;}


/* Shared inner-page mobile drawer: viewport height and readable links. */
@media (max-width: 768px) {
  #site-chrome-header {
    /* A transform hint creates a containing block for fixed descendants. */
    will-change: auto !important;
  }
  #site-chrome-header #redesignHeader .mob-menu {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    padding: calc(64px + env(safe-area-inset-top, 0px)) 16px calc(24px + env(safe-area-inset-bottom, 0px)) !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    box-shadow: -8px 0 32px rgba(13, 27, 42, 0.18);
  }
  #site-chrome-header #redesignHeader .mob-menu a {
    color: #0D1B2A !important;
    flex-shrink: 0;
    min-height: 44px;
  }
  #site-chrome-header #redesignHeader .mob-menu a:hover,
  #site-chrome-header #redesignHeader .mob-menu a:focus-visible,
  #site-chrome-header #redesignHeader .mob-menu a.active-page {
    color: #5632B4 !important;
    background: #E1D8FF !important;
  }
  #site-chrome-header #redesignHeader .mob-menu a.redesign-join {
    color: #FFFFFF !important;
    background: #7044DE !important;
    justify-content: center !important;
  }
  #site-chrome-header #redesignHeader:has(.mob-menu.open) .hamburger {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top, 0px)) !important;
    right: 16px !important;
    width: 44px;
    height: 44px;
    padding: 11px;
  }
  #site-chrome-header #redesignHeader:has(.mob-menu.open) .hamburger span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
  #site-chrome-header #redesignHeader:has(.mob-menu.open) .hamburger span:nth-child(2) {
    opacity: 0;
  }
  #site-chrome-header #redesignHeader:has(.mob-menu.open) .hamburger span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
}