:root{scroll-behavior:smooth;overflow-x:hidden;--color-primary: #ba8b68;--color-secondary: #645d3b;--color-tertiary: #7F3A28;--color-white: #d5cdbc;--color-black: #31331f}@font-face{font-family:Playfair;src:url(/assets/PlayfairDisplay-VariableFont_wght-7tRKCQvy.ttf)}@font-face{font-family:OpenSans;src:url(/assets/OpenSans-VariableFont_wdth_wght-BZBpG5Iz.ttf)}@font-face{font-family:AbrilFatface;src:url(/assets/AbrilFatface-Regular-CF4J23BR.ttf)}@font-face{font-family:YiBalti;src:url(/assets/msyi-CxG3X4Th.ttf)}body{min-width:300px;margin:0;font-family:AbrilFatface,"serif";background-color:#000;color:var(--color-white);scroll-behavior:smooth;word-spacing:0px}.app-container{width:100%}.snap-container{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-bottom:1px;-webkit-overflow-scrolling:touch}.page-section{display:flex;flex-direction:column;scroll-snap-align:start;position:relative;top:0;opacity:.2;transition:opacity .5s ease-out;z-index:1;overflow:hidden}.page-section.visible{opacity:1;z-index:2}.page-section.invisible{opacity:0}.content-container-bounds{padding-inline:1rem;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:10px;background:transparent}::-webkit-scrollbar-thumb{background:#323a3b;border-radius:30px}.title-underline{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-secondary);text-decoration-skip-ink:none;text-underline-position:under}h1,h2{font-family:AbrilFatface,"serif";font-style:italic;padding:0;margin:0;font-weight:400}p{font-family:YiBalti;padding:0;margin:0}@media screen and (max-width: 768px){::-webkit-scrollbar{display:none}}#home-container{width:100%}#hero-container{width:100%;height:100dvh;background-image:url(/assets/IMG_5932wide4-CC9KPqHa.jpg);background-size:cover;background-position:center;scroll-snap-align:start;display:flex;justify-content:center;align-items:center}#title-container{height:1000px}@media only screen and (max-width: 73rem){#hero-container{background-image:url(/assets/HomeWideMobile-vUiZao61.png)}}.buttonContainer{display:contents;background-color:var(--color-tertiary)}.buttonContainer button{font-style:italic;background-color:var(--color-tertiary);border-radius:0;font-family:AbrilFatface,"serif";color:var(--color-white);border:none;cursor:pointer}p{padding-bottom:15px}#about-me-1-BG{background-image:url(/assets/AboutMeBG1-Bi0anEXw.png);background-repeat:no-repeat;background-size:cover;background-position:center}#about-me-1-container{display:flex;align-items:center;justify-content:center;margin-inline:auto;container-type:inline-size;width:100%;max-width:2560px;height:100dvh;scroll-snap-align:start}#about-me-1-grid{display:grid;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;padding-top:3cqw}#about-me-1-grid h1{height:auto;grid-column:1 / 2;align-self:start;justify-self:end;font-size:clamp(70px,5cqw,150px);line-height:.9;position:relative;z-index:2;white-space:nowrap;transform:translate(.7em);color:#eae5da;background-color:var(--color-secondary);margin-top:-2cqw;padding:.15em .5em}#about-me-1-grid img{--overlap: 4%;justify-self:center;width:clamp(350px,25cqw,747px);height:auto}#about-me-skills-text{align-self:start;justify-self:start;font-size:clamp(15px,1.3cqw,30px);width:80%;max-width:20cqw;transform:translate(1em);margin-top:2cqw}#about-me-skills-text p{padding-bottom:20px}#about-me-special-text{color:#eae5da;font-weight:100;font-family:AbrilFatface,"serif"}#about-me-1-flex{display:none}@media (max-width: 50rem)and (max-aspect-ratio: 1 / 1){#about-me-1-grid{display:none}#about-me-1-flex{display:flex;flex-direction:column;justify-content:center;align-items:center}#about-me-1-flex img{--overlap: 0%;width:clamp(200px,80cqw,300px);height:auto}#about-me-flex-skills-text{display:flex;flex-direction:column;justify-content:left;font-size:clamp(10px,5cqw,20px);width:clamp(200px,80cqw,300px);transform:translate(-0em);margin-top:20px}#about-me-flex-skills-text p{width:100%;padding-bottom:10px}}#about-me-2-BG{background-image:url(/assets/AboutMeBG2-B0SS6UFa.png);background-repeat:no-repeat;background-size:cover;background-position:center}#about-me-2-container{position:relative;width:100%;max-width:2560px;height:100dvh}#about-me-2-container h1{font-size:clamp(30px,3.3cqw,72px);color:#eae5da;padding-bottom:clamp(10px,1.5cqw,30px)}#about-me-2-container h2{color:#eae5da;font-size:clamp(15px,1.3cqw,30px);padding-bottom:clamp(5px,1cqw,5px)}#about-me-2-container p{font-size:clamp(15px,1.2cqw,40px);padding-bottom:clamp(10px,1.5cqw,30px)}#about-me-2-flex{display:flex;height:100%;width:100%;flex-direction:row;justify-content:center;align-items:center;gap:8cqw}.about-me-2-content{width:30cqw;max-width:1000px;padding-bottom:0}.about-me-2-image-content{width:clamp(200px,18cqw,450px)}.about-me-2-image-content img{width:100%;height:auto;padding-bottom:4cqw}.about-me-skill{padding-bottom:20px}@media (max-width: 50rem)and (max-aspect-ratio: 1 / 1){.about-me-2-image-content{display:none}#about-me-2-flex{gap:0}.about-me-2-content{max-width:none;width:clamp(200px,80cqw,400px);padding-bottom:0}#about-me-2-container h1{font-size:clamp(10px,8cqw,40px);color:#eae5da;padding-bottom:30px}#about-me-2-container h2{color:#eae5da;font-size:clamp(10px,5cqw,20px);padding-bottom:5px}#about-me-2-container p{font-size:clamp(10px,5cqw,20px);padding-bottom:15px}}#projects-BG{position:relative;background-image:url(/assets/ProjectsBG-D05nKMsx.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}#projects-container{display:flex;flex-direction:column;justify-content:center;width:100%;height:100dvh}#projects-content{width:100%;margin:0 auto}#projects-grid{display:grid}#projects-title-wrapper{display:flex;justify-content:center;width:100vw}#projects-title-container{width:80vw;margin-left:-45px;display:flex;justify-content:left}#projects-title-container h1{position:relative;padding:0 .5em .1em;width:fit-content;font-size:clamp(60px,6vw,200px);background-color:var(--color-white);color:var(--color-tertiary)}#projects-item-wrapper{position:relative;display:flex;justify-content:center;align-items:center}#projects-item-viewport{position:relative;width:80vw;height:auto;overflow:hidden;contain:inline-size}#projects-item-container{display:grid;align-items:stretch;transition:transform .5s ease;grid-auto-flow:column;grid-auto-columns:calc((80cqw - 2 * 50px) / 3);gap:50px;margin-top:clamp(20px,2vw,50px)}#projects-arrow-container{display:flex;align-items:start;position:absolute;width:80vw;height:28vw}#projects-arrow-container button{position:absolute;margin-top:calc(-20px + 2vw)}.arrow{position:absolute;width:clamp(10px,1.5vw,40px);height:60px;z-index:2;border:none;background:none;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:contain}.arrow img{width:1cqw}.arrow-left{left:10px}.arrow-right{right:10px}@media (max-width: 73rem){#projects-title-container{justify-content:center}#projects-title-wrapper{width:100%}#projects-title-container{margin-left:0;align-items:center}#projects-item-viewport{margin-top:clamp(-30px,calc(-50px + 5vw),-10px);display:flex;width:80vw;justify-content:center;align-items:center}#projects-title-container h1{position:relative;font-size:clamp(50px,16vw,120px)}#projects-arrow-container button{position:absolute;margin-top:calc(-10px + 2vw)}#projects-item-container{position:relative;display:grid;align-items:center;transition:transform .5s ease;grid-auto-flow:column;grid-auto-columns:80cqw;max-width:500px;gap:50px;margin:50px auto 0;width:80vw}#projects-arrow-container{height:90vw;max-width:500px;max-height:550px}.arrow{position:absolute;width:clamp(10px,5vw,40px)}.arrow img{width:clamp(20px,2cqw,25px)}}.project-item-container{position:relative;container-type:inline-size;transition:transform .5s ease;width:100%;aspect-ratio:5 / 6;background-color:var(--color-white);color:var(--color-tertiary)}.project-item-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--bg)}.project-item-container button{position:absolute;top:35cqw;width:clamp(120px,48cqw,200px);aspect-ratio:4 / 1;font-size:clamp(10px,5cqw,20px)}#project-item-text{text-align:center;width:70%;padding-top:10cqw}#project-item-text h2{font-size:clamp(20px,10cqw,70px)}#project-item-text p{font-size:clamp(10px,5cqw,30px)}@media (max-width: 73rem){.project-item-container{width:100%;aspect-ratio:5 / 6;max-width:500px;max-height:600px}.project-item-button-container{margin-top:calc(-10px - .6em)}}.project-container{position:absolute;top:0;left:0;width:100%;height:0;z-index:3;pointer-events:auto;background:var(--color-white);color:var(--color-tertiary);transition:.4s ease;overflow:hidden;white-space:nowrap;box-sizing:border-box}.project-container.active{height:100%;transition-delay:0s}.project-container.closing{height:0;pointer-events:none;transition-delay:.3s}.project-content{opacity:0;transform:translateY(50px);transition:opacity .5s ease,transform .5s ease;width:max-content;margin:0 auto}.project-container.active .project-content{opacity:1;transform:translateY(0);transition-delay:.3s}.project-container.closing .project-content{opacity:0;transform:translateY(-50px);transition-delay:0s}.back-button{padding-bottom:10px;z-index:3}.back-button button{width:40%;cursor:pointer;border:none;background-color:var(--color-tertiary);color:var(--color-white);padding-top:0;padding-bottom:0}.back-button img{width:100%;height:auto}#eco-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center;flex-direction:row;gap:10%}#eco-left{width:50rem;white-space:normal}#eco-title-container{display:inline-block;padding-bottom:50px}#eco-title{display:flex;flex-direction:column;justify-content:center;line-height:1.1;background-color:var(--color-tertiary);color:var(--color-white);padding:10px 50px 20px}#eco-title h1{font-size:100px}#eco-title h2,#eco-text h2{font-size:30px}#eco-text p{font-size:30px;padding-bottom:50px}#eco-button{width:500px;height:auto}#eco-right{width:35rem}#eco-right img{display:block;width:100%;height:inherit}#eco-right-blurb{padding:20px;background-color:var(--color-tertiary);color:var(--color-white)}#eco-right-blurb p{font-size:20px}@media (max-width: 71rem){#eco-container{flex-direction:column}}#unknown-container{display:flex;align-items:left;justify-content:center;height:100%;flex-direction:column}#unknown-title{padding:0 60px;margin-bottom:100px;background-color:var(--color-tertiary);color:var(--color-white);text-align:center}#unknown-title h1{font-style:normal;font-size:300px;line-height:1}#unknown-title h2{text-align:left;font-size:30px;padding-bottom:30px}@media (max-width: 73rem){#unknown-title{padding-left:clamp(20px,8vw,60px);padding-right:clamp(20px,8vw,60px);padding-top:0;padding-bottom:0;margin-bottom:clamp(20px,10vw,100px)}#unknown-title h1{font-size:clamp(100px,40vw,300px);line-height:1}#unknown-title h2{text-align:center;font-size:clamp(10px,4vw,30px);padding-bottom:clamp(10px,4vw,30px)}}#contact-BG{position:relative;background-image:url(/assets/ContactBG-BabEoMxZ.png);background-repeat:no-repeat;background-size:cover;background-position:center}#contact-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}#contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100dvh}#contact-container h1{padding-top:clamp(70px,15vw,100px);font-size:clamp(70px,5vw,100px)}.contactTitle{text-align:center;font-family:Playfair;padding-top:30px;padding-bottom:50px;margin:0;font-size:35px}.contactTitle h1{margin:0}.contactFlex{display:flex}.contactInputContainer{display:flex;justify-content:center;width:100%;height:100%}.contactInputFlex{width:50%;height:100%;display:flex;flex-direction:column}.formWarningContainer{position:fixed;transition:.4s;bottom:-20%;height:100px;width:100vw}.formWarningContent{display:flex;justify-content:center;align-items:center;height:100%;width:calc(1000px - 15vw);max-width:85vw;margin-left:auto;margin-right:auto;text-align:center;border:double 6px transparent;border-radius:30px;background-image:linear-gradient(#9ebff3,#180e47);background-origin:border-box;background-clip:content-box,border-box;font-size:150%;font-family:Playfair}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px #000 inset;transition:background-color 5000s ease-in-out 0s}.formLabel{font-style:italic;font-size:1px;margin-top:30px}.formInput{width:100%;font-size:15px;font-family:OpenSans;padding:15px;margin-top:20px;background-color:transparent;border-bottom:2px solid white;color:#fff}.buttonContainer{display:flex;justify-content:center;margin-top:50px}.buttonContainer a{text-decoration:none}.buttonBorder{display:flex;padding:2.2px;border-radius:10px;background:#fff;transition:.4s}.buttonBorder:hover{background:#9ebff3}.buttonBorder input{width:250px;height:50px;font-size:20px;font-style:italic;background-color:#131718;border-radius:7px;color:#fff;border:none;cursor:pointer}.buttonBorder input:hover{color:#9ebff3;transition:.4s}.navContainer{position:fixed;z-index:999;top:0;height:90px;width:100vw;color:#fff}.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(50px,5cqw,100px);align-items:center;height:100%;width:100vw;background-color:none}.nav a{position:relative;color:inherit;font-size:20px;font-style:italic;font-weight:400;text-decoration:none}#nav-home{position:fixed;padding-left:50px;padding-top:20px}#nav-home img{width:160px}#nav-home-2{display:none}.nav a:hover{color:var(--color-black);transition:color .25s ease-out}@media (max-width: 50rem){#nav-home{display:none}#nav-home-2{display:block}#nav-home-2 img{width:100%}.nav{gap:clamp(30px,8vw,100px)}.nav a{font-size:20px}}@media (max-width: 30rem)and (max-aspect-ratio: 1 / 1){#nav-home{display:none}#nav-home-2{display:block}#nav-home-2{display:none}.nav{gap:clamp(30px,8vw,100px)}.nav a{font-size:20px}}.contactFlex{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:clamp(10px,1vw,50px);width:100%;height:100%}.contactInputContainer{display:flex;width:100%;height:100%}.contactInputFlex{width:clamp(300px,30vw,800px);height:100%;display:flex;flex-direction:column}input{-webkit-box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important;border:none;box-sizing:border-box}input:focus{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-white);-webkit-box-shadow:0 0 0px 1000px #000 inset;transition:background-color 5000s ease-in-out 0s}.formLabel:first-child{margin-top:0}.formInput{width:100%;height:clamp(40px,3vw,50px);font-size:clamp(15px,.8vw,20px);font-family:OpenSans;padding-top:0;padding-bottom:0;margin-top:0;background-color:transparent;border-bottom:2.5px solid var(--color-white);color:var(--color-white)}.formInput input{border:none;background-color:transparent}.formTextArea{resize:vertical;height:calc(1000px - 10vw)}.warningText{font-family:AbrilFatface,"serif";height:20px;min-height:10px;font-size:clamp(15px,.8vw,20px);padding-top:clamp(5px,1vw,10px);margin-bottom:0;font-weight:100;word-spacing:5px;color:var(--color-tertiary)}.button-container{container-type:inline-size;display:flex;justify-content:center;padding-top:clamp(5px,2vw,10px)}.button-container input{width:clamp(120px,12vw,180px);aspect-ratio:4 / 1;font-size:clamp(10px,4cqw,20px);font-style:italic;background-color:var(--color-tertiary);border-radius:0;font-family:AbrilFatface,"serif";color:var(--color-white);border:none;cursor:pointer}.footerContainer{bottom:0;display:flex;justify-content:center;align-items:center;width:100%;padding:20px}.footerFlex{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:50px;flex-direction:row}.footerImages{height:100%;display:flex;justify-content:center;align-items:center;gap:30px;flex-direction:row}.footerText{text-align:center;font-size:20px}.footerText p{padding:0}.footerFlex img{width:clamp(25px,2.5vw,40px)}.footerFlex img:hover{cursor:pointer}@media only screen and (max-width: 1200px){.footerContainer{height:70px}.footerFlex{flex-direction:column;gap:clamp(20px,3vw,30px)}.footerText{font-size:clamp(10px,1vw,15px)}.footerImages{height:0}}.comingSoonHeader{position:absolute;top:0}.comingSoonText{white-space:nowrap}.comingSoonContainer{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.comingSoonContainer h1{font-size:6vw;font-family:Playfair;margin:0}.comingSoonContainer h2{font-size:4vw;font-family:OpenSans;font-weight:100;font-style:italic;margin:0}.comingSoonFooter{position:absolute;bottom:0;width:100%}@media only screen and (max-width: 800px){.comingSoonContainer h1{font-size:clamp(30px,60px,70px)}.comingSoonContainer h2{font-size:clamp(30px,4vw,60px)}.comingSoonText{padding-bottom:10%}}