body{opacity:0;transition:opacity .25s ease}
body.page-ready{opacity:1}
body.page-leave{opacity:0}

.page-hero{
  padding:44px 0 34px;
  position:relative;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,153,51,.20), rgba(0,0,0,0) 55%),
    linear-gradient(90deg, rgba(128,0,0,.10), rgba(255,255,255,0));
}
.page-hero .inner{position:relative}
.page-hero .meta{margin-top:10px}

.split{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  align-items:start;
}

.media-card{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(128,0,0,.10);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  background:#fff;
}
.media-card img{width:100%;height:100%;object-fit:cover;min-height:320px}

.media-card.media-card-sm img{
  min-height:280px;
  max-height:380px;
}

@media (max-width: 960px){
  .split{grid-template-columns:1fr}
  .media-card img{min-height:260px}
  .media-card.media-card-sm img{min-height:240px;max-height:320px}
}