/* Wide-screen scale for the authored SynOct design. Existing faces, colours and interactions are inherited. */
@media(min-width:1440px){
 :root{--synoct-wide-gutter:clamp(48px,4vw,320px)}
 body .wrap{width:calc(100% - 2 * var(--synoct-wide-gutter));max-width:none}
 main .hero-brand-center{max-width:none;width:100%}
 main .synoct-wordmark{font-size:clamp(126px,7.8vw,340px)!important}
 main .hero-company-mark{width:clamp(72px,2.5vw,128px);height:clamp(72px,2.5vw,128px)}
 main .niche-line{max-width:56ch;font-size:clamp(23px,1.2vw,36px)}
 main .hero-v4{padding-block:clamp(48px,3vw,96px)}
 main #synoct-atlas-flagship>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:clamp(48px,5vw,160px);text-align:left}
 main #synoct-atlas-flagship .af-identity{grid-column:1;grid-row:1/5;margin:0;align-self:center}
 main #synoct-atlas-flagship .af-particles{width:min(100%,30vw,60svh);max-width:none;margin:0 auto 24px}
 main #synoct-atlas-flagship .af-heading{font-size:clamp(60px,4vw,150px)!important}
 main #synoct-atlas-flagship>.wrap>.eyebrow{grid-column:2;grid-row:1;align-self:end}
 main #synoct-atlas-flagship .af-copy{grid-column:2;grid-row:2;font-size:clamp(19px,1vw,30px);max-width:52ch;margin:26px 0 0}
 main #synoct-atlas-flagship .af-sign{grid-column:2;grid-row:3;max-width:62ch;line-height:1.8}
 main #synoct-atlas-flagship .af-cta{grid-column:2;grid-row:4;align-self:start}
 main .ollie-northstar-grid{max-width:none;gap:clamp(40px,5vw,160px)!important}
 main .ollie-hero-figure{width:min(70%,30vw,70svh);max-width:none}
 main .what-we-do{max-width:80ch;justify-self:center;width:100%}
 main .grid-2,main .grid-3{gap:clamp(24px,2vw,64px)}
 main .card{padding:clamp(28px,2vw,64px)}
 main .card p{max-width:70ch}
 main .section-head{gap:clamp(40px,5vw,160px)}
 main .service-detail{grid-template-columns:minmax(100px,.2fr) minmax(0,1fr) minmax(0,1fr)}
 main .service-detail ul{max-width:72ch}
 main .hire-grid>*,main .about-grid>*{min-width:0}
 main .hire-card{width:100%;max-width:960px;justify-self:center}
 main .ollie-page .ollie-profile{width:100%;max-width:860px;justify-self:center}
}

/* 15 Oct: keep the broad page canvas, group related content; inherit every font setting. */
@media(min-width:1920px){
 main .page-hero>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(48px,5vw,160px);align-items:center}
 main .page-hero .eyebrow{grid-column:1;grid-row:1}
 main .page-hero h1{grid-column:1;grid-row:2;margin:0}
 main .page-hero .kicker{grid-column:2;grid-row:1/3;margin:0;align-self:center}
 main .wrap:has(>.service-detail){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(48px,5vw,160px)}
 main .service-detail{grid-template-columns:100px minmax(0,1fr);gap:20px 32px;padding-block:36px}
 main .service-detail>.idx{grid-column:1;grid-row:1/3}
 main .service-detail>h3{grid-column:2;grid-row:1;margin:0}
 main .service-detail>ul:last-child{grid-column:2;grid-row:2;margin:0}
 main .about-grid{align-items:center;column-gap:clamp(48px,5vw,160px)}
 main .hire-grid{column-gap:clamp(48px,5vw,160px)}
 main .hire-card{justify-self:start}
 main .ollie-page .msg{max-width:min(82%,72ch)}
}