.projects-hero{position:relative;isolation:isolate;min-height:min(850px,calc(100svh - 24px));margin:12px;overflow:hidden;border-radius:18px;background:#160a19;color:#fff}
.projects-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.projects-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,9,24,.75) 0%,rgba(18,9,24,.32) 42%,transparent 76%),linear-gradient(0deg,rgba(18,9,24,.58),transparent 45%)}
.projects-hero .intro{width:min(1440px,calc(100% - 96px));min-height:inherit;margin:auto;padding:145px 0 66px;display:flex;flex-direction:column;align-items:flex-start}
.projects-hero .eyebrow{color:#f3a3f1;font-size:11px;letter-spacing:.07em}
.projects-hero h1{font-size:clamp(108px,15vw,230px);line-height:.78;letter-spacing:-.085em;max-width:100%;margin:auto 0 0;white-space:nowrap}
.projects-hero h1 .hero-period{color:#f3a3f1}
.projects-page[lang="ru"] .hero-lang-en,.projects-page[lang="en"] .hero-lang-ru{display:none}
.projects-hero .intro p{color:rgba(255,255,255,.9);font-size:clamp(20px,2.2vw,30px);line-height:1.22;max-width:670px;margin-top:54px}
.project-content{padding-top:96px}
@media(max-width:740px){.projects-hero{margin:8px;border-radius:14px;min-height:calc(100svh - 16px)}.projects-hero-image{object-position:62% center}.projects-hero-shade{background:linear-gradient(90deg,rgba(18,9,24,.75),rgba(18,9,24,.12)),linear-gradient(0deg,rgba(18,9,24,.76),transparent 65%)}.projects-hero .intro{width:calc(100% - 40px);padding:126px 0 40px}.projects-hero h1{font-size:clamp(61px,14vw,105px);margin:auto 0 0}.projects-hero .intro p{font-size:18px;max-width:530px;margin-top:32px}.project-content{padding-top:56px}}
@media(prefers-reduced-motion:no-preference){.projects-hero-image{animation:projects-image-settle 1.1s cubic-bezier(.2,.7,.2,1) both}.projects-hero .eyebrow{animation:projects-rise .55s ease both}.projects-hero h1{animation:projects-rise .7s .08s ease both}.projects-hero .intro p{animation:projects-rise .7s .16s ease both}}
@keyframes projects-image-settle{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@keyframes projects-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}