/* Use the screen: on big monitors the whole page scales up, so text, spacing and cards grow with the display instead of sitting in a narrow middle band.
   `zoom` scales layout and type together; browsers without it simply show the normal size. --z is the same number, for the few rules that use screen height. */
html { --z: 1; }
@media (min-width: 1700px) { html { zoom: 1.15; --z: 1.15; } }
@media (min-width: 1900px) { html { zoom: 1.25; --z: 1.25; } }
@media (min-width: 2300px) { html { zoom: 1.5; --z: 1.5; } }
@media (min-width: 2900px) { html { zoom: 1.9; --z: 1.9; } }
/* Heights that follow the screen would otherwise grow with the zoom as well */
.hero { min-height: calc(100svh / var(--z)); }
.modal-box { max-height: calc(82svh / var(--z)); }

/* Page by page: blocks that were boxed into a narrow middle column now take a share of the wider screen. Reading text keeps a comfortable line length. */
.about-hero p, .inquiry-hero p, .tiers-hero p { max-width: 72ch; }
.about-cta p, .tiers-cta p { max-width: 64ch; }
.founder-blurb { max-width: 84ch; }
.wrap[style*="max-width:820px"] { max-width: 1180px !important; }
.seo-tool, .form-card { max-width: 1100px; }
#contact-guide { max-width: min(1100px, 94vw); }
.notify-card { max-width: 680px; }
.article-body { max-width: 840px; }
.pitch-card p { max-width: 90ch; }
.proc-body { max-width: 34ch; }