.content-category-home{display:flex;align-items:center;color:#fff!important;text-decoration:none}
.content-hero{height:280px;position:relative;overflow:hidden;background:#111}
.content-hero>img{position:absolute;width:100%;height:100%;object-fit:cover}
.content-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808e8,#680008a8,transparent)}
.content-hero .shell{height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;color:#fff}
.content-hero span{color:#ff5962;font-size:10px;font-weight:900;letter-spacing:1.7px}
.content-hero h1{margin:8px 0;font:800 clamp(34px,4vw,58px) "Manrope"}
.content-hero p{margin:0;color:#ddd;font-size:12px}
.content-hero a{color:#fff;text-decoration:none}

.content-body{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start;padding-block:75px}
.content-body article{position:relative}
.content-body article .kicker{color:var(--green,#e30613)}
.content-body article h2{max-width:700px;margin:10px 0 22px;font:800 clamp(30px,3vw,46px)/1.12 "Manrope";letter-spacing:-1.5px}
.content-body article p{color:#666;line-height:1.85}
.content-body article div>p{margin:0 0 16px}
.content-body figure{height:520px;position:sticky;top:156px;overflow:hidden;margin:0;border-radius:18px;background:#eee;box-shadow:0 30px 60px -25px rgba(20,20,20,.35)}
.content-body figure>img{width:100%;height:100%;object-fit:cover}
.content-body figcaption{position:absolute;left:20px;right:20px;bottom:20px;padding:16px;border-radius:10px;background:#fffffff0;backdrop-filter:blur(2px)}
.content-body figcaption b,.content-body figcaption span{display:block}
.content-body figcaption span{margin-top:4px;color:#777;font-size:11px}

/* Alternating layout: applied automatically so consecutive corporate/content pages
   alternate between "left info / right image" and "right info / left image". */
.content-body--reverse figure{order:-1}

.content-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.content-values div{padding:15px;border-left:3px solid #e30613;border-radius:7px;background:#fff}
.content-values b,.content-values span{display:block}
.content-values span{margin-top:5px;color:#777;font-size:10px}

@media(max-width:800px){
  .content-body{grid-template-columns:1fr;gap:30px;padding-block:50px}
  .content-body--reverse figure{order:0}
  .content-body figure{height:320px;position:static;top:auto}
  .content-values{grid-template-columns:1fr}
  .content-hero{height:220px}
}