@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pontano+Sans:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic&display=swap";:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;--text-white: #fff;--text-black: #000;--text-yellow: #ffe600;--text-gray: #d9d9d9;--text-red: #ef5025;--text-blue: #222e3d;--background-yellow: #ffe600;--background-red: #ef5025;--background-darkblue: #222e3d;--background-gray: #d9d9d9;--background-darkgray: #e5e5e5;--background-white: #fff;--background-background: #f6f6f6;--background-black: #000;--background-pink: #fcbda8;--background-green: #d6e4d8;--background-purple: #491595;--background-darkyellow: #ffd868;--background-lightpink: #f9f1e9;--tablet-size: 800px;--desktop-size: 1200px}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;box-sizing:border-box;overflow-x:hidden;background-color:var(--background-background)}@keyframes water-wave{0%{top:100%;rotate:0}to{top:0;rotate:90deg}}@keyframes water-wave-reverse{0%{top:0;rotate:90deg}to{top:100%;rotate:0}}.arrow-svg{width:41px;height:41px;transform:rotate(180deg)}.arrow-svg path{transition:stroke .4s}.reveal{opacity:0;transform:translateY(150px);transition:opacity .8s ease-out,transform .8s ease-out;width:100%}.reveal.active{opacity:1;transform:translateY(0)}.back-to-projects{max-width:300px;height:126px;background-color:var(--background-gray);display:flex;align-items:center;text-decoration:none;margin-bottom:8rem;cursor:pointer;position:relative;z-index:1}.back-to-projects .arrow-svg{transform:rotate(0)}.back-to-projects span{padding:.5rem;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-white);position:relative;overflow:hidden;box-sizing:border-box;transform:translate(2rem)}.back-to-projects span svg{width:100%;height:100%;max-width:48px;max-height:48px;z-index:3;scale:.5}.back-to-projects p{font-size:2.5rem;text-transform:uppercase;font-weight:100;color:var(--text-black);text-align:end;transform:translateY(-2rem) translate(2rem);width:300px}.back-to-projects:hover span:after{content:"";position:absolute;top:0;left:-150%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;animation:water-wave .5s linear;z-index:2}.back-to-projects:hover span svg{z-index:3;display:inline-block;width:100%;height:100%}.back-to-projects:hover span svg path{stroke:var(--text-white)}.back-to-projects span:after{content:"";position:absolute;top:100%;left:-150%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;z-index:2;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.back-to-projects{max-width:unset;width:422px;height:204px;margin-bottom:10rem}.back-to-projects span{width:78px;height:78px;max-width:unset;max-height:unset;transform:translate(3rem)}.back-to-projects span svg{scale:1}.back-to-projects p{font-size:4rem;transform:translateY(-4rem) translate(6rem)}.back-to-projects:hover span:after{left:-100%}.back-to-projects span:after{left:-100%}}@media screen and (min-width: 1200px){.back-to-projects{max-width:unset;width:559px;height:270px;margin-bottom:15rem;margin-top:10rem}.back-to-projects span{padding:1rem;width:104px;height:104px}.back-to-projects span svg{transform:scale(2)}.back-to-projects p{font-size:6rem;width:440px;transform:translateY(-5rem) translate(6rem)}.back-to-projects:hover span:after{width:300px;height:300px;border-radius:100px}.back-to-projects:hover span:after{animation:water-wave .5s linear}.back-to-projects span:after{width:300px;height:300px;border-radius:100px}}.about-banner{margin-top:4rem;background-image:url("data:image/svg+xml,%3csvg%20width='1440'%20height='576'%20viewBox='0%200%201440%20576'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M215.518%20355L177.718%20270.85L2.21817%20270.85L-35.5818%20355H-70.2318L73.7682%2040H106.618L250.618%20355H215.518ZM14.3682%20243.85H165.568L89.9682%2074.65L14.3682%20243.85ZM462.927%20116.5C530.427%20116.5%20580.827%20165.1%20580.827%20236.65C580.827%20308.2%20530.427%20357.25%20462.927%20357.25C423.777%20357.25%20390.927%20340.15%20371.577%20308.2V355H340.977V21.1L372.927%2021.1V163.3C392.727%20132.7%20425.127%20116.5%20462.927%20116.5ZM460.677%20328.9C510.627%20328.9%20548.877%20292%20548.877%20236.65C548.877%20181.3%20510.627%20144.4%20460.677%20144.4C410.277%20144.4%20372.477%20181.3%20372.477%20236.65C372.477%20292%20410.277%20328.9%20460.677%20328.9ZM787.707%20357.25C718.407%20357.25%20667.107%20306.85%20667.107%20236.65C667.107%20166.45%20718.407%20116.5%20787.707%20116.5C857.007%20116.5%20907.857%20166.45%20907.857%20236.65C907.857%20306.85%20857.007%20357.25%20787.707%20357.25ZM787.707%20328.9C838.107%20328.9%20875.457%20292%20875.457%20236.65C875.457%20181.3%20838.107%20144.4%20787.707%20144.4C737.307%20144.4%20699.507%20181.3%20699.507%20236.65C699.507%20292%20737.307%20328.9%20787.707%20328.9ZM1199.44%20118.3H1231.39V355H1200.79V311.8C1184.14%20340.6%201153.54%20357.25%201115.74%20357.25C1055.44%20357.25%201015.84%20323.5%201015.84%20255.55V118.3L1047.79%20118.3V252.4C1047.79%20302.8%201073.89%20328.45%201118.89%20328.45C1168.39%20328.45%201199.44%20296.5%201199.44%20242.5V118.3ZM1479.27%20317.65L1490.52%20340.6C1477.92%20351.85%201459.02%20357.25%201440.57%20357.25C1396.02%20357.25%201371.27%20332.05%201371.27%20288.4V145.3H1328.97V118.3L1371.27%20118.3V66.55H1403.22V118.3H1475.22V145.3L1403.22%20145.3V286.6C1403.22%20314.5%201417.62%20329.8%201444.17%20329.8C1457.22%20329.8%201470.27%20325.75%201479.27%20317.65Z'%20fill='%23FFE700'/%3e%3cpath%20d='M1046.18%20395.228H1062.43L1027.43%20570.228H1009.68L1037.43%20431.478L946.926%20547.978H938.176L891.426%20429.228L863.426%20570.228H845.676L880.676%20395.228H895.676L946.176%20525.228L1046.18%20395.228ZM1232.7%20509.478L1122.2%20509.478C1121.95%20511.228%201121.95%20512.978%201121.95%20514.728C1121.95%20540.978%201136.95%20555.728%201167.2%20555.728C1184.7%20555.728%201200.45%20549.478%201210.2%20539.228L1218.2%20551.978C1205.95%20564.228%201186.2%20571.478%201165.7%20571.478C1127.7%20571.478%201104.45%20549.978%201104.45%20515.478C1104.45%20470.728%201135.2%20437.728%201177.2%20437.728C1211.95%20437.728%201234.45%20458.478%201234.45%20493.478C1234.45%20498.978%201233.7%20504.478%201232.7%20509.478ZM1176.7%20452.728C1150.2%20452.728%201130.45%20469.978%201123.95%20496.228L1217.7%20496.228C1217.95%20494.478%201217.95%20492.978%201217.95%20491.478C1217.95%20466.478%201201.2%20452.728%201176.7%20452.728Z'%20fill='%23222E3D'/%3e%3crect%20y='330'%20width='1440'%20height='82'%20fill='%23F6F6F6'/%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:1440 / 576}@media screen and (min-width: 800px){.about-banner{margin-top:16rem}}.about-intro{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:2rem;width:100%}.about-intro .decoration-bar{position:absolute;top:-2rem;left:0;width:115px;height:547px;background-color:var(--background-darkblue)}.about-intro .introduction{margin-top:4rem;padding-left:calc(90% - (100% - 115px) + 2rem);padding-right:2rem;padding-top:10rem;padding-bottom:10rem;width:90%;background-color:var(--background-yellow);min-height:500px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-intro .introduction p{margin:0;font-weight:400;text-transform:uppercase}@media screen and (min-width: 800px){.about-intro .decoration-bar{width:32.6%}.about-intro .introduction{width:87.1%;padding-left:calc(19.7vw + 2rem)}}@media screen and (min-width: 1200px){.about-intro{margin-top:-5rem}.about-intro .decoration-bar{width:23.3%;height:766px}.about-intro .introduction{margin-top:12rem;padding-left:unset;padding-right:4rem;width:93%;background-color:var(--background-yellow);min-height:610px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.about-intro .introduction p{font-size:1.5rem;width:58%}}.about-tagline{margin:6rem auto;background-image:url(/assets/my-design-journey-w-TULTON.png);background-size:cover;background-position:center;background-repeat:no-repeat;aspect-ratio:1244 / 152}@media screen and (min-width: 800px){.about-tagline{margin-left:15%;margin-top:20rem;margin-bottom:10rem}}@media screen and (min-width: 1200px){.about-tagline{margin-left:15%;margin-bottom:18rem}}@media screen and (min-width: 1400px){.about-tagline{margin-left:auto;max-width:1400px;margin-right:0}}.about-section1,.about-section3{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;padding-left:6rem;padding-right:6rem}.about-section1 .graphics,.about-section3 .graphics{display:flex;position:relative;flex-direction:column}.about-section1 .graphics .keywords{width:70%;aspect-ratio:196 /140;position:absolute;top:12%;left:37.5%;transform:translate(-50%);background-image:url(/assets/about-human-wc-cqH-S7lx.png);background-size:cover;background-repeat:no-repeat}.about-section3 .graphics .keywords{width:70%;aspect-ratio:919 /658;position:absolute;top:11%;left:37.5%;transform:translate(-50%);background-image:url(/assets/about-concept-wc-BW4IpC06.png);background-size:cover;background-repeat:no-repeat}.about-section1 .decoration-bar,.about-section3 .decoration-bar{aspect-ratio:212 /450;width:75%;background-color:var(--background-yellow)}.about-section3 .decoration-bar{background-color:var(--background-red)}.about-section1 .decoration-bar:nth-child(1),.about-section3 .decoration-bar:nth-child(1){display:none}.about-section1 .img-container,.about-section3 .img-container{aspect-ratio:212 / 450;width:75%;align-self:flex-end;transform:translateY(-40%)}.about-section1 .img-container img,.about-section3 .img-container img{width:100%;height:100%;object-fit:cover}.about-section1 .title,.about-section3 .title{position:absolute;top:4rem;left:-3rem;font-weight:500;font-size:2.5rem;margin:0;text-transform:uppercase;transform:rotate(-90deg) translate(-20%);opacity:.22}.about-section1 .desc,.about-section3 .desc{transform:translateY(calc((16rem - 100vw) * .75 * 2.123 * .4));font-weight:500;font-size:1rem;width:100vw;padding-left:2rem;padding-right:2rem}@media screen and (min-width: 800px){.about-section1,.about-section3{padding-left:2rem;padding-right:2rem;position:relative;margin-bottom:40rem;max-width:1260px;margin-left:auto;margin-right:auto}.about-section1 .graphics,.about-section3 .graphics{flex-direction:row;gap:2rem;position:relative}.about-section1 .decoration-bar,.about-section3 .decoration-bar{width:22.3vw;aspect-ratio:229 / 686;max-width:350px}.about-section1 .decoration-bar1{display:block;background-color:var(--background-yellow)}.about-section3 .decoration-bar1{display:block;background-color:var(--background-red)}.about-section1 .decoration-bar2,.about-section3 .decoration-bar2{transform:translateY(25%)}.about-section1 .img-container,.about-section3 .img-container{aspect-ratio:229 / 686;width:22.3vw;max-width:350px;transform:translateY(50%)}.about-section1 .graphics .keywords{left:9rem;transform:unset;width:calc(44.6vw - 1rem);max-width:663px;top:35%}.about-section3 .graphics .keywords{left:9rem;transform:unset;width:calc(44vw - 1.5rem);max-width:663px;top:35%}.about-section1 .title,.about-section3 .title{padding:0;margin:0;position:unset;right:0;transform:unset;width:5rem;text-align:center}.about-section1 .desc,.about-section3 .desc{position:absolute;bottom:-53%;left:calc((33.1% - 11rem)/2);width:calc(10rem + 44.6vw);padding-left:.1rem;padding-right:calc(9vw - 4rem);transform:unset;font-weight:400;max-width:830px}}@media screen and (min-width: 1200px){.about-section1,.about-section3{margin-bottom:55rem}.about-section1 .title img,.about-section3 .title img{scale:1.33;transform:translateY(7rem)}.about-section1 .desc,.about-section3 .desc{font-size:1.25rem;bottom:-50%}.about-section1 .graphics .keywords{left:9.5rem;width:calc(44.6vw - 3rem)}.about-section3 .graphics .keywords{left:9.5rem;width:calc(44vw - 3.5rem)}}.about-section2{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;padding-left:6rem;padding-right:6rem}.about-section2 .graphics{display:flex;position:relative;flex-direction:column}.about-section2 .graphics .keywords{width:70%;aspect-ratio:664 /442;position:absolute;top:12%;left:62.5%;transform:translate(-50%);background-image:url(/assets/about-nature-wc-DK9ij88B.png);background-size:cover;background-repeat:no-repeat}.about-section2 .decoration-bar{aspect-ratio:212 /450;width:75%;align-self:flex-end;background-color:var(--background-gray)}.about-section2 .decoration-bar:nth-child(1){display:none}.about-section2 .img-container{aspect-ratio:212 / 450;width:75%;transform:translateY(-40%)}.about-section2 .img-container img{width:100%;height:100%;object-fit:cover}.about-section2 .title{position:absolute;top:4rem;right:-2rem;font-weight:500;font-size:2.5rem;margin:0;text-transform:uppercase;transform:rotate(90deg) translate(20%);opacity:.22}.about-section2 .desc{transform:translateY(calc(64% - 9rem));font-weight:500;font-size:1rem;width:100vw;padding-left:2rem;padding-right:2rem}@media screen and (min-width: 800px){.about-section2{padding-left:2rem;padding-right:2rem;position:relative;margin-bottom:40rem;max-width:1260px;margin-left:auto;margin-right:auto}.about-section2 .graphics{flex-direction:row;gap:2rem;position:relative}.about-section2 .decoration-bar{width:22.3vw;aspect-ratio:229 / 686;max-width:350px}.about-section2 .decoration-bar1{display:block;background-color:var(--background-gray);order:2}.about-section2 .decoration-bar2{transform:translateY(25%);order:1}.about-section2 .img-container{aspect-ratio:229 / 686;width:22.3vw;max-width:350px;transform:translateY(50%)}.about-section2 .graphics .keywords{left:calc(22.3vw + 4rem);transform:unset;width:calc(44vw - 1rem);max-width:663px;top:35%;z-index:1}.about-section2 .title{order:3;padding:0;margin:0;position:unset;right:0;transform:unset;width:5rem;text-align:center}.about-section2 .desc{position:absolute;bottom:-53%;right:unset;left:calc(39.05% - 3.7rem);width:calc(44.6vw + 9rem);padding:0;transform:unset;font-weight:400;max-width:830px}}@media screen and (min-width: 1200px){.about-section2{margin-bottom:55rem}.about-section2 .title img{scale:1.33;transform:translateY(7rem)}.about-section2 .desc{font-size:1.25rem;bottom:-50%}.about-section2 .graphics .keywords{left:calc(22.3vw + 5rem);transform:unset;width:calc(44vw - 3rem)}}@media screen and (min-width: 1570px){.about-section2 .desc{left:calc(50% - 230px)}.about-section2 .graphics .keywords{left:418px}}.contact-banner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:4rem}.contact-banner .content{width:80%;display:flex;padding:2rem;justify-content:center;gap:2rem;z-index:2}.contact-banner .content img{width:100%}.contact-banner .content h1{position:absolute;left:calc((2rem - 10%)/2 - 7vw);top:22.5vw;font-size:7vw;font-weight:500;text-transform:uppercase;margin:0;transform:rotate(-90deg)}.contact-banner .decoration-bar:nth-child(1){display:none}.contact-banner .decoration-bar:nth-child(2){position:absolute;top:50%;left:0;width:88%;height:59.85%;background-color:var(--background-yellow);z-index:1}@media screen and (min-width: 800px){.contact-banner .content img{width:60vw;margin-left:25%;margin-right:20%}.contact-banner .decoration-bar:nth-child(2){height:35vw;background-color:var(--background-yellow);z-index:1}.contact-banner .content h1{position:absolute;left:-3%;top:21vw;font-size:7vw;font-weight:500;text-transform:uppercase;margin:0;transform:rotate(-90deg)}}@media screen and (min-width: 1200px){.contact-banner .content img{width:62vw;margin-left:22%}.contact-banner .decoration-bar:nth-child(2){height:31vw;width:86.7%}.contact-banner .content h1{top:16rem;font-size:8.5vw;transform:rotate(-90deg) translateY(-8rem) translate(2vw)}}.contact-content{margin-top:calc(30% * .665);text-transform:uppercase;font-size:1.5rem;font-weight:400;text-align:center;padding-left:2rem;padding-right:2rem}@media screen and (min-width: 800px){.contact-content{font-size:3rem;font-weight:300;width:90%;margin-left:auto;margin-right:auto;margin-bottom:12rem;margin-top:20rem}}@media screen and (min-width: 1200px){.contact-content{font-size:4rem;width:80%;margin-left:auto;margin-right:auto;margin-bottom:16rem;margin-top:26rem}}form{margin-top:4rem;background-color:var(--background-white);width:100%}form label{display:none}form input{display:block;width:100%;border:none;border-bottom:solid 5px var(--background-gray);font-size:1.25rem;font-weight:400;font-family:Montserrat,sans-serif;padding:1.5rem;text-align:center}form textarea{display:block;width:100%;border:none;border-bottom:solid 5px var(--background-gray);font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:400;padding-top:2rem;padding-bottom:1rem;text-align:center;resize:none}form .button-wrapper{width:100%;padding:3rem;border:none;display:flex;justify-content:center;align-items:center;background-color:var(--background-white)}form button{border:none;background-color:var(--background-white)}form button:hover{cursor:pointer}form button div{background-color:var(--background-yellow);width:150px;height:60px;padding:1rem;border:none;display:flex;position:relative}form button span:nth-child(2){position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:block;padding:.5rem;width:36px;height:36px;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-white);z-index:1;overflow:hidden}form button span:nth-child(2) svg{display:inline-block;z-index:3;width:100%;height:100%}form button>div:hover span:nth-child(2):after{content:"";position:absolute;top:0;left:-100%;width:100px;height:100px;background-color:var(--background-darkblue);border-radius:40px;animation:water-wave .5s linear;z-index:2}form button>div:hover span:nth-child(2) svg path{stroke:var(--text-white)}form button>div:hover span:nth-child(2):after{animation:water-wave .5s linear}form button span:nth-child(2):after{content:"";position:absolute;top:100%;left:-100%;width:100px;height:100px;background-color:var(--background-darkblue);border-radius:40px;z-index:2;animation:water-wave-reverse .4s linear}form button .btn-text{font-size:2.5rem;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:100;color:var(--text-black);transform:translate(-2.5rem,-2.5rem)}@media screen and (min-width: 800px){form input,form textarea,form .button-wrapper{border-bottom:solid 3px var(--background-gray);font-size:2rem;padding-top:5rem;padding-bottom:5rem}form input,form textarea{opacity:.5}form .button-wrapper{padding-top:8rem;padding-bottom:8rem}form button div{background-color:var(--background-yellow);width:345px;height:125px;padding:1rem}form button span:nth-child(2){right:2rem;top:50%;width:73px;height:73px}form button span:nth-child(2) svg{scale:.8}form button .btn-text{font-size:6rem;transform:translate(-4.5rem,-4.5rem)}form button>div:hover span:nth-child(2):after{left:-100%;width:200px;height:200px;border-radius:70px}form button span:nth-child(2):after{left:-100%;width:200px;height:200px;border-radius:70px}}@media screen and (min-width: 1200px){form{margin-bottom:15rem}form button{padding-top:10rem;padding-bottom:10rem}form button div{background-color:var(--background-yellow);width:485px;height:178px;padding:1rem}form button span:nth-child(2){right:2rem;top:50%;width:104px;height:104px}form button .btn-text{font-size:8rem;transform:translate(-6rem,-5.8rem)}form button>div:hover span:nth-child(2):after{width:300px;height:300px;border-radius:100px}form button span:nth-child(2):after{left:-100%;width:300px;height:300px;border-radius:100px}}.project-wrapper .banner{position:relative;height:760px;margin-top:4rem}.project-wrapper .banner .slogan{width:80%;max-width:570px;text-transform:uppercase;font-weight:500;font-size:2rem;margin-left:2rem}.project-wrapper .banner .yellow{background-color:var(--background-yellow);position:absolute;top:6rem;left:15.7%;width:68.6%;height:122.8vw;max-height:503px;z-index:-1}.project-wrapper .banner .info{position:absolute;top:500px;left:0;text-align:center;width:100%;padding-right:17%;text-transform:uppercase}.project-wrapper .banner .info p,.project-wrapper .banner .info h1{text-align:right;margin:0;padding:0}.project-wrapper .banner .info h1{text-align:right;font-size:3rem;letter-spacing:.4rem;transform:translate(.4rem);margin-right:0;padding-right:0}.project-wrapper .banner .info p{text-align:right;margin-right:0}.project-wrapper .banner .tags{position:absolute;top:600px;right:0;width:100%;margin-right:17%;text-align:right;width:85%;text-transform:uppercase;display:flex;justify-content:flex-end;align-items:center}.project-wrapper .banner .tags .dot{min-width:8px;min-height:8px;background-color:var(--text-black);border-radius:50%;margin:auto 1rem}@media screen and (min-width: 800px){.project-wrapper .banner{margin-bottom:16rem}.project-wrapper .banner .slogan{font-size:3rem;width:55.4%;max-width:unset;margin-left:6.54%}.project-wrapper .banner .yellow{top:5rem;left:18%;width:44.4%;max-width:unset;max-height:unset;height:664px}.project-wrapper .banner .info{padding:0 18% 0 0;top:550px;text-align:right;width:100%}.project-wrapper .banner .info h1{font-size:6rem;transform:translate(.6rem)}.project-wrapper .banner .info p{font-size:2.25rem;transform:translate(.3rem)}.project-wrapper .banner .tags{padding:0 18% 0 0;margin:0;width:100%;top:750px;text-align:right;font-size:1.5rem;right:0}}@media screen and (min-width: 1200px){.project-wrapper .banner{margin-bottom:20rem}.project-wrapper .banner .slogan{font-size:3rem;width:39.37%;margin-left:8.3%}.project-wrapper .banner .yellow{top:5rem;left:18%;width:41.7%;height:836px}.project-wrapper .banner .info{top:520px;padding:0;left:0;text-align:right;width:100%;text-transform:uppercase}.project-wrapper .banner .info h1{font-size:8rem;padding-right:calc(40.3% - 250px)}.project-wrapper .banner .info p{font-size:3rem;padding-right:calc(40.3% - 245px);letter-spacing:.28rem}.project-wrapper .banner .tags{top:850px;font-size:1.5rem;right:0;padding:0;width:40.3%;justify-content:flex-start;padding-left:.3rem}}.project-wrapper .project1{padding-top:4rem}.project-wrapper .project1 .top-section{display:flex}.project-wrapper .project1 .orange-box{min-height:700px;min-width:4rem;z-index:1;background-color:var(--background-red)}.project-wrapper .project1 .text{display:flex;flex-direction:column;justify-content:center;align-self:center;padding-left:2rem;padding-right:2rem;padding-top:2rem;font-weight:500;height:100%}.project-wrapper .project1 .text>div{flex-grow:2;display:flex;flex-direction:column;justify-content:center;align-self:center;padding-left:calc(16vw - 2rem)}.project-wrapper .project1 .text button{text-transform:uppercase;border:none;background:none;align-self:flex-end;border-bottom:solid 1px var(--text-black);padding:0}.project-wrapper .project1 .text h2{flex-grow:1;width:100%;text-align:center;margin-bottom:1rem;font-size:6rem;font-weight:500;transform:translateY(1rem)}.project-wrapper .link .decoration{background-image:url(/assets/photography-project-cover-gysl8bLk.jpg);background-size:cover;background-position:center;height:298px;font-size:2rem;font-weight:300;text-transform:uppercase;letter-spacing:.3rem;color:var(--text-white);display:flex;justify-content:center;align-items:center}.project-wrapper .project1 .link .description{position:relative;height:237px;background-color:var(--background-darkblue);color:var(--text-white);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.project-wrapper .link .description p{width:70%}.project-wrapper .project1 .link .description a{position:absolute;top:-7rem;right:2rem;border:none;background-color:var(--background-yellow);padding:1.5rem;text-decoration:none;color:var(--text-black);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;overflow:hidden}.project-wrapper .project2 .link .description a:hover img{filter:invert(100%)}.project-wrapper .project1 .link .description a:hover:after{content:"";position:absolute;top:0;right:-3.5rem;width:200px;height:200px;background-color:var(--background-white);border-radius:70px;animation:water-wave .5s linear;z-index:-1}.project-wrapper .project1 .link .description a:hover svg path{stroke:var(--background-darkblue)}.project-wrapper .project1 .link .description a:hover:after{animation:water-wave .5s linear}.project-wrapper .project1 .link .description a:after{content:"";position:absolute;top:100%;right:-3.5rem;width:200px;height:200px;background-color:var(--background-white);border-radius:70px;z-index:-1;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.project-wrapper .project1 .orange-box{display:none}.project-wrapper .project1 .link .decoration{position:relative;min-height:53vw}.project-wrapper .project1 .link .decoration p{width:100%;text-align:center;margin-right:20%;font-size:4rem}.project-wrapper .project1 .text>div .description{width:70%;padding-left:4rem;padding-right:2rem;padding-bottom:2rem}.project-wrapper .project1 .text>div{position:relative;padding-bottom:4rem;padding-top:4rem;padding-left:calc(17vw - 5.5rem)}.project-wrapper .project1 .text>h2{position:absolute;right:0;width:20vw;transform:translateY(270%);z-index:5;padding-right:0;text-align:center}.project-wrapper .project1 .text>div .tablet-sidebar{position:absolute;top:0;right:-2rem;width:20vw;height:100%;background-color:var(--background-red)}.project-wrapper .project1 .link .decoration .tablet-background{position:absolute;top:0;right:0;width:20%;height:100%;background-color:var(--background-background);z-index:1}.project-wrapper .project1 .link .description a{top:-10rem;right:calc(10% - 45px)}.project-wrapper .project1 .link .description a:hover{background-color:var(--background-yellow)}.project-wrapper .project1 .link .description a:hover:after{background-color:var(--background-darkblue)}.project-wrapper .project1 .link .description a:hover svg path{stroke:var(--background-white)}.project-wrapper .project1 .link .description a:hover:after{animation:water-wave .5s linear}.project-wrapper .project1 .link .description a:after{background-color:var(--background-darkblue)}}@media screen and (min-width: 1200px){.proiect-wrapper .project1 .text{position:relative}.project-wrapper .project1 .text>div{padding-left:calc(18% - 5rem);padding-bottom:0;font-size:1.5rem;font-weight:300}.project-wrapper .project1 .text>div .description{padding-right:12rem}.project-wrapper .project1 .text>div .desktop-desc1{margin-top:3rem}.project-wrapper .project1 .text>div .desktop-desc2{margin-bottom:30rem}.project-wrapper .project1 .text>div .tablet-sidebar{top:unset;right:-2rem;width:30.9vw;height:100%;background-color:var(--background-red)}.project-wrapper .project1 .text>h2{position:absolute;font-size:10.5rem;right:unset;left:unset;top:unset;bottom:unset;width:calc(69.1vw - 2rem);margin-top:0;transform:translateY(150%);text-align:center}.project-wrapper .project1 .link .decoration .tablet-background{display:none}.project-wrapper .project1 .link{display:flex;flex-direction:row}.project-wrapper .project1 .link .decoration{width:69.1%;height:688px;font-size:6rem;min-height:unset}.project-wrapper .project1 .link .decoration p{margin-right:0;font-size:6rem}.project-wrapper .project1 .link .description{width:30.9vw;min-height:688px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4rem;padding:4rem}.project-wrapper .link .description p{width:100%}.project-wrapper .project1 .link .description a{position:relative;top:0;left:0}.project-wrapper .project1 .link .description a:hover,.project1 .link .description a:active{color:var(--text-black)}.project-wrapper .project1 .link .description a:hover svg path{stroke:var(--background-darkblue)}.project-wrapper .project1 .link .description a:hover{background-color:var(--background-yellow)}.project-wrapper .project1 .link .description a:hover:after{background-color:var(--background-white)}.project-wrapper .project1 .link .description a:after{background-color:var(--background-white)}}.project-wrapper .project2{display:flex;position:relative;width:100%;margin-top:200px;min-height:691px}.project-wrapper .project2 h2{order:1;flex-grow:1;font-size:6rem;font-weight:500;text-align:center}.project-wrapper .project2 .decoration-name{position:absolute;right:-86px;top:-114px;background-color:var(--background-yellow);color:var(--text-white);text-transform:uppercase;transform:rotate(90deg);height:65px;min-width:237px;display:flex;justify-content:flex-start;align-items:center;z-index:3}.project-wrapper .project2 .decoration-name p{z-index:4;font-size:2rem;text-transform:uppercase;transform:translate(1rem);letter-spacing:.2rem;font-weight:300;margin:0}.project-wrapper .project2 .img-container{width:50%;margin-top:3rem}.project-wrapper .project2 .img-container img{width:100%;min-height:60%;object-fit:cover}.project-wrapper .project2 .link{position:absolute;top:300px;right:0;width:50%}.project-wrapper .project2 .link .description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:calc(25% - 1rem);margin-top:-4rem}.project-wrapper .project2 .link .project-name{font-size:1.5rem;text-transform:uppercase;font-weight:300}.project-wrapper .project2 .link p{font-size:1rem;font-weight:500;margin-bottom:2rem}.project-wrapper .project2 .link a{border:none;background-color:var(--background-darkblue);padding:1.5rem;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-wrapper .project2 .link a svg{z-index:2}.project-wrapper .project2 .blue-decoration-bar{position:absolute;top:0;left:0;height:691px;width:114px;z-index:-1;background-color:var(--background-darkblue)}.project-wrapper .project2 .tablet-decoration-bar{display:none}.project-wrapper .project2 .link .description a:hover:after{content:"";position:absolute;top:0;right:-50%;width:200px;height:200px;background-color:var(--background-yellow);border-radius:70px;animation:water-wave .5s linear;z-index:1}.project-wrapper .project2 .link .description a:hover svg path{stroke:var(--background-darkblue)}.project-wrapper .project2 .link .description a:hover:after{animation:water-wave .5s linear}.project-wrapper .project2 .link .description a:after{content:"";position:absolute;top:100%;right:-50%;width:200px;height:200px;background-color:var(--background-yellow);border-radius:70px;z-index:1;animation:water-wave-reverse .4s linear}@media (min-width: 800px){.project-wrapper .project2{flex-direction:row;margin-top:10rem;gap:4rem;justify-content:center;min-height:870px}.project-wrapper .project2 h2{order:unset;flex-grow:unset;font-size:6rem;font-weight:500;text-align:center;margin-top:0;margin-left:4rem;width:30%}.project-wrapper .project2 .img-container{justify-self:flex-start}.project-wrapper .project2 .img-container{margin-top:0}.project-wrapper .project2 .img-container img{max-width:240px;min-height:unset}.project-wrapper .project2 .link{position:relative;top:0;right:0;transform:translate(0);width:unset}.project-wrapper .project2 .link .description{margin-top:1rem;margin-right:100px;padding-left:2rem;width:30vw;gap:4rem}.project-wrapper .project2 .decoration-name{position:absolute;right:0;top:0;height:100%;min-height:unset;width:92px;min-width:unset;transform:unset}.project-wrapper .project2 .decoration-name p{font-size:4rem;transform:rotate(90deg) translateY(90%) translate(-98%)}.project-wrapper .project2 .blue-decoration-bar{top:30%;left:0;height:140px;width:calc(50% + 55px)}.project-wrapper .project2 .tablet-decoration-bar{display:block;position:absolute;bottom:0;left:50%;height:calc(70% + 4rem);width:110px;background-color:var(--background-darkblue);transform:translate(-50%) translateY(4rem);z-index:-1}}@media screen and (min-width: 1200px){.project-wrapper .project2{margin-bottom:5rem}.project-wrapper .project2{gap:4rem;justify-content:center;min-height:870px}.project-wrapper .project2 h2{font-size:10.5rem;width:unset;transform:translate(-70px)}.project-wrapper .project2 .link{max-width:350px;transform:translate(-70px)}.project-wrapper .project2 .img-container{width:unset;transform:translate(-70px)}.project-wrapper .project2 .img-container img{max-width:400px}.project-wrapper .project2 .link .description{margin-right:100px;padding-left:0;width:unset}.project-wrapper .project2 .blue-decoration-bar{top:78%;left:0;height:232px;width:calc(50% + 90px)}.project-wrapper .project2 .tablet-decoration-bar{height:340px;width:180px;background-color:var(--background-darkblue);transform:translate(-50%) translateY(160px);z-index:-1}}@media screen and (min-width: 1440px){.project-wrapper .reveal{position:relative}.project-wrapper .project2{position:unset;max-width:1440px;margin-left:auto;margin-right:auto}.project-wrapper .project2 .link .description{margin-right:0}}.project-wrapper .project3{position:relative;display:flex;flex-direction:column;min-height:674px}.project-wrapper .project3 .blue-decoration-bar{position:absolute;top:0;right:0;height:674px;width:61px;z-index:-1;background-color:var(--background-darkblue)}.project-wrapper .project3 h2{font-size:6rem;font-weight:500;text-align:center;width:calc(100% - 61px);margin-bottom:2rem}.project-wrapper .project3 .img-container{position:absolute;max-width:179px;height:285px;top:240px;right:0}.project-wrapper .project3 .img-container img{width:100%;object-fit:cover}.project-wrapper .project3 .link{max-width:calc(100% - 179px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:1rem}.project-wrapper .project3 .link .project-name{font-size:1.5rem;text-transform:uppercase;font-weight:300;width:100%;text-align:end}.project-wrapper .project3 .link .description{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-weight:500;text-align:end}.project-wrapper .project3 .link a{border:none;background-color:var(--background-red);padding:1.5rem;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2rem}.project-wrapper .project3 .link a img{width:100%;filter:invert(100%)}.project-wrapper .project3 .link .description a{position:relative;overflow:hidden}.project-wrapper .project3 .link .description a svg{z-index:2}.project-wrapper .project3 .link .description a:hover:after{content:"";position:absolute;top:0;right:-50%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;animation:water-wave .5s linear;z-index:1}.project-wrapper .project3 .link .description a:hover:after{animation:water-wave .5s linear}.project-wrapper .project3 .link .description a:after{content:"";position:absolute;top:100%;right:-50%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;z-index:1;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.project-wrapper .project3{flex-direction:row;min-height:unset;margin-top:4rem;margin-bottom:16rem}.project-wrapper .project3 h2{order:2;width:calc(50% - 216px);margin-top:0;transform:translateY(-2rem)}.project-wrapper .project3 .img-container{position:relative;order:1;display:flex;justify-content:center;top:unset;width:301px;height:479px;max-width:unset}.project-wrapper .project3 .img-container img{width:100%;height:auto;object-fit:unset}.project-wrapper .project3 .link{justify-content:space-between;max-width:unset;width:calc(50% - 85px);padding-right:5rem}.project-wrapper .project3 .link .project-name{padding-left:8rem;margin-top:0}.project-wrapper .project3 .link .description{justify-content:space-evenly;flex-grow:1}.project-wrapper .project3 .blue-decoration-bar{position:absolute;top:0;right:50%;height:calc(100% + 26rem);width:110px;transform:translate(50%)}}.project-wrapper .project4{display:flex;position:relative;width:100%;min-height:575px;flex-direction:column;align-items:flex-end}.project-wrapper .project4 h2{width:calc(100% - 191px);order:1;font-size:6rem;font-weight:500;margin-bottom:2rem;display:flex;flex-direction:column;padding-left:2rem;padding-right:2rem;justify-content:center;align-items:center}.project-wrapper .project4 h2 span{display:block;width:70%;text-align:center}.project-wrapper .project4 .link{box-sizing:border-box;order:1;max-width:calc(100% - 191px);text-align:left;display:flex;flex-direction:column;padding-left:2rem;padding-right:2rem;align-items:flex-start}.project-wrapper .project4 .blue-decoration-bar1{position:absolute;top:0;left:0;height:575px;width:65px;z-index:-1;background-color:var(--background-darkblue)}.project-wrapper .project4 .img-container{position:absolute;left:0;top:140px;max-width:191px;margin-top:3rem}.project-wrapper .project4 .img-container img{width:100%;min-height:60%;object-fit:cover}.project-wrapper .project4 .link .project-name{font-size:1.5rem;text-transform:uppercase;font-weight:300;width:100%}.project-wrapper .project4 .link .description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-weight:500}.project-wrapper .project4 .link p{font-size:1rem;font-weight:500;margin-bottom:2rem}.project-wrapper .project4 .link a{border:none;background-color:var(--background-yellow);padding:1.5rem;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.project-wrapper .project4 .link .description a{position:relative;overflow:hidden}.project-wrapper .project4 .link .description a svg{z-index:2}.project-wrapper .project4 .link .description a:hover:after{content:"";position:absolute;top:0;right:-50%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;animation:water-wave .5s linear;z-index:1}.project-wrapper .project4 .link .description a:hover svg path{stroke:var(--background-white)}.project-wrapper .project4 .link .description a:hover:after{animation:water-wave .5s linear}.project-wrapper .project4 .link .description a:after{content:"";position:absolute;top:100%;right:-50%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;z-index:1;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.project-wrapper .project4{flex-direction:row;margin-bottom:20rem}.project-wrapper .project4 h2{order:unset;width:calc(60% - 262px);padding-bottom:6rem}.project-wrapper .project4 .img-container{position:unset;left:unset;top:unset;max-width:unset;margin-top:0;height:505px;width:287px}.project-wrapper .project4 .img-container img{width:100%;min-height:unset}.project-wrapper .project4 .link{width:30%;padding-left:4rem}.project-wrapper .project4 .blue-decoration-bar1{position:absolute;top:0;left:50%;height:100%;width:110px;transform:translate(-50%) translateY(20rem)}.project-wrapper .project4 .blue-decoration-bar2{position:absolute;bottom:0;left:50%;height:150px;width:50%;transform:translateY(20rem);z-index:-1;background-color:var(--background-darkblue)}}@media screen and (min-width: 1200px){.project34DesktopWrapper{display:flex;gap:0}.project34DesktopWrapper .project3{order:1}.project-wrapper .project3{flex-direction:column;align-items:center;min-height:unset;margin-top:0;margin-bottom:0;width:50vw;gap:4rem}.project-wrapper .project3 .reveal{display:flex;flex-direction:column}.project-wrapper .project3 h2{order:unset;width:100%;margin-top:0;transform:unset;padding-left:12rem;text-align:left;font-size:10.5rem}.project-wrapper .project3 .img-container{position:relative;order:1;display:flex;justify-content:center;top:unset;transform:translate(12rem)}.project-wrapper .project3 .img-container img{width:100%;height:auto;object-fit:unset}.project-wrapper .project3 .link{justify-content:space-between;max-width:unset;width:unset;padding-right:5rem;margin-bottom:5rem}.project-wrapper .project3 .link .project-name{padding-left:12rem;text-align:left}.project-wrapper .project3 .link .description{padding-left:12rem;text-align:left;margin-top:3rem}.project-wrapper .project3 .link .description a{align-self:flex-start;margin-top:5rem;margin-bottom:5rem}.project-wrapper .project3 .blue-decoration-bar{position:absolute;top:0;left:0;height:100%;width:180px;transform:translate(-50%)}.project-wrapper .project4{min-height:unset;margin-bottom:17rem;width:50vw;align-items:flex-start}.project-wrapper .project4 .reveal{display:flex;align-items:flex-start;transform:translateY(25rem)}.project-wrapper .project4 .link{position:absolute;width:45%;padding-left:4rem;text-align:right;top:15rem;padding-right:1rem}.project-wrapper .project4 .link .description a{align-self:flex-end;margin-top:6rem}.project-wrapper .project4 .link .description p{margin-top:6rem}.project-wrapper .project4 .blue-decoration-bar1{display:none}.project-wrapper .project4 h2{order:unset;width:25vw;align-self:flex-start;text-align:left;margin-top:0;padding-right:1rem;transform:translateY(-25%);font-size:10.5rem;padding-bottom:unset}.project-wrapper .project4 h2 span{text-align:right;width:100%;padding-right:2rem}.project-wrapper .project4 .blue-decoration-bar2{left:100%;height:230px;width:calc(100% + 90px);transform:translateY(22rem) translate(-90px);z-index:-1}}@media screen and (min-width: 1440px){.project-wrapper .project34DesktopWrapper{position:unset;max-width:1440px;margin-left:auto;margin-right:auto}.project-wrapper .project3 .img-container{width:422px;height:672px}.project-wrapper .project4 .img-container{width:341px;height:601px}.project-wrapper .project4 .link{width:25vw;max-width:360px;padding-right:6.5rem}.project-wrapper .project4 h2{max-width:360px;padding-right:5rem}.project-wrapper .project4 .blue-decoration-bar2{width:calc(50vw + 90px)}}.project-wrapper .call-to-action{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;margin-top:4rem;text-align:center}.project-wrapper .call-to-action h2{font-size:1.8rem;font-weight:400;padding:2rem;margin-bottom:0;margin-top:4rem;text-transform:uppercase}.project-wrapper .call-to-action img{max-width:72px;margin-bottom:2rem;opacity:.1}@media (min-width: 800px){.project-wrapper .call-to-action{margin:30rem auto 10rem}.project-wrapper .call-to-action h2{font-size:3rem;font-weight:400;max-width:820px}.project-wrapper .call-to-action img{max-width:166px;margin-bottom:2rem;opacity:.1}}@media screen and (min-width: 1200px){.project-wrapper .call-to-action{margin-top:15rem}}.photography-project-wrapper .banner{display:flex;flex-direction:column;min-height:calc(4rem + 783px)}.photography-project-wrapper .banner .content{display:flex;flex-direction:column;justify-content:center}.photography-project-wrapper .banner .content img{width:60%;align-self:flex-end;margin-right:3rem;margin-top:10rem;transform:scaleX(-1)}.photography-project-wrapper .banner .content h1{position:absolute;text-transform:uppercase;transform:rotate(90deg) translate(-6rem) translateY(7.5rem);text-decoration:underline var(--text-white);text-underline-offset:.1em;text-decoration-thickness:3px;color:var(--text-white);font-size:3rem;font-weight:270;margin:0}.photography-project-wrapper .banner .content>div{width:65%;align-self:flex-end;padding-right:2rem;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem}.photography-project-wrapper .banner .content>div span{display:block;font-family:BIZ UDPGothic,sans-serif;font-weight:700;font-size:9rem;margin:0;padding:0;transform:translateY(4rem) translate(-105%) rotate(180deg)}.photography-project-wrapper .banner .decoration-bar:nth-child(1){width:128px;height:133px;background-color:var(--background-black);position:absolute;left:0;top:610px;z-index:-1}.photography-project-wrapper .banner .decoration-bar:nth-child(2){width:78%;height:783px;background-color:var(--background-yellow);position:absolute;left:2rem;top:70px;z-index:-1}.photography-project-wrapper .banner .description{padding:2rem;margin-top:6rem}@media screen and (min-width: 800px){.photography-project-wrapper .banner{margin-top:8rem;min-height:1290px}.photography-project-wrapper .banner .content img{width:50.2%;align-self:flex-end;margin-right:9rem;margin-top:12rem}.photography-project-wrapper .banner .content h1{transform:rotate(90deg) translate(3.5rem) translateY(14rem);text-decoration:underline var(--text-white);text-underline-offset:.1em;text-decoration-thickness:3px;color:var(--text-white);font-size:6rem}.photography-project-wrapper .banner .content>div{width:46.2%;font-size:1.5rem;padding-right:4rem;text-align:left;margin-top:2rem}.photography-project-wrapper .banner .content>div p{width:100%}.photography-project-wrapper .banner .decoration-bar:nth-child(1){width:352px;height:233px;top:calc(100% - 333px)}.photography-project-wrapper .banner .decoration-bar:nth-child(2){width:63%;height:1290px;left:4rem;top:10rem}.photography-project-wrapper .banner .description{margin-top:22rem;width:calc(46.2% + 5rem);margin-right:2rem;margin-left:auto;font-size:1.5rem;font-weight:300}}@media screen and (min-width: 1200px){.photography-project-wrapper .banner{margin-top:8rem;min-height:1290px}.photography-project-wrapper .banner .content img{width:34.3%;margin-right:12rem;margin-top:12rem}.photography-project-wrapper .banner .content h1{transform:rotate(90deg) translate(-6rem) translateY(10rem);text-decoration:underline var(--text-white);text-underline-offset:.1em;text-decoration-thickness:3px}.photography-project-wrapper .banner .content>div{width:46.2%;font-size:1.5rem;padding-right:4rem;text-align:left;margin-top:8rem}.photography-project-wrapper .banner .decoration-bar:nth-child(1){width:428px;height:360px;top:calc(100% - 228px)}.photography-project-wrapper .banner .decoration-bar:nth-child(2){width:69.4%;height:1630px;top:6rem}.photography-project-wrapper .banner .description{margin-top:42rem;width:calc(46.2% + 4rem);font-size:2rem;padding:0}}.photography-project-wrapper .section1,.photography-project-wrapper .section2{display:flex;flex-direction:column;align-items:center}.photography-project-wrapper .section1 .project-header,.photography-project-wrapper .section2 .project-header{width:100%;margin-top:4rem}.photography-project-wrapper .section1 .project-header div:nth-child(1),.photography-project-wrapper .section2 .project-header div:nth-child(1){width:100%;height:118px;background-color:var(--background-black);color:var(--text-white);display:flex}.photography-project-wrapper .section1 .project-header div:nth-child(1) h2,.photography-project-wrapper .section2 .project-header div:nth-child(1) h2{font-size:2.5rem;font-weight:300;letter-spacing:2rem;transform:translate(2rem) translateY(3.2rem);margin:0}.photography-project-wrapper .section1 .project-header div:nth-child(2),.photography-project-wrapper .section2 .project-header div:nth-child(2){width:100%;height:56;background-color:var(--background-white);color:var(--text-gray);display:flex;flex-direction:row-reverse}.photography-project-wrapper .section1 .project-header div:nth-child(2) h2{font-size:2.5rem;font-weight:300;letter-spacing:2rem;margin:0}.photography-project-wrapper .section2 .project-header div:nth-child(2) h2{font-size:2.5rem;font-weight:300;letter-spacing:.6rem;margin:0}.photography-project-wrapper .section1 .sample1{margin-top:5rem;position:relative;display:flex;flex-direction:row-reverse;margin-bottom:18rem}.photography-project-wrapper .section1 .sample1 img{width:80%;height:100%;object-fit:cover}.photography-project-wrapper .section1 .sample1>div{width:300px;height:46px;position:absolute;bottom:0;left:0;background-color:var(--background-background)}.photography-project-wrapper .section1 .sample1>div h2{font-size:2rem;font-weight:20;text-transform:uppercase;margin:0;padding:0;transform:translate(2rem) translateY(.7rem)}.photography-project-wrapper .section1 .sample1 p{position:absolute;width:100%;bottom:-8rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:300;margin:0;padding:2rem}.photography-project-wrapper .section1 .sample2{position:relative;display:flex;margin-bottom:20rem}.photography-project-wrapper .section1 .sample2 img{width:70%;height:100%;object-fit:cover}.photography-project-wrapper .section1 .sample2>div{width:300px;height:46px;position:absolute;bottom:0;right:0;background-color:var(--background-background)}.photography-project-wrapper .section1 .sample2>div h2{font-size:2rem;font-weight:20;text-transform:uppercase;text-align:center;margin:0;padding:0;transform:translateY(.7rem)}.photography-project-wrapper .section1 .sample2 p{position:absolute;width:100%;bottom:-8rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:300;margin:0;padding:2rem}.photography-project-wrapper .section1 .sample3{position:relative;display:flex;flex-direction:row-reverse;margin-bottom:20rem}.photography-project-wrapper .section1 .sample3 img{width:80%;height:100%;object-fit:cover}.photography-project-wrapper .section1 .sample3>div{width:200px;height:46px;position:absolute;top:0;left:0;background-color:var(--background-background)}.photography-project-wrapper .section1 .sample3>div h2{font-size:2rem;font-weight:20;text-transform:uppercase;margin:0;padding:0;transform:translate(1rem) translateY(-.85rem)}.photography-project-wrapper .section1 .sample3 p{position:absolute;width:100%;bottom:-10rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:300;margin:0;padding:2rem}.photography-project-wrapper .section1 .sample4{position:relative;display:flex;margin-bottom:16rem}.photography-project-wrapper .section1 .sample4 img{width:70%;height:100%;object-fit:cover}.photography-project-wrapper .section1 .sample4>div{width:238px;height:46px;position:absolute;top:0;right:0;background-color:var(--background-background)}.photography-project-wrapper .section1 .sample4>div h2{font-size:2rem;font-weight:20;text-transform:uppercase;text-align:center;margin:0;padding:0;transform:translateY(-.85rem)}.photography-project-wrapper .section1 .sample4 p{position:absolute;width:100%;bottom:-12rem;left:50%;transform:translate(-50%);font-size:1rem;font-weight:300;margin:0;padding:2rem}@media screen and (min-width: 800px){.photography-project-wrapper .section1 .project-header,.photography-project-wrapper .section2 .project-header{width:100%;margin-top:4rem;position:relative}.photography-project-wrapper .section1 .project-header div:nth-child(1),.photography-project-wrapper .section2 .project-header div:nth-child(1){width:82.7%;height:251px;margin-left:auto}.photography-project-wrapper .section1 .project-header div:nth-child(1) h2,.photography-project-wrapper .section2 .project-header div:nth-child(1) h2{font-size:8rem;width:100%;text-align:center;transform:translateY(5rem);margin:0}.photography-project-wrapper .section1 .project-header div:nth-child(2),.photography-project-wrapper .section2 .project-header div:nth-child(2){width:17.3%;height:78px}.photography-project-wrapper .section1 .project-header div:nth-child(2) h2{position:absolute;font-size:6rem;transform:translate(4%);right:0;top:220px}.photography-project-wrapper .section2 .project-header div:nth-child(2) h2{position:absolute;font-size:4.5rem;transform:translate(2%);right:0;top:230px}.photography-project-wrapper .section1 .sample1{margin-top:15rem;margin-bottom:25rem}.photography-project-wrapper .section1 .sample1>div{width:63.2vw;height:100px}.photography-project-wrapper .section1 .sample1>div h2{font-size:4rem;font-weight:200;position:absolute;bottom:0;width:63.2vw;text-align:left;padding-left:2rem;padding-right:2rem;transform:translateY(1.6rem)}.photography-project-wrapper .section1 .sample1 p{position:absolute;width:63.2vw;bottom:-10rem;left:0;transform:translate(0);font-size:1.25rem;font-weight:300;padding-left:2rem}.photography-project-wrapper .section1 .sample2{margin-bottom:25rem}.photography-project-wrapper .section1 .sample2 img{width:66%}.photography-project-wrapper .section1 .sample2>div{width:64.7%;height:100px;position:absolute;top:0}.photography-project-wrapper .section1 .sample2>div h2{width:81.7%;font-size:4rem;font-weight:200;text-align:end;padding-right:2rem;padding-left:2rem;transform:translateY(-1.6rem)}.photography-project-wrapper .section1 .sample2 p{width:53%;bottom:-7rem;left:40vw;transform:unset;font-size:1.25rem;font-weight:300;padding:0;padding-right:2rem}.photography-project-wrapper .section1 .sample3{margin-bottom:25rem}.photography-project-wrapper .section1 .sample3 img{width:81.7%}.photography-project-wrapper .section1 .sample3>div{width:50vw;height:100px}.photography-project-wrapper .section1 .sample3>div h2{font-size:4rem;font-weight:200;position:absolute;top:0;width:63.2vw;text-align:left;padding-left:2rem;transform:translateY(-1.6rem)}.photography-project-wrapper .section1 .sample3 p{position:absolute;width:81.7vw;bottom:-10rem;right:0;transform:translate(-39%);font-size:1.25rem;font-weight:300;padding-right:4rem}.photography-project-wrapper .section1 .sample4{margin-bottom:25rem}.photography-project-wrapper .section1 .sample4 img{width:66%}.photography-project-wrapper .section1 .sample4>div{width:63.2vw;height:100px}.photography-project-wrapper .section1 .sample4>div h2{width:81.7%;text-align:right;font-size:4rem;font-weight:200;transform:translateY(-1.6rem)}.photography-project-wrapper .section1 .sample4 p{width:53%;bottom:-12rem;left:40vw;transform:unset;font-size:1.25rem;font-weight:300;padding:0;padding-right:2rem}}@media screen and (min-width: 1200px){.photography-project-wrapper .section1 .project-header,.photography-project-wrapper .section2 .project-header{margin-top:10rem}.photography-project-wrapper .section1 .project-header div:nth-child(1),.photography-project-wrapper .section2 .project-header div:nth-child(1){width:73.3%}.photography-project-wrapper .section1 .project-header div:nth-child(1) h2,.photography-project-wrapper .section2 .project-header div:nth-child(1) h2{transform:translateY(6rem)}.photography-project-wrapper .section1 .project-header div:nth-child(2),.photography-project-wrapper .section2 .project-header div:nth-child(2){width:26.7%}.photography-project-wrapper .section1 .sample1{margin-top:15rem;margin-bottom:30rem}.photography-project-wrapper .section1 .sample1 img{width:73.3%;height:100%}.photography-project-wrapper .section1 .sample1>div{width:60vw;height:150px}.photography-project-wrapper .section1 .sample1>div h2{font-size:6rem;font-weight:200;position:absolute;bottom:0;width:100%;text-align:center;transform:translateY(2.4rem)}.photography-project-wrapper .section1 .sample1 p{position:absolute;width:63.2vw;bottom:-10rem;left:0;transform:translate(0);font-size:1.25rem;font-weight:300;padding-left:4rem}.photography-project-wrapper .section1 .sample2{margin-bottom:30rem}.photography-project-wrapper .section1 .sample2 img{width:60%}.photography-project-wrapper .section1 .sample2>div{width:63.2vw;height:150px}.photography-project-wrapper .section1 .sample2>div h2{font-size:6rem;transform:translateY(-2.4rem)}.photography-project-wrapper .section1 .sample2 p{width:53%;bottom:-8rem;left:40vw;transform:unset;font-size:1.25rem;font-weight:300;padding:0;padding-right:2rem}.photography-project-wrapper .section1 .sample3{margin-bottom:30rem}.photography-project-wrapper .section1 .sample3 img{width:73.3%}.photography-project-wrapper .section1 .sample3>div{width:63.2vw;height:150px}.photography-project-wrapper .section1 .sample3>div h2{font-size:6rem;font-weight:200;position:absolute;top:0;width:63.2vw;text-align:center;transform:translateY(-1.6rem)}.photography-project-wrapper .section1 .sample3 p{position:absolute;width:81.7vw;right:0;transform:translate(-39%);font-size:1.25rem;font-weight:300;padding-right:4rem}.photography-project-wrapper .section1 .sample4 img{width:66%}.photography-project-wrapper .section1 .sample4>div{width:50vw;height:150px}.photography-project-wrapper .section1 .sample4>div h2{width:81.7%;text-align:center;font-size:6rem;font-weight:200;transform:translateY(-1.6rem)}.photography-project-wrapper .section1 .sample4 p{width:53%;bottom:-14rem;left:40vw;transform:unset;font-size:1.25rem;font-weight:300;padding:0}}.photography-project-wrapper .section2 .sample{margin-top:12rem;position:relative;display:flex;flex-direction:column;width:100%}.photography-project-wrapper .section2 .sample .img-1{width:60%;align-self:flex-end}.photography-project-wrapper .section2 .sample .description{display:flex;flex-direction:column;position:relative}.photography-project-wrapper .section2 .sample .description img{width:100%;height:100%;object-fit:cover}.photography-project-wrapper .section2 .sample .description iframe{width:100%;height:56.25vw;border:none}.photography-project-wrapper .section2 .sample .description>div{position:absolute;top:calc(100vw * 1190 / 2558 + 60vw * 1080 / 1920 + 2rem);padding:2rem;margin-top:2rem}.photography-project-wrapper .section2 .sample .img-2{width:60%;align-self:flex-start}.photography-project-wrapper .section2 .sample .img-3{margin-top:calc(-46.25vw + 600px);width:100%;align-self:flex-start}@media screen and (min-width: 800px){.photography-project-wrapper .section2 .sample .img-1{width:40%;margin-bottom:4rem}.photography-project-wrapper .section2 .sample .description>div{width:55%;top:calc(23.4vw + 50%);right:0;padding:2rem;font-size:1.25rem;margin-top:6rem}.photography-project-wrapper .section2 .sample .description>div p:nth-child(1){margin-top:0}.photography-project-wrapper .section2 .sample .img-2{width:40%;margin-top:6rem}.photography-project-wrapper .section2 .sample .img-3{margin-top:10rem;width:64.4%;align-self:flex-end}}@media screen and (min-width: 1200px){.photography-project-wrapper .section2 .sample .img-1{max-width:406px;margin-bottom:4rem;margin-right:36.7%}.photography-project-wrapper .section2 .sample .description{flex-direction:row;margin-top:0}.photography-project-wrapper .section2 .sample .description img{width:70%}.photography-project-wrapper .section2 .sample .description iframe{height:39.4vw}.photography-project-wrapper .section2 .sample .description>div{position:unset;width:55%;top:calc(23.4vw + 50%);right:0;padding:2rem;font-size:1.25rem}.photography-project-wrapper .section2 .sample .img-2{width:40%;margin-top:4rem}.photography-project-wrapper .section2 .sample .img-3{margin-top:10rem;width:64.4%;align-self:flex-end}}.photography-project-wrapper .link-to-video{margin-top:10rem;margin-bottom:6rem;margin-left:auto;display:flex;flex-direction:row-reverse}.photography-project-wrapper .link-to-video{max-width:300px;height:126px;background-color:var(--background-yellow);display:flex;align-items:center;text-decoration:none}.photography-project-wrapper .link-to-video span{padding:.5rem;margin:0;text-decoration:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-white);position:relative;overflow:hidden;box-sizing:border-box;transform:translate(-2rem)}.photography-project-wrapper .link-to-video span svg{width:100%;height:100%;max-width:48px;max-height:48px;z-index:3;scale:.5}.photography-project-wrapper .link-to-video p{font-size:2.5rem;text-transform:uppercase;font-weight:100;color:var(--text-black);text-align:start;transform:translateY(-2rem) translate(-1.6rem)}.photography-project-wrapper .link-to-video:hover span:after{content:"";position:absolute;top:0;left:-150%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;animation:water-wave .5s linear;z-index:2}.photography-project-wrapper .link-to-video:hover span svg{z-index:3;display:inline-block;width:100%;height:100%}.photography-project-wrapper .link-to-video:hover span svg path{stroke:var(--text-white)}.photography-project-wrapper .link-to-video:hover span:after{animation:water-wave .5s linear}.photography-project-wrapper .link-to-video span:after{content:"";position:absolute;top:100%;left:-150%;width:200px;height:200px;background-color:var(--background-darkblue);border-radius:70px;z-index:2;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.photography-project-wrapper .link-to-video{max-width:unset;width:422px;height:204px;margin-bottom:20rem}.photography-project-wrapper .link-to-video p{font-size:4rem;text-align:start;width:300px;transform:translateY(-3.6rem) translate(-6rem)}.photography-project-wrapper .link-to-video span{width:78px;height:78px;max-width:unset;max-height:unset;transform:translate(-3rem)}.photography-project-wrapper .link-to-video span svg{scale:1}.photography-project-wrapper .link-to-video:hover span:after{left:-150%;width:300px;height:300px;border-radius:100px}.photography-project-wrapper .link-to-video span:after{left:-150%;width:300px;height:300px;border-radius:100px}}@media screen and (min-width: 1200px){.photography-project-wrapper .link-to-video{max-width:unset;width:559px;height:270px;margin-bottom:18rem}.photography-project-wrapper .link-to-video p{font-size:6rem;text-align:start;transform:translateY(-4.2rem) translate(-2.8rem);width:440px}.photography-project-wrapper .link-to-video span{padding:1rem;width:104px;height:104px}.photography-project-wrapper .link-to-video:hover span:after{left:-100%}.photography-project-wrapper .link-to-video span:after{left:-100%}}.ux-project-wrapper .ux-banner{position:relative;display:flex;flex-direction:column}.ux-project-wrapper .ux-banner .background{width:100%}.ux-project-wrapper .ux-banner .background img{width:100%;height:100%;object-fit:cover}.ux-project-wrapper .ux-banner p{position:absolute;bottom:13%;right:0;background-color:var(--background-yellow);padding:2rem;width:70.7vw;font-size:1rem;font-weight:400;z-index:-1}@media screen and (min-width: 800px){.ux-project-wrapper .ux-banner .background{margin-top:0}.ux-project-wrapper .ux-banner{margin-bottom:30rem}.ux-project-wrapper .ux-banner p{padding-left:4rem;padding-right:4rem;font-size:1.5rem;font-weight:300;bottom:8%}}@media screen and (min-width: 1200px){.ux-project-wrapper .ux-banner{max-width:1440px;margin-left:auto;margin-right:auto}.ux-project-wrapper .ux-banner .background img{max-width:1200px}.ux-project-wrapper .ux-banner p{right:unset;left:23rem;width:calc(100% - 23rem);max-width:1090px;font-size:2rem}}.ux-project-wrapper .project1{margin-top:5rem;position:relative;display:flex;flex-direction:column}.ux-project-wrapper .project1 .project-header{display:flex;margin-bottom:6rem;margin-top:8rem}.ux-project-wrapper .project1 .tag{width:84px;height:49.5px;background-color:var(--background-black);color:var(--text-white);font-size:.67rem;font-weight:400;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.ux-project-wrapper .project1 .tag p{margin:0}.ux-project-wrapper .project1 .head-content{display:flex;align-self:flex-end;position:relative;width:80%}.ux-project-wrapper .project1 .project-header .index{font-size:1.5rem;font-style:italic;font-weight:100;align-self:center;margin:0;padding:0;margin-left:.5rem;margin-right:.5rem;border-bottom:1px solid var(--background-black);padding-bottom:-1rem;padding-left:.5rem;padding-right:.5rem;justify-self:center}.ux-project-wrapper .project1 .project-header .head-content{display:flex;flex-direction:column;margin-left:2rem}.ux-project-wrapper .project1 .head-content .img-container{width:60vw;max-width:640px;height:100%;background-color:var(--background-gray);margin-left:auto}.ux-project-wrapper .project1 .head-content .img-container img{width:80%;height:100%;object-fit:cover;transform:translate(18%) translateY(-20%)}.ux-project-wrapper .project1 .head-content h3{position:absolute;bottom:2vw;right:20%;margin-bottom:0;text-align:right;font-size:1.5rem;font-weight:900;line-height:1.25}.ux-project-wrapper .project1 .section1{display:flex;flex-direction:column-reverse;position:relative}.ux-project-wrapper .project1 .section1 .description{width:100%;padding-left:2rem;padding-right:2rem;font-size:1rem}.ux-project-wrapper .project1 .section1 .description h3{font-size:1.25rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:right;border-bottom:solid 1px var(--background-black)}.ux-project-wrapper .project1 .section1 .sample{display:flex;flex-direction:column;align-items:center}.ux-project-wrapper .project1 .section1 .sample img{width:60%;margin-top:3rem}.ux-project-wrapper .project1 .section1 .sample p{font-weight:500;margin-top:3rem;text-align:center}.ux-project-wrapper .project1 .section1 .sample .decoration{height:60vw;max-height:270px;width:100%;transform:translateY(-80%);background-color:var(--background-darkgray);z-index:-1}.ux-project-wrapper .project1 .section2{display:flex;flex-direction:column-reverse;position:relative;margin-top:-6rem}.ux-project-wrapper .project1 .section2 .description{padding-left:2rem;padding-right:2rem}.ux-project-wrapper .project1 .section2 .description h3{font-size:1.25rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:right;border-bottom:solid 1px var(--background-black)}.ux-project-wrapper .project1 .section2 .sample{display:flex;flex-direction:column}.ux-project-wrapper .project1 .section2 .sample div{width:100%;margin-top:4rem;display:flex;flex-direction:column;align-items:center;position:relative}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1) img{width:calc(100% - 2rem)}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1) p,.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) p{font-size:1.25rem;font-weight:300}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1) .decoration{display:none;background-color:var(--background-darkgray);z-index:-1}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2){margin-top:4rem}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) img{width:70%}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) .decoration{position:absolute;background-color:var(--background-darkgray);height:57vw;bottom:35%;z-index:-1}.ux-project-wrapper .project1 .section2>p{width:100%;top:180vw;font-weight:500;padding:2rem}.ux-project-wrapper .project1 .section3{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;margin-top:10rem}.ux-project-wrapper .project1 .section3 .description{margin-top:5rem;margin-bottom:5rem;padding-left:2rem;padding-right:2rem}.ux-project-wrapper .project1 .section3 .description h3{font-size:1.25rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:right;border-bottom:solid 1px var(--background-black)}.ux-project-wrapper .project1 .section3 .sample{display:flex;justify-content:space-evenly;position:relative}.ux-project-wrapper .project1 .section3 .sample img{width:42%}.ux-project-wrapper .project1 .section3 .sample img:nth-child(2){width:42%;transform:translateY(-6rem)}.ux-project-wrapper .project1 .section3 .sample .decoration{position:absolute;top:0;left:0;height:calc(100% - 6rem);width:100%;background-color:var(--background-gray);z-index:-1}.ux-project-wrapper .project1 .section3 .title{font-size:1.25rem;width:100%;text-align:center}.ux-project-wrapper .project1 .section3 .project-link{background-color:var(--background-gray);width:100%;height:85px;position:relative;display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center}.ux-project-wrapper .project1 .section3 .project-link,.ux-project-wrapper .project1 .section3 .project-link:visited{font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--text-black)}.ux-project-wrapper .project1 .section3 .project-link>div{position:absolute;right:2rem;padding:.5rem;border-radius:50%;background-color:var(--background-white);display:flex;justify-content:center;align-items:center;overflow:hidden}.ux-project-wrapper .project1 .section3 .project-link:hover>div:after{content:"";position:absolute;top:0;right:-50%;width:120px;height:120px;background-color:var(--background-darkblue);border-radius:40px;animation:water-wave .5s linear;z-index:2}.ux-project-wrapper .project1 .section3 .project-link>div svg{z-index:3}.ux-project-wrapper .project1 .section3 .project-link:hover>div svg path{stroke:var(--text-white)}.ux-project-wrapper .project1 .section3 .project-link>div:after{content:"";position:absolute;top:100%;right:-50%;width:120px;height:120px;background-color:var(--background-darkblue);border-radius:40px;z-index:2;animation:water-wave-reverse .4s linear}@media screen and (min-width: 800px){.ux-project-wrapper .project1{margin-top:-5rem}.ux-project-wrapper .project1 .project-header{margin-top:0}.ux-project-wrapper .project1 .tag{width:195px;height:89px;font-size:1.25rem}.ux-project-wrapper .project1 .project-header .index{font-size:2.25rem;margin-left:1rem;margin-right:1rem}.ux-project-wrapper .project1 .head-content h3{position:absolute;bottom:50%;right:40%;margin-bottom:0;font-size:2.25rem;transform:translateY(80%) translate(-35%)}.ux-project-wrapper .project1 .section1{flex-direction:row;position:relative;margin-bottom:10rem;margin-top:5rem}.ux-project-wrapper .project1 .section1 .sample{margin-bottom:4rem;align-items:flex-start;padding-left:4rem}.ux-project-wrapper .project1 .section1 .sample .decoration{position:absolute;bottom:0;left:0;width:100%;transform:unset}.ux-project-wrapper .project1 .section2{flex-direction:row-reverse;margin-top:-2rem;position:relative;margin-bottom:15rem}.ux-project-wrapper .project1 .section2 .description{padding-left:0;padding-right:0;width:31vw;margin-left:4rem;margin-right:auto}.ux-project-wrapper .project1 .section2 .sample{flex-direction:row-reverse;align-items:flex-end;gap:2rem;margin-left:0;margin-right:auto}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1){margin-top:0}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2){transform:translateY(5rem)}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1) img{width:28vw}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2){margin-top:4rem}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) img{width:19vw}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) .decoration{display:none}.ux-project-wrapper .project1 .section2>p{width:100%;top:180vw;font-weight:500;padding:2rem}.ux-project-wrapper .project1 .section2 .tablet-decoration{position:absolute;bottom:0;left:0;width:100vw;height:25vw;max-height:260px;background-color:var(--background-darkgray);z-index:-1;transform:translateY(40%)}.ux-project-wrapper .project1 .section3{flex-direction:column;position:relative;justify-content:center;align-items:center;margin-top:10rem}.ux-project-wrapper .project1 .section3 .content-wrapper{display:flex;flex-direction:row;padding-left:4rem;padding-right:4rem;gap:4rem;position:relative}.ux-project-wrapper .project1 .section3 .description{width:39vw;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0}.ux-project-wrapper .project1 .section3 .sample{justify-content:unset;gap:79px;flex-direction:row-reverse}.ux-project-wrapper .project1 .section3 .sample img:nth-child(1){margin-right:auto;width:21.2vw;z-index:9}.ux-project-wrapper .project1 .section3 .sample img:nth-child(2){width:21.2vw;z-index:9}.ux-project-wrapper .project1 .section3 .sample .decoration{display:none}.ux-project-wrapper .project1 .section3 .title{position:absolute;right:calc(39vw + 8rem);top:0;width:21.2vw;transform:translateY(-6rem)}.ux-project-wrapper .project1 .section3 .project-link{transform:translateY(calc(-85px - 33.8vw));align-items:flex-end;padding-right:8rem}.ux-project-wrapper .project1 .section3 .project-link,.ux-project-wrapper .project1 .section3 .project-link:visited{font-size:1.25rem;font-weight:500;text-decoration:none;color:var(--text-black)}.ux-project-wrapper .project1 .section3 .project-link>div{position:absolute;right:2rem;padding:.5rem;border-radius:50%;background-color:var(--background-white);display:flex;justify-content:center;align-items:center;overflow:hidden}.ux-project-wrapper .project1 .section3 .project-link:hover>div:after{content:"";position:absolute;top:0;right:-50%;width:120px;height:120px;background-color:var(--background-darkblue);border-radius:40px;animation:water-wave .5s linear;z-index:2}.ux-project-wrapper .project1 .section3 .project-link>div svg{z-index:3}.ux-project-wrapper .project1 .section3 .project-link:hover>div svg path{stroke:var(--text-white)}.ux-project-wrapper .project1 .section3 .project-link>div:after{content:"";position:absolute;top:100%;right:-50%;width:120px;height:120px;background-color:var(--background-darkblue);border-radius:40px;z-index:2;animation:water-wave-reverse .4s linear}}@media screen and (min-width: 1024px){.ux-project-wrapper .project1 .head-content h3{left:0;transform:translateY(50%) translate(-55%)}.ux-project-wrapper .project1 .section1 .description{margin-top:3rem}}@media screen and (min-width: 1200px){.ux-project-wrapper .project1 .project-header{margin-top:0}.ux-project-wrapper .project1 .tag{width:304px}.ux-project-wrapper .project1 .project-header .index{font-size:3rem;margin-left:34px;margin-right:34px}.ux-project-wrapper .project1 .head-content{position:relative}.ux-project-wrapper .project1 .head-content h3{font-size:3rem;left:unset;right:0;transform:translateY(50%) translate(-118%)}.ux-project-wrapper .project1 .section1 .sample{position:relative;padding-left:120px}.ux-project-wrapper .project1 .section1 .description{padding-left:0;max-width:470px;margin-right:120px;padding-right:0;font-size:1.25rem;line-height:1.8}.ux-project-wrapper .project1 .section2{margin-top:-20rem}.ux-project-wrapper .project1 .section2 .description{max-width:320px;font-size:1.25rem;line-height:1.8;margin-left:120px;margin-right:auto;align-self:flex-end}.ux-project-wrapper .project1 .section2 .sample{position:relative;margin-right:120px}.ux-project-wrapper .project1 .section2 .tablet-decoration{left:unset;right:0;width:calc(69vw - 4rem);height:423px}.ux-project-wrapper .project1 .section2 .sample div:nth-child(2) img{max-width:265px}.ux-project-wrapper .project1 .section2 .sample div:nth-child(1) img{max-width:385px}.ux-project-wrapper .project1 .section3{justify-content:unset;align-items:unset}.ux-project-wrapper .project1 .section3 .content-wrapper{padding-left:120px;padding-right:120px}.ux-project-wrapper .project1 .section3 .sample img:nth-child(2){width:15vw;max-width:209px;object-fit:cover;transform:translateY(-9rem)}.ux-project-wrapper .project1 .section3 .sample img:nth-child(1){width:15vw;max-width:208px}.ux-project-wrapper .project1 .section3 .title{left:calc(199px + 15vw);width:15vw}.ux-project-wrapper .project1 .section3 .description{width:41vw;max-width:600px;flex-grow:1;margin-left:auto}.ux-project-wrapper .project1 .section3 .description p{font-size:1.25rem;line-height:1.87}.ux-project-wrapper .project1 .section3 .project-link{transform:translateY(calc(-45px - 29.8vw));padding-right:220px}.ux-project-wrapper .project1 .section3 .project-link>div{right:120px}}.ux-project-wrapper .project2{margin-top:15rem;position:relative;display:flex;flex-direction:column}.ux-project-wrapper .project2 .head-wrapper{display:flex;flex-direction:column;margin-bottom:3rem}.ux-project-wrapper .project2 .head-wrapper .project-header{display:flex;margin-bottom:6rem}.ux-project-wrapper .project2 .head-wrapper .project-header .tag{order:2;width:84px;height:49.5px;background-color:var(--background-black);color:var(--text-white);font-size:.67rem;font-weight:400;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.ux-project-wrapper .project2 .head-wrapper .project-header .head-content{order:1;position:relative}.ux-project-wrapper .project2 .tag p{margin:0}.ux-project-wrapper .project2 .head-content{display:flex;align-self:flex-start;position:relative;width:80%}.ux-project-wrapper .project2 .project-header .index{font-size:1.5rem;font-style:italic;font-weight:100;align-self:center;margin:0;padding:0;margin-right:1rem;margin-left:.5rem;border-bottom:1px solid var(--background-black);padding-bottom:-1rem;padding-left:.5rem;padding-right:.5rem}.ux-project-wrapper .project2 .head-content .img-container{width:60vw;max-width:640px;height:100%;background-color:var(--background-gray);padding-bottom:3rem}.ux-project-wrapper .project2 .head-content .img-container img{width:96%;height:100%;object-fit:cover;transform:translate(-2%) translateY(-20%)}.ux-project-wrapper .project2 .head-content h3{position:absolute;bottom:0;left:10%;text-align:left;font-size:1.5rem;font-weight:900;line-height:1.25;width:290px}.ux-project-wrapper .project2 .head-wrapper>p{padding-left:3rem;padding-right:3rem}.ux-project-wrapper .project2 .description{margin-top:3rem;margin-bottom:2rem;padding-left:2rem;padding-right:2rem}.ux-project-wrapper .project2 .description h3{font-size:1.25rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:right;border-bottom:solid 1px var(--background-black)}.ux-project-wrapper .project2 .section1{background-color:var(--background-white);padding:5rem 1rem 2rem}.ux-project-wrapper .project2 .section1 .sample img{width:100%;margin-bottom:2rem}.ux-project-wrapper .project2 .section1 .description{padding-left:1rem;padding-right:1rem}.ux-project-wrapper .project2 .section2{padding-top:12rem}.ux-project-wrapper .project2 .section2 .description{margin-bottom:6rem}.ux-project-wrapper .project2 .section2 .sample{display:flex;justify-content:space-around}.ux-project-wrapper .project2 .section2 .sample img:nth-child(1){width:42%;transform:translateY(-7rem)}.ux-project-wrapper .project2 .section2 .sample img{width:42%;margin-bottom:3rem}.ux-project-wrapper .project2 .section2 img{width:100%}.ux-project-wrapper .project2 .section3{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center}.ux-project-wrapper .project2 .section3 .description,.ux-project-wrapper .project2 .section3 img{width:100%}.ux-project-wrapper .project2 .section3 .sample .description{margin:2rem auto 4rem;width:calc(100% - 4rem);padding:0;font-weight:400px;border-bottom:1rem solid var(--background-yellow);padding-bottom:1rem}.ux-project-wrapper .project2 .section3>div:nth-child(5) img{width:calc(100% - 4rem);margin:1rem 2rem}.ux-project-wrapper .project2 .section3 .description{margin-bottom:3rem;margin-top:0}@media screen and (min-width: 800px){.ux-project-wrapper .project2{margin-top:20rem}.ux-project-wrapper .project2 .head-wrapper{position:relative}.ux-project-wrapper .project2 .head-wrapper .project-header .tag{order:2;width:195px;height:89px;font-size:1.25rem}.ux-project-wrapper .project2 .head-content{display:flex;align-self:flex-start;position:relative;width:80%}.ux-project-wrapper .project2 .project-header .index{font-size:2.25rem;margin-right:1.5rem;margin-left:1rem}.ux-project-wrapper .project2 .head-content h3{position:absolute;bottom:40%;left:unset;right:5%;font-size:2.25rem;width:unset;transform:translateY(80%) translate(40%)}.ux-project-wrapper .project2 .head-wrapper>p{position:absolute;bottom:5rem;right:0;width:350px;padding-right:1rem}.ux-project-wrapper .project2 .section1{display:flex;align-items:center;padding-left:4rem;padding-right:2rem}.ux-project-wrapper .project2 .section1 .sample img{width:50vw;margin-bottom:3rem}.ux-project-wrapper .project2 .section1 .description{padding-left:1rem;padding-right:1rem;margin-left:2rem}.ux-project-wrapper .project2 .section1 .description h3{margin-bottom:6rem}.ux-project-wrapper .project2 .section1 .description p{margin-bottom:5rem}.ux-project-wrapper .project2 .section2{padding-top:15rem;display:flex;padding-left:4rem;margin-bottom:5rem}.ux-project-wrapper .project2 .section2 .description{margin-bottom:6rem;width:27vw;max-width:280px;padding:0;padding-left:1rem;margin-left:auto;margin-right:2rem}.ux-project-wrapper .project2 .section2 .sample{display:flex;justify-content:space-around;gap:2rem}.ux-project-wrapper .project2 .section2 .sample img:nth-child(1){width:27vw}.ux-project-wrapper .project2 .section2 .sample img:nth-child(2){width:29vw}.ux-project-wrapper .project2 .section2 img{width:100%}.ux-project-wrapper .project2 .section3{align-items:unset}.ux-project-wrapper .project2 .section3 .sample>div{display:flex;gap:2rem;width:100%}.ux-project-wrapper .project2 .section3>div:nth-child(2) img{order:1;width:67vw;max-width:686px}.ux-project-wrapper .project2 .section3>div:nth-child(2)>div .description{margin:0 0 0 auto;margin-right:2rem;width:calc(33vw - 6rem);min-width:unset;align-self:center}.ux-project-wrapper .project2 .section3>div:nth-child(3){transform:translateY(-1rem);z-index:-1}.ux-project-wrapper .project2 .section3>div:nth-child(3) img{width:61vw;max-width:620px}.ux-project-wrapper .project2 .section3>div:nth-child(3)>div .description{margin:0 auto 0 0;width:calc(39vw - 6rem);min-width:unset;align-self:center}.ux-project-wrapper .project2 .section3>div:nth-child(4){transform:translateY(-8rem);margin-right:2rem}.ux-project-wrapper .project2 .section3>div:nth-child(4) img{order:1;width:40vw;max-width:410px}.ux-project-wrapper .project2 .section3>div:nth-child(4)>div .description{margin:0;margin-right:2rem;margin-left:auto;width:26vw;min-width:unset;align-self:center;max-width:265px;text-align:right;transform:translateY(2rem)}.ux-project-wrapper .project2 .section3>div:nth-child(5){margin-top:8rem;margin-left:1rem}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div{gap:21px}.ux-project-wrapper .project2 .section3>div:nth-child(5) img{width:21vw;max-width:245.5px;margin:0}.ux-project-wrapper .project2 .section3>div:nth-child(5) img:nth-child(1){transform:translateY(-20rem)}.ux-project-wrapper .project2 .section3>div:nth-child(5) img:nth-child(2){transform:translateY(-10rem)}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div .description{margin:0 auto 0 0;margin-left:1rem;width:26vw;min-width:unset;align-self:center;max-width:265px}.ux-project-wrapper .project2 .section3>.description{width:26vw;min-width:unset;max-width:265px;align-self:flex-end;margin-bottom:2rem;padding:0;margin-left:calc(63vw + 5rem);margin-right:auto;transform:translateY(-100%)}}@media screen and (min-width: 1024px){.ux-project-wrapper .project2 .head-wrapper>p{padding-right:3rem;padding-left:0}.ux-project-wrapper .project2 .section2 .description{padding-left:1rem;margin-left:auto;margin-right:4rem}.ux-project-wrapper .project2 .section3>div:nth-child(6){margin-right:auto}}@media screen and (min-width: 1200px){.ux-project-wrapper .project2 .head-wrapper .project-header .tag{width:307px}.ux-project-wrapper .project2 .head-content{position:relative;width:80%}.ux-project-wrapper .project2 .project-header .index{font-size:3rem;margin-right:38px;margin-left:34px}.ux-project-wrapper .project2 .head-content h3{position:absolute;bottom:50%;left:0;right:unset;font-size:3rem;width:unset;transform:translateY(120%) translate(94%)}.ux-project-wrapper .project2 .head-wrapper>p{right:unset;left:850px;font-size:1.25rem;width:29vw;max-width:423px;padding-right:1rem}.ux-project-wrapper .project2 .section1{background-color:transparent;justify-content:space-between;margin-left:120px;margin-right:120px;padding:0}.ux-project-wrapper .project2 .section1 .sample{background-color:var(--background-white);width:44.7vw;max-width:643px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:4rem;padding-bottom:2rem;margin-right:2rem}.ux-project-wrapper .project2 .section1 .sample img{width:35.6vw;max-width:513px}.ux-project-wrapper .project2 .section1 .description{width:29.4vw;max-width:424px;padding:0}.ux-project-wrapper .project2 .section1 .description p{font-size:1.25rem}.ux-project-wrapper .project2 .section2{padding:0;justify-content:space-between;margin-top:15rem;margin-left:120px;margin-right:120px}.ux-project-wrapper .project2 .section2 .sample{margin-right:2rem;gap:3rem}.ux-project-wrapper .project2 .section2 .sample img:nth-child(1){width:20vw;max-width:289px}.ux-project-wrapper .project2 .section2 .sample img:nth-child(2){width:20.5vw;max-width:295px}.ux-project-wrapper .project2 .section2 .description{width:29.4vw;max-width:424px;padding:0;margin-left:2rem}.ux-project-wrapper .project2 .section2 .description p{font-size:1.25rem}.ux-project-wrapper .project2 .section3>div:nth-child(5){margin:14rem 0 0}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div{margin-left:120px;margin-right:120px;gap:1rem;width:unset}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div>div{font-size:1.25rem;margin-left:2rem}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div .description{max-width:275px}.ux-project-wrapper .project2 .section3>div:nth-child(5) img{width:17vw}.ux-project-wrapper .project2 .section3>div:nth-child(5) img:nth-child(1){transform:translateY(-30rem)}.ux-project-wrapper .project2 .section3>div:nth-child(5) img:nth-child(2){transform:translateY(-16rem)}.ux-project-wrapper .project2 .section3>div:nth-child(5)>div .description{margin-right:0;margin-left:auto}.ux-project-wrapper .project2 .section3>div:nth-child(6){margin-right:120px;margin-left:auto;width:24.4vw;max-width:351px}}.ux-project-wrapper .project3{margin-top:10rem;margin-bottom:6rem;position:relative;display:flex;flex-direction:column}.ux-project-wrapper .project3 .project-header{display:flex;margin-bottom:4rem}.ux-project-wrapper .project3 .tag{width:84px;height:49.5px;background-color:var(--background-black);color:var(--text-white);font-size:.67rem;font-weight:400;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.ux-project-wrapper .project3 .tag p{margin:0}.ux-project-wrapper .project3 .head-content{display:flex;justify-self:flex-end;position:relative;margin-left:auto}.ux-project-wrapper .project3 .project-header .index{font-size:1.5rem;font-style:italic;font-weight:100;align-self:center;margin:0;padding:0;margin-right:.5rem;margin-left:.5rem;border-bottom:1px solid var(--background-black);padding-bottom:-1rem;padding-left:.5rem;padding-right:.5rem}.ux-project-wrapper .project3 .head-content .img-container{width:60vw;max-width:640px;height:100%;margin-left:2rem;background-color:var(--background-gray);padding-bottom:1rem}.ux-project-wrapper .project3 .head-content .img-container img{width:80%;height:100%;object-fit:cover;transform:translate(16%) translateY(-20%)}.ux-project-wrapper .project3 .head-content h3{position:absolute;bottom:1rem;right:30%;width:280px;margin-bottom:0;text-align:right;font-size:1.5rem;font-weight:900;line-height:1.25}.ux-project-wrapper .project3 .reveal>p{width:calc(100% - 8rem);margin:2rem auto 5rem}@media screen and (min-width: 800px){.ux-project-wrapper .project2 .section3{margin-top:4rem}.ux-project-wrapper .project2 .section3>.description h3{margin-bottom:0}.ux-project-wrapper .project3{margin-top:0;margin-bottom:16rem}.ux-project-wrapper .project3 .project-header{display:flex;margin-bottom:4rem;position:relative}.ux-project-wrapper .project3 .tag{width:195px;height:89px;font-size:1.25rem}.ux-project-wrapper .project3 .head-content{max-width:640px}.ux-project-wrapper .project3 .project-header .index{font-size:2.25rem;margin-right:1rem;margin-left:1rem}.ux-project-wrapper .project3 .head-content .img-container{padding-bottom:0}.ux-project-wrapper .project3 .head-content .img-container img{width:75%;height:100%;object-fit:cover;transform:translate(20%) translateY(-20%)}.ux-project-wrapper .project3 .head-content h3{position:absolute;bottom:50%;right:unset;left:0;width:280px;font-size:2.25rem;margin-bottom:0;transform:translateY(60%) translate(-80%)}.ux-project-wrapper .project3 .reveal>p{position:absolute;left:0;bottom:10rem;transform:translateY(100%);width:24%;max-width:221px;padding-left:2rem}}@media screen and (min-width: 1200px){.ux-project-wrapper .project2 .section3>.description{margin-right:120px;margin-bottom:0}.ux-project-wrapper .project2 .section3>div:nth-child(2) img{width:64.7vw;max-width:663px;margin-right:120px}.ux-project-wrapper .project2 .section3>div:nth-child(2)>div .description{width:21.3vw;max-width:307px;margin-right:1.5rem}.ux-project-wrapper .project2 .section3>div:nth-child(3) img{order:1;width:42vw;max-width:606px}.ux-project-wrapper .project2 .section3>div:nth-child(3)>div .description{width:21vw;max-width:260px;margin-left:120px;margin-right:0}.ux-project-wrapper .project2 .section3>div:nth-child(4){margin-right:0}.ux-project-wrapper .project2 .section3>div:nth-child(4) img{width:27.6vw;margin-right:120px}.ux-project-wrapper .project2 .section3>div:nth-child(4)>div .description{width:18vw;max-width:260px;text-align:left;margin-right:0}.ux-project-wrapper .project2 .section3>div:nth-child(6) p{font-size:1.25rem}.ux-project-wrapper .project3{margin-top:-10rem}.ux-project-wrapper .project3 .project-header{display:flex;margin-top:12rem;margin-bottom:4rem;position:relative}.ux-project-wrapper .project3 .tag{width:305px}.ux-project-wrapper .project3 .project-header .index{font-size:3rem;margin-right:34px;margin-left:34px}.ux-project-wrapper .project3 .head-content h3{width:300px;font-size:3rem;transform:translateY(50%) translate(-80%)}.ux-project-wrapper .project3 .reveal>p{font-size:1.25rem;left:unset;right:742px;width:unset;max-width:398px;padding-left:2rem}}@media screen and (min-width: 1440px){.ux-project-wrapper{width:1440px;margin:0 auto}.ux-project-wrapper .project1 .tag{transform:translate(calc((1439px - 100vw)/2))}.ux-project-wrapper .project1 .project-header .index{transform:translate(calc((100vw - 1440px)/4))}.ux-project-wrapper .project1 .section1 .sample .decoration{width:calc(850px + (100vw - 1439px)/2);transform:translate(calc((1439px - 100vw)/2))}.ux-project-wrapper .project1 .section2 .tablet-decoration{width:calc(900px + (100vw - 1439px)/2);transform:translate(calc((100vw - 1439px)/2)) translateY(20%);height:423px;max-height:unset}.ux-project-wrapper .project1 .section3 .project-link{width:calc(100vw + 2px);transform:translate(calc((1440px - 100vw)/2)) translateY(-500px)}.ux-project-wrapper .project1 .section3 .title{right:unset;left:408px;width:209px}.ux-project-wrapper .project1 .section3 .project-link{padding-right:calc(220px + (100vw - 1439px)/2)}.ux-project-wrapper .project1 .section3 .project-link>div{right:calc((100vw - 1439px)/2 + 120px)}.ux-project-wrapper .project2 .head-wrapper .project-header .tag{transform:translate(calc((100vw - 1440px)/2))}.ux-project-wrapper .project2 .project-header .index{transform:translate(calc((1440px - 100vw)/4))}.ux-project-wrapper .project3 .tag{transform:translate(calc((1439px - 100vw)/2))}.ux-project-wrapper .project3 .project-header .index{transform:translate(calc((100vw - 1440px)/4))}.ux-project-wrapper .back-to-projects{transform:translate(calc((1439px - 100vw)/2))}}.graphic-projects-wrapper{display:flex;flex-wrap:wrap;margin-top:5rem}.graphic-projects-wrapper .graphic-banner{width:100%;margin-bottom:6rem}.graphic-projects-wrapper .graphic-banner img{width:100%}.graphic-projects-wrapper .content{position:relative;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.graphic-projects-wrapper .content img{width:80%}.graphic-projects-wrapper .content p{position:absolute;bottom:30%;padding:1rem;margin-left:32%}@media screen and (min-width: 800px){.graphic-projects-wrapper .graphic-banner{width:95%}.graphic-projects-wrapper .content img{width:61.8%}.graphic-projects-wrapper .content p{width:56.3%;bottom:30%;font-size:1.5rem;font-weight:300}}@media screen and (min-width: 1200px){.graphic-projects-wrapper .graphic-banner{width:98%}.graphic-projects-wrapper .content img{width:58.1%}.graphic-projects-wrapper .content p{width:56.1%;bottom:30%;font-size:2rem;font-weight:300;padding:2rem}}.graphic-projects-wrapper .section1{display:flex;flex-direction:column;margin-top:10rem;position:relative}.graphic-projects-wrapper .section1 .project-name,.graphic-projects-wrapper .section2 .project-name,.graphic-projects-wrapper .section3 .project-name,.graphic-projects-wrapper .section4 .project-name{width:70%;background-color:var(--background-darkgray);height:46px;position:relative;margin-bottom:4rem}.graphic-projects-wrapper .section1 .project-name h2,.graphic-projects-wrapper .section2 .project-name h2,.graphic-projects-wrapper .section3 .project-name h2,.graphic-projects-wrapper .section4 .project-name h2{font-size:1.25rem;font-weight:900;margin:0;transform:translate(54%) translateY(-50%);position:absolute;left:0%;top:0%}.graphic-projects-wrapper .section1 img{width:100%}.graphic-projects-wrapper .section1 .sample1{margin-top:4rem;width:60%;margin-left:auto;margin-right:0}.graphic-projects-wrapper .section1 .sample1 p{width:100%;text-align:center;font-size:1.25rem;font-weight:400}.graphic-projects-wrapper .section1 .sample1 img{box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section1 .topic{position:absolute;top:4rem;left:2rem}.graphic-projects-wrapper .section1 .topic p{font-style:italic;font-weight:300}.graphic-projects-wrapper .section1 .sample2{position:relative;margin-top:3rem}.graphic-projects-wrapper .section1 .sample2 .sample-images{display:flex;flex-direction:column}.graphic-projects-wrapper .section1 .sample2 .sample-images img{width:50%;box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section1 .sample2 .sample-images img:nth-child(2){align-self:flex-end}.graphic-projects-wrapper .section1 .sample2>p{position:absolute;width:50%;bottom:0;right:0;margin:0;font-weight:300;text-align:center}@media screen and (min-width: 800px){.graphic-projects-wrapper .section1{position:relative;width:100%}.graphic-projects-wrapper .section1 .project-name,.graphic-projects-wrapper .section2 .project-name,.graphic-projects-wrapper .section3 .project-name,.graphic-projects-wrapper .section4 .project-name{width:41%;height:62px;position:relative;margin-bottom:4rem}.graphic-projects-wrapper .section1 .project-name h2,.graphic-projects-wrapper .section2 .project-name h2,.graphic-projects-wrapper .section3 .project-name h2,.graphic-projects-wrapper .section4 .project-name h2{width:150%;font-size:2rem;transform:translate(6rem) translateY(-45%);position:absolute;left:0%;top:0%}.graphic-projects-wrapper .section1{margin-top:20rem}.graphic-projects-wrapper .section1 .sample1{width:39.5vw;position:absolute;top:-10%;right:0;display:flex;flex-direction:column}.graphic-projects-wrapper .section1 .sample1 img{width:39.5vw;max-width:405px;margin-left:auto}.graphic-projects-wrapper .section1 .sample1 p{width:39.5vw;text-align:center;margin-left:auto;font-weight:300}.graphic-projects-wrapper .section1 .sample1 img{box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section1 .topic{position:absolute;top:16%;left:6rem}.graphic-projects-wrapper .section1 .topic p{font-size:2rem;font-weight:300}.graphic-projects-wrapper .section1 .sample2{margin-top:55vw}.graphic-projects-wrapper .section1 .sample2 .sample-images{flex-direction:row}.graphic-projects-wrapper .section1 .sample2 .sample-images img{width:31.4%}.graphic-projects-wrapper .section1 .sample2 .sample-images img:nth-child(2){align-self:unset;margin:0 auto}.graphic-projects-wrapper .section1 .sample2>p{position:unset;width:100%;margin-top:2rem;font-size:1.25rem}}@media screen and (min-width: 1200px){.graphic-projects-wrapper .section1 .project-name,.graphic-projects-wrapper .section2 .project-name,.graphic-projects-wrapper .section3 .project-name,.graphic-projects-wrapper .section4 .project-name{height:86px}.graphic-projects-wrapper .section1 .project-name h2,.graphic-projects-wrapper .section2 .project-name h2,.graphic-projects-wrapper .section3 .project-name h2,.graphic-projects-wrapper .section4 .project-name h2{font-size:3rem;transform:translate(10rem) translateY(-50%)}.graphic-projects-wrapper .section1{margin-top:25rem}.graphic-projects-wrapper .section1 .sample1{width:31vw;top:-20%;right:0}.graphic-projects-wrapper .section1 .sample1 img{width:31vw;max-width:447px}.graphic-projects-wrapper .section1 .sample1 p{width:31vw;font-size:2rem}.graphic-projects-wrapper .section1 .topic{position:absolute;top:12%;left:10rem}.graphic-projects-wrapper .section1 .topic p{font-size:3rem;font-weight:200}.graphic-projects-wrapper .section1 .sample2{margin-top:30rem}.graphic-projects-wrapper .section1 .sample2 .sample-images{width:80%;margin-left:auto;margin-right:auto;gap:2rem;margin-top:2rem;max-width:1090px}.graphic-projects-wrapper .section1 .sample2 .sample-images img{width:31.4%;max-width:342px}.graphic-projects-wrapper .section1 .sample2>p{width:100%;font-size:2rem}}.graphic-projects-wrapper .section2{display:flex;flex-direction:column;margin-top:12rem;position:relative;width:100%}.graphic-projects-wrapper .section2 .sample{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.graphic-projects-wrapper .section2 .sample img:nth-child(1){width:75%;margin-left:12.5%}.graphic-projects-wrapper .section2 .sample img:nth-child(2){width:90%;margin-left:5%}@media screen and (min-width: 800px){.graphic-projects-wrapper .section2{margin-top:20rem}.graphic-projects-wrapper .section2 .sample{display:grid;grid-template-columns:25% 75%;gap:4rem;width:calc(100% - 12rem);align-items:center;justify-content:center;margin-left:8rem;margin-right:4rem}.graphic-projects-wrapper .section2 .sample img:nth-child(1){width:100%;margin:0}.graphic-projects-wrapper .section2 .sample img:nth-child(2){width:100%;margin:0}}@media screen and (min-width: 1200px){.graphic-projects-wrapper .section2{margin-top:25rem}.graphic-projects-wrapper .section2 .sample{max-width:1200px;margin:0 auto;gap:8rem}}.graphic-projects-wrapper .section3{display:flex;flex-direction:column;margin-top:12rem;position:relative;width:100%}.graphic-projects-wrapper .section3 p{font-size:1.25rem;font-weight:400;margin-top:2rem}.graphic-projects-wrapper .section3 .sample1,.graphic-projects-wrapper .section3 .sample2,.graphic-projects-wrapper .section3 .sample3{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:2rem auto}.graphic-projects-wrapper .section3 .sample1 img{width:70%}.graphic-projects-wrapper .section3 .sample2 img{width:96%}.graphic-projects-wrapper .section3 .sample3 .sample-images{display:flex;flex-direction:column;width:100%;padding:1.5rem}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(1){width:65%}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(2){width:52%;align-self:flex-end;transform:translateY(-55%)}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(3){width:60%;align-self:flex-end;transform:translateY(-65%) translate(-40%);box-shadow:4px -2px 8px #0003}.graphic-projects-wrapper .section3 .sample3 p{margin-top:-28%}@media screen and (min-width: 800px){.graphic-projects-wrapper .section3{margin-top:20rem}.graphic-projects-wrapper .section3 .sample1{width:48.7%;margin:2rem auto}.graphic-projects-wrapper .section3 .sample2{width:67.6%;margin:2rem auto}.graphic-projects-wrapper .section3 .sample1 img,.graphic-projects-wrapper .section3 .sample2 img{width:100%}.graphic-projects-wrapper .section3 .sample3 .sample-images{flex-direction:row;width:100%;padding:1.5rem}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(1){width:33%}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(2){width:33%;align-self:unset;transform:unset;margin-left:auto;margin-right:auto}.graphic-projects-wrapper .section3 .sample3 .sample-images img:nth-child(3){width:33%;align-self:unset;transform:unset;box-shadow:none}.graphic-projects-wrapper .section3 .sample3 p{margin-top:0}}@media screen and (min-width: 1200px){.graphic-projects-wrapper .section3{margin-top:20rem}.graphic-projects-wrapper .section3 .desktop-samp12-wrapper{display:flex;gap:4rem;margin-left:4rem;margin-right:4rem}.graphic-projects-wrapper .section3 .sample2{position:relative}.graphic-projects-wrapper .section3 .sample2 p{position:absolute;left:0;bottom:15%;width:38%;text-align:center}.graphic-projects-wrapper .section3 .sample3 .sample-images{width:80%}}.graphic-projects-wrapper .section4{display:flex;flex-direction:column;margin-top:12rem;position:relative;width:100%}.graphic-projects-wrapper .section4 .sample1,.graphic-projects-wrapper .section4 .sample2,.graphic-projects-wrapper .section4 .sample3{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:2rem auto}.graphic-projects-wrapper .section4 .sample1 img{width:92%;box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section4 .sample2 .sample-images{display:flex;flex-direction:column;align-items:flex-end}.graphic-projects-wrapper .section4 .sample2 .sample-images img{width:60%;box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(1){transform:translate(-15%)}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(2){transform:translate(-55%) translateY(-20%)}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(3){transform:translate(-25%) translateY(-40%)}.graphic-projects-wrapper .section4 .sample2>p{margin-top:-15%;margin-bottom:4rem;font-size:1.25rem}.graphic-projects-wrapper .section4 .sample3{margin-bottom:12rem}.graphic-projects-wrapper .section4 .sample3 img{width:100%;box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section4 .sample3 img:nth-child(2){display:none}.graphic-projects-wrapper .section4 .sample3 p,.graphic-projects-wrapper .section4 .sample1 p{font-size:1.25rem;font-weight:400}@media screen and (min-width: 800px){.graphic-projects-wrapper .section4{margin-top:15rem;margin-bottom:8rem;font-size:1.25rem}.graphic-projects-wrapper .section4 .sample1 img{width:48.5%;box-shadow:0 2px 8px #0003}.graphic-projects-wrapper .section4 .sample2 .sample-images{flex-direction:row;align-items:unset;margin-left:2.5%;margin-right:2.5%}.graphic-projects-wrapper .section4 .sample2 .sample-images img{width:28.4%;box-shadow:0 2px 8px #0003}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(1){transform:unset}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(2){transform:unset;margin:0 auto}.graphic-projects-wrapper .section4 .sample2 .sample-images img:nth-child(3){transform:unset}.graphic-projects-wrapper .section4 .sample2>p{margin-top:2rem;margin-bottom:2rem}.graphic-projects-wrapper .section4 .sample3{margin-bottom:12rem}.graphic-projects-wrapper .section4 .sample3 .sample-images{display:flex}.graphic-projects-wrapper .section4 .sample3 img{width:48.2%;box-shadow:0 4px 8px #0003}.graphic-projects-wrapper .section4 .sample3 img:nth-child(2){display:block;margin-left:auto}}@media screen and (min-width: 1200px){.graphic-projects-wrapper .section4 .sample1 img{width:41%;box-shadow:0 2px 8px #0003}.graphic-projects-wrapper .section4 .sample2 .sample-images{width:80%}.graphic-projects-wrapper .section4 .sample3 .sample-images{width:85%}}.branding-projects-wrapper .branding-banner{width:100%;margin-bottom:6rem}.branding-projects-wrapper .branding-banner img{width:100%}.branding-projects-wrapper .description{text-align:left;width:80%;margin-left:auto;border-bottom:1rem solid var(--background-yellow);margin-bottom:6rem;font-size:1.125rem;font-weight:400}@media screen and (min-width: 800px){.branding-projects-wrapper .branding-banner{margin-bottom:12rem}.branding-projects-wrapper .description{width:76%;padding-right:2rem;border-bottom:4.75rem solid var(--background-yellow);margin-bottom:12rem;font-size:1.5rem;font-weight:300}}@media screen and (min-width: 1200px){.branding-projects-wrapper .branding-banner{margin-bottom:12rem}.branding-projects-wrapper .description{width:65%;padding-right:8rem;padding-left:2rem;font-size:2rem;margin-bottom:18rem}}.branding-projects-wrapper .section1{display:flex;flex-direction:column;position:relative;margin-bottom:6rem}.branding-projects-wrapper .section1 .decoration-bar{position:absolute;right:0;top:0;height:100%;width:103px;background-color:var(--background-yellow);z-index:-1}.branding-projects-wrapper .section1 .project-name,.branding-projects-wrapper .section3 .project-name{width:100%;margin:0 auto}.branding-projects-wrapper .section1 .project-name .title-decoration-bar{width:85%;margin-left:2rem;margin-right:auto;height:57px;background-color:var(--background-darkblue);z-index:2;position:relative}.branding-projects-wrapper .section1 .project-name>h2,.branding-projects-wrapper .section3 .project-name>h2{font-size:1.5rem;text-transform:uppercase;font-weight:400;width:100%;margin:1rem auto;padding-left:2rem}.branding-projects-wrapper .section1 .project-name .desc,.branding-projects-wrapper .section3 .project-name .desc{margin-top:-1rem;width:70%;background-color:var(--background-white);padding:2rem 1rem;z-index:1;position:relative}.branding-projects-wrapper .section1 .decoration-wrapper,.branding-projects-wrapper .section3 .decoration-wrapper{position:relative;margin-bottom:4rem}.branding-projects-wrapper .section1 .sample1{display:flex;flex-direction:column;margin-top:6rem}.branding-projects-wrapper .section1 .sample1 img{width:80%;margin-right:2rem;margin-left:auto;box-shadow:0 2px 8px #0000001a}.branding-projects-wrapper .section1 .sample1>div{width:75%;margin:2rem auto 2rem 2rem;font-size:.875rem;font-weight:400}.branding-projects-wrapper .section1 .sample1>div .red{color:var(--text-red)}.branding-projects-wrapper .section1 .sample1>div .yellow{color:var(--text-yellow)}.branding-projects-wrapper .section1 .sample1>div .blue{color:var(--text-blue)}.branding-projects-wrapper .section1 .sample2{display:flex;flex-direction:column}.branding-projects-wrapper .section1 .sample2 .imgs img{width:32%;margin-left:2rem;margin-right:auto;box-shadow:0 2px 4px #0000001a}.branding-projects-wrapper .section1 .sample2>p{margin-top:4rem;margin-bottom:3rem;padding:1rem;width:84%;margin-left:auto}.branding-projects-wrapper .section1 .sample3{background-color:var(--background-darkblue);padding-top:4rem;padding-bottom:4rem;padding-right:1rem;display:flex;justify-content:flex-end}.branding-projects-wrapper .section1 .sample3 img{margin:auto 1rem;width:34.7%}@media screen and (min-width: 800px){.branding-projects-wrapper .section1{margin-top:15rem}.branding-projects-wrapper .section1 .decoration-bar{width:25.2%}.branding-projects-wrapper .section1 .project-name .title-decoration-bar{width:82.3%;margin-left:4rem;height:74px}.branding-projects-wrapper .section1 .project-name>h2,.branding-projects-wrapper .section3 .project-name>h2{font-size:2.5rem;font-weight:300;padding-left:4rem}.branding-projects-wrapper .section1 .project-name .desc,.branding-projects-wrapper .section3 .project-name .desc{width:62.6%;padding:4rem}.branding-projects-wrapper .section1 .sample1{flex-direction:row;margin-bottom:8rem}.branding-projects-wrapper .section1 .sample1 img{width:37%;margin-right:10%;order:1}.branding-projects-wrapper .section1 .sample1>div{width:63%;margin:2rem auto 2rem 4rem;font-size:1rem}.branding-projects-wrapper .section1 .sample2{flex-direction:row;margin-bottom:5rem;padding-left:4rem}.branding-projects-wrapper .section1 .sample2 .imgs{width:60%}.branding-projects-wrapper .section1 .sample2 .imgs img{width:42%;margin-left:0;margin-right:2rem}.branding-projects-wrapper .section1 .sample2>p{margin-top:auto;margin-bottom:0;width:40%}.branding-projects-wrapper .section1 .sample3{padding-right:2.5rem}.branding-projects-wrapper .section1 .sample3 img{margin:auto 1.5rem;width:27.4%}}@media screen and (min-width: 1200px){.branding-projects-wrapper .section1{margin-top:20rem;margin-bottom:20rem}.branding-projects-wrapper .section1 .decoration-bar{width:24.3%;right:8%}.branding-projects-wrapper .section1 .project-name .title-decoration-bar{width:75.7%;margin-left:4rem;height:100px}.branding-projects-wrapper .section1 .project-name>h2,.branding-projects-wrapper .section3 .project-name>h2{font-size:3rem;font-weight:300;padding-left:7rem}.branding-projects-wrapper .section1 .project-name .desc,.branding-projects-wrapper .section3 .project-name .desc{width:62.6%;font-size:1.5rem;padding-left:7rem}.branding-projects-wrapper .section1 .sample1 img{width:30%;margin-right:25%}.branding-projects-wrapper .section1 .sample1>div{width:45%;margin:2rem auto;font-size:1.25rem;padding-left:7rem;padding-right:2rem;margin-top:auto}.branding-projects-wrapper .section1 .sample2{flex-direction:row;margin-bottom:5rem;padding-left:7rem}.branding-projects-wrapper .section1 .sample2 .imgs{width:40%}.branding-projects-wrapper .section1 .sample2 .imgs img{width:40%;margin-left:0;margin-right:2rem}.branding-projects-wrapper .section1 .sample2>p{font-size:1.25rem;padding-left:8%;padding-right:8%;width:60%}.branding-projects-wrapper .section1 .sample3{padding-right:8%}.branding-projects-wrapper .section1 .sample3 img{margin:auto 0;margin-left:2rem;width:19.5%}}.branding-projects-wrapper .section2{display:flex;flex-direction:column;position:relative;margin-bottom:6rem}.branding-projects-wrapper .section2 .decoration-wrapper{position:relative;margin-bottom:4rem}.branding-projects-wrapper .section2 .decoration-wrapper .decoration-bar{position:absolute;left:0;top:0;height:100%;width:102px;background-color:var(--background-pink);z-index:-1}.branding-projects-wrapper .section2 .project-name{width:100%;margin:0 auto}.branding-projects-wrapper .section2 .project-name .title-decoration-bar{width:85%;margin-right:2rem;margin-left:auto;height:57px;background-color:var(--background-green);z-index:2;position:relative}.branding-projects-wrapper .section2 .project-name>h2{font-size:1.5rem;text-transform:uppercase;font-weight:400;width:100%;margin:1rem auto;padding-right:2rem;text-align:right}.branding-projects-wrapper .section2 .project-name .desc{margin-top:-1rem;margin-left:auto;width:70%;background-color:var(--background-white);padding:2rem 1rem;z-index:1;position:relative}.branding-projects-wrapper .section2 .sample1{display:flex;flex-direction:column;margin-top:6rem}.branding-projects-wrapper .section2 .sample1 img{width:75%;margin-left:calc(15vw - 2rem);margin-right:auto}.branding-projects-wrapper .section2 .sample1>div{width:calc(100vw - 100px - 1rem);margin-top:2rem;margin-bottom:2rem;margin-left:auto;font-size:.875rem;font-weight:400;padding:1rem}.branding-projects-wrapper .section2 .sample2{margin-bottom:10rem}.branding-projects-wrapper .section2 .sample2 .logo-container{display:flex;align-items:center;position:relative;min-height:220px}.branding-projects-wrapper .section2 .sample2 .logo-container .decoration-bar{height:9px;width:50%;background-color:var(--background-pink)}.branding-projects-wrapper .section2 .sample2 .logo-container img{position:absolute;top:50%;transform:translateY(-50%);width:220px;height:220px;right:calc(25% - 2rem);filter:drop-shadow(0 5px 4px rgba(0,0,0,.2))}.branding-projects-wrapper .section2 .sample2>p{width:calc(25% - 2rem + 220px);margin-left:auto;margin-top:4rem;margin-bottom:4rem;font-size:.875rem;font-weight:300;padding-right:2rem}.branding-projects-wrapper .section2 .sample3{margin-top:calc(25vw - 5rem);margin-bottom:10rem;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.branding-projects-wrapper .section2 .sample3:before{content:"";position:absolute;top:50%;left:50%;width:220vw;max-width:1400px;height:220vw;max-height:1300px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;padding:-5rem}.branding-projects-wrapper .section2 .sample3 .business-card-sample img{width:50%}.branding-projects-wrapper .section2 .sample3 .business-card-sample p{width:80%;margin-left:auto;font-size:.875rem;font-weight:300;margin-bottom:4rem;padding:1rem}.branding-projects-wrapper .section2 .sample3 .business-card{width:100%;display:flex}.branding-projects-wrapper .section2 .sample3 .business-card img{width:70%;margin-left:calc(20% + .875rem)}@media screen and (min-width: 800px){.branding-projects-wrapper .section2{margin-bottom:12rem}.branding-projects-wrapper .section2 .decoration-wrapper{position:relative;margin-bottom:10rem}.branding-projects-wrapper .section2 .decoration-wrapper .decoration-bar{width:25.2%}.branding-projects-wrapper .section2 .project-name .title-decoration-bar{width:82.3%;margin-right:4rem;height:74px;background-color:var(--background-green);z-index:2;position:relative}.branding-projects-wrapper .section2 .project-name>h2{font-size:2.5rem;font-weight:300;padding-right:4rem}.branding-projects-wrapper .section2 .project-name .desc{margin-left:auto;width:66%;padding:4rem}.branding-projects-wrapper .section2 .sample1{display:flex;flex-direction:column;margin-top:6rem;position:relative}.branding-projects-wrapper .section2 .sample1 img{width:34.6%;margin-left:calc(17.7% - 4rem);margin-right:auto;box-shadow:0 4px 8px #0000001a;margin-bottom:6rem}.branding-projects-wrapper .section2 .sample1>div{position:absolute;right:0;bottom:6rem;width:calc(65.4% - 8rem);margin:0;margin-right:4rem;padding:4rem 4rem 4rem 6rem;background-color:var(--background-lightpink);font-size:1rem;font-weight:300;z-index:-1}.branding-projects-wrapper .section2 .sample2{display:flex}.branding-projects-wrapper .section2 .sample2 .logo-container{width:60%;display:flex;align-items:center;position:relative}.branding-projects-wrapper .section2 .sample2 .logo-container .decoration-bar{height:9px;width:70%;background-color:var(--background-pink)}.branding-projects-wrapper .section2 .sample2 .logo-container img{position:absolute;top:50%;transform:translateY(-50%) translate(0);width:258px;height:258px;right:0}.branding-projects-wrapper .section2 .sample2>p{width:40%;font-size:1.25rem;padding-left:3rem}.branding-projects-wrapper .section2 .sample3{margin-top:-2rem;margin-bottom:10rem}.branding-projects-wrapper .section2 .sample3:before{display:none}.branding-projects-wrapper .section2 .sample3 .business-card-sample img{width:29.6%}.branding-projects-wrapper .section2 .sample3 .business-card-sample p{width:35%;margin-left:2rem;margin-right:auto;font-size:1rem}.branding-projects-wrapper .section2 .sample3 .business-card{position:absolute;right:2rem;bottom:20%;width:42.3%;max-width:433px}.branding-projects-wrapper .section2 .sample3 .business-card:after{content:"";position:absolute;top:30%;left:40%;width:88vw;max-width:800px;height:88vw;max-height:800px;background:var(--background-white);border-radius:50%;transform:translate(-35%,-45%);z-index:-2;padding:-5rem}.branding-projects-wrapper .section2 .sample3 .business-card img{width:100%;padding-bottom:4rem;margin-left:unset;/}}@media screen and (min-width: 1200px){.branding-projects-wrapper .section2{margin-bottom:12rem;margin-top:20rem}.branding-projects-wrapper .section2 .decoration-wrapper{position:relative;margin-bottom:10rem}.branding-projects-wrapper .section2 .decoration-wrapper .decoration-bar{width:24.3%;left:8%}.branding-projects-wrapper .section2 .project-name .title-decoration-bar{width:75.7%;margin-right:4rem;height:100px}.branding-projects-wrapper .section2 .project-name>h2{font-size:3rem;padding-right:4rem}.branding-projects-wrapper .section2 .project-name .desc{margin-left:auto;width:53%;padding:4rem;font-size:1.5rem}.branding-projects-wrapper .section2 .sample1{display:flex;flex-direction:column;margin-top:6rem;position:relative}.branding-projects-wrapper .section2 .sample1 img{width:26.7%;margin-left:calc(24.3% - 4rem)}.branding-projects-wrapper .section2 .sample1>div{position:absolute;bottom:12rem;width:calc(49% - 4rem);margin-right:8rem;padding:4rem;font-size:1.25rem}.branding-projects-wrapper .section2 .sample2 .logo-container{width:70%}.branding-projects-wrapper .section2 .sample2 .logo-container .decoration-bar{height:9px;width:70%;background-color:var(--background-pink)}.branding-projects-wrapper .section2 .sample2>p{width:40%}.branding-projects-wrapper .section2 .sample3{margin-top:-7rem;margin-bottom:10rem}.branding-projects-wrapper .section2 .sample3 .business-card-sample{margin-left:8%;margin-bottom:4rem;margin-top:5rem}.branding-projects-wrapper .section2 .sample3 .business-card-sample img{width:26.4%}.branding-projects-wrapper .section2 .sample3 .business-card-sample p{width:40%;margin-left:0;font-size:1.25rem;padding-left:0}.branding-projects-wrapper .section2 .sample3 .business-card{position:absolute;right:2rem;bottom:20%;width:42.3%;max-width:433px}}.branding-projects-wrapper .section3{margin-top:15rem;display:flex;flex-direction:column;position:relative;margin-bottom:6rem}.branding-projects-wrapper .section3 .project-name .title-decoration-bar{width:85%;margin-left:2rem;margin-right:auto;height:57px;background-color:var(--background-purple);z-index:2;position:relative}.branding-projects-wrapper .section3 .decoration-bar{position:absolute;right:0;top:0;height:calc(100% - 175px);width:103px;background-color:var(--background-darkyellow);z-index:-1}.branding-projects-wrapper .section3 .sample{display:flex;flex-direction:column;margin-top:6rem;position:relative}.branding-projects-wrapper .section3 .sample div:nth-child(1){width:100%;display:flex;flex-direction:column;position:absolute;bottom:0;right:0}.branding-projects-wrapper .section3 .sample div:nth-child(1) .img-wrapper{width:350px;height:350px;background-color:var(--background-darkyellow);padding:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(19%)}.branding-projects-wrapper .section3 .sample div:nth-child(1) img{width:215px;height:215px;transform:translateY(4px);filter:drop-shadow(0 5px 4px rgba(0,0,0,.2))}.branding-projects-wrapper .section3 .sample div:nth-child(2){display:flex;flex-direction:column;margin-bottom:12rem}.branding-projects-wrapper .section3 .sample div:nth-child(2) p{margin:0;width:50%;text-align:center;margin-left:1rem;z-index:1;font-weight:200}.branding-projects-wrapper .section3 .sample div:nth-child(2) img:nth-child(1){width:63%;margin-right:2rem;margin-left:auto;box-shadow:5px 5px 10px #0000001a}.branding-projects-wrapper .section3 .sample div:nth-child(2) img:nth-child(2){width:50%;margin-right:auto;margin-left:1rem;transform:translateY(-10%);box-shadow:5px 5px 10px #0000001a}.branding-projects-wrapper .section3 .sample div:nth-child(1) p{font-weight:200;width:215px;margin:0 0 0 auto;text-align:center;z-index:1;transform:translateY(-25px)}@media screen and (min-width: 800px){.branding-projects-wrapper .section3{margin-bottom:12rem}.branding-projects-wrapper .section3 .project-name .title-decoration-bar{width:82.3%;margin-left:4rem;height:74px;background-color:var(--background-darkyellow)}.branding-projects-wrapper .section3 .decoration-bar{height:100%;width:25.2%;background-color:var(--background-purple)}.branding-projects-wrapper .section3 .sample{flex-direction:row;margin-top:6rem;position:relative}.branding-projects-wrapper .section3 .sample div:nth-child(1){width:100%;position:relative;transform:translate(-18vw)}.branding-projects-wrapper .section3 .sample div:nth-child(1) .img-wrapper{width:53vw;height:53vw;transform:unset;z-index:-1;padding:0;align-items:flex-end;position:relative}.branding-projects-wrapper .section3 .sample div:nth-child(1) img{width:27.3vw;height:27.3vw;transform:unset;position:relative;z-index:5}.branding-projects-wrapper .section3 .sample div:nth-child(1) p{display:none}.branding-projects-wrapper .section3 .sample div:nth-child(2){margin-bottom:12rem;width:100%}.branding-projects-wrapper .section3 .sample div:nth-child(2) p{margin-top:-34%;margin-left:unset;transform:translate(-76%)}.branding-projects-wrapper .section3 .sample div:nth-child(2) img:nth-child(1){margin-right:4rem;width:36.7vw}.branding-projects-wrapper .section3 .sample div:nth-child(2) img:nth-child(2){width:28.4vw;transform:translate(-80%,-50%);z-index:1}}@media screen and (min-width: 1200px){.branding-projects-wrapper .section3{margin-bottom:20rem}.branding-projects-wrapper .section3 .project-name .title-decoration-bar{width:75.7%;margin-left:4rem;height:100px}.branding-projects-wrapper .section3 .decoration-bar{height:100%;width:25.2%;right:8%}.branding-projects-wrapper .section3 .sample{flex-direction:row;margin-top:6rem;position:relative;margin-right:8%}.branding-projects-wrapper .section3 .sample div:nth-child(2) img:nth-child(2){margin-left:-1rem}}header{position:absolute;top:4rem;right:0;z-index:1000}nav ul{display:flex;justify-content:space-evenly;align-items:center;list-style:none;padding:0;flex-direction:column}nav ul li{transform:rotate(-90deg);text-transform:uppercase;margin-bottom:2.4rem;padding-top:1rem}nav ul li a{text-decoration:none;color:var(--text-black);background:linear-gradient(to right,var(--background-yellow) 100%,transparent 0) no-repeat left bottom;transition:background-size .5s;background-size:0 3px;padding-bottom:5px}nav ul li a:hover{color:var(--text-black);background-size:100% 3px}nav ul li a:active{color:var(--text-black)}header .bar{width:1.5rem;height:1px;background-color:#000}@media screen and (min-width: 800px){header{top:3rem;right:2rem;font-size:1.5rem}header .bar{width:4rem}nav ul li{margin-bottom:5rem}}@media screen and (min-width: 1200px){header{right:4rem}nav ul li{margin-bottom:5.5rem}}footer{display:flex;margin-top:4rem;margin-bottom:2rem;z-index:1000;width:100%;margin-bottom:4rem;font-family:Inter,serif}footer .decoration{flex-grow:1;display:flex;align-items:center}footer .decoration .contact{margin:0;flex-grow:1;border-bottom:solid 1px;margin-bottom:1rem;margin-right:1rem}footer .decoration .contact p{margin:0;margin-bottom:.5rem;width:100%;padding-left:1.5rem;text-align:start;text-transform:uppercase;font-size:1.25rem;font-weight:100}footer .decoration .black-block{background-color:var(--background-darkblue);padding:.5rem 1.5rem;margin-bottom:1.5rem}footer div:nth-child(2){display:flex;justify-content:center;align-items:center;color:var(--text-black)}footer div:nth-child(2) a{color:var(--text-black);text-decoration:none;margin-right:1rem;transform:translateY(40%);font-weight:500;background:linear-gradient(to right,var(--background-yellow) 100%,transparent 0) no-repeat left bottom;transition:background-size .5s;background-size:0 3px;padding-bottom:5px}footer div:nth-child(2) a:hover{background-size:100% 3px}footer div:nth-child(2) .yellow-block{background-color:var(--background-yellow);padding:.5rem 1rem;transform:translateY(65%)}footer div div:nth-child(2) a{color:var(--text-black);background-size:0 3px;transition:.3s ease}footer div div:nth-child(2) a:hover{background-size:0 3px;color:var(--text-yellow)}@media screen and (min-width: 800px){footer .decoration .contact p{margin-bottom:0rem}footer .decoration .contact p a{font-size:1.5rem;font-weight:400;padding-left:1.5rem}footer .decoration .black-block{width:155px;height:22px;margin-bottom:3rem}footer div:nth-child(2) .yellow-block{width:65px;height:20px;transform:translateY(120%)}footer .decoration .contact{margin-bottom:1rem;padding-bottom:2rem}footer div:nth-child(2) a{font-size:1.5rem;font-weight:300;transform:translateY(70%)}}@media screen and (min-width: 1200px){footer .decoration .contact p a{font-size:2rem;padding-left:2.5rem}footer .decoration .black-block{width:133;height:20px;margin-bottom:2rem}footer div:nth-child(2) .yellow-block{width:133;height:20px;transform:translateY(110%)}footer .decoration .contact{padding-bottom:1rem;font-size:2rem}footer .decoration div:nth-child(2) a{font-size:2rem;font-weight:400}footer div:nth-child(2){margin-left:2rem}footer div:nth-child(2) a{font-size:1.5rem;font-weight:400;margin-right:2.5rem;transform:translateY(65%)}}