/* ============================================================
   Golden Paper style motion layer (Wave-21)
   Reference: goldenpapergroup.com
   - menu: 3D unfold (rotateX 90 -> 0, origin top), underline grows
     to 80% on hover
   - sections: WOW-style fadeInUp with staggered delays
   jQuery-free. The hidden .g-reveal state is only added by
   ty_motion-3d57ac8d74.js, so a browser without JS sees the plain page.
   ============================================================ */

:root{--g-blue:#163A5F;--g-blue-hover:#0F2B47;--g-ease:cubic-bezier(.2,.6,.3,1)}

/* --- 1. Nav underline, golden: width 0 -> 80%, 3px bar -------- */
.header__menu-item .header__menu__expand-title{position:relative}
.header__menu-item .header__menu__expand-title::after{
  content:"";position:absolute;left:0;right:0;margin-inline:auto;bottom:12px;width:0;height:3px;
  border-radius:2px;background:var(--g-blue);transition:width .3s var(--g-ease);
}
.header__menu-item:hover .header__menu__expand-title::after,
.header__menu-item:focus-within .header__menu__expand-title::after{width:80%}
.header__menu-item:hover .header__menu__expand-title,
.header__menu-item:hover .header__menu__expand-title__text{color:var(--g-blue)}

/* --- 2. Dropdowns: golden 3D unfold --------------------------- */
.header__menu-expand__dropdown{transform-origin:50% 0}
.header__menu-item:not(:hover):not(:focus-within)>.header__menu-expand__dropdown:not(.ty-mega){
  transform:perspective(1600px) rotateX(-88deg);
}
.header__menu-item>.header__menu-expand__dropdown:not(.ty-mega){
  transition:transform .4s var(--g-ease),opacity .3s var(--g-ease),visibility .3s;
}

/* --- 3. Scroll reveal (WOW fadeInUp + stagger) ----------------- */
.g-reveal{opacity:0;transform:translateY(28px);
  transition:opacity .6s var(--g-ease),transform .6s var(--g-ease);
  transition-delay:var(--g-delay,0s)}
.g-reveal--in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .g-reveal{opacity:1;transform:none;transition:none}
  .header__menu-expand__dropdown{transition:none}
}

/* --- 4. Header shadow after scroll ----------------------------- */
#header-content{transition:box-shadow .25s var(--g-ease)}
#header-content.g-scrolled{box-shadow:0 6px 20px rgba(0,0,0,.10)}