:root {
  --managed-font-scale: 1;
  --managed-section-spacing: 1;
  --managed-hero-opacity: 1;
}

body { font-size: calc(16px * var(--managed-font-scale)); }
.section {
  padding-top: calc(120px * var(--managed-section-spacing));
  padding-bottom: calc(120px * var(--managed-section-spacing));
}
.hero-figure:not(.is-loading) { opacity: var(--managed-hero-opacity); }
[data-admin-hidden] { display: none !important; }

.admin-preview-active [data-edit-key] {
  min-width: 1ch;
  outline: 1px dashed rgba(165,40,28,.35);
  outline-offset: 3px;
  cursor: text;
}
.admin-preview-active [data-edit-key]:hover,
.admin-preview-active [data-edit-key]:focus {
  outline: 2px solid var(--red);
  background: rgba(255,255,255,.16);
}

@media (max-width: 850px) {
  .section {
    padding-top: calc(82px * var(--managed-section-spacing));
    padding-bottom: calc(82px * var(--managed-section-spacing));
  }
}