@media all{*{margin:0;padding:0;box-sizing:border-box;line-height:normal}h1{text-wrap:pretty}.portfolio .hero{display:flex;align-items:center;justify-content:space-between;padding:110px 100px 130px;position:relative;gap:160px}.portfolio .hero-left{display:flex;flex-direction:column}.portfolio .hero__image{width:660px;height:470px;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.portfolio .hero__image img{width:100%;height:auto}.portfolio .hero h1{font-weight:900;font-size:40px;letter-spacing:2px;text-transform:uppercase;margin-bottom:80px}@media screen and (max-width:1550px){.portfolio .hero{padding:50px 100px 130px}.portfolio .hero__image{width:450px;height:300px}.portfolio .hero h1{font-size:32px;line-height:40px;margin-bottom:30px}}@media screen and (max-width:1024px){.portfolio .hero{padding:2rem 18px 0}.portfolio .hero h1{width:100%;font-size:24px;line-height:24px;overflow-wrap:anywhere}.portfolio .hero__image{display:none}}}