/* v3.6.2 Compare hero: full-bleed illustration with a truly feathered left edge.
   The picture is anchored to the viewport-wide hero rather than to the centred
   text grid, preventing the exposed solid-colour strip at the right on desktop.
   No tables, menus, platform details or other templates are changed. */
@media (min-width:781px) {
 .pse-compare-page .pse-page-hero.pse-hero-compare {
   --pse-art-width:clamp(810px,56vw,900px);
   position:relative;
   isolation:isolate;
   overflow:hidden;
   background:linear-gradient(180deg,#a0e0f9 0%,#bfe9f7 52%,#e5f6f7 100%);
 }
 .pse-compare-page .pse-page-hero.pse-hero-compare::before {
   content:"";
   position:absolute;
   inset:0;
   z-index:0;
   pointer-events:none;
   background-image:url('assets/design/pse-compare-hero-v35.png');
   background-size:var(--pse-art-width) auto;
   background-position:right center;
   background-repeat:no-repeat;
   -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent calc(100% - var(--pse-art-width) + 40px),#000 calc(100% - var(--pse-art-width) + 385px));
   mask-image:linear-gradient(90deg,transparent 0%,transparent calc(100% - var(--pse-art-width) + 40px),#000 calc(100% - var(--pse-art-width) + 385px));
 }
 .pse-compare-page .pse-hero-compare .pse-hero-grid {position:relative;z-index:1}
 .pse-compare-page .pse-hero-compare .pse-hero-illustration {display:none!important}
}
