*{margin:0;padding:0;box-sizing:border-box}#main{--gap: clamp(1rem, 6vw, 3rem);--full: minmax(var(--gap), 1fr);--content: min(100ch, 100% - var(--gap) * 2);--popout: minmax(0, 2rem);--feature: minmax(0, 5rem);display:grid;grid-template-columns:[full-start left-start] var(--full) [breakout-start] var(--feature) [left-end content-start] var(--content) [content-end right-start] var(--feature) [breakout-end] var(--full) [right-end full-end]}#main>*{grid-column:content;max-width:100%}#main>.full_width{grid-column:full;max-width:100%;background-color:#0ff}#main>.left{grid-column:left;background-color:red}img{max-width:100%;aspect-ratio:inherit;width:auto;height:auto}h1{color:red}