/* United Press: hero image on the top right + one page width on every page (Claude, 3 Oct 2026).
   Computers only (1025px and wider). Phones and tablets are not changed.
   The homepage has its own rules and is not touched here. */
@media (min-width:1025px){

/* A. "Get featured in ..." pages (hero with a picture card): text left, picture top right, same width as the homepage */
html body:not(.home) section.hero.hsplit > .hwrap.hwrap{max-width:min(1456px,calc(100vw - 112px))!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:64px!important;align-items:start!important;}
html body:not(.home) section.hero.hsplit > .hwrap.hwrap > div:has(:is(h1,h2)){order:1!important;align-self:start!important;}
html body:not(.home) section.hero.hsplit > .hwrap.hwrap > div:not(:has(:is(h1,h2))){order:2!important;align-self:start!important;}

/* B. Service pages with the magazine covers: text left, covers top right */
html body:not(.home) .up-mag section.up-hero:not(.up-lux):has(> .up-hero-covers){align-items:flex-start!important;justify-content:space-between!important;column-gap:56px!important;padding-left:max(56px,calc((100vw - 1456px)/2))!important;padding-right:max(56px,calc((100vw - 1456px)/2))!important;}
html body:not(.home) .up-mag section.up-hero:not(.up-lux) > .up-hero-text{order:1!important;}
html body:not(.home) .up-mag section.up-hero:not(.up-lux) > .up-hero-covers{order:2!important;align-self:flex-start!important;margin-top:0!important;}

/* C. Industry and removal pages: photo starts at the top, next to the heading */
html body section.iv-hero > .wrap{align-items:flex-start!important;}
html body section.iv-hero > .wrap > .iv-hero-photocol{align-self:flex-start!important;}

}
/* One page width on every page (computers only): content lines up with the homepage, up to 1456px wide with at least 56px at the sides. Text columns keep their reading width. */
@media (min-width:1025px){
html body .upx2 > section > .wrap,html body .upx2 > div > .wrap,html body .upx2 section.hero.hsplit > .hwrap.hwrap{max-width:min(1456px,calc(100vw - 112px))!important;}
html body .iv > section:not(.iv-band) > .wrap{max-width:min(1456px,calc(100vw - 112px))!important;}
html body .upk > section > .wrap,html body .upk > .wrap,html body .upk > .band > .wrap,html body .upk > div > .wrap{max-width:min(1456px,calc(100vw - 112px))!important;}
html body:not(.home) article.up-mag > section{max-width:none!important;}
html body:not(.home) article.up-mag > section > .up-container,html body:not(.home) article.up-mag > section > .up-guarantee-inner,html body:not(.home) article.up-mag > section > .up-stats-grid,html body:not(.home) article.up-mag .up-press-band-inner > .up-logo-wall{max-width:min(1456px,calc(100vw - 112px))!important;}
}
/* Pages built on the standard page template: let their sections run edge to edge like the homepage (computers only).
   Article-style pages (plain text) keep their reading width. */
@media (min-width:1025px){
html body.page-template-default:not(.home) main#content.site-main:has(> .page-content > div > section){max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;}
html body .up-prd > section > .in,html body .up-prd > section.hero > .hwrap{max-width:min(1456px,calc(100vw - 112px))!important;}
}
/* the same picture-top-right rule for top sections that sit outside the usual page wrapper, and for the single-picture version */
@media (min-width:1025px){
html body:not(.home) section.up-hero:not(.up-lux):has(> .up-hero-covers),html body:not(.home) section.up-hero:not(.up-lux):has(> .up-hero-media){align-items:flex-start!important;}
html body:not(.home) section.up-hero:not(.up-lux) > .up-hero-text{order:1!important;}
html body:not(.home) section.up-hero:not(.up-lux) > .up-hero-covers,html body:not(.home) section.up-hero:not(.up-lux) > .up-hero-media{order:2!important;align-self:flex-start!important;margin-top:0!important;}
}
/* the luxury-style top section: keep it edge to edge, as the other top sections are */
html body:not(.home) .up-mag > section.up-hero{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}

/* C. Phones and tablets (1024px and narrower): on "Get featured in ..." pages the headline comes first and the picture card follows it (added 4 Oct 2026) */
@media (max-width:1024px){
html body:not(.home) section.hero.hsplit > .hwrap.hwrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
html body:not(.home) section.hero.hsplit > .hwrap.hwrap > div:has(:is(h1,h2)){order:1!important;}
html body:not(.home) section.hero.hsplit > .hwrap.hwrap > div:not(:has(:is(h1,h2))){order:2!important;}
}