/* ==========================================================================
   SERVICE-PAGE HERO · "Drawer" — the title panel runs full width; the Success Stories drawer (client cards that open a case) stays inset below it. Opened client = pressed into the drawer (same size and place). Appearance only, every rule scoped to #overview; content, links and behaviour 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:not(.ih){
  --d5ink:#0E1E35; --d5ink2:#2A3240; --d5mute:#4C525C; --d5slate:#5A606A;
  --d5sh:0,40,86;
  --d5p1:#FFFFFF; --d5p2:#FFFFFF; --d5p3:#FFFFFF;
  --d5gr:#EBEFF5;
  --d5t1:#D7DCE1; --d5t2:#DDE2E7; --d5t3:#E3E8ED; --d5well:#E8EDF2;
  --d5pi:max(75px, calc((100% - 1326px) / 2));
  --d5dx:calc(16px + clamp(26px, 3vw, 58px));
  --d5ip:clamp(34px, 5.6vh, 66px); --d5ib:clamp(32px, 4.8vh, 58px);
  --d5tk:26px; --d5wl:16px; --d5in:20px; --d5dt:14px; --d5db:18px; --d5lip:44px; --d5gb:clamp(24px, 4vh, 44px);
  --d5n:4; --d5pk:58px; --d5gp:12px;
  --k3-focus:#0E1E35;
  background:var(--d5gr);
  overflow:clip;
}
html body #overview#overview#overview:not(.ih) .k5-cor{ display:flex; flex-direction:column; background:transparent;
  padding:0 0 var(--d5gb); }
html body #overview#overview#overview:not(.ih) .k5-cor::before,
html body #overview#overview#overview:not(.ih) .k5-cor::after{ display:none; }
html body #overview#overview#overview:not(.ih) .k5-pan{ position:relative; z-index:2; box-sizing:border-box;
  width:auto; max-width:none; margin:0; padding:var(--d5ip) var(--d5pi) var(--d5ib);
  border-radius: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:not(.ih) .k5-say{ padding:0; }
html body #overview#overview#overview:not(.ih) .x9-lab{ font-size:15px; line-height:20px; font-weight:650; color:var(--d5ink2); letter-spacing:0; }
html body #overview#overview#overview:not(.ih) .x9-lede{ color:var(--d5mute); }
html body #overview#overview#overview:not(.ih) .x9-acts{ gap:14px 16px; }
html body #overview#overview#overview:not(.ih) a.x9-btn{ height:54px; padding:0 28px; border-radius:12px; background:#0760C6; color:#FFFFFF;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 1px 2px rgba(7,40,90,.18), 0 10px 20px -10px rgba(7,96,198,.55); }
html body #overview#overview#overview:not(.ih) a.x9-btn:hover{ background:#004EA6; color:#FFFFFF; }
html body #overview#overview#overview:not(.ih) a.x9-btn:active{ background:#003F8A; }
html body #overview#overview#overview:not(.ih) a.x9-lnk{ height:54px; padding:0 24px; border-radius:12px; color:var(--d5ink);
  font-size:16px; font-weight:700; text-decoration:none;
  background:linear-gradient(180deg, #FFFFFF 0, #F5F7FB 100%);
  box-shadow:inset 0 1px 0 #FFFFFF, 0 0 0 1px rgba(var(--d5sh),.10), 0 1px 2px rgba(var(--d5sh),.08), 0 8px 16px -10px rgba(var(--d5sh),.30);
  transition:background .2s ease; }
html body #overview#overview#overview:not(.ih) a.x9-lnk:hover{ color:var(--d5ink); text-decoration:none; transform:none;
  background:linear-gradient(180deg, #F5F7FB 0, #EDF0F4 100%); }
html body #overview#overview#overview:not(.ih) :is(a.x9-btn, a.x9-lnk):focus-visible{ outline:2px solid var(--d5ink); outline-offset:3px; }
html body #overview#overview#overview:not(.ih) .x9-micro{ align-items:baseline; font-size:15px; line-height:28px; color:var(--d5mute); }
html body #overview#overview#overview:not(.ih) .x9-micro span{ display:inline-flex; align-items:baseline; gap:6px; }
html body #overview#overview#overview:not(.ih) .x9-micro b{ font-size:21px; font-weight:800; color:var(--d5ink); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
html body #overview#overview#overview:not(.ih) .x9-micro i{ color:#ADB0B3; margin:0 16px; }
html body #overview#overview#overview:not(.ih) .sl-cl{ position:relative; z-index:1;
  margin:calc(-1 * var(--d5tk)) var(--d5dx) 0; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc{ --pad:var(--d5in); --gap:var(--d5gp); --peek:var(--d5pk); margin:0; padding:0; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp{ position:relative; width:auto; max-width:none; margin:0;
  padding:calc(var(--d5tk) + var(--d5dt)) calc(var(--d5wl) + var(--d5in)) calc(var(--d5db) + var(--d5lip));
  border-radius:0 0 16px 16px;
  background:
    linear-gradient(180deg, rgba(var(--d5sh),.12) 0, rgba(var(--d5sh),.08) var(--d5tk), rgba(var(--d5sh),.03) calc(var(--d5tk) + 18px), rgba(var(--d5sh),0) calc(var(--d5tk) + 48px)),
    linear-gradient(90deg, #EAEEF4 0, #F7FAFF 42%, #F1F6FB 100%) left top / var(--d5wl) 100% no-repeat,
    linear-gradient(270deg, #EAEEF4 0, #F7FAFF 42%, #F1F6FB 100%) right top / var(--d5wl) 100% no-repeat,
    #F7FAFF;
  box-shadow:0 2px 3px -1px rgba(var(--d5sh),.10), 0 10px 18px -10px rgba(var(--d5sh),.22), 0 0 10px -4px rgba(var(--d5sh),.16); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp::before{ content:""; position:absolute; z-index:0; pointer-events:none;
  top:0; left:var(--d5wl); right:var(--d5wl); bottom:calc(var(--d5lip) - 4px);
  background:
    linear-gradient(180deg, rgba(var(--d5sh),.20) 0, rgba(var(--d5sh),.14) var(--d5tk), rgba(var(--d5sh),.05) calc(var(--d5tk) + 18px), rgba(var(--d5sh),0) calc(var(--d5tk) + 48px)),
    linear-gradient(180deg, var(--d5t1) 0, var(--d5t2) 40%, var(--d5t3) 100%); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp::after{ content:""; display:block; position:absolute; z-index:1; pointer-events:none;
  left:-6px; right:-6px; bottom:0; height:var(--d5lip); border-radius:10px 10px 18px 18px;
  background:
    radial-gradient(60% 140% at 50% 0%, rgba(255,255,255,.9) 0, rgba(255,255,255,0) 74%),
    linear-gradient(180deg, #FFFFFF 0, #F9FBFF 26%, #F0F5FA 72%, #E9EDF3 100%);
  box-shadow:inset 0 -4px 6px -4px rgba(var(--d5sh),.12),
    0 -3px 6px -3px rgba(var(--d5sh),.20), 0 2px 3px -1px rgba(var(--d5sh),.14), 0 18px 26px -16px rgba(var(--d5sh),.36); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp > *{ position:relative; z-index:1; }
html body #overview#overview#overview:not(.ih) .sl-cl::after{ content:none; display:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-head{ display:flex; align-items:center; justify-content:flex-start; min-height:16px;
  margin:0; padding:0; background:none; box-shadow:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-t{ font-size:11px; line-height:16px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; color:#454B55; white-space:nowrap; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-t i{ display:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wrap{ position:relative; margin:12px calc(-1 * var(--d5in)) 0; padding:0; overflow:visible; -webkit-mask:none; mask:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-row{ padding:16px var(--d5in) 24px; margin:-16px 0 -24px; gap:var(--d5gp); scroll-padding-inline:var(--d5in);
  grid-template-rows:repeat(var(--d5r, 2), auto); grid-auto-columns:calc((100% + var(--d5in) - var(--d5pk) - var(--d5n) * var(--d5gp)) / var(--d5n)); }
html body #overview#overview#overview:not(.ih) .sl-cl::before{ content:""; position:absolute; z-index:2; pointer-events:none;
  top:0; bottom:var(--d5lip); left:var(--d5wl); right:var(--d5wl);
  box-shadow:inset 9px 0 9px -8px rgba(var(--d5sh),.20), inset -9px 0 9px -8px rgba(var(--d5sh),.20); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i{ position:relative; display:flex; align-items:center; gap:12px; min-height:62px; margin:0;
  padding:11px 12px 11px 12px; border:0; border-radius:12px; outline:0; background:#FFFFFF; color:var(--d5ink); text-align:left;
  box-shadow:0 0 0 1px rgba(var(--d5sh),.06), 0 1px 1px rgba(var(--d5sh),.06), 0 3px 6px -3px rgba(var(--d5sh),.16);
  transform:none; transition:background-color .2s ease, box-shadow .2s ease; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i::before,
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i::after,
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel::after{ display:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-m{ position:relative; flex:0 0 38px; width:38px; height:38px; margin:0; border-radius:10px;
  background:var(--k); color:#FFFFFF; font-size:12.5px; font-weight:800; letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 1px 2px rgba(var(--d5sh),.18); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-m .mp-v{ display:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-w{ display:flex; flex-direction:column; flex:1 1 auto; min-width:0; gap:2px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-nm{ font-size:15px; line-height:19px; font-weight:700; letter-spacing:-.01em; color:var(--d5ink);
  white-space:normal; overflow:visible; text-overflow:clip; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-s{ margin:0; font-size:13px; line-height:17px; font-weight:500; font-style:normal; color:var(--d5slate);
  white-space:normal; overflow:visible; text-overflow:clip; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-cue{ display:grid; place-items:center; flex:0 0 16px; width:16px; height:24px; margin:0 0 0 auto; padding:0;
  border:0; border-radius:0; background:none; box-shadow:none; color:#737882; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-tx{ color:inherit; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-ar{ width:14px; height:14px; color:inherit; stroke:currentColor; rotate:none; translate:none;
  transition:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-ar path{ stroke:currentColor; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i:hover{ background:#F4F6FA; transform:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i:hover .cc-cue{ color:var(--d5ink2); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i:hover .cc-ar{ translate:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i:focus-visible{ outline:2px solid var(--d5ink); outline-offset:2px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel,
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel:hover{ z-index:auto; transform:none; background:#E8EAEE;
  box-shadow:inset 0 2px 5px -1px rgba(var(--d5sh),.22), inset 0 1px 1px rgba(var(--d5sh),.10), inset 0 0 0 1px rgba(var(--d5sh),.07),
    0 1px 1px rgba(255,255,255,.55); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .mp-m{ box-shadow:inset 0 1px 2px rgba(0,0,0,.14); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .cc-nm{ font-weight:800; color:var(--d5ink); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .mp-s{ color:#474D57; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .cc-cue{ color:var(--d5ink); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .cc-ar{ rotate:90deg; translate:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-m .mp-v,
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel .mp-m .mp-v{ display:none !important; }
@media (forced-colors:active){
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i.is-sel{ outline:3px solid Highlight; outline-offset:2px; }
}
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-panel{ margin:18px 0 0; padding:0; background:none; border:0; box-shadow:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-panel::before,
html body #overview#overview:not(.ih) #q7#q7#q7.cc.is-open .mp-panel::before{ display:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-in{ padding:0 0 4px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-card{ margin:0; background:#FFFFFF; border:0; border-radius:14px; overflow:clip;
  box-shadow:0 0 0 1px rgba(var(--d5sh),.06), 0 1px 2px rgba(var(--d5sh),.07), 0 4px 10px -6px rgba(var(--d5sh),.18); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb{ display:flex; align-items:center; gap:8px; min-height:52px; margin:0; padding:4px 22px 0;
  font-size:14px; color:var(--d5slate); background:none; border:0; box-shadow:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb button{ min-height:44px; margin-left:-10px; padding:0 10px; border-radius:8px; border:0;
  background:none; color:var(--d5ink); font-size:14px; font-weight:650; text-decoration:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb button:hover{ background:#F0F2F6; color:var(--d5ink); text-decoration:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb i{ font-style:normal; color:#9C9FA2; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb b{ color:var(--d5ink); font-weight:700; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-body{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:26px; padding:6px 22px 22px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-who{ display:flex; align-items:center; gap:14px; margin:0 0 16px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wm{ width:48px; height:48px; margin:0; border-radius:12px; background:var(--k); color:#FFFFFF; font-size:15px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-who h3{ margin:0; font-size:22px; line-height:26px; font-weight:800; letter-spacing:-.02em; color:var(--d5ink); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc :is(.mp-trade, .mp-site){ font-size:14px; color:var(--d5slate); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip{ display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:10px; margin:0; border:0; background:none; overflow:visible; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s{ display:flex; flex-direction:column; gap:4px; margin:0; padding:14px 16px 15px; border:0; border-radius:12px;
  background:#F1F3F7; box-shadow:inset 0 1px 3px -1px rgba(var(--d5sh),.12), inset 0 0 0 1px rgba(var(--d5sh),.04); color:var(--d5mute); white-space:normal; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s em{ font-family:inherit; font-size:13px; line-height:16px; font-weight:700; font-style:normal;
  letter-spacing:0; text-transform:none; color:var(--d5mute); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s b{ margin-top:4px; font-size:30px; line-height:34px; font-weight:800; letter-spacing:-.02em; color:var(--d5ink); font-variant-numeric:tabular-nums; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s.is-txt b{ font-size:16px; line-height:22px; font-weight:700; letter-spacing:-.005em; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s i{ font-size:13px; font-style:normal; color:var(--d5mute); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s.is-now{ background:#E8EAEE;
  box-shadow:inset 0 2px 5px -1px rgba(var(--d5sh),.20), inset 0 1px 1px rgba(var(--d5sh),.09), inset 0 0 0 1px rgba(var(--d5sh),.07); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s.is-now :is(em, i){ color:#474D57; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s.is-now b{ color:var(--d5ink); font-weight:850; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:12px 16px; margin-top:18px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-cta{ display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-sup{ margin:0; font-size:13px; color:var(--d5slate); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-cta .q7-story.pw-go,
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-x{ display:inline-block; min-height:46px; height:auto; margin:0; padding:12px 18px; line-height:22px; border:0; border-radius:12px;
  color:var(--d5ink); font-size:15px; font-weight:700; text-decoration:none;
  background:linear-gradient(180deg, #FFFFFF 0, #F5F7FB 100%);
  box-shadow:inset 0 1px 0 #FFFFFF, 0 0 0 1px rgba(var(--d5sh),.11), 0 1px 2px rgba(var(--d5sh),.08), 0 6px 12px -9px rgba(var(--d5sh),.24);
  transition:background .2s ease; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-x{ margin-left:auto; font-size:14.5px; font-weight:650; color:var(--d5ink2); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc :is(.pw-cta .q7-story.pw-go, .mp-x):hover{ color:var(--d5ink); text-decoration:none; transform:none;
  background:linear-gradient(180deg, #F5F7FB 0, #EDF0F4 100%); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-go :is(.pw-end, svg){ color:inherit; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-go .pw-end{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; vertical-align:top; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-go svg{ stroke:currentColor; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc :is(.mp-crumb button, .mp-x, .pw-go):focus-visible{ outline:2px solid var(--d5ink); outline-offset:2px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-side{ padding:12px; border-radius:14px; background:#F1F3F7;
  box-shadow:inset 0 1px 3px -1px rgba(var(--d5sh),.12), inset 0 0 0 1px rgba(var(--d5sh),.04); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .q7-shot{ border:0; border-radius:8px; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story{ display:inline-flex; align-items:center; gap:8px; min-height:46px; height:auto;
  margin:0; padding:12px 18px; line-height:22px; border:0; border-radius:12px; color:var(--d5ink); font-size:15px; font-weight:700;
  text-decoration:none; white-space:nowrap;
  background:linear-gradient(180deg, #FFFFFF 0, #F5F7FB 100%);
  box-shadow:inset 0 1px 0 #FFFFFF, 0 0 0 1px rgba(var(--d5sh),.11), 0 1px 2px rgba(var(--d5sh),.08), 0 6px 12px -9px rgba(var(--d5sh),.24);
  transform:none; transition:background .2s ease; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story:hover{ color:var(--d5ink); text-decoration:none; transform:none;
  background:linear-gradient(180deg, #F5F7FB 0, #EDF0F4 100%); }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story svg{ flex:0 0 auto; color:inherit; stroke:currentColor; transform:none; translate:none; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story svg path{ stroke:currentColor; }
html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story:focus-visible{ outline:2px solid var(--d5ink); outline-offset:2px; }
@media (min-width:1860px){ html body #overview#overview#overview:not(.ih){ --d5n:6; } }
@media (min-width:1600px) and (max-width:1859px){ html body #overview#overview#overview:not(.ih){ --d5n:5; } }
@media (min-width:1000px) and (max-width:1269px){ html body #overview#overview#overview:not(.ih){ --d5n:3; } }
@media (min-width:761px) and (max-width:999px){ html body #overview#overview#overview:not(.ih){ --d5n:2; } }
@media (min-width:761px) and (max-width:999px) and (min-height:1100px){ html body #overview#overview#overview:not(.ih){ --d5r:3; } }
@media (max-width:1279px){
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-body{ grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
}
@media (min-width:761px) and (max-height:880px){
  html body #overview#overview#overview:not(.ih){ --d5ip:clamp(28px, 4.6vh, 40px); --d5ib:clamp(22px, 3.4vh, 30px);
    --d5tk:22px; --d5dt:12px; --d5db:14px; --d5lip:38px; --d5gb:18px; --d5gp:10px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wrap{ margin-top:10px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i{ min-height:58px; padding-top:9px; padding-bottom:9px; }
  html body #overview#overview#overview:not(.ih) .x9-micro{ margin-top:12px; }
}
@media (min-width:761px) and (max-height:740px){
  html body #overview#overview#overview:not(.ih){ --d5ip:clamp(26px, 4.2vh, 32px); --d5lip:34px; --d5gb:12px; }
}
@media (max-width:860px){
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-body{ grid-template-columns:minmax(0,1fr); gap:14px; padding:4px 16px 16px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-side{ order:2; display:block; padding:8px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .q7-shot{ width:100%; max-width:440px; margin-inline:auto; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb{ padding:4px 16px 0; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-head{ justify-content:center; }
}
@media (max-width:760px){
  html body #overview#overview#overview:not(.ih){ --d5pi:21px; --d5dx:15px;
    --d5ip:clamp(24px, 3.6vh, 36px); --d5ib:clamp(14px, 2.4vh, 24px);
    --d5tk:16px; --d5wl:9px; --d5in:10px; --d5dt:10px; --d5db:12px; --d5lip:24px; --d5gb:14px;
    --d5n:1; --d5pk:44px; --d5gp:8px; --d5r:1; }
  html body #overview#overview#overview:not(.ih) .x9-lab{ font-size:13px; line-height:17px; }
  html body #overview#overview#overview:not(.ih) .x9-t{ margin-top:12px; }
  html body #overview#overview#overview:not(.ih) .x9-lede{ margin-top:10px; }
  html body #overview#overview#overview:not(.ih) .x9-acts{ margin-top:16px; gap:4px; }
  html body #overview#overview#overview:not(.ih) a.x9-btn{ height:52px; width:100%; }
  html body #overview#overview#overview:not(.ih) a.x9-lnk{ height:44px; min-height:44px; padding:0 12px; background:none; box-shadow:none; color:var(--d5ink); }
  html body #overview#overview#overview:not(.ih) a.x9-lnk:hover{ transform:none; box-shadow:none; text-decoration:none; background:rgba(var(--d5sh),.05); }
  html body #overview#overview#overview:not(.ih) .x9-micro{ margin-top:6px; gap:0 14px; font-size:13.5px; line-height:20px; }
  html body #overview#overview#overview:not(.ih) .x9-micro b{ font-size:16px; }
  html body #overview#overview#overview:not(.ih) .x9-micro i{ display:none; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp{ border-radius:0 0 12px 12px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp::after{ left:-4px; right:-4px; border-radius:8px 8px 13px 13px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-t{ font-size:10.5px; line-height:14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-head{ min-height:14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wrap{ margin-top:8px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-row{ padding:12px var(--d5in) 18px; margin:-12px 0 -18px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i{ min-height:54px; gap:9px; padding:9px 8px 9px 9px; border-radius:11px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-m{ flex-basis:32px; width:32px; height:32px; border-radius:9px; font-size:11px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-nm{ font-size:14.5px; line-height:18px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-s{ font-size:12.5px; line-height:16px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-cue{ flex-basis:14px; width:14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-panel{ margin-top:12px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-body{ padding:2px 12px 14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-crumb{ padding:2px 12px 0; min-height:46px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-who h3{ font-size:19px; line-height:24px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wm{ width:42px; height:42px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s.is-txt{ grid-column:1 / -1; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-strip .mp-s b{ font-size:26px; line-height:30px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot{ margin-top:14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-cta{ flex:1 1 100%; align-items:stretch; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-cta .q7-story.pw-go{ display:block; width:100%; padding:12px 10px; text-align:center; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .pw-go .pw-end{ gap:6px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot > a.q7-story{ flex:1 1 100%; justify-content:center; width:100%; padding:12px 10px; white-space:normal; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-foot{ gap:4px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-x{ flex:1 1 100%; width:100%; min-height:44px; margin:0; padding:10px; text-align:center;
    background:none; box-shadow:none; color:var(--d5ink); font-weight:700; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-x:hover{ background:rgba(var(--d5sh),.05); box-shadow:none; }
}
@media (max-width:760px) and (min-height:830px){
  html body #overview#overview#overview:not(.ih){ --d5r:2; }
}
@media (max-width:760px) and (max-height:700px){
  html body #overview#overview#overview:not(.ih){ --d5ip:16px; --d5ib:10px; --d5tk:14px; --d5dt:6px; --d5db:8px; --d5lip:18px; --d5gb:6px; }
  html body #overview#overview#overview:not(.ih) .x9-t{ margin-top:6px; }
  html body #overview#overview#overview:not(.ih) .x9-lede{ margin-top:6px; }
  html body #overview#overview#overview:not(.ih) .x9-acts{ margin-top:12px; }
  html body #overview#overview#overview:not(.ih) .x9-micro{ margin-top:4px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-wrap{ margin-top:5px; }
}
@media (max-width:760px) and (min-height:701px) and (max-height:780px){
  html body #overview#overview#overview:not(.ih){ --d5ip:22px; --d5ib:14px; --d5lip:22px; --d5gb:10px; }
}
@media (min-width:540px) and (max-width:760px){
  html body #overview#overview#overview:not(.ih){ --d5n:2; --d5pk:52px; }
}
@media (min-width:540px) and (max-width:760px) and (min-height:900px){
  html body #overview#overview#overview:not(.ih){ --d5r:3; }
}
@media (max-width:359px){
  html body #overview#overview#overview:not(.ih){ --d5dx:13px; --d5wl:8px; --d5in:8px; --d5pk:30px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i{ gap:8px; padding:9px 7px 9px 8px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-m{ flex-basis:30px; width:30px; height:30px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .cc-nm{ font-size:14px; }
  html body #overview#overview:not(.ih) #q7#q7#q7.cc .mp-i .mp-s{ font-size:12px; }
}
@media (max-width:760px) and (min-height:500px) and (max-height:700px){
  html body #overview#overview#overview:not(.ih) .k5-pan{ display:flex; flex-direction:column; flex:0 0 auto; min-height:0;
    max-height:calc(91.5vh - 111px); padding-top:0; padding-bottom:0; }
  html body #overview#overview#overview:not(.ih) .k5-pan::before,
  html body #overview#overview#overview:not(.ih) .k5-pan::after{ content:""; display:block; flex:0 1 var(--d5ip); min-height:8px; }
  html body #overview#overview#overview:not(.ih) .k5-pan::after{ flex-basis:var(--d5ib); min-height:4px; }
  html body #overview#overview#overview:not(.ih) .k5-say{ display:flex; flex-direction:column; flex:0 0.048 auto; min-height:0; }
  html body #overview#overview#overview:not(.ih) .k5-say::before,
  html body #overview#overview#overview:not(.ih) .k5-say::after{ content:""; display:block; flex:0 1 6px; min-height:3px; order:1; }
  html body #overview#overview#overview:not(.ih) .k5-say::after{ flex-basis:12px; min-height:6px; order:3; }
  html body #overview#overview#overview:not(.ih) .x9-lab{ order:0; }
  html body #overview#overview#overview:not(.ih) .x9-t{ order:2; margin-top:0; }
  html body #overview#overview#overview:not(.ih) .x9-lede{ order:2; }
  html body #overview#overview#overview:not(.ih) .x9-acts{ order:4; margin-top:0; }
  html body #overview#overview#overview:not(.ih) .x9-micro{ order:4; }
}
@media (min-width:761px) and (max-height:839.98px){
  html body #overview#overview#overview:not(.ih){
    --d5pi:max(calc(68px + 7 * clamp(0px, (100vh - 600px) / 240, 1px)), calc((100% - 1326px) / 2)); }
}
@media (min-width:761px) and (max-height:800px){
  html body #overview#overview#overview:not(.ih) .x9-t{ margin-top:14px; }
  html body #overview#overview#overview:not(.ih) .x9-lede{ margin-top:12px; }
  html body #overview#overview#overview:not(.ih) .x9-acts{ margin-top:22px; }
}