/* One outer grid: the header defines the page's horizontal content boundaries. */
:root{--site-gutter:max(24px,5vw)}
@media(max-width:900px){:root{--site-gutter:24px}}

.wn-header{padding-inline:var(--site-gutter)}
.hm-wrap,.cp-wrap{width:calc(100% - var(--site-gutter) * 2);max-width:none;margin-inline:auto}
.pf-section,.tr-references,.tr-team,.tr-reviews,.ed-journal,.ed-cta{padding-inline:var(--site-gutter)}
.pf-container,.tr-wrap,.ed-wrap,.ed-cta-box{max-width:none;width:100%;margin-inline:auto}

/* Edge-to-edge artwork keeps its composition; its adjacent copy follows the grid. */
.ws-controls{padding-inline:var(--site-gutter)}
.ws-copy,.ab-practice-copy{padding-left:var(--site-gutter)}
.cp-study-lead{margin-inline:0}
.tr-references[data-enhanced=true] .tr-logo-viewport{margin-inline:calc(-1 * var(--site-gutter))}
.wn-header .wn-mega{left:var(--site-gutter);right:var(--site-gutter)}
.blender-expedition .hero-copy{padding-inline:var(--site-gutter)}
.blender-expedition .journey-panel{left:var(--site-gutter)}
.blender-expedition .journey-controls{left:var(--site-gutter);right:var(--site-gutter)}
.blender-expedition .scroll-cue{right:var(--site-gutter)}
@media(max-width:699px){.ws-copy{padding-right:var(--site-gutter)}}
@media(max-width:600px){.ab-practice-copy{padding-right:var(--site-gutter)}}