/* Dedicated refinement of Hero artwork and product identities. No body-section selectors. */
body[data-site-design="approved-20261023"] .gw-hero .gw-brand { display:flex; flex-direction:column; align-items:center; width:100%; max-width:430px; }
body[data-site-design="approved-20261023"] .gw-hero .gw-wordmark { width:100%; max-width:400px; height:auto; margin-inline:auto; margin-bottom:24px; }
body[data-site-design="approved-20261023"] .gw-hero .gw-brand>p { text-align:center; }
body[data-site-design="approved-20261023"] .ep-hero-workspace .ep-hero-art { display:flex; flex-direction:column; align-items:center; padding:24px 0; }
body[data-site-design="approved-20261023"] .ep-hero-workspace .ep-hero-wordmark { max-width:420px; margin:0 auto 26px; }
body[data-site-design="approved-20261023"] .ep-brand-apps { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); align-items:center; justify-items:center; gap:14px; width:100%; max-width:400px; margin:0 auto; }
body[data-site-design="approved-20261023"] .ep-brand-app { display:block; min-width:0; line-height:0; }
body[data-site-design="approved-20261023"] .ep-brand-app img { display:block; width:36px; max-width:100%; height:36px; object-fit:contain; }
body[data-page="microsoft365"] .detail-hero .product-apps { align-items:center; justify-content:center; gap:20px; }
body[data-page="microsoft365"] .detail-hero .product-app { min-width:0; gap:0; }
@media(max-width:760px) {
 /* Abstract shapes belong to the same field as the heading, not an extra block after the CTA. */
 body[data-site-design="approved-20261023"] :is(.ep-hero-direction,.ep-hero-flow,.ep-hero-unfold) .ep-hero-inner { min-height:420px; padding-block:38px 42px; }
 body[data-site-design="approved-20261023"] :is(.ep-hero-direction,.ep-hero-flow,.ep-hero-unfold) .ep-hero-art { position:absolute; z-index:0; width:480px; max-width:none; height:auto; right:-205px; top:-10px; margin:0; opacity:.64; mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.32) 34%,#000 83%); pointer-events:none; }
 body[data-site-design="approved-20261023"] .ep-hero-flow .ep-hero-art { width:600px; right:-330px; top:15px; opacity:.59; }
 body[data-site-design="approved-20261023"] .ep-hero-unfold .ep-hero-art { width:520px; right:-235px; top:-30px; opacity:.59; }
 /* Photos continue behind the content; subject remains in the lower-right field. */
 body[data-site-design="approved-20261023"] :is(.ep-hero-workplace,.ep-hero-learning,.ep-hero-welfare) .ep-hero-inner { min-height:440px; padding-block:36px 52px; }
 body[data-site-design="approved-20261023"] :is(.ep-hero-workplace,.ep-hero-learning,.ep-hero-welfare) .ep-hero-art { inset:0; height:100%; }
 body[data-site-design="approved-20261023"] :is(.ep-hero-workplace,.ep-hero-learning,.ep-hero-welfare) .ep-hero-art>img { width:100%; height:100%; object-fit:cover; object-position:right bottom; }
 body[data-site-design="approved-20261023"] :is(.ep-hero-workplace,.ep-hero-learning,.ep-hero-welfare) .ep-hero-art:after { background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.97) 24%,rgba(255,255,255,.9) 52%,rgba(255,255,255,.55) 75%,rgba(255,255,255,.16)),linear-gradient(90deg,rgba(255,255,255,.88),transparent); }
 body[data-site-design="approved-20261023"] .ep-hero-town .ep-hero-inner { min-height:440px; padding-block:36px 42px; }
 body[data-site-design="approved-20261023"] .ep-hero-town .ep-hero-art { position:absolute; z-index:0; width:490px; max-width:none; height:auto; right:-125px; top:92px; margin:0; opacity:.48; mask-image:linear-gradient(90deg,transparent 8%,rgba(0,0,0,.3) 48%,#000); }
 /* Approved M&A desktop unchanged. The mobile copy now shares its field with the curve. */
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .detail-hero { position:relative; isolation:isolate; }
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .detail-hero-inner { min-height:410px; padding-block:34px 42px; }
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .detail-hero-inner>div:first-child { position:relative; z-index:2; }
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .ma-hero-figure { position:absolute; z-index:0; right:-280px; top:-22px; width:540px; margin:0; opacity:.58; mask-image:linear-gradient(90deg,transparent 5%,rgba(0,0,0,.25) 32%,#000 82%); pointer-events:none; }
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .ma-continuity-art { width:100%; max-width:none; margin:0; }
 /* Product marks stay explicit, grouped and centered. */
 body[data-site-design="approved-20261023"] .gw-hero .gw-brand { max-width:340px; margin-inline:auto; padding:0; }
 body[data-site-design="approved-20261023"] .gw-hero .gw-wordmark { max-width:310px; margin-bottom:20px; }
 body[data-site-design="approved-20261023"] .ep-brand-apps { grid-template-columns:repeat(4,1fr); gap:18px 24px; width:264px; max-width:100%; }
 body[data-site-design="approved-20261023"] .ep-brand-app img { width:38px; height:38px; }
 body[data-site-design="approved-20261023"] .ep-hero-workspace .ep-hero-inner { gap:24px; padding-block:28px 36px; }
 body[data-site-design="approved-20261023"] .ep-hero-workspace .ep-hero-art { order:-1; padding:0; max-width:340px; width:100%; margin-inline:auto; }
 body[data-site-design="approved-20261023"] .ep-hero-workspace .ep-hero-wordmark { width:100%; max-width:310px; margin-bottom:20px; }
 body[data-page="microsoft365"] .detail-hero .product-apps { gap:18px; }
 body[data-page="microsoft365"] .detail-hero .product-app img { width:34px; height:34px; }
}

/* Final content-aware adjustments; retain text and desktop M&A unchanged. */
body[data-site-design="approved-20261023"] .ep-hero-phrase { white-space:nowrap; }
@media(max-width:760px) {
 body[data-site-design="approved-20261023"][data-hero-v2="ma"] .ma-hero-figure { right:-245px; opacity:.8; }
 body[data-site-design="approved-20261023"] .ep-hero-welfare .ep-hero-art>img { object-position:80% center; }
 body[data-site-design="approved-20261023"] .ep-hero-welfare .ep-hero-art:after { background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.75) 48%,rgba(255,255,255,.32)),linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.22) 38%,rgba(255,255,255,.88) 78%,#fff); }
}
