*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--gap: clamp(1rem, 6vw, 3rem);--full: minmax(var(--gap), 1fr);--content: min(40em, 100% - var(--gap) * 2);--popout: minmax(0, 3rem);--feature: minmax(0, 10rem)}.grid-content{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]}.grid-content>*,.content{grid-column:content}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}.inset{padding-inline:var(--gap)}.flow>*+*{margin-block-start:var(--flow-space, 1em)}.flow-0{--flow-space: 0em}.flow-1{--flow-space: 1em}.flow-3\/2{--flow-space: 1.5em}.flow-2{--flow-space: 2em}.flow-3{--flow-space: 3em}body{font-family:Inter,sans-serif;background-color:#fcfcfc;color:#161616;line-height:1.5}h1,h2,h3,h4,h5{line-height:1.25}.header{text-align:center;background-color:#fffacd;padding-block:var(--gap)}.callout{background-color:#f0f;color:#fff;padding-block:var(--gap)}