/* Article hero */
.ggc-page-hero{
  position:relative;
  display:flex;
  min-height:0;
  align-items:flex-start;
  margin:0;
  border-radius:18px;
  background:#242833 var(--ggc-page-cover) center/cover no-repeat;
  box-shadow:0 12px 38px rgba(31,37,54,.08);
  color:#fff;
  overflow:hidden;
}
.ggc-page-hero:before{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(9,11,17,.82),rgba(9,11,17,.56) 48%,rgba(9,11,17,.16));
  content:"";
}
.ggc-page-hero-copy{position:relative;z-index:1;width:100%;padding:32px 42px 34px}
.ggc-page-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px}
.ggc-page-kicker,.ggc-page-count{
  display:inline-flex;
  padding:5px 8px;
  border-radius:6px;
  font-size:10px;
  font-weight:750;
  line-height:1.1;
  letter-spacing:.025em;
  text-transform:uppercase;
}
body .ggc-page-hero .ggc-page-hero-copy h1{
  max-width:none;
  margin:0;
  color:#fff;
  font-size:clamp(32px,3.5vw,47px);
  font-weight:800;
  line-height:1.06;
  letter-spacing:-.03em;
  text-shadow:0 2px 14px rgba(0,0,0,.3);
}
.ggc-page-author{display:flex;align-items:center;gap:8px;margin-top:20px;color:#fff;font-size:15px;white-space:nowrap}
.ggc-page-author img{width:30px;height:30px;flex:0 0 30px;border-radius:50%;object-fit:cover}
.ggc-page-author-date{color:rgba(255,255,255,.92);font-style:normal}
.ggc-page-author-date:before{margin-right:8px;content:"·"}
.ggc-page-hero--editorial .ggc-page-kicker {
  background: #3da9da;
  color: #101820;
}
.ggc-page-hero > .gg-editorial-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ggc-page-hero--editorial::before { z-index: 1; }
.ggc-page-hero--editorial .ggc-page-author a { color: inherit; }

@media (max-width: 760px) {
  .ggc-page-hero{min-height:0;align-items:stretch;flex-direction:column;margin-top:0;background-position:center}
  .ggc-page-hero:before{background:linear-gradient(180deg,rgba(8,10,16,.5),rgba(8,10,16,.72))}
  .ggc-page-hero-copy{width:100%;padding:28px 16px 27px}
  body .ggc-page-hero .ggc-page-hero-copy h1{font-size:31px}
  .ggc-page-author{margin-top:17px;font-size:14px}
  .ggc-page-author img{width:28px;height:28px;flex-basis:28px}
}
@media (max-width: 430px) {
  .ggc-page-hero-copy{padding-top:26px}
  body .ggc-page-hero .ggc-page-hero-copy h1{font-size:29px}
  .ggc-page-author{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 7px;font-size:13px;white-space:normal}
  .ggc-page-author img{grid-row:1}
  .ggc-page-author-date{grid-column:1/-1;margin-top:5px}
  .ggc-page-author-date:before{display:none}
}