.hero-about{
  display:grid;
  grid-template-columns:1fr 2fr;
  height:min(72svh,640px);
}
.hero-about-body{
  background:var(--umber);
  color:var(--cream);
  display:flex;
  align-items:flex-end;
  padding:9rem var(--gut) 4rem;
  overflow:hidden;
}
.hero-about-body .d1{max-width:16ch}
.hero-about-body .hero-sub{
  margin:1.5rem 0 2.5rem;
  max-width:44ch;
  color:rgba(249,247,244,.86);
  font-size:clamp(1rem,.5vw + .9rem,1.1875rem);
}

@media (max-width:820px){
  .hero-about{grid-template-columns:1fr;height:auto}
  .hero-about-img{height:55vw}
}

.prose{max-width:60ch}
.prose p{margin:0 0 1.35rem}
.prose p:last-child{margin-bottom:0}

.person{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  gap:clamp(2rem,5vw,4.5rem);
  align-items:start;
}
.person-role{
  font-size:.625rem;font-weight:500;letter-spacing:.2em;
  text-transform:uppercase;color:var(--umber);margin:.35rem 0 1.25rem;
}
.portrait{
  aspect-ratio:4/5;
  border:1px dashed rgba(72,77,73,.4);
  display:grid;place-items:center;
  text-align:center;padding:2rem;
  font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sage-soft);line-height:1.9;
}
.wideband{
  aspect-ratio:21/9;
  box-shadow:
    0 1px 2px rgba(72,77,73,.10),
    0 6px 12px rgba(72,77,73,.09),
    0 18px 34px rgba(72,77,73,.13),
    0 40px 76px rgba(72,77,73,.15);
}
.wideband::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(249,247,244,.30);
}

.lift{
  position:relative;
  z-index:2;
  margin-top:clamp(-8rem,-9vw,-3.5rem);
}
.band-lift-host{padding-bottom:clamp(8rem,15vw,14rem)}

.expect p{color:var(--sage) !important}

.todo{background:rgba(86,57,41,.14);color:var(--umber);font-weight:500;padding:.05em .35em}

.link:hover{color:var(--umber)}

@media (max-width:820px){
  .person{grid-template-columns:1fr}
  .wideband{aspect-ratio:4/3}
}
@media (max-width:560px){
  .wideband{
    box-shadow:
      0 1px 2px rgba(72,77,73,.10),
      0 4px 8px rgba(72,77,73,.09),
      0 12px 22px rgba(72,77,73,.12),
      0 24px 44px rgba(72,77,73,.13);
  }
}