: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}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}html{scroll-behavior:smooth}body{position:relative;min-height:100dvh;background-color:#000;overflow-x:hidden;width:100%;display:flex;flex-direction:column}h1{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;font-size:63px}h2{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:20px}p{font-family:Raleway,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:14px}section{scroll-margin-top:80px}.navBar{padding:30px;box-sizing:border-box;position:fixed;transition:.5s;top:0;z-index:10;width:100vw;height:10vh;display:grid;grid-template-columns:1fr 1.3fr}.navLinks :nth-child(2){margin-left:20px}.footerLinks :nth-child(2){margin-left:20px}.footerLinks{display:flex;flex-direction:column;justify-content:space-between}.navBar img{width:80px;height:auto;grid-column:1}.navBar div a{font-size:14px;text-decoration:none;color:#fff}.contactBtn{appearance:none;border:0;padding:0;color:#fff;font-size:14px;background:none;cursor:pointer}.dropLinks{display:flex;justify-content:space-between;flex-direction:row}#dropBtn{display:none}.navLinks{display:flex;flex-direction:column;line-height:1;justify-content:space-evenly}.landingPage{width:100%}.heroVideo{width:100%;height:100svh;overflow:hidden;background-color:#000}.heroVideo-media{width:100%;height:100%;object-fit:cover;display:block}.heroVideo:after{content:"";position:absolute;right:0;bottom:0;left:0;height:240px;pointer-events:none}.heroVideo{position:relative}.heroIntro__measurement{position:fixed;visibility:hidden;pointer-events:none;width:max-content}.heroIntro{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.heroIntro__line{display:flex;align-items:center;justify-content:center;gap:18px;margin:0;color:#fff;line-height:1}.heroIntro__static{flex-shrink:0;font-family:Raleway,sans-serif;font-size:clamp(42px,6vw,100px);font-weight:400;white-space:nowrap;line-height:1}.heroIntro__slot{position:relative;display:block;height:1.45em;overflow:hidden;transition:width .65s cubic-bezier(.22,1,.36,1)}.heroIntro__changing{position:absolute;left:0;top:50%;display:flex;align-items:center;width:max-content;translate:0 -50%;margin-top:-.035em;font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(46px,6.5vw,110px);white-space:nowrap;font-weight:400;line-height:1}.heroIntro__measurement{position:fixed;pointer-events:none;top:-9999px;left:-9999px;visibility:hidden;translate:none;margin:0}.slot-letter{display:inline-block;line-height:1;transform:translateY(0)}.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;color:inherit;text-decoration:none;cursor:pointer;z-index:1}.imgWrapper img{display:block;will-change:transform;animation:dynamicFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);aspect-ratio:4 / 5;object-fit:cover;margin-bottom:20px}.project-info{display:flex;flex-direction:column;align-items:center}@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:260px;padding-bottom:10px}.container2{display:flex;justify-content:flex-start}.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:25vw;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{display:grid;grid-template-columns:1fr 1fr;align-items:flex-end;gap:20px;width:90vw;padding-top:40px;margin:auto auto auto 60px;height:max-content;justify-content:center}#paintingContainer img{display:block;width:100%;height:100%;object-fit:cover}#paintingContainer{grid-column:2;grid-row:1;width:min(500px,45vw);aspect-ratio:5 / 6;margin:auto;overflow:hidden}.btnWrapper{grid-column:2;grid-row:1;z-index:10;display:flex;justify-content:space-between;position:relative;top:-50%}#prevBtn,#nextBtn{pointer-events:auto;background-color:transparent;font-size:48px;border-style:none;color:var(--fourh-color);width:40px;height:40px;display:flex;justify-content:center;cursor:pointer}#prevBtn{right:calc(100% + 20px)}#nextBtn{left:calc(100% + 20px)}.imageText{grid-column:1;grid-row:1}#descriptionContainer{margin:auto;width:400px;height:100%;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{margin-top:80px;width:100vw;padding-top:30px;padding-bottom:30px}.staticBanner{letter-spacing:.4em;font-size:large;font-family:Oswald,sans-serif;font-optical-sizing:auto;color:gray;font-weight:100;width:100%;text-align:center}.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}.returnBtn{position:absolute;top:140px;right:50px;z-index:10;color:#fff;text-decoration:none}.projectPage{margin-top:140px;position:relative;min-height:100vh;background-color:var(--main-color);isolation:isolate}#projectContent{margin:100px 50px 50px}#projectContent h1,#projectContent h2{width:100%}#projectContent h2{margin-left:50px;width:60vw}#projectContent p{margin-bottom:50px}.imgCol1 img,.imgCol2 img{width:auto;height:480px;aspect-ratio:5/6;object-fit:contain}.imgCol1 video,.imgCol2 video{width:auto;height:480px;aspect-ratio:5/6;object-fit:contain}.imgCol1,.imgCol2{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-top:200px;margin-right:20px;gap:40px}.imgCol3 img,.imgCol3 video{padding-top:100px;height:600px}.imgCol3{width:100%;display:flex;justify-content:center}.project-bg{position:absolute;width:100%;height:100%;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background-color:var(--main-color)}.project-blob{position:absolute;border-radius:50%;pointer-events:none;transform:translateZ(0)}.project-blob--one{width:32vw;aspect-ratio:1;top:5%;left:-10%;opacity:.55;background:linear-gradient(135deg,var(--second-color),var(--third-color));filter:blur(90px)}.project-blob--two{width:38vw;aspect-ratio:1;top:42%;right:-15%;opacity:.45;background:linear-gradient(135deg,var(--fourh-color),var(--second-color));filter:blur(110px)}.project-blob--three{width:25vw;aspect-ratio:1;bottom:15%;left:25%;opacity:.4;background:var(--third-color);filter:blur(80px)}.project-blob--four{width:25vw;aspect-ratio:1;bottom:-5%;left:65%;opacity:.4;background:var(--fourh-color);filter:blur(150px)}.project-blob--one{animation:blobDriftOne 5s ease-in-out infinite alternate}.project-blob--two{animation:blobDriftTwo 7s ease-in-out infinite alternate}.project-blob--three{animation:blobDriftThree 4s ease-in-out infinite alternate}.project-blob--four{animation:blobDriftFour 8s ease-in-out infinite alternate}@keyframes blobDriftOne{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(50px,70px,0) scale(1.5)}}@keyframes blobDriftTwo{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-100px,140px,0) scale(.95)}}@keyframes blobDriftThree{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(135px,-150px,0) scale(2)}}@keyframes blobDriftFour{0%{transform:translate3d(160px,-20px,0) scale(1.7)}}.footer{margin-top:80px;margin-bottom:0!important;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;justify-items:center;padding:60px;border-top:1px solid rgba(255,255,255,.1)}.footer div a{font-size:14px;text-decoration:none;color:#fff}.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:#fff;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:#ffffff40;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:#ffffff40;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}.landingText{padding-left:60px}.projectsBlock{grid-template-columns:1fr 1fr}.projectImg{width:25vw}.project-details{max-width:40vw}.expanded .altImagesCon{display:flex;flex-direction:row;gap:10px;opacity:0;animation:slideInText .5s ease .4s forwards}.altImg{width:80px}.btnWrapper{margin-left:-5px;width:600px}.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}}@media(max-width:767px){.quote h2{font-size:36px;width:50vw}#paintingContainer img{width:40vw;height:400px}#staticBanner{font-size:16px}.exp-content h3{font-size:20px}}@media(max-width:480px){#headline2{font-size:27px}h2{font-size:14px}.projectsBlock{grid-template-columns:1fr}.projectImg{width:70vw}.itemContainer.expanded .imgWrapper{max-width:80%}.quote h2{text-align:center;width:90vw;margin-bottom:100px}.aboutMe{margin-bottom:70px}.middleAbout{align-items:center;text-align:center}.aboutMe{grid-template-columns:1fr;grid-template-rows:repeat(3,ifr)}.smallBox{margin-top:220px}.container2{top:-480px;position:relative;margin:auto;width:max-content}.flip-card-inner{width:40vw}.flip-card{width:max-content}.experience{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);justify-items:center;margin-bottom:0%}.exp-content{text-align:center}.paintings{grid-template-columns:1fr;grid-template-rows:1fr .5fr;width:100vw;align-items:center;margin:0%;padding-top:0%}#paintingContainer img{width:70vw;height:40vh;aspect-ratio:auto}#paintingContainer{grid-column:1;grid-row:1;width:70vw;height:40vh;aspect-ratio:auto}.imageText{width:80vw;grid-row:2;grid-column:1;justify-self:center}.btnWrapper{grid-row:1;grid-column:1;width:94%;left:0%;top:0%;margin:auto}#descriptionContainer{width:70vw}#staticBanner{padding-top:10px}.navBar{padding:20px;height:20vh}#dropBtn{display:block;width:max-content;height:max-content;padding:8px;filter:invert(1);background:#ffffff2f;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:10px;display:flex;justify-self:flex-end}.dropLinks{display:none;grid-column:2;position:relative;justify-self:flex-end;padding:15px;width:max-content;filter:invert(1);background:#ffffff2f;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:15px;-webkit-appearance:none!important}.dropLinks.is-open{display:grid}.dropLinks div a{color:#050505;filter:invert(1);mix-blend-mode:normal}.navBar img{width:60px}.navLinks a{padding:5px;color:#fff!important}#headline4{font-size:12px;width:max-content;padding:10px}.sectionHeader{padding:20px}.container1{margin-bottom:40px}.footerLinks{display:none}.footerRight{grid-column:1/4}.footer{padding:20px}}
