.page-hero.has-page-visual{position:relative;min-height:650px;padding-top:128px;padding-bottom:68px;overflow:hidden}
.page-hero.has-page-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,10,.34),transparent 52%),radial-gradient(circle at 80% 50%,rgba(95,159,210,.09),transparent 34%)}
.page-hero.has-page-visual .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(44px,6vw,110px);align-items:center}
.page-hero.has-page-visual .breadcrumbs{grid-column:1/-1;grid-row:1;margin-bottom:32px}
.page-hero.has-page-visual .page-tag{grid-column:1;grid-row:2;justify-self:start;align-self:end;margin-bottom:22px}
.page-hero.has-page-visual h1{grid-column:1;grid-row:3;align-self:start;font-size:clamp(43px,4.2vw,66px)}
.page-hero.has-page-visual p{grid-column:1;grid-row:4;align-self:start;max-width:670px;margin-top:23px}
.page-hero-figure,.page-hero-editorial{grid-column:2;grid-row:2/5;position:relative;width:100%;height:clamp(360px,36vw,500px);margin:0;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:#0c1015;box-shadow:0 34px 80px rgba(0,0,0,.32)}
.page-hero-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,6,9,.72)),linear-gradient(100deg,rgba(6,8,11,.18),transparent 38%);pointer-events:none}
.page-hero-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero-figure img{object-position:center}



.page-hero-editorial{isolation:isolate;background:radial-gradient(circle at 75% 25%,rgba(87,143,190,.18),transparent 30%),linear-gradient(145deg,#121820,#080a0d)}
.page-hero-editorial:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}
.editorial-sheet{position:absolute;width:62%;height:69%;left:50%;top:45%;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#11161d;box-shadow:0 24px 55px rgba(0,0,0,.32)}
.editorial-sheet-back{transform:translate(-58%,-50%) rotate(-8deg);opacity:.42}
.editorial-sheet-mid{transform:translate(-52%,-50%) rotate(-3deg);opacity:.7}
.editorial-sheet-front{z-index:2;transform:translate(-46%,-50%) rotate(2deg);padding:32px;background:linear-gradient(150deg,#e9edf1,#bfc8d1);color:#11161b}
.editorial-sheet-front>span{display:block;margin-bottom:33px;color:#d41f32;font-size:11px;font-weight:700;letter-spacing:.12em}
.editorial-sheet-front>i{display:block;width:70%;height:5px;margin:12px 0;border-radius:5px;background:#87929c;opacity:.55}
.editorial-sheet-front>i:nth-of-type(2){width:90%}.editorial-sheet-front>i:nth-of-type(3){width:58%}.editorial-sheet-front>i:nth-of-type(4){width:82%}
.editorial-sheet-front svg{position:absolute;left:32px;right:32px;bottom:34px;width:calc(100% - 64px);height:32%;overflow:visible}
.editorial-sheet-front path{fill:none;stroke:#273644;stroke-width:3}.editorial-sheet-front circle{fill:#d41f32;stroke:#eef2f5;stroke-width:3}

@media(max-width:960px){
  .page-hero.has-page-visual{min-height:auto;padding-top:120px}
  .page-hero.has-page-visual .wrap{grid-template-columns:1fr;grid-template-rows:auto;gap:0}
  .page-hero.has-page-visual .breadcrumbs,.page-hero.has-page-visual .page-tag,.page-hero.has-page-visual h1,.page-hero.has-page-visual p,.page-hero-figure,.page-hero-editorial{grid-column:1;grid-row:auto}
  .page-hero.has-page-visual .page-tag{margin-bottom:18px}
  .page-hero.has-page-visual p{margin-top:20px}
  .page-hero-figure,.page-hero-editorial{height:390px;margin-top:38px}
}
@media(max-width:650px){
  .page-hero.has-page-visual{padding-top:108px;padding-bottom:48px}
  .page-hero.has-page-visual h1{font-size:40px}
  .page-hero-figure,.page-hero-editorial{height:290px;margin-top:30px;border-radius:20px}
  .page-hero-figure figcaption,.page-hero-editorial figcaption{left:18px;right:18px;bottom:15px;font-size:9px}
  .editorial-sheet-front{padding:22px}.editorial-sheet-front>span{margin-bottom:20px;font-size:9px}
  .editorial-sheet-front svg{left:22px;right:22px;bottom:23px;width:calc(100% - 44px)}
  .page-hero-figure img{object-position:center}
}
