.page-hero--visual,
.trust-hero--visual,
.blog-hero--visual{
  position:relative;
  display:flex;
  min-height:clamp(580px,72vh,760px);
  align-items:center;
  overflow:hidden;
  padding:0;
  isolation:isolate;
  background:radial-gradient(circle at 82% 42%,#20221e 0%,#090b09 58%);
}
.page-hero--visual::before,
.trust-hero--visual::before,
.blog-hero--visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,7,6,.97) 0%,rgba(5,7,6,.9) 34%,rgba(5,7,6,.6) 56%,rgba(5,7,6,.2) 76%,rgba(5,7,6,.38) 100%),
    linear-gradient(0deg,rgba(5,7,6,.52),transparent 38%);
  pointer-events:none;
}
.page-hero--visual .container,
.trust-hero--visual .container,
.blog-hero--visual .container{
  position:static;
  z-index:auto;
  display:block;
}
.main-hero-copy{
  position:relative;
  z-index:2;
  max-width:min(720px,62%);
  min-width:0;
  padding:clamp(7.5rem,13vh,10rem) 0 clamp(5.5rem,10vh,8rem);
  text-shadow:0 3px 28px rgba(0,0,0,.55);
}
.main-hero-copy h1{color:#fff}
.main-hero-copy p{color:rgba(255,255,255,.76)}
.main-hero-visual{
  position:absolute;
  inset:0;
  z-index:0;
  min-width:0;
  margin:0;
}
.main-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right center;
}

.focused-path-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border-radius:8px;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.focused-path-card:hover{
  transform:translateY(-4px);
  border-color:rgba(201,168,76,.72);
  box-shadow:0 18px 40px rgba(25,22,14,.12);
}
.focused-path-card>img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  padding:0;
  object-fit:cover;
  background:#171713;
}
.focused-path-card>div{
  display:flex;
  min-height:118px;
  flex:1;
  flex-direction:column;
  justify-content:space-between;
  gap:1rem;
}

.detail-content{min-width:0}
.detail-content .detail-table{
  display:block;
  max-width:100%;
  overflow-x:auto;
}
.detail-editorial-visual{
  margin:1.75rem 0 2.25rem;
  overflow:hidden;
  border:1px solid var(--gray-200);
  border-radius:12px;
  background:#171713;
  box-shadow:0 18px 42px rgba(22,20,14,.12);
}
.detail-editorial-visual img{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}
.detail-editorial-visual--generated img{object-position:66% center}
.detail-editorial-visual figcaption{
  padding:.85rem 1rem;
  background:#fff;
  color:var(--text-muted);
  font-size:.78rem;
  line-height:1.55;
}

@media(max-width:900px){
  .page-hero--visual,
  .trust-hero--visual,
  .blog-hero--visual{min-height:clamp(620px,84vh,820px)}
  .page-hero--visual::before,
  .trust-hero--visual::before,
  .blog-hero--visual::before{
    background:
      linear-gradient(90deg,rgba(5,7,6,.94) 0%,rgba(5,7,6,.78) 58%,rgba(5,7,6,.38) 100%),
      linear-gradient(0deg,rgba(5,7,6,.72),transparent 46%);
  }
  .main-hero-copy{max-width:min(680px,78%)}
  .main-hero-visual img{object-position:center top}
}

@media(max-width:640px){
  .page-hero--visual,
  .trust-hero--visual,
  .blog-hero--visual{
    min-height:clamp(660px,88svh,790px);
    align-items:flex-end;
  }
  .page-hero--visual::before,
  .trust-hero--visual::before,
  .blog-hero--visual::before{
    background:
      linear-gradient(0deg,rgba(5,7,6,.99) 0%,rgba(5,7,6,.94) 58%,rgba(5,7,6,.32) 84%,rgba(5,7,6,.12) 100%),
      linear-gradient(90deg,rgba(5,7,6,.42),rgba(5,7,6,.08));
  }
  .main-hero-copy{
    max-width:none;
    padding:clamp(17rem,73vw,19rem) 0 4.5rem;
    text-shadow:0 3px 24px rgba(0,0,0,.7);
  }
  .focused-path-card>div{min-height:105px}
  .detail-editorial-visual{margin:1.35rem 0 1.8rem;border-radius:8px}
  .detail-editorial-visual img{aspect-ratio:4/3}
}