.sec-hero .content-wrap .clipbox{position:relative}
.hl-field{position:absolute;top:0;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-composite:intersect}
.hl-logo{position:absolute;display:block;max-width:none;will-change:transform,opacity}

html.hero-layout-c .sec-hero .content-wrap .lede,
html.hero-layout-c .sec-hero .content-wrap .lede .sec-content{display:contents}
html.hero-layout-c .sec-hero .content-wrap .lede-head{order:0;margin:90px 0 0;text-align:center;padding:0 24px}
html.hero-layout-c .sec-hero .content-wrap .lede-head>*{margin-left:auto;margin-right:auto}
html.hero-layout-c .sec-hero .content-wrap .clipbox{order:1;margin-top:45px;margin-bottom:0}
html.hero-layout-c .sec-hero .content-wrap .lede-detail{order:2;align-self:center;margin-top:76px;margin-bottom:65px}
@media only screen and (max-width:1068px){
  html.hero-layout-c .sec-hero .content-wrap .clipbox{margin-top:46px}
  html.hero-layout-c .sec-hero .content-wrap .lede-detail{margin-bottom:50px}
}
@media only screen and (max-width:734px){
  html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:90px}
  html.hero-layout-c .sec-hero .content-wrap .clipbox{margin-top:10px}
  html.hero-layout-c .sec-hero .content-wrap .lede-detail{margin-top:24px;margin-bottom:0;width:87.5%}
}

html.hero-layout-c .sec-hero .head-badge,
html.hero-layout-c .sec-hero .head-badge strong{color:#0131ff}
html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:140px}
@media only screen and (max-width:1068px){html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:120px}}
@media only screen and (max-width:734px){html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:110px}}


@media only screen and (min-width:735px) and (max-width:1068px){
  html.hero-layout-c .sec-hero .content-wrap .clipbox{height:430px}
  html.hero-layout-c .sec-hero .content-wrap .lede-detail{margin-top:56px}
}

@supports (height:1svh){
@media only screen and (min-width:1069px){
  html.hero-layout-c .sec-hero{--fit-t:clamp(90px,calc(16.34svh - 29.3px),140px);--fit-g1:clamp(30px,calc(4.902svh - 5.78px),45px);
    --fit-g2:clamp(36px,calc(13.07svh - 59.4px),76px);--fit-b:clamp(24px,calc(2.614svh + 4.92px),32px)}
  html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:var(--fit-t)}
  html.hero-layout-c .sec-hero .content-wrap .clipbox{margin-top:var(--fit-g1);height:clamp(270px,calc(100svh - 274px - var(--fit-b) - var(--fit-t) - var(--fit-g1) - var(--fit-g2)),469px)}
  html.hero-layout-c .sec-hero .content-wrap .lede-detail{margin-top:var(--fit-g2)}
}
@media only screen and (min-width:735px) and (max-width:1068px){
  html.hero-layout-c .sec-hero{--fit-t:clamp(80px,calc(16.393svh - 35.2px),120px);--fit-g1:clamp(30px,calc(6.557svh - 16.1px),46px);
    --fit-g2:clamp(36px,calc(8.197svh - 21.6px),56px);--fit-b:clamp(24px,calc(3.279svh + .95px),32px)}
  html.hero-layout-c .sec-hero .content-wrap .lede-head{margin-top:var(--fit-t)}
  html.hero-layout-c .sec-hero .content-wrap .clipbox{margin-top:var(--fit-g1);height:clamp(270px,calc(100svh - 263px - var(--fit-b) - var(--fit-t) - var(--fit-g1) - var(--fit-g2)),430px)}
  html.hero-layout-c .sec-hero .content-wrap .lede-detail{margin-top:var(--fit-g2)}
}
}