/* One editorial starting point across the six main information pages. */
body:is(.page-about,.page-approach,.page-careers,.page-news,.page-press,.page-contact){--section-inset:clamp(24px,4vw,64px);--section-top:144px}
body.page-about .about-intro,
body.page-approach .sustainability-page,
body.page-careers .careers-page,
body.page-news .news-page:not(.news-story),
body.page-press .press-page,
body.page-contact .editorial-page{max-width:none;margin:0;padding-top:var(--section-top)!important;padding-left:var(--section-inset)!important;padding-right:var(--section-inset)!important}
body #main-content header[data-page-intro]{padding-top:0!important;padding-left:0!important;padding-right:0!important}
body #main-content [data-page-intro]{text-align:left}
body #main-content [data-page-intro]>.eyebrow{font-family:var(--font-support);font-size:12px!important;font-weight:400;line-height:18px!important;letter-spacing:.1em;text-transform:uppercase;margin:0!important;padding:0;grid-column:1/-1;align-self:start}
body #main-content [data-page-intro]>h1{font-family:var(--font-display)!important;font-size:clamp(65px,8vw,118px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:22px 0 32px!important;padding:0;max-width:none;grid-column:1/-1;grid-row:auto!important;align-self:start}
body.page-approach .sustainability-page>header[data-page-intro]{grid-template-columns:1.1fr 1fr;column-gap:8vw;row-gap:0;align-items:start}
@media(max-width:700px){
 body:is(.page-about,.page-approach,.page-careers,.page-news,.page-press,.page-contact){--section-top:144px;--section-inset:24px}
 body.page-approach .sustainability-page>header[data-page-intro]{display:block}
}
/* Fade content, not its position. Shared background and navigation stay put. */
html:active-view-transition-type(editorial-pages)::view-transition-old(root){animation:editorial-content-out .36s ease-in-out both!important;transform:none!important;mix-blend-mode:normal}
html:active-view-transition-type(editorial-pages)::view-transition-new(root){animation:editorial-content-in .36s ease-in-out both!important;transform:none!important;mix-blend-mode:normal}
@keyframes editorial-content-out{0%{opacity:1}45%,100%{opacity:0}}
@keyframes editorial-content-in{0%,35%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){html:active-view-transition-type(editorial-pages)::view-transition-old(root),html:active-view-transition-type(editorial-pages)::view-transition-new(root){animation:none!important}}