.hero-title-group{transform:translateY(-42px)}
.hero-outline-link{margin-left:auto;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.8);padding:2px 0;white-space:nowrap}
.hero-outline-link:hover,.hero-outline-link:focus-visible{color:var(--lime);border-color:var(--lime)}
.hero-outline-link:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.gallery-overview,.extras-grid{display:grid;gap:12px}
.gallery-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-overview .gallery-item{height:255px}
.gallery-subheading{font-size:25px;letter-spacing:-.04em;margin:62px 0 20px;padding-top:24px;border-top:1px solid var(--line)}
.lecture-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:270px;grid-auto-rows:220px;gap:12px}
.lecture-grid .gallery-item:nth-child(-n+2),.lecture-grid .gallery-item:nth-child(n+9){grid-column:span 3}
.lecture-grid .gallery-item:nth-child(n+3):nth-child(-n+8){grid-column:span 2}
.gallery-feature{display:block;width:100%;aspect-ratio:1732/614;margin-top:12px}
.extras-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:70px 0 20px;padding-top:25px;border-top:1px solid var(--line)}
.extras-heading .eyebrow{margin:0}
.extras-heading h3{font-size:25px;line-height:1.2;letter-spacing:-.04em;margin:0}
.extras-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.extras-grid .gallery-item{height:230px}
@media(max-width:720px){
  .hero-title-group{transform:translateY(-25px)}
  .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
  .hero-bottom>span:first-child{grid-column:1/-1}
  .hero-outline-link{margin-left:0;justify-self:end}
  .gallery-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .gallery-overview .gallery-item{height:165px}
  .gallery-overview .gallery-item:first-child{grid-column:span 2;height:195px}
  .gallery-subheading{font-size:21px;margin:48px 0 16px}
  .lecture-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:170px;gap:8px}
  .lecture-grid .gallery-item:nth-child(n){grid-column:span 1}
  .lecture-grid .gallery-item:nth-child(-n+2){grid-column:span 2}
  .gallery-feature{margin-top:8px}
  .extras-heading{margin-top:55px}
  .extras-heading h3{font-size:22px}
  .extras-grid{grid-template-columns:1fr;gap:8px}
  .extras-grid .gallery-item{height:205px}
}