:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-color: #1b0e1f;--second-color: #f42a32;--third-color: #6e1b37;--fourh-color: #f3bf99}*{margin:0%;padding:0%}html{scroll-behavior:smooth}body{background-color:var(--main-color);overflow-x:hidden;max-height:100dvh;width:100%;margin:0%;display:flex;flex-direction:column}h1{font-family:Oi,serif;font-weight:400;font-style:normal;font-size:63px}h2{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal;font-size:24px}p{font-family:"Instrument Serif",serif;font-weight:400;font-style:normal;font-size:18px}section{scroll-margin-top:80px}.navBar{padding:30px;filter:invert(.9);box-sizing:border-box;position:fixed;transition:.5s;top:0;mix-blend-mode:difference;z-index:10;width:100vw}.nav1 :nth-child(2){margin-left:20px}.nav2 :nth-child(2){margin-left:20px}.navBar img{width:80px;height:auto}.navBar div{display:flex;justify-content:space-between}.navBar div a{font-size:14px;text-decoration:none;color:var(--main-color)}.navLinks{display:flex;flex-direction:column}.landingPage{width:100%}.bgWrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}.blob{z-index:-1;filter:blur(80px);pointer-events:none;will-change:transform;transform:translateZ(0);contain:paint}.bgBlobLeft{position:absolute;top:0%;border-radius:40% 60% 70%/40% 40% 60% 50%;opacity:.7;width:20vw;height:20vw;aspect-ratio:1/1;animation:animateLeft 10s cubic-bezier(.68,-.55,.27,1.55) infinite alternate forwards;filter:blur(80px);z-index:-1;background:linear-gradient(var(--second-color) 21%,var(--third-color) 67%,var(--fourh-color) 81%)}.bgBlobRight{overflow:hidden;position:absolute;right:20%;top:20%;border-radius:60% 60% 70% 50%/50% 50% 70% 40%;opacity:.8;width:40vw;height:30vw;aspect-ratio:1/1;animation:animateRight 10s cubic-bezier(.18,-.85,.47,1.85) infinite alternate forwards;filter:blur(100px);z-index:-1;background:linear-gradient(var(--second-color) 21%,var(--fourh-color) 67%,var(--third-color) 81%)}.bgBlobCenter{position:absolute;left:50%;top:20%;translate:-50% 0;border-radius:50%;opacity:.4;width:15vw;height:15vw;animation:animateCenter 15s ease-in-out infinite alternate;filter:blur(60px);z-index:-1;background:linear-gradient(135deg,var(--fourh-color) 100%)}@keyframes animateLeft{0%{translate:80% -25%;border-radius:60% 90% 90% 70%/100% 85% 92% 74%}50%{translate:40% 13%;border-radius:80% 71% 77% 70%/81% 85% 42% 54%;rotate:41deg;scale:1.15}to{translate:10% 39%;border-radius:50% 60% 70%/50% 50% 60%;rotate:-90deg;scale:1.05}}@keyframes animateRight{0%{translate:50% -10%;border-radius:60% 50% 90% 70%/100% 85% 92% 74%}50%{translate:10% 20%;border-radius:60% 71% 47% 70%/81% 55% 72% 54%;rotate:30deg;scale:1.1}to{translate:45% 39%;border-radius:40% 60% 70%/40% 40% 60% 50%;rotate:60deg;scale:1.05}}@keyframes animateCenter{0%{translate:-50% -20%;scale:1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{translate:-30% 25%;scale:1.2;border-radius:30% 60% 70% 40%/50% 60% 30%;rotate:15deg}to{translate:-60% 50%;scale:.9;border-radius:40% 60% 70% 30%/40% 40% 60% 50%;rotate:-15deg}}.landingcontainer img{width:45vw;height:auto;border-radius:25px;padding-right:40px}.landingcontainer{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;padding-top:80px}.landingText{display:flex;justify-content:center;flex-direction:column;padding-top:12rem;padding-left:40px;width:500px}#headline1,#headline2,#headline3{opacity:0;transition:opacity .1s ease}#headline4{opacity:0;transition:opacity .8s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;width:150px;padding:5px;margin-top:20px;cursor:pointer;text-decoration:none;color:#fff;display:flex;justify-content:center}#headline3{width:380px}.sectionHeader{display:flex;justify-content:center;padding-bottom:60px;padding-top:60px;width:max-content;margin:auto}.projectsBlock{width:100%;position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;justify-content:start;row-gap:40px;transition:all .6s cubic-bezier(.22,1,.36,1)}.itemContainer{display:flex;justify-content:center;flex-direction:column;align-items:center;opacity:1;cursor:pointer;z-index:1}.projectImg{width:25vw;height:auto;padding-bottom:20px}.project-details{display:none;opacity:0;max-width:50vw;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;padding:20px}.imgWrapper img{will-change:transform;animation:dynamicFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.project-info h3{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.project-active{display:block}.itemContainer.hidden{opacity:0;visibility:hidden;position:absolute}.itemContainer.expanded{display:flex;flex-direction:row;gap:70px;width:100%;padding-left:40px;padding-right:160px;margin-bottom:80px}.itemContainer.expanded .imgWrapper{display:flex;max-width:50%;transition:all .8s ease}.itemContainer.expanded img{scale:1.2}.itemContainer.expanded .project-details{display:block;flex:1;opacity:0;animation:slideInText .5s ease .4s forwards}.itemContainer.expanded .project-info{display:none}.project-details p{border-bottom:.5px solid white;border-top:.5px solid white;padding-bottom:20px;padding-top:20px}.expanded-title{font-size:26px}.meta{font-weight:900;padding:10px;border-bottom:.5px solid white}@keyframes slideInText{to{opacity:1;transform:translate(0)}}@keyframes dynamicFloat{0%,to{transform:translate(0)}25%{transform:translate(var(--x-1),var(--y-1))}50%{transform:translate(var(--x-2),var(--y-2))}75%{transform:translate(var(--x-3),var(--y-3))}}.aboutMe{display:grid;grid-template-columns:1fr .5fr;width:90vw;height:600px;margin:auto auto 220px}.aboutContainer{display:flex;flex-direction:column}.quote h2{width:600px;font-family:Great Vibes,cursive;font-weight:400;font-style:normal;font-size:62px;margin-bottom:80px}.middleAbout{display:flex;flex-direction:row-reverse;gap:20px;justify-content:flex-end}.smallBox{margin-top:auto;height:fit-content;display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;padding:10px}.middleAbout2{margin-top:310px;position:relative;width:240px;padding-bottom:10px}.container2{display:flex;justify-content:center}.flip-card{display:grid;align-content:end;background-color:transparent;width:20vw;height:100%;cursor:pointer;perspective:1000px}.flipHeader{margin:auto}.flip-card-inner{position:relative;width:20vw;aspect-ratio:3 / 4;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;width:fit-content;--b: 7px;--c: #f3bf99;--w: 7px;padding:5px;border:var(--b) solid #0000;--_g: #0000 90deg, var(--c) 0;--_p: var(--w) var(--w) border-box no-repeat;background:conic-gradient(from 90deg at top var(--b) left var(--b),var(--_g)) 0 0 / var(--_p),conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) 100% 0 / var(--_p),conic-gradient(from 0deg at bottom var(--b) left var(--b),var(--_g)) 0 100% / var(--_p),conic-gradient(from -90deg at bottom var(--b) right var(--b),var(--_g)) 100% 100% / var(--_p);box-sizing:border-box}.flip-card-front img,.flip-card-back img{width:100%;height:100%;object-fit:cover}.flip-card-back{transform:rotateY(180deg)}.paintings{position:relative;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:60px;width:90vw;padding-top:40px;margin:auto;height:max-content;justify-content:center}#paintingContainer img{width:500px;height:600px;aspect-ratio:auto;object-fit:cover}#paintingContainer{width:580px;height:100%;display:flex;justify-content:center;overflow:hidden;align-items:center}.btnWrapper{position:absolute;top:50%;left:42%;z-index:10;display:flex;justify-content:space-between;width:50vw}#prevBtn,#nextBtn{pointer-events:auto;background-color:transparent;font-size:32px;border-style:none;color:var(--fourh-color);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;width:40px;height:40px;display:flex;justify-content:center;cursor:pointer}#prevBtn{right:calc(100% + 20px)}#nextBtn{left:calc(100% + 20px)}#descriptionContainer{margin:auto;width:400px;height:100%;display:flex;align-items:flex-start;flex-direction:column;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;padding:20px}#descriptionContainer p{padding-top:20px}#staticBanner{text-align:justify;font-size:medium;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-size:20px;font-weight:100;color:gray;padding-top:80px;width:95vw;margin:auto}#staticBanner:after{content:"";display:inline-block;width:95vw;margin:auto}.experience{display:grid;gap:40px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:max-content;margin:auto auto 80px}.expBox{display:flex;flex-direction:row;row-gap:60px;justify-content:center;width:max-content}.expBox h3{font-weight:900;font-size:32px}.footer{margin-top:80px;background-color:var(--main-color);margin-bottom:0!important;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;justify-items:center;padding:60px}.footer div a{font-size:14px;text-decoration:none;color:var(--fourh-color)}.footerRight{display:flex;flex-direction:row;align-items:center;gap:10px;color:var(--fourh-color)}.scrollUp{width:40px;height:40px;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;color:#f3bf99;font-size:16px}.footerSmall{font-weight:100;display:flex;justify-content:center;color:gray;grid-column:1/4;padding-top:40px}.contactOverlay{display:none;position:fixed;z-index:999;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center}.contact-inner{background:#ffffff0d;padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);width:90%;max-width:500px;height:60vh;box-shadow:0 25px 50px -12px #00000080;position:relative;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);margin-top:60px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#contact-form{display:flex;flex-direction:column}#contact-form h2{font-size:32px}#contact-form input{margin-top:40px;height:30px;background-color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#000;padding-left:5px}#contact-form textarea{margin-top:40px;height:100px;background-color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#000;padding:5px}#close-overlay{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;width:30px;height:30px;border-radius:20px;font-size:20px;cursor:pointer}#submit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:20px;height:30px;margin-top:40px;cursor:pointer}@media(max-width:1024px){h1{font-size:46px}.projectsBlock{grid-template-columns:1fr 1fr}.projectImg{width:35vw}.project-details{max-width:40vw}.btnWrapper{left:39.5%;width:65%}.middleAbout{flex-direction:column-reverse}.smallBox{width:max-content;margin-top:60px}.middleAbout2{margin:0%}.quote h2{font-size:45px}.aboutMe{margin-bottom:20px}#descriptionContainer{width:30vw}}