.portfolio-landing{position:relative;overflow:hidden}.portfolio-landing__intro-bg{position:absolute;top:0;left:0;width:100%;overflow:hidden}.portfolio-landing__intro-bg:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.portfolio-landing__intro-bg:after{content:"";position:absolute;width:100%;height:40vh;left:0;bottom:0;background:linear-gradient(0deg,rgb(var(--color-background)) 18%,#f0f0ea00);z-index:2}.portfolio-landing__intro-bg img{height:auto;width:100%;opacity:.85}.portfolio-landing__intro-content{position:relative;z-index:3}.portfolio-landing__intro-text{margin-top:max(30px,8vw);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);color:#fff;text-align:center;margin-inline:auto}.portfolio-landing__intro-logo{display:flex;justify-content:center}.portfolio-landing__intro-logo img{aspect-ratio:var(--ratio);height:auto;object-fit:contain}.portfolio-landing__intro-video{margin-inline:auto}.portfolio-landing__intro-video video{width:100%;aspect-ratio:var(--ratio);object-fit:cover;position:relative;box-shadow:0 20px 60px #0000001a}@keyframes animtateHorizontalLine{0%,25%{transform:translate(0);left:0%}75%,to{transform:translate(-100%);left:100%}}.portfolio-landing__benefits{padding:max(30px,3vw) 0;overflow:hidden}.portfolio-landing__benefits>*{position:relative}.portfolio-landing__benefits-title{text-align:center;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.portfolio-landing__benefits-text{position:relative}.portfolio-landing__benefits-text__content{--gap: .75em;display:flex;gap:var(--gap);padding-inline:var(--gap);position:absolute;animation:18s linear 0s infinite alternate animtateHorizontalLine}.portfolio-landing__benefits-text p{margin:0;text-transform:uppercase;-webkit-text-stroke-color:#6aa50b;color:transparent;text-wrap:nowrap}.portfolio--content-slogan{margin-inline:auto;text-align:center;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.portfolio--content-website{display:flex;justify-content:center;align-items:center}.portfolio--content-website a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.portfolio--content-next-article{display:flex;justify-content:center;align-items:center;text-align:center;font-size:18px;overflow:hidden;position:relative}.portfolio--content-next-article:hover:before{background:#0009}.portfolio--content-next-article:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#00000080;transition:.6s all}.portfolio--content-next-article img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:3s all}.portfolio--content-next-article:hover img{-webkit-transform:translate3d(0,0,0) scale(1.08);transform:translateZ(0) scale(1.08)}.portfolio--content-next-article a{z-index:2}.portfolio--content-next-article a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 989px){.portfolio-landing__intro{padding-top:max(60px,5vw)}.portfolio-landing__intro-content{margin-top:1.75rem}.portfolio-landing__intro-bg img{min-height:100vw}.portfolio-landing__intro-bg:after{height:30vh}.portfolio-landing__intro-logo img{max-width:min(384px,calc(100vw - 60px));max-height:74px}.portfolio-landing__intro-text{font-size:24px}.portfolio-landing__intro-video{padding:40px 15px 0;margin-top:max(30px,12vw);max-width:1200px}.portfolio-landing__benefits-text{margin-top:36px;margin-bottom:4px;height:30px}.portfolio-landing__benefits-text__content{font-size:24px}.portfolio-landing__benefits-text p{-webkit-text-stroke-width:1px}.portfolio--content-slogan{font-size:18px;padding:max(30px,8vw) 24px}.portfolio--content-website{height:24vh}.portfolio--content-next-article{height:36vh}}@media screen and (min-width: 990px){.portfolio-landing__intro{padding-top:max(60px,5vw)}.portfolio-landing__intro-text{max-width:calc(100% / 3 * 2)}.portfolio-landing__intro-bg{height:100vh}.portfolio-landing__intro-logo img{max-width:480px;max-height:120px}.portfolio-landing__intro-video{padding:40px 120px 10px;margin-top:max(30px,12vw);margin-bottom:max(60px,6vw);max-width:1200px}.portfolio-landing__benefits-text{margin-top:60px;margin-bottom:20px;height:120px}.portfolio-landing__benefits-text p{-webkit-text-stroke-width:2px}.portfolio--content-slogan{max-width:50%;padding:max(30px,8vw) 0}.portfolio--content-website{height:36vh}.portfolio--content-next-article{height:28vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-portfolio-landing.css.map */