/* Homepage hero composition with the About page's own copy and metrics. */
html body:is([data-page="about"],[data-page="case-studies"]) #teleai-demo{display:block;text-align:left}
html body:is([data-page="about"],[data-page="case-studies"]) #hero-heading{white-space:pre-line}
html body:is([data-page="about"],[data-page="case-studies"]) .figma-hero-actions .hero-connect{padding-right:24px}
html body:is([data-page="about"],[data-page="case-studies"]) .figma-hero-stats{color:#262626}

body[data-page="case-studies"] .figma-hero-inner{align-items:center}
body[data-page="case-studies"] .figma-hero-copy{padding-top:0}

/* Match the product hero's 658px desktop canvas; artwork must not stretch it. */
@media(min-width:1001px){
 html body[data-page="case-studies"] #teleai-demo{box-sizing:border-box;min-height:658px;padding:178px 32px 120px}
 body[data-page="case-studies"] .figma-hero-inner{position:relative;display:block;min-height:360px}
 body[data-page="case-studies"] .figma-hero-copy{width:calc(60% - 24px);max-width:740px;padding-top:0}
 body[data-page="case-studies"] .figma-hero-art{position:absolute;right:0;top:-60px;width:38.46%;max-width:500px}
 body[data-page="case-studies"] .figma-hero-art>svg{display:block;width:100%;height:auto;max-height:480px}
}

/* Match the Figma diagonal texture on the company introduction. */
body[data-page="about"] #about-intro{position:relative;isolation:isolate}
body[data-page="about"] #about-intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../../img/global-presence/texture.png') left top/16.8px 16.8px repeat;opacity:.05}