body .content {
  --gap: clamp(1rem, 2vw, 1rem);
  --full: minmax(var(--gap), 1fr);
  --content: min(1024px, 100% - (var(--gap) * 2));
  --popout: minmax(0, 3.2rem);
  --feature: minmax(0, 8.0rem);
  display: grid;
  grid-template-columns: [full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end];
}
body .content .custom-container {
  grid-column: content;
}
body .content .custom-container-popout {
  grid-column: popout;
}
body .content .custom-container-feature {
  grid-column: feature;
}
body .content .custom-container-full {
  grid-column: full;
}