:root{
  --bg:#050505;
  --panel:#0b0b0b;
  --text:#f2f0eb;
  --muted:#aaa7a0;
  --gold:#d7b56a;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
.zhova-blog-hero{
  width:min(1360px,calc(100% - 48px));
  margin:0 auto;
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:64px;
  padding:58px 0;
  background:var(--bg);
  color:var(--text);
  overflow:hidden;
}
.zhova-blog-copy{max-width:650px}
.zhova-blog-kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 24px;
  color:var(--gold);
  font:700 12px/1.2 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.zhova-blog-kicker:before{
  content:"";
  width:42px;
  height:1px;
  background:var(--gold);
}
.zhova-blog-title{
  margin:0;
  font:700 clamp(52px,6.2vw,94px)/.88 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:-.065em;
}
.zhova-blog-title .outline{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.35px rgba(255,255,255,.72);
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.zhova-blog-lead{
  max-width:610px;
  margin:30px 0 0;
  color:var(--muted);
  font:400 17px/1.75 Arial,Helvetica,sans-serif;
}
.zhova-blog-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}
.zhova-blog-meta span{
  border:1px solid var(--line);
  padding:9px 12px;
  color:#d8d5cf;
  font:600 10px/1 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:border-color .25s,background .25s,color .25s,transform .25s;
}
.zhova-blog-meta span:hover{
  border-color:rgba(215,181,106,.48);
  background:#101010;
  color:var(--text);
  transform:translateY(-2px);
}
.zhova-blog-visual{
  position:relative;
  min-height:510px;
  display:grid;
  place-items:center;
}
.zhova-blog-visual:before{
  content:"";
  position:absolute;
  width:78%;
  aspect-ratio:1;
  border:1px solid rgba(215,181,106,.13);
  border-radius:50%;
  transform:rotate(-12deg) scaleY(.52);
}
.zhova-blog-image{
  position:relative;
  width:100%;
  max-width:700px;
  display:block;
  border:1px solid rgba(215,181,106,.2);
  box-shadow:0 28px 80px rgba(0,0,0,.5);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),border-color .3s;
}
.zhova-blog-visual:hover .zhova-blog-image{
  transform:translateY(-6px) scale(1.012);
  border-color:rgba(215,181,106,.42);
}
.zhova-blog-image-label{
  position:absolute;
  right:4%;
  bottom:8%;
  padding:10px 13px;
  border:1px solid rgba(215,181,106,.35);
  background:rgba(5,5,5,.78);
  backdrop-filter:blur(8px);
  color:var(--gold);
  font:700 10px/1 "Bricolage Grotesque",Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .zhova-blog-hero{
    grid-template-columns:1fr;
    gap:34px;
    padding:42px 0;
    min-height:auto;
  }
  .zhova-blog-copy{max-width:none}
  .zhova-blog-visual{min-height:390px}
}
@media(max-width:560px){
  .zhova-blog-hero{width:min(100% - 28px,1360px);padding:32px 0}
  .zhova-blog-title{font-size:clamp(48px,15vw,68px)}
  .zhova-blog-lead{font-size:15px;line-height:1.65}
  .zhova-blog-visual{min-height:300px}
}
@media(prefers-reduced-motion:reduce){
  .zhova-blog-image,.zhova-blog-meta span{transition:none}
  .zhova-blog-visual:hover .zhova-blog-image{transform:none}
}