/* Full-width studio frame, with comfortable reading widths inside the site. */
#kb-site-preview {
  width: 100%;
  max-width: none;
  --frame-inset: clamp(24px, 4vw, 96px);
}
#kb-site-preview > main,
#kb-site-preview > .next-step-links {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  box-sizing: border-box;
}
#kb-site-preview > header.polished-header.header-compact {
  width: 100%;
  box-sizing: border-box;
  padding-inline: var(--frame-inset);
}
#kb-site-preview > footer.site-footer {
  width: 100%;
  box-sizing: border-box;
  padding-inline: var(--frame-inset);
}
#kb-site-preview > main.home-full-width {
  max-width: none;
}
#kb-site-preview .home-full-width .photo-home > :not(.home-commercial-opening),
#kb-site-preview .home-full-width .home-service-options,
#kb-site-preview .home-full-width > .revealed-signup {
  max-width: 1600px;
  margin-inline: auto;
  box-sizing: border-box;
}
#kb-site-preview .home-full-width .home-hero-gallery {
  width: 100%;
  max-width: none;
}
@media (max-width: 700px) {
  #kb-site-preview > header.polished-header.header-compact { padding-inline: 16px; }
  #kb-site-preview > footer.site-footer { padding-inline: 24px; }
}
@media (max-width: 360px) {
  #kb-site-preview > header.polished-header.header-compact { padding-inline: 12px; }
}