.portfolio-hero{position:relative;width:100vw;height:auto;padding-top:calc(var(--col)*5);padding-bottom:calc(var(--col)*2.5);background-color:#fff;display:grid;grid-template-rows:50fr 50fr;grid-auto-columns:auto}@media(min-width:1024px){.portfolio-hero{padding-bottom:0;padding-top:0;grid-template-rows:calc(50% + var(--col)) auto;height:100svh}}.portfolio-hero .top-part{position:relative;display:flex;align-items:flex-end;justify-content:center;flex-grow:1;flex-shrink:0;width:100%}.portfolio-hero .top-part .title-wrapper{position:relative}.portfolio-hero .top-part .title-wrapper .title-sub-heading{position:absolute;top:calc(var(--col)*-1);transform:translate(-50%,-50%);left:50%;text-transform:uppercase;text-align:center;font-size:.875rem}@media(min-width:1024px){.portfolio-hero .top-part .title-wrapper .title-sub-heading{font-size:.75rem}}.portfolio-hero .top-part .title-wrapper h1{font-family:span,serif;text-align:center;z-index:1;font-size:3rem;line-height:1.2;padding-bottom:calc(var(--col)*1)}@media(min-width:1024px){.portfolio-hero .top-part .title-wrapper h1{padding-bottom:0;font-size:4rem;line-height:1;white-space:pre-line}}.portfolio-hero .bottom-part{position:relative;display:flex;align-items:flex-end;justify-content:center;text-align:center;flex-grow:1;flex-shrink:0;width:100%;padding-bottom:calc(var(--col)*2)}@media(min-width:1024px){.portfolio-hero .bottom-part{padding-bottom:var(--col);justify-content:flex-end;font-size:1.25rem;text-align:left}}.portfolio-hero .bottom-part .arrow-scroll-wrapper{position:absolute;bottom:calc(var(--col)*2);left:0;display:none}@media(min-width:1024px){.portfolio-hero .bottom-part .arrow-scroll-wrapper{bottom:var(--col);display:flex}}.portfolio-hero .bottom-part .arrow-scroll-wrapper .icon-arrow{width:2.5rem;height:auto}.portfolio-hero .bottom-part .hero-description{font-size:1.25rem}@media(min-width:1024px){.portfolio-hero .bottom-part .hero-description{width:calc(var(--col)*11)}}