@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-level-1: var(--color-level-1-dark);--color-level-2: var(--color-level-2-dark);--color-level-3: var(--color-level-3-dark);--color-level-4: var(--color-level-4-dark);--color-level-5: var(--color-level-5-dark);--color-level-6: var(--color-level-6-dark);--color-background: var(--color-background-dark);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde}:root.theme-light{--color-level-1: var(--color-level-1-light);--color-level-2: var(--color-level-2-light);--color-level-3: var(--color-level-3-light);--color-level-4: var(--color-level-4-light);--color-level-5: var(--color-level-5-light);--color-level-6: var(--color-level-6-light);--color-background: var(--color-background-light)}html{overflow-x:hidden}body{margin:0;padding:0;min-width:320px;background-color:var(--color-background);overflow-x:hidden}#root{width:100%;margin:0;padding:0}.app{width:100%;color:var(--color-level-1);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.hero-section{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;max-width:1280px;padding:0 2rem}.App-header{display:flex;flex-direction:column;align-items:center;text-align:center}.logo{display:flex;width:100%;justify-content:center;will-change:filter;transition:filter .3s;--shadow-color: var(--color-level-3)}.title{font-family:Montserrat,sans-serif;font-weight:350;font-size:5em;line-height:1.1;color:var(--color-level-1);margin:1rem;--shadow-color: var(--color-level-3)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(20deg)}}@keyframes logo-spin-back{0%{transform:rotate(20deg)}to{transform:rotate(0)}}.logo-forward{animation:logo-spin 1s ease-in-out forwards}.logo-backward{animation:logo-spin-back 1s ease-in-out forwards}.social-links{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.social-icon{font-size:2em;color:var(--color-level-1);transition:color .3s ease;--shadow-color: var(--color-level-3)}.theme-light{--color-level-1: var(--color-level-1-light);--color-level-2: var(--color-level-2-light);--color-level-3: var(--color-level-3-light);--color-level-4: var(--color-level-4-light);--color-level-5: var(--color-level-5-light);--color-level-6: var(--color-level-6-light);--color-background: var(--color-background-light)}.theme-toggle{position:fixed;top:2rem;right:2rem;padding:0;width:auto;height:auto;background:none;cursor:pointer;border:none;transition:transform .6s ease;display:flex;align-items:center;justify-content:center;z-index:1000}.theme-toggle svg{font-size:2.5rem;color:var(--color-level-1)}.theme-toggle:hover{transform:scale(1.1)}.theme-light .logo,.theme-light .title{--shadow-color: var(--color-level-1)}.theme-light .social-icon{--shadow-color: var(--color-level-3)}.logo:hover,.title:hover{filter:drop-shadow(0 0 .5em var(--shadow-color))}.social-icon:hover{color:var(--shadow-color);filter:drop-shadow(0 0 .5em var(--shadow-color))}@media (max-width: 768px){.hero-section{padding:20vh 1rem 0;justify-content:flex-start}.App-header{gap:1.5rem;margin-bottom:2rem}.App-body{margin-top:2rem}.title{font-size:3em;margin:0}.social-links{gap:1.5rem}.social-icon{font-size:1.5em}.theme-toggle{top:1rem;right:1rem}.theme-toggle svg{font-size:2rem}}@media (max-width: 480px){.hero-section{padding:15vh 1rem 0}.App-header{gap:1rem}.App-body{margin-top:1.5rem}.title{font-size:2em}.social-links{gap:1rem}.social-icon{font-size:1.25em}}.clouds{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:-1}.cloud{position:absolute;color:var(--color-level-2);animation:float linear infinite;transform-origin:center}.theme-light .cloud{color:var(--color-level-1)}.cloud-1{font-size:5rem;top:15%;opacity:.4;animation-duration:95s;animation-delay:-10s}.cloud-2{font-size:3.5rem;top:35%;opacity:.25;animation-duration:120s;animation-delay:-45s}.cloud-3{font-size:8rem;top:55%;opacity:.35;animation-duration:110s;animation-delay:-30s}.cloud-4{font-size:3.8rem;top:75%;opacity:.3;animation-duration:100s;animation-delay:-65s}.cloud-5{font-size:4.5rem;top:25%;opacity:.35;animation-duration:115s;animation-delay:-20s}.cloud-6{font-size:17em;top:45%;opacity:.25;animation-duration:105s;animation-delay:-50s}.cloud-7{font-size:4.8rem;top:65%;opacity:.4;animation-duration:125s;animation-delay:-15s}.cloud-8{font-size:3.6rem;top:85%;opacity:.3;animation-duration:98s;animation-delay:-40s}.cloud-9{font-size:9rem;top:20%;opacity:.35;animation-duration:112s;animation-delay:-25s}.cloud-10{font-size:3.4rem;top:40%;opacity:.25;animation-duration:108s;animation-delay:-55s}.cloud-11{font-size:4.6rem;top:60%;opacity:.4;animation-duration:118s;animation-delay:-35s}.cloud-12{font-size:3.3rem;top:80%;opacity:.3;animation-duration:102s;animation-delay:-60s}.cloud-13{font-size:4.1rem;top:30%;opacity:.35;animation-duration:122s;animation-delay:-18s}.cloud-14{font-size:12rem;top:50%;opacity:.3;animation-duration:97s;animation-delay:-42s}.cloud-15{font-size:4.3rem;top:70%;opacity:.35;animation-duration:114s;animation-delay:-28s}.cloud-16{font-size:3.9rem;top:90%;opacity:.25;animation-duration:106s;animation-delay:-52s}.cloud-17{font-size:4.7rem;top:10%;opacity:.4;animation-duration:130s;animation-delay:-5s}.cloud-18{font-size:16rem;top:22%;opacity:.3;animation-duration:101s;animation-delay:-70s}.cloud-19{font-size:4.9rem;top:42%;opacity:.35;animation-duration:116s;animation-delay:-22s}.cloud-20{font-size:15rem;top:62%;opacity:.25;animation-duration:104s;animation-delay:-48s}@keyframes float{0%{transform:translate(-100%) scale(.6);left:-10%;opacity:0}5%{opacity:var(--cloud-opacity, .3)}95%{opacity:var(--cloud-opacity, .3)}to{transform:translate(100%) scale(1);left:110%;opacity:0}}@media (max-width: 768px){.cloud-1{font-size:3rem}.cloud-2{font-size:2.5rem}.cloud-3{font-size:5rem}.cloud-4{font-size:2.8rem}.cloud-5{font-size:3.5rem}.cloud-6{font-size:12em}.cloud-7{font-size:3.8rem}.cloud-8{font-size:2.6rem}.cloud-9{font-size:6rem}.cloud-10{font-size:2.4rem}.cloud-11{font-size:3.6rem}.cloud-12{font-size:2.3rem}.cloud-13{font-size:3.1rem}.cloud-14{font-size:8rem}.cloud-15{font-size:3.3rem}.cloud-16{font-size:2.9rem}.cloud-17{font-size:3.7rem}.cloud-18{font-size:11rem}.cloud-19{font-size:3.9rem}.cloud-20{font-size:10rem}}@media (max-width: 480px){.cloud-1{font-size:2rem}.cloud-2{font-size:1.5rem}.cloud-3{font-size:3rem}.cloud-4{font-size:1.8rem}.cloud-5{font-size:2.5rem}.cloud-6{font-size:8em}.cloud-7{font-size:2.8rem}.cloud-8{font-size:1.6rem}.cloud-9{font-size:4rem}.cloud-10{font-size:1.4rem}.cloud-11{font-size:2.6rem}.cloud-12{font-size:1.3rem}.cloud-13{font-size:2.1rem}.cloud-14{font-size:5rem}.cloud-15{font-size:2.3rem}.cloud-16{font-size:1.9rem}.cloud-17{font-size:2.7rem}.cloud-18{font-size:7rem}.cloud-19{font-size:2.9rem}.cloud-20{font-size:6rem}}:root{--color-level-1-dark: #F7F1E6;--color-level-2-dark: #E3D9C7;--color-level-3-dark: #CBBBA3;--color-level-4-dark: #A88E6D;--color-level-5-dark: #6B5540;--color-level-6-dark: #2E1C12;--color-background-dark: #242424;--color-level-1-light: var(--color-level-6-dark);--color-level-2-light: var(--color-level-5-dark);--color-level-3-light: var(--color-level-4-dark);--color-level-4-light: var(--color-level-3-dark);--color-level-5-light: var(--color-level-2-dark);--color-level-6-light: var(--color-level-1-dark);--color-background-light: #FBFBFB}.about-container{position:relative;width:100%;padding-top:4rem;padding-bottom:4rem;background:var(--color-level-6);opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.about-container.visible{opacity:1}.about-title{font-family:Montserrat,sans-serif;font-weight:400;font-size:2.5rem;margin-bottom:2rem;text-align:center;color:var(--color-level-1);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1) .3s}.about-container.visible .about-title{opacity:1}.about-content{max-width:1280px;margin:0 auto;padding:2rem;color:var(--color-level-1);display:flex;gap:3rem;align-items:flex-start}.profile-photo{flex:0 0 400px;width:400px;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #0003;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1) .4s}.about-container.visible .profile-photo{opacity:1;transform:scale(1)}.about-text{flex:1;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1) .2s}.about-container.visible .about-text{opacity:1}.about-intro{opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1) .4s}.about-container.visible .about-intro{opacity:1}.about-intro h3{font-family:Montserrat,sans-serif;font-weight:500;font-size:1.8rem;margin-bottom:1rem;color:var(--color-level-1)}.about-text p{font-family:Montserrat,sans-serif;font-weight:300;font-size:1.1rem;line-height:1.6em;text-align:justify!important;margin-bottom:1.5rem;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.about-container.visible .about-text p:nth-of-type(1){opacity:1;transition-delay:.5s}.about-container.visible .about-text p:nth-of-type(2){opacity:1;transition-delay:.6s}.about-container.visible .about-text p:nth-of-type(3){opacity:1;transition-delay:.7s}.about-container.visible .about-text p:nth-of-type(4){opacity:1;transition-delay:.8s}.about-text b{font-weight:500;font-size:1.2rem}@media (max-width: 768px){.about-container{padding-top:4rem;padding-bottom:4rem}.about-content{padding:1.5rem;flex-direction:column;align-items:center;text-align:center}.profile-photo{flex:none;width:280px;height:350px;order:-1}.about-text p{text-align:center}}@media (max-width: 480px){.about-container{padding-bottom:4rem}.profile-photo{width:250px;height:300px}.about-intro h3{font-size:1.5rem}.about-text p{font-size:1rem}}.carousel-container{width:100%;padding:3rem 2rem;color:var(--color-level-1);position:relative;z-index:100;background:var(--color-level-5);opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.carousel-container.visible{opacity:1}.carousel-title{font-family:Montserrat,sans-serif;font-weight:500;font-size:2.5rem;margin:0 0 2rem;text-align:center;color:var(--color-level-1);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1) .3s}.carousel-container.visible .carousel-title{opacity:1}.portfolio-link{color:var(--color-level-1);text-decoration:none;transition:color .3s ease}.portfolio-link:hover{color:var(--color-level-3);filter:drop-shadow(0 0 .5em var(--color-level-3))}.carousel-cta{margin-top:2rem;text-align:center;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1) .6s}.carousel-container.visible .carousel-cta{opacity:1}.portfolio-cta-link{display:inline-block;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:500;color:var(--color-level-3);text-decoration:none;padding:.75rem 1.5rem;border:2px solid var(--color-level-3);border-radius:4px;transition:all .3s ease}.portfolio-cta-link:hover{color:var(--color-level-5);background-color:var(--color-level-3);filter:drop-shadow(0 0 .75em var(--color-level-3))}.carousel{position:relative;width:100%;height:400px;margin:0 auto;perspective:1000px;z-index:1;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1) .4s;transform:translateZ(0);backface-visibility:hidden}.carousel-container.visible .carousel{opacity:1}.carousel-track{position:relative;width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden}.carousel-item{position:absolute;max-width:400px;max-height:400px;left:50%;top:50%;transform-origin:center center;transition:transform .7s cubic-bezier(.4,0,.2,1),opacity .7s cubic-bezier(.4,0,.2,1),z-index 0s;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d;will-change:transform,opacity}.carousel-item img{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;display:block;transform:translateZ(0);backface-visibility:hidden}.level0{transform:translate(-50%,-50%) scale(1) translateZ(0);z-index:5;opacity:1}.level1{transform:translate(-50%,-50%) translate(-350px) scale(.85) translateZ(-100px);z-index:4;opacity:.75}.level2{transform:translate(-50%,-50%) translate(-650px) scale(.7) translateZ(-200px);z-index:3;opacity:.5}.level-1{transform:translate(-50%,-50%) translate(350px) scale(.85) translateZ(-100px);z-index:4;opacity:.75}.level-2{transform:translate(-50%,-50%) translate(650px) scale(.7) translateZ(-200px);z-index:3;opacity:.5}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#00000080;color:var(--color-level-1);border:2px solid var(--color-level-1);border-radius:50%;font-size:2rem;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.carousel-container.visible .carousel-arrow{opacity:1;transition-delay:.6s}.carousel-arrow:hover{background-color:var(--color-level-4);border-color:var(--color-level-3);transform:translateY(-50%) scale(1.1);transition:all .3s ease}.carousel-arrow-left{left:10%}.carousel-arrow-right{right:10%}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 1200px){.carousel{height:350px}.carousel-item,.carousel-item img{max-width:320px;max-height:320px}.level1{transform:translate(-50%,-50%) translate(-300px) scale(.85) translateZ(-100px)}.level2{transform:translate(-50%,-50%) translate(-550px) scale(.7) translateZ(-200px)}.level-1{transform:translate(-50%,-50%) translate(300px) scale(.85) translateZ(-100px)}.level-2{transform:translate(-50%,-50%) translate(550px) scale(.7) translateZ(-200px)}.carousel-arrow-left{left:2%}.carousel-arrow-right{right:2%}}@media (max-width: 768px){.carousel-container{padding:2rem 1rem}.carousel-title{font-size:2rem}.carousel{height:300px}.carousel-item,.carousel-item img{max-width:240px;max-height:240px}.level1{transform:translate(-50%,-50%) translate(-220px) scale(.8) translateZ(-100px)}.level2{transform:translate(-50%,-50%) translate(-400px) scale(.65) translateZ(-200px);opacity:.5}.level-1{transform:translate(-50%,-50%) translate(220px) scale(.8) translateZ(-100px)}.level-2{transform:translate(-50%,-50%) translate(400px) scale(.65) translateZ(-200px);opacity:.5}.carousel-arrow{width:40px;height:40px;font-size:1.5rem}.carousel-arrow-left{left:1%}.carousel-arrow-right{right:1%}}.gallery-container{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.gallery-header{display:flex;gap:1.5rem;background:#170c0099;padding:1.2rem 2rem;border-radius:12px;border:1px solid rgba(255,193,94,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-wrapper{display:flex;flex-direction:column;gap:.4rem}.dropdown-wrapper label{font-size:.65rem;color:#ffc15e;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;padding-left:4px}.custom-select{background:#1a1a1a;color:#fff;border:1px solid #ffc15e;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.9rem;min-width:180px;outline:none;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffc15e' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.custom-select:hover{border-color:#fff;box-shadow:0 0 10px #ffc15e33}.gallery{position:relative;width:96vmin;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(6,1fr);grid-gap:.5em;padding:.5em;background:#170c00;box-shadow:0 0 0 2px #ffc15e,0 0 20px #00000080}.gallery__image-wrapper{position:relative;cursor:pointer;padding-top:75%;width:100%;height:0;transform-origin:0 0;overflow:hidden;grid-row:span 2;grid-column:span 2;background:#000;backface-visibility:hidden;transform:translateZ(1px)}.gallery__image{position:absolute;top:50%;left:50%;height:100%;width:100%;object-fit:cover;transform:translate3d(-50%,-50%,0);transition:all .32s ease}.gallery__image-wrapper.gallery__image-wrapper--selected{grid-row:span 4;grid-column:span 4;z-index:10}.gallery__image-wrapper--selected .gallery__image{object-fit:contain}.gallery__image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff0d11a;opacity:0;transition:opacity .2s;pointer-events:none}.gallery__image-wrapper:hover:after{opacity:1}.portfolio-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;min-height:100vh;overflow-x:hidden}.portfolio-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#ffc15e;text-shadow:0 0 10px rgba(255,193,94,.3);font-weight:700;letter-spacing:2px}.portfolio-logo-link{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;display:block;transition:all .3s ease}.portfolio-logo{width:60px;height:auto;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,193,94,.3))}.portfolio-logo:hover{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(255,193,94,.6))}@media (max-width: 1024px){.portfolio-title{font-size:2rem;margin-bottom:2rem}}@media (max-width: 768px){.portfolio-section{padding:1rem 0}.portfolio-title{font-size:1.5rem;margin-bottom:1.5rem}.portfolio-logo-link{top:1rem;left:1rem}.portfolio-logo{width:45px}}