/* Keep the equal 8:5 product frames; bring the existing working interface closer. */
body.ms-experience-page[data-page="index.html"] #main #products .product-carousel .product-visual {
 position:relative;aspect-ratio:8/5;overflow:hidden;
}
/* Existing 2880x1800 dashboard: focus the 2400x1500 main pane at x480/y190. */
body.ms-experience-page[data-page="index.html"] #main #products .product-carousel .product-entry:not(.product-entry--extension) .product-visual img {
 position:absolute;top:0;left:0;width:120%;height:auto;max-width:none;
 object-fit:fill;transform:translate(-16.666667%,-10.555556%);
}
/* Existing extension artwork: show the actual review and reply panel at every size. */
body.ms-experience-page[data-page="index.html"] #main #products .product-carousel .product-entry--extension .product-visual img {
 position:absolute;top:0;left:0;width:177.4194%;height:auto;max-width:none;
 object-fit:fill;transform:translate(-21.8182%,-35.7108%);
}

/* The company name and link lead; the existing office image remains a supporting strip. */
body.ms-experience-page[data-page="index.html"] #main #company .company-card {
 display:flex;align-items:center;justify-content:space-between;
 aspect-ratio:auto;min-height:260px;max-height:none;
 padding:40px;gap:28px;border:1px solid #cbd6d3;
 background:#fff;color:var(--ink);
}
body.ms-experience-page[data-page="index.html"] #main #company .company-photo {
 inset:0 0 0 auto;width:38%;height:100%;object-fit:cover;object-position:50% 50%;
 z-index:-1;opacity:.88;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card::after {
 display:none;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card-copy {
 position:relative;z-index:1;width:calc(62% - 54px);min-width:0;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-name {
 margin:0 0 18px;font-size:20px;font-weight:500;line-height:1.8;color:var(--ink);
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card h3 {
 margin:0;font-size:36px;font-weight:600;line-height:1.5;letter-spacing:-.015em;
}
body.ms-experience-page[data-page="index.html"] #main #company .company-card>span {
 position:absolute;right:calc(38% + 28px);bottom:40px;color:var(--mint);
}
@media(max-width:760px){
 body.ms-experience-page[data-page="index.html"] #main #company .company-card {
  min-height:220px;padding:28px 24px;gap:16px;
 }
 body.ms-experience-page[data-page="index.html"] #main #company .company-photo {
  width:34%;object-position:54% 50%;
 }
 body.ms-experience-page[data-page="index.html"] #main #company .company-card-copy {
  width:calc(66% - 16px);align-self:flex-start;
 }
 body.ms-experience-page[data-page="index.html"] #main #company .company-name {
  margin-bottom:16px;font-size:16px;line-height:1.7;overflow-wrap:normal;
 }
 body.ms-experience-page[data-page="index.html"] #main #company .company-card h3 {
  font-size:28px;line-height:1.5;
 }
 body.ms-experience-page[data-page="index.html"] #main #company .company-card>span {
  right:calc(34% + 24px);bottom:28px;
 }
}