.metro-about .metro-about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:590px;padding:90px 0;background:#f5fbf8}
.metro-about .metro-about-hero:before{display:none;content:none}
.metro-about .metro-about-hero:after{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;pointer-events:none;z-index:1;background:linear-gradient(90deg,#f5fbf8 0%,#f5fbf8 32%,rgba(245,251,248,.97) 43%,rgba(245,251,248,.84) 52%,rgba(245,251,248,.27) 65%,transparent 78%)}
.metro-about .metro-about-hero-grid{position:static;display:block}
.metro-about .metro-about-hero-grid>div{position:relative;z-index:2;width:59%;max-width:700px}
.metro-about .metro-about-hero h1{font-size:clamp(43px,4.7vw,72px);line-height:1.06;text-wrap:balance}
.metro-about .metro-about-hero p{max-width:620px;font-size:17px;line-height:1.8;color:#52675e}
.metro-about .metro-about-hero .metro-about-hero-photo{position:absolute;display:block;inset:0 0 0 35%;width:65%;height:100%;min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}
.metro-about .metro-about-hero-photo:after{display:none;content:none}
.metro-about .metro-about-hero-photo>img{position:absolute;left:-100%;top:0;display:block;width:200%;height:calc(100% + 60px);max-width:none;object-fit:cover;object-position:right top}
.metro-about .metro-about-hero-photo.is-custom>img{left:0;width:100%;height:100%;object-position:center}
.metro-about-hero-stamp{position:absolute;right:30px;bottom:27px;z-index:2;display:grid;gap:3px;text-align:right;color:#fff;text-shadow:0 2px 9px #062d27}
.metro-about-hero-stamp>strong{font-size:36px;line-height:1.1;letter-spacing:-.035em}.metro-about-hero-stamp>small{font-size:12px;color:#e0f5ea}
@media(max-width:900px){.metro-about .metro-about-hero{padding:64px 0;min-height:540px}.metro-about .metro-about-hero-grid>div{width:68%}}
@media(max-width:640px){.metro-about .metro-about-hero{padding:48px 0 330px;min-height:0}.metro-about .metro-about-hero-grid>div{width:100%}.metro-about .metro-about-hero h1{font-size:clamp(38px,9.7vw,55px)}.metro-about .metro-about-hero p{font-size:15px}.metro-about .metro-about-hero .metro-about-hero-photo{inset:auto 0 0;width:100%;height:320px}.metro-about .metro-about-hero:after{inset:auto 0 0;height:335px;background:linear-gradient(180deg,#f5fbf8,rgba(245,251,248,.8) 13%,transparent 48%)}.metro-about-hero-stamp{right:22px;bottom:22px}}
.metro-about-hero-stamp .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
