.page-cover{position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding:32px;display:flex;align-items:center;gap:24px;background:#eaf4ff;border-radius:16px;margin-bottom:28px}
.page-cover>div:first-child:not(.page-cover-art){position:relative;z-index:1;flex:1;min-width:0}
.page-cover h1{margin:0 0 12px;text-wrap:pretty;letter-spacing:-.03em}
.page-cover p{max-width:62ch;margin:0;color:#354c69;line-height:1.65}
.page-cover-art{position:relative;width:210px;height:210px;flex:none;pointer-events:none}
.page-cover-art img{display:block;width:100%;height:100%;object-fit:contain}
.page-cover-art .cover-next{position:absolute;inset:0;opacity:0}
.page-cover[data-cover="top"],.page-cover[data-cover="team"]{background:#fff3d7}
.page-cover[data-cover="favorites"]{background:#fff0f3}
.page-cover[data-cover="company"],.page-cover[data-cover="vacancies"]{background:#eaf6ef}
.page-cover[data-cover="security"],.page-cover[data-cover="data"],.page-cover[data-cover="faq"]{background:#edf0fc}
.page-cover.cab-section-head{display:flex;align-items:center;flex-wrap:wrap}
.page-cover.cab-section-head>.page-cover-art{width:148px;height:148px;flex:0 0 148px;order:3}
.page-cover.cab-section-head{min-height:180px;padding:24px}
.page-cover.cab-section-head>button,.page-cover.cab-section-head>a{position:relative;z-index:1}
.hero-art.page-cover-art{width:auto;height:auto;flex:auto}
.hero-art.page-cover-art .hero-mascot{width:300px;height:auto;inset:auto 10% -8px auto}
.hero-art.page-cover-art .hero-city{width:730px;height:auto;object-fit:contain}
.hero-art.page-cover-art .cover-next{width:300px;height:auto;inset:auto 10% -8px auto}
@container app (max-width:1199px){.hero-art.page-cover-art .hero-mascot,.hero-art.page-cover-art .cover-next{width:250px;right:0}}
@container app (max-width:799px){.hero-art.page-cover-art .hero-mascot,.hero-art.page-cover-art .cover-next{width:190px;bottom:64px;right:-12px}.hero-art.page-cover-art .hero-city{width:440px}}
@container app (max-width:479px){.hero-art.page-cover-art .hero-mascot,.hero-art.page-cover-art .cover-next{width:162px;bottom:78px;right:0}.hero-art.page-cover-art .hero-city{width:360px}}
@media(max-width:600px){.page-cover{min-height:164px;padding:20px;gap:8px}.page-cover-art{width:116px;height:140px}.page-cover p{font-size:13px}.page-cover h1{font-size:26px}.page-cover.cab-section-head>.page-cover-art{width:90px;height:110px}.page-cover.cab-section-head{padding:20px;gap:12px}.page-cover.cab-section-head>div:first-child{flex-basis:calc(100% - 110px)}.page-cover.cab-section-head>.page-cover-art{order:0}.page-cover.cab-section-head>button,.page-cover.cab-section-head>a{order:4}}
@media(prefers-reduced-motion:reduce){.cover-next,}
@media(max-width:600px){.page-cover.cab-section-head>.page-cover-art{flex-basis:90px}}
@container app (max-width:359px){.hero-art.page-cover-art .hero-mascot,.hero-art.page-cover-art .cover-next{width:136px;right:-4px}}
.page-cover-compact{min-height:150px;justify-content:flex-end}
.page-cover-compact .page-cover-art{height:150px}
