/* Let the photograph and navigation span the viewport, without stretching fields. */
#bloom-compact {width:100%;max-width:none;}
#bloom-compact .viewport {width:100%;max-width:none;}
@media(min-width:761px) {
  #bloom-compact {--landing-gutter:clamp(24px,7vw,140px);}
  #bloom-compact .site[data-design="9"] main {
    width:100%;
    max-width:none;
    padding-inline:var(--landing-gutter);
  }
  #bloom-compact nav {padding-inline:var(--landing-gutter);}
  #bloom-compact .site[data-design="9"] .motion {
    right:calc(var(--landing-gutter) + 85px);
  }
}
@media(min-width:761px) and (max-width:1100px) {
  #bloom-compact {--landing-gutter:24px;}
  #bloom-compact .site[data-design="9"] .motion {right:84px;top:100px;transform:scale(.6);}
}