.portfolio-hero{padding-top:172px}@media (max-width:1024px){.portfolio-hero{padding-top:130px}}@media (max-width:768px){.portfolio-hero{padding-top:100px}}@media (max-width:567px){.portfolio-hero{padding-top:80px}}.portfolio-hero__bg{z-index:-1;pointer-events:none;width:100%;height:clamp(480px,45vw,820px);position:absolute;top:0;left:0}.portfolio-hero__bg:after{content:"";background:linear-gradient(to bottom, var(--color-hero-overlay) 0%, var(--color-hero-overlay) 70%, var(--color-background) 100%);position:absolute;inset:0}.portfolio-hero__bg-image{object-fit:cover;object-position:center center}.portfolio-hero__title{visibility:hidden;color:var(--color-white);text-align:center;letter-spacing:-.03em;overflow-wrap:break-word;font-size:48px;font-weight:400;line-height:173%}@media (max-width:1200px){.portfolio-hero__title{font-size:34px}}@media (max-width:1024px){.portfolio-hero__title{font-size:30px}}@media (max-width:768px){.portfolio-hero__title{font-size:24px}}@media (max-width:567px){.portfolio-hero__title{font-size:20px}}@media (max-width:425px){.portfolio-hero__title{letter-spacing:-.02em;font-size:18px}}@media (max-width:375px){.portfolio-hero__title{font-size:16px}}.portfolio-hero__icon{vertical-align:middle;width:54px;height:54px;margin:0 6px;display:inline-block;position:relative;top:-4px}@media (max-width:1024px){.portfolio-hero__icon{width:42px;height:42px}}@media (max-width:768px){.portfolio-hero__icon{width:32px;height:32px}}@media (max-width:425px){.portfolio-hero__icon{width:24px;height:24px;margin:0 4px}}