/* Softer, more ergonomic image framing for takeaway sites.
   This intentionally overrides the previous tall arch treatment. */
.arch-frame{
  border-radius:clamp(22px,4vw,38px) clamp(34px,6vw,56px) clamp(22px,4vw,38px) clamp(34px,6vw,56px) / clamp(22px,4vw,38px) clamp(28px,5vw,48px) clamp(24px,4vw,40px) clamp(28px,5vw,48px)!important;
  overflow:hidden;
}
.hero-card,.feature-image,.gallery figure{
  border-radius:clamp(22px,4vw,42px)!important;
  overflow:hidden;
}
.hero-card{
  aspect-ratio:4/5;
}
.feature-image{
  aspect-ratio:4/3;
  min-height:0!important;
}
.gallery figure{
  min-height:0!important;
  aspect-ratio:4/3;
}
.gallery figure:nth-child(1){
  aspect-ratio:16/10;
  min-height:0!important;
}
.hero-card img,.feature-image img,.gallery img{
  border-radius:inherit;
}
@media(max-width:980px){
  .hero-visual{
    min-height:0!important;
    padding-top:1.25rem;
  }
  .hero-card{
    position:relative!important;
    inset:auto!important;
    width:100%;
    aspect-ratio:16/11;
    border-radius:28px!important;
  }
  .feature-image,.gallery figure,.gallery figure:nth-child(n){
    aspect-ratio:16/11;
    min-height:0!important;
    border-radius:26px!important;
  }
  .float-card{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    max-width:none!important;
    margin:1rem auto 0;
  }
}
@media(max-width:640px){
  .hero-card,.feature-image,.gallery figure,.gallery figure:nth-child(n){
    aspect-ratio:4/3;
    border-radius:22px!important;
  }
}