/* Keep the full Bravado wordmark proportionate inside the live-style card. */
.opening-card .opening-logo{
  width:min(205px,62%);
  height:auto;
  aspect-ratio:920/546;
  overflow:visible;
}

.opening-card .opening-logo img{
  position:static;
  inset:auto;
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  transform:none;
}

/* The category page uses an absolute-position heading in its hero. Reset it inside the card. */
.opening-card h1{
  position:static;
  inset:auto;
  width:auto;
}

@media(max-width:700px){
  .opening-card .opening-logo{width:min(132px,44%);margin-bottom:8px}
}

/* Launch popup (brunch / lunch): lock the page so it cannot scroll. */
html.launch-locked,
html.launch-locked body{
  overflow:hidden;
  overscroll-behavior:none;
  height:100%;
}