/* ==========================================================================
   TEXT-PAGE HERO · "Drawer" — the title panel runs full width (these pages have no card rail). Appearance only, every rule scoped to #overview; content unchanged.
   Linked in <head> of the pages that use it, just before the short-screen layer (fold.css); edit this file directly; delete its <link> line to undo.
   ========================================================================== */
/* this hero sets its own short-screen geometry: --fq:1px keeps the site's short-screen layer (fold.css)
   at its original values inside #overview, so the two never compact the same boxes twice */
html body #overview#overview#overview{ --fq:1px; }
html body #overview#overview#overview#overview.ih{
  --d5ink:#0E1E35; --d5ink2:#2A3240; --d5mute:#4C525C;
  --d5sh:0,40,86;
  --d5p1:#FFFFFF; --d5p2:#FFFFFF; --d5p3:#FFFFFF;
  --d5gr:#EBEFF5;
  --d5pi:max(75px, calc((100% - 1326px) / 2));
  --d5ip:clamp(36px, 6vh, 72px); --d5ib:clamp(60px, 10.5vh, 128px);
  --d5gb:clamp(28px, 4.8vh, 52px);
  --d5hh:63vh;
  display:block; padding:0; margin:0;
  background:linear-gradient(180deg, var(--d5gr) 0, var(--d5gr) calc(100% - var(--d5gb)), #FFFFFF 100%);
  overflow:clip;
}
@supports (height:1svh){
  html body #overview#overview#overview#overview.ih{ --d5hh:63svh; }
}
html body #overview#overview#overview#overview.ih .k5-cor{ display:flex; flex-direction:column; box-sizing:border-box;
  min-height:var(--d5hh); margin:0; padding:0 0 var(--d5gb); background:transparent; border:0; box-shadow:none; }
html body #overview#overview#overview#overview.ih .k5-cor::before,
html body #overview#overview#overview#overview.ih .k5-cor::after{ content:none; display:none; }
html body #overview#overview#overview#overview.ih .k5-pan{ position:relative; z-index:2; box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:center; flex:1 1 auto;
  width:auto; max-width:none; margin:0; padding:var(--d5ip) var(--d5pi) var(--d5ib);
  border:0; border-radius:0; outline:0;
  background:
    radial-gradient(56% 130% at 50% 0%, rgba(255,255,255,.96) 0, rgba(255,255,255,0) 72%),
    linear-gradient(180deg, var(--d5p1) 0, var(--d5p2) 44%, var(--d5p3) 100%);
  box-shadow:
    inset 0 -4px 5px -3px rgba(var(--d5sh),.08),
    0 1px 2px rgba(var(--d5sh),.07),
    0 14px 22px -14px rgba(var(--d5sh),.30),
    0 34px 60px -40px rgba(var(--d5sh),.26); }
html body #overview#overview#overview#overview.ih .k5-pan::before,
html body #overview#overview#overview#overview.ih .k5-pan::after,
html body #overview#overview#overview#overview.ih .k5-say::before,
html body #overview#overview#overview#overview.ih .k5-say::after{ content:none; display:none; }
html body #overview#overview#overview#overview.ih .k5-say{ padding:0; margin:0; background:none; border:0; box-shadow:none; }
html body #overview#overview#overview#overview.ih .x9-lab{ font-size:15px; line-height:20px; font-weight:650; color:var(--d5ink2); letter-spacing:0; }
html body #overview#overview#overview#overview.ih .x9-lede{ color:var(--d5mute); }
@media (min-width:761px) and (max-height:880px){
  html body #overview#overview#overview#overview.ih{ --d5ip:clamp(28px, 5vh, 48px); --d5ib:clamp(48px, 8.6vh, 80px); --d5gb:clamp(22px, 3.6vh, 32px); }
}
@media (min-width:761px) and (max-height:839.98px){
  html body #overview#overview#overview#overview.ih{
    --d5pi:max(calc(68px + 7 * clamp(0px, (100vh - 600px) / 240, 1px)), calc((100% - 1326px) / 2)); }
}
@media (max-width:760px){
  html body #overview#overview#overview#overview.ih{ --d5pi:21px;
    --d5ip:clamp(24px, 4vh, 40px); --d5ib:clamp(44px, 8.4vh, 84px); --d5gb:clamp(18px, 3vh, 28px); }
  html body #overview#overview#overview#overview.ih .x9-lab{ font-size:13px; line-height:17px; }
}