.works-hero{position:relative;overflow:hidden;background:#071725;color:#fff}.works-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(233,184,95,.28);border-radius:50%;right:-120px;top:-250px;box-shadow:0 0 0 70px rgba(233,184,95,.035),0 0 0 140px rgba(233,184,95,.025)}.works-hero .page-intro{position:relative;z-index:1}.works-hero .page-intro>p,.works-hero .crumb{color:#9babb6}.project-showcase{padding:120px 0}.featured-project{display:grid;grid-template-columns:1.45fr .75fr;gap:70px;align-items:center;margin-bottom:120px}.featured-project:last-child{margin-bottom:0}.project-reverse{grid-template-columns:.75fr 1.45fr}.project-reverse .project-image{order:2}.project-image{position:relative;display:block;overflow:hidden;border-radius:28px;box-shadow:0 32px 80px rgba(7,23,37,.18);aspect-ratio:1.74;background:#dfe3e2}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(7,23,37,.75));opacity:0;transition:.4s}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project-image>span{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff;font-weight:700;transform:translateY(15px);opacity:0;transition:.4s}.project-image:hover:after,.project-image:hover>span{opacity:1}.project-image:hover>span{transform:none}.project-image:hover img{transform:scale(1.035)}.project-copy{position:relative}.project-number{font:800 clamp(80px,10vw,135px)/.8 'Manrope';color:#eeeae1;letter-spacing:-.08em;margin-bottom:25px}.project-copy h2{font-size:clamp(42px,5vw,68px);margin:15px 0}.project-copy p{color:#63707a;font-size:17px;margin-bottom:28px}.project-copy .button{padding-inline:21px}@media(max-width:900px){.featured-project,.project-reverse{grid-template-columns:1fr;gap:42px;margin-bottom:85px}.project-reverse .project-image{order:0}.project-number{font-size:85px}}@media(max-width:600px){.project-showcase{padding:75px 0}.project-image{border-radius:19px}.featured-project{gap:30px}.project-number{font-size:68px;margin-bottom:18px}.project-image>span{left:18px;bottom:16px}}
