.portfolioHero{overflow:clip;position:relative}.portfolioHero:after{background-color:var(--wp--preset--color--red);content:"";height:50%;position:absolute;right:0;rotate:-21deg;top:22%;transform-origin:top right;width:200%;z-index:-1}.portfolioHero__grid{gap:.5rem;grid-template-columns:.8fr 2.6fr 1.1fr 1.1fr;grid-template-rows:auto 12vw auto 3vw auto auto;transform:translateX(-18%);width:150%}.portfolioHero__img img{animation:loadImg .8s ease-in-out forwards;opacity:0}.portfolioHero__img--t1{grid-column:1/3;grid-row:3/5}.portfolioHero__img--t2{grid-column:3/5;grid-row:2/4}.portfolioHero__img--t2 img{animation-delay:.15s}.portfolioHero__img--t3{grid-column:2/3;grid-row:5/7}.portfolioHero__img--t3 img{animation-delay:.1s}.portfolioHero__img--p1{grid-column:3/4;grid-row:4/6}.portfolioHero__img--p1 img{animation-delay:.15s}.portfolioHero__img--p2{grid-column:4/5;grid-row:4/6}.portfolioHero__img--p2 img{animation-delay:.25s}@keyframes loadImg{0%{opacity:0;scale:.95;transform:translateY(5rem)}to{opacity:1;scale:1;transform:translateY(0)}}@supports(animation-timeline:view()){.portfolioHero__img{animation:slideOut 1ms linear both;animation-timeline:view();animation-range:contain 80% exit 70%}@keyframes slideOut{to{transform:translateY(-40%)}}}@media screen and (min-width:768px){.portfolioHero h1{transform:translateY(3rem)}.portfolioHero:after{height:40%;top:16%}.portfolioHero__grid{gap:.75rem;grid-template-columns:1.55fr .5fr 1.1fr;grid-template-rows:auto 1vw auto auto auto;margin:0 auto!important;max-width:var(--wp--style--global--wide-size)!important;transform:translateX(0);width:100%}.portfolioHero__img--t1{grid-column:1/2;grid-row:3/6}.portfolioHero__img--t1 img{animation-delay:.25s}.portfolioHero__img--t2{grid-column:3/4;grid-row:1/4}.portfolioHero__img--t3{grid-column:3/4;grid-row:unset}.portfolioHero__img--p1{align-content:end;grid-column:2/3;grid-row:1/4}.portfolioHero__img--p1 img{animation-delay:.15s}.portfolioHero__img--p2{grid-column:2/3;grid-row:4/6}}.section-title{position:relative;width:-moz-fit-content;width:fit-content}.section-title:after,.section-title:before{background-color:var(--wp--preset--color--dark);content:"";display:block;height:4px;opacity:0;position:absolute;top:50%;width:2.5rem}.section-title:before{left:-3rem}.section-title:after{right:-3rem}.section-title--dark:after,.section-title--dark:before{background-color:var(--wp--preset--color--white)}.section-title--animate:before{animation:titleAnimationLeft 1s ease-in-out 0s forwards}.section-title--animate:after{animation:titleAnimationRight 1s ease-in-out 0s forwards}@keyframes titleAnimationLeft{0%{opacity:0;transform:translateX(-3rem)}to{opacity:1;transform:translateX(0)}}@keyframes titleAnimationRight{0%{opacity:0;transform:translateX(3rem)}to{opacity:1;transform:translateX(0)}}@media screen and (min-width:768px){.section-title:after,.section-title:before{height:6px;width:5rem}.section-title:before{left:-6rem}.section-title:after{right:-6rem}}.list-horizontal{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;list-style-type:none}.list-horizontal li{align-items:center;display:flex;font-size:1rem;text-wrap:nowrap}.list-horizontal li:not(:last-of-type):after{aspect-ratio:1/1;background-color:var(--wp--preset--color--green);border-radius:100%;content:"";display:inline-block;margin-left:.5rem;width:.5rem}.websites__work--one figure{border:1px solid var(--wp--preset--color--gray)}@media screen and (min-width:900px){.websites__work{flex-direction:row;flex-wrap:nowrap;gap:2rem;margin-top:4rem!important}.websites__work figure{width:40%}.websites__work--text{margin-top:unset!important;padding:unset!important;width:60%}.websites__work--two{margin-top:8rem!important}.websites__work--two figure{order:2}}@media screen and (min-width:1280px){.websites__work{align-items:center;gap:4rem;justify-content:space-evenly;margin-top:6rem!important}.websites__work p{margin-left:unset!important;margin-right:unset!important;max-width:840px}.websites__work figure,.websites__work--text{width:50%}}.webdesign{position:relative}.webdesign:after{background-color:var(--wp--preset--color--white);bottom:-1px;content:"";height:6rem;left:0;position:absolute;width:100%}.webdesign__work--title{font-size:2.75rem;position:sticky;text-wrap:nowrap;top:6rem;width:15%;writing-mode:sideways-rl}.webdesign__work--img{width:85%}.webdesign__work--img img{height:100%;width:100%}.webdesign__work:not(:first-of-type){margin-top:6rem!important}.webdesign__work--last{margin-top:4rem;max-width:900px!important;position:relative;z-index:2}@media screen and (min-width:768px){.webdesign:after{height:13rem}.webdesign__work--title{align-content:center;font-size:5rem;top:9rem;width:25%}.webdesign__work--img{width:75%}.webdesign__work:first-of-type{margin-top:4rem!important}}@media screen and (min-width:1024px){.webdesign{padding-top:6rem!important}.webdesign__work{max-width:1280px!important}.webdesign__work--title{font-size:6rem}.webdesign__work--last{margin-top:6rem}}.scroll-overlay{align-items:start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgb(0 0 0 / .3);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.scroll-overlay p{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgb(0 0 0 / .7);color:var(--wp--preset--color--white);font-family:var(--wp--preset--font-family--open-sans-condensed);font-size:var(--wp--preset--font-size--banner);font-weight:800;margin-top:20%;padding:1rem;pointer-events:none;text-align:center;width:-moz-fit-content;width:fit-content}.scroll-overlay:hover{cursor:pointer}.misc__work .embed{position:relative;width:100%}.misc__work .embed__trivia{height:800px}.misc__work .embed__clicker{background-color:#eafffd;height:1790px}@media screen and (min-width:783px){.misc__work .embed__clicker{height:1380px}.misc__work--text{max-width:800px}}@media screen and (min-width:1024px){.misc__work{margin-left:auto!important;margin-right:auto!important;max-width:var(--wp--style--global--wide-size)}.misc__work--trivia{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:2rem;padding:var(--wp--preset--spacing--dyn-1)}.misc__work--trivia .misc__work--text{padding:unset!important}}@media screen and (min-width:1215px){.misc__work--trivia{gap:4rem}.misc__work .embed__clicker{height:790px}}