.hero{display:flex;position:relative}.hero__text{display:flex;flex-direction:column;padding-top:125px}.hero__text h1{font-size:92px;padding-bottom:10px}.hero__text h2{font-size:40px;padding-bottom:5px}.hero__text h3{font-size:32px}.hero__text__button{padding-top:125px}.hero__text__button a{font-size:24px;display:flex;width:-moz-fit-content;width:fit-content}.hero__text__button a img{width:30px;margin-left:10px;transition:transform .4s ease}.hero__text__button a:hover img{transform:rotate(90deg)}.hero__image{position:absolute;right:-100px;z-index:-1}.hero__image img{width:750px;transform:rotate(-10deg);position:relative;z-index:-1;margin-top:-20px}@media screen and (max-width: 920px){.hero__text{padding-top:100px}.hero__text h1{font-size:80px}.hero__text h2{font-size:32px}.hero__text h3{font-size:24px}.hero__text__button{padding-top:75px}.hero__text__button a{font-size:20px}.hero__text__button a img{width:25px}.hero__image img{width:600px}}@media screen and (max-width: 785px){.hero__text{padding-top:75px}.hero__text h1{font-size:64px}.hero__text h2{font-size:28px}.hero__text h3{font-size:20px}.hero__text__button{padding-top:50px}.hero__text__button a{font-size:18px}.hero__image img{width:450px}}@media screen and (max-width: 625px){.hero{flex-direction:column}.hero__text{padding-top:50px}.hero__text h1{width:70%}.hero__image{opacity:.7}}@media screen and (max-width: 450px){.hero__image{margin-top:50px;right:-70px}.hero__image img{width:375px}}@media screen and (max-width: 380px){.hero__image{display:none}}.card{display:flex;flex-direction:row;align-items:center;padding:50px 0}.card img{width:55%;aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover}.card__text{width:45%;text-align:right;padding-left:25px;position:relative}.card__text h5{letter-spacing:1px;font-family:CalibreLight,sans-serif;font-size:18px}.card__text h4{font-size:32px;text-transform:lowercase}.card__text__excerpt{position:relative;padding:25px;background-color:#1e012f;margin:15px 0;width:125%;left:-25%;box-shadow:10px 10px 32px -1px #000000d1}.card__text__excerpt p{width:-moz-fit-content;width:fit-content;font-family:CalibreLight,sans-serif;margin:0;font-size:18px;letter-spacing:.5px}.card__text .tags{margin-bottom:40px}.card__text .tags span{margin:0 10px;letter-spacing:1px;font-family:CalibreLight,sans-serif}.card__text .tags span:first-of-type{margin-left:0}.card__text .button{width:100%;display:flex;justify-content:right}.card__text .button a{font-size:20px;display:flex;width:-moz-fit-content;width:fit-content;font-weight:lighter}.card__text .button a img{width:26px;margin-left:6px;transition:transform .4s ease}.card__text .button a:hover img{transform:translate(5px)}.card:nth-child(2n){flex-direction:row-reverse}.card:nth-child(2n) .card__text{text-align:left;padding-right:25px;padding-left:0}.card:nth-child(2n) .card__text__excerpt{left:0}.card:nth-child(2n) .card__text .button{justify-content:left}@media screen and (max-width: 1000px){.card__text{padding-left:15px}.card__text h5{font-size:16px}.card__text h4{font-size:26px}.card__text__excerpt{padding:20px;width:115%;left:-15%}.card__text__excerpt p{font-size:16px}.card__text .tags{margin-bottom:20px}.card__text .button a{font-size:18px}.card__text .button a img{width:22px}.card:nth-child(2n) .card__text{padding-right:15px}}@media screen and (max-width: 875px){.card img,.card__text{width:50%}.card__text__excerpt{padding:20px;width:130%;left:-30%}.card__text__excerpt p{font-size:16px}}@media screen and (max-width: 787px){.card{flex-direction:column;align-items:flex-start;padding:25px 0}.card img{width:80%;margin-bottom:40px}.card__text{text-align:left;padding-left:0;padding-right:0;width:100%}.card__text__excerpt{padding:0;background-color:transparent;width:90%;left:0}.card__text__excerpt p{font-size:16px}.card__text .button{justify-content:left}.card__text .button a{justify-content:center}.card__text .button a img{margin-bottom:0}.card:nth-child(2n){flex-direction:column}.card:nth-child(2n) .card__text{padding-right:0;padding-left:0}}@media screen and (max-width: 550px){.card img,.card__text__excerpt{width:100%}}.featured-work[data-astro-cid-xokcfk3y]{margin-top:250px;@media screen and (max-width: 787px){margin-top:150px}@media screen and (max-width: 625px){margin-top:100px}@media screen and (max-width: 450px){margin-top:70px}}.about{padding:100px 50px}.about h3{font-size:38px;margin-bottom:25px}.about .about-wrapper{display:flex;flex-direction:row}.about__text{width:65%}.about__text p{font-size:18px}.about__text p:first-of-type{margin-top:0}.about__skills{margin-left:150px}.about__skills h4{font-size:24px;font-family:CalibreBold,sans-serif;letter-spacing:1.5px;margin-top:-3px;margin-bottom:10px}.about__skills .skill{display:flex;flex-direction:row;align-items:center;font-size:18px;font-family:CalibreReg,sans-serif}.about__skills .skill i{font-size:20px;margin-right:8px}.about__skills .skill img{width:20px;margin-right:8px}@media screen and (max-width: 975px){.about__skills{margin-left:75px}}@media screen and (max-width: 987px){.about{padding-left:0;padding-right:0;padding-top:75px}}@media screen and (max-width: 767px){.about .about-wrapper{display:flex;flex-direction:column}.about__text{width:80%}.about__skills{margin-left:0;padding-top:25px}.about__skills .skills-list{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:10px;width:80%}.about__skills .skills-list .skill{margin-right:15px;margin-bottom:10px}}@media screen and (max-width: 650px){.about__text,.about__skills .skills-list{width:100%}}.contact{margin:25px 0 100px}.contact h3{font-size:38px;margin-bottom:25px}.contact p{margin:0;font-size:18px}.contact p a{font-family:CalibreReg,sans-serif;transition:color .4s ease}.contact p a:hover{color:#7a00c1}.contact form{display:flex;flex-direction:column;width:100%;margin-top:25px}.contact form label{font-family:ClassyVouge,serif;font-size:20px;margin-right:10px}.contact form .contact-input-wrapepr{display:flex;flex-direction:row}.contact form input,.contact form textarea{background:none;border:none;border-bottom:1px solid #fff;flex:1;color:#fff;font-family:CalibreLight,sans-serif;font-size:18px;margin-bottom:50px;outline:none}.contact form input[type=submit]{border:none;width:-moz-fit-content;width:fit-content;cursor:pointer;font-family:ClassyVouge,serif;font-size:22px;text-align:right}.contact form .submit-wrapper{display:flex;flex-direction:row;justify-content:end;align-items:center}@media screen and (max-width: 800px){.contact{margin-bottom:0}}@media screen and (max-width: 450px){.contact{margin-bottom:50px}.contact form .contact-input-wrapepr{flex-direction:column}}
