@font-face{font-family:SF Pro Display;src:url(/fonts/sfpro/SFProDisplay-Regular.woff2) format("woff2");font-weight:400}@font-face{font-family:SF Pro Display;src:url(/fonts/sfpro/SFProDisplay-Medium.woff2) format("woff2");font-weight:500}:root{--primary-color: #eb4e00;--text-color: #ffffff;--border-radius: 12px;--max-width: 1280px;--transition-duration: .3s;--title-font: "SF Pro Display", system-ui, sans-serif;--body-font: "SF Pro Display", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;background-color:#000;color:#fff;font-family:var(--title-font);font-weight:100;letter-spacing:.02rem}#root{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0 1rem}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}p{line-height:29px}a{text-decoration:none;color:inherit;transition:text-decoration var(--transition-duration) ease,text-decoration-color var(--transition-duration) ease}a:hover{cursor:pointer;text-decoration:underline;text-decoration-color:var(--primary-color)}ul{list-style:none;padding:0;margin:0}ul>li{padding-top:10px}#root{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.container{width:100%;max-width:var(--max-width);margin:0 auto}.container>div{height:auto;padding-bottom:5rem}.page-transition{width:100%;animation:pageFade .35s ease}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#root{width:100vw;display:flex;text-align:left}.introTextContainer{height:auto;position:relative;width:100%}.introJob{font-size:clamp(2.6rem,6vw + 1rem,6rem);max-width:min(26ch,100%);font-weight:500;margin-bottom:.2rem;font-family:var(--title-font)}.introDescription{font-size:clamp(1rem,1vw + .9rem,1.3rem);margin-bottom:2rem;margin-top:1rem;font-weight:300;max-width:min(48ch,100%);color:#ffffffb3;font-family:var(--body-font)}.introButtonContainer{height:auto;position:relative;width:100%;min-height:54px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(.6rem,2vw,1.5rem)}.introButtonContainer .introButton{display:inline-flex;align-items:center;justify-content:center;height:auto;border-radius:10px;font-size:clamp(1rem,.5vw + 1rem,1.2rem);font-weight:500;cursor:pointer;transition:all .3s ease;font-family:var(--title-font);text-decoration:none;padding:clamp(.75rem,2vw,1rem) clamp(1.25rem,4vw,1.8rem)}.introButtonContainer .introButton:hover{transform:scale(.95)}.introButtonContainer .introButton:active{transform:scale(.9);opacity:.7}.introContact{background-color:#0d0d0d;border:1px solid rgba(255,255,255,.2);color:#fff}.introProjects{background-color:#7acccc;color:#000}.section-header{display:flex;align-items:center;justify-content:space-between;position:relative;gap:15px;margin-bottom:3rem;padding-bottom:0!important}.section-header-left{display:flex;flex-direction:row;gap:.35rem;align-items:center}.section-header-superscript{font-size:1rem;line-height:1;color:#ffffffa6;transform:translateY(-.35rem)}.section-header-title{font-size:3rem;margin:0;font-weight:400;display:inline-flex;align-items:flex-start;gap:.25rem}.section-see-all{color:#fff;font-weight:400;opacity:.9;font-family:var(--body-font);text-decoration:none;font-size:1.3rem;text-decoration:1px solid black;transition:text-decoration .3s ease}.section-see-all:hover{cursor:pointer;text-decoration-thickness:2px;text-underline-offset:2px}@media(max-width:768px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-header-title{font-size:2rem}}.project-grid{display:grid;width:100%;flex-direction:column;gap:clamp(3rem,6vw + 2rem,10rem);margin-top:clamp(3rem,7vw,8rem)}.project-card{display:flex;flex-direction:column;gap:1.5rem;text-decoration:none;color:inherit;margin-top:1.5rem}.project-card:hover .project-thumb{transform:scale(.92);cursor:pointer}.project-thumb{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0f0f0f;transition:transform .5s ease}.project-copy{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:clamp(1.5rem,4vw,3rem)}.project-copy h2{font-family:var(--heading-font);font-weight:400;font-size:80px;margin:0}.project-copy>div{display:flex;flex-direction:column;justify-content:space-between}.project-copy>div h3{font-family:var(--heading-font);font-weight:400;font-size:51px;margin:0}.tech-pill{font-family:var(--body-font);font-weight:300;font-size:21px;color:#ffffffb3}.project-empty{margin-top:1rem;color:#ffffffb3}.project-link{margin-top:auto;color:#9bd4ff;font-weight:600;text-decoration:none}.project-link:hover{text-decoration:underline}@media(max-width:768px){.project-copy{flex-direction:column}.project-copy>div h3{font-size:3rem}.project-copy>div{gap:.7rem}}.app-container{min-height:100vh}.floating-nav{position:static;width:100%;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:clamp(1rem,10vh,9rem)}.nav-wrapper{display:flex;align-items:center;justify-content:space-around;gap:.4rem;padding:.6rem 0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 40px #0006}.contentsContainer{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);width:100%}.navName{font-size:1.5rem;font-weight:200;color:#fff;font-family:var(--body-font)}.nav-toggle{display:none;flex-direction:column;gap:.35rem;background:transparent;border:none;border-radius:8px;padding:2rem .6rem;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:#fffc;transition:transform .2s ease,opacity .2s ease}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3rem .8rem;background:transparent;border:none;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:2px;transition:text-decoration-color .25s ease,text-underline-offset .25s ease;cursor:pointer;transition:background .3s,color .3s;color:#fff9;font-size:18px;font-weight:200;font-family:var(--body-font)}.nav-button:hover{transition:text-decoration-color .25s ease,text-underline-offset .25s ease;text-decoration:underline;text-underline-offset:2px;color:#ffffffe6}.nav-button.active{color:#fff;transition:text-underline-offset .25s ease,text-decoration-color .25s ease;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;text-decoration-color:var(--primary-color)}.navItemContainer{display:flex;gap:.3rem}.nav-overlay{display:none;position:fixed;inset:0;background:#000000f5;z-index:99;padding:1.5rem 1.5rem 3rem;flex-direction:column;justify-content:space-between;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.nav-overlay-top{display:flex;align-items:center;justify-content:space-between}.nav-overlay-title{font-family:var(--title-font);font-size:1.4rem;color:#fff}.nav-overlay-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;position:relative}.nav-overlay-close span{position:absolute;width:28px;height:2px;background:#fff}.nav-overlay-close span:first-child{transform:rotate(45deg)}.nav-overlay-close span:last-child{transform:rotate(-45deg)}.nav-overlay-menu{display:flex;flex-direction:column;align-items:center;gap:2.5rem;height:100%;justify-content:center}.nav-overlay-link{font-family:var(--title-font);font-size:1.6rem;letter-spacing:.12em;color:#ffffffa6;text-decoration:none;transition:color .2s ease}.nav-overlay-link.active,.nav-overlay-link:hover{color:#fff}.nav-overlay-link:not(.active):hover{color:#ffffffd9}.nav-overlay.open{opacity:1;pointer-events:auto;transform:translateY(0)}@media(max-width:768px){.contentsContainer{align-items:center}.navItemContainer{display:none}.nav-toggle{display:inline-flex}.nav-overlay{display:flex}}.footer{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:3rem;border-top:1px solid rgba(255,255,255,.2)}.footer>.container{max-width:var(--max-width);width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.footer>.container>:first-of-type>:first-child{font-size:1.4rem;font-weight:400;margin-bottom:2rem}.footer>.container>:first-of-type>:last-child{font-weight:300;font-size:1.2rem;color:#ffffffe6}.footer>.container>:last-of-type>:first-child{font-size:1.2rem;font-weight:300;color:#ffffffe6}.socials{margin-top:2rem;width:220px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#ffffffe6}.socials>a{font-weight:300}@media(max-width:768px){.footer>.container{flex-direction:column;align-items:flex-start;gap:1.5rem}.socials{width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.75rem;margin-top:.25rem}}.backContainer{display:flex;padding-bottom:0!important}.projects-page-back{display:inline-flex;align-items:flex-start;flex-direction:row;justify-content:flex-start;gap:.5rem;color:#fff;text-decoration:none;font-weight:500;font-size:1.5rem;font-family:var(--title-font);text-align:left}.projects-page-back:hover{text-decoration:none}.projects-page-back:hover .back{text-decoration:underline;text-decoration-color:var(--primary-color);text-decoration-thickness:2px}.back{text-decoration:underline;text-decoration-color:#000;transition:text-decoration-color .3s ease}.otherContentContainer{max-width:var(--max-width);width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.aboutMeContainer{width:70%}.aboutMeContainer>h1{font-size:5rem;margin-bottom:2rem}.aboutMeContainer>p{font-size:1.8rem;font-weight:400;color:#fffc;line-height:46px}.subjectSubTitle{font-size:2.5rem;font-weight:500;color:#ffffffb3}.subjectSubTitle:first-child{margin-bottom:2rem}.background>p{font-size:1.2rem;letter-spacing:.01rem;font-weight:400;color:#fffc}.background>:first-of-type{margin-bottom:1rem}.expertise{width:80%}.expertiseList{display:flex;flex-direction:row;justify-content:space-between;width:100%}.listTitle{font-size:1.4rem;font-weight:500;padding-bottom:.8rem}.list>li{font-size:1.1rem;font-weight:400;color:#fffc}.photography{text-decoration:underline;text-decoration-thickness:2px}.photography:hover{text-decoration-thickness:2px}.aboutPageText{width:100%;max-width:var(--max-width)}.aboutPageText .background,.aboutPageText .expertise{max-width:820px;width:100%}.experienceSection{width:100%;margin-top:1rem}.experienceSection .experienceTitle{margin:0 0 1.75rem;letter-spacing:.08rem;color:#ffffffa6}.work-list{display:flex;flex-direction:column;width:100%;border-top:1px solid rgba(255,255,255,.2)}.work-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:2rem;padding:1.75rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.work-card-header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.45rem}.work-card-details{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:.35rem;font-family:var(--body-font)}.workTitle{font-size:clamp(1.35rem,2vw,1.9rem);margin:0;font-family:var(--title-font);font-weight:400;font-size:1.4rem;color:#ffffffe6;letter-spacing:.01rem}.workCompany{margin:0;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:200;letter-spacing:.02rem;color:#ffffffb3}.workDate{margin:0;font-size:1.1rem;font-weight:400;letter-spacing:.02rem;color:#ffffffe6}.workLocation{margin:0;font-size:1rem;font-weight:300;letter-spacing:.03rem;color:#ffffffb3}.work-description{color:#ffffffd9;margin:0;line-height:1.45}@media(max-width:768px){.work-card{grid-template-columns:1fr;gap:1rem}.work-card-details{align-items:flex-start;text-align:left}}.projectDetails{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(1rem,3vw,2rem)}.projectsDetail-page-back{color:#fff;font-weight:500;opacity:.9;font-family:var(--body-font);text-decoration:none;font-size:1.3rem;transition:color .3s ease;margin-bottom:3rem}.projectsDetail-page-back:hover{cursor:pointer;text-decoration-thickness:2px}.projectsIntro{position:relative;margin-bottom:1.5rem;height:auto;width:100%;max-width:var(--max-width)}.projectDetails-copy{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:clamp(1.5rem,4vw,5rem)}.projectDetails-copy h2{font-family:var(--heading-font);font-weight:400;font-size:80px;margin:0}.projectDetails-copy>div{display:flex;flex-direction:column;justify-content:space-evenly;min-width:0;flex:1 1 auto}.projectDetails-copy>div h3{font-family:var(--heading-font);display:inline-flex;width:fit-content;font-weight:400;font-size:clamp(2.5rem,6vw,5rem);margin-bottom:1.5rem}.projectDetails-catch{font-family:var(--body-font);font-weight:200;font-size:clamp(1rem,1vw + .9rem,1.35rem);font-weight:400;margin-bottom:1rem;line-height:29px;max-width:95%;color:#ffffffb3}.projectDetails-meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(1rem,3vw,3rem);margin-top:1rem;font-weight:400}.projectDetails-meta>div>:first-child{font-family:var(--body-font);font-weight:400;font-size:18px;margin-bottom:.5rem;color:#ffffffb3}.projectDetails-meta>div>:last-child{font-family:var(--body-font);font-weight:400;font-size:18px;color:#ffffffb3}.viewProjectButton{display:inline-flex;padding:.9rem 2rem;justify-content:center;align-items:center;gap:.5rem;font-family:var(--body-font);font-size:1.2rem;letter-spacing:.1rem;font-weight:300;color:#fffc;background-color:#000;border:1px solid rgba(255,255,255,.2);text-decoration:underline;text-decoration-color:#000;transition:background-color .6s ease,text-decoration .6s ease,text-underline-offset .6s ease,text-decoration-color .6s ease}.viewProjectButton:hover{background-color:#5353531a;cursor:pointer;text-decoration:underline;text-decoration-color:var(--primary-color);transition:background-color .6s ease,text-decoration .6s ease,text-underline-offset .6s ease,text-decoration-color .6s ease}.heroImage{max-width:var(--max-width);width:100%;aspect-ratio:16 / 9;background-color:#00f;background-size:cover;background-position:center;border-radius:12px}.projectsContent{display:flex;max-width:var(--max-width);width:100%;flex-direction:column;align-items:center;margin-top:1rem}.textContainer{padding-top:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:5rem;margin-bottom:2rem;width:100%;max-width:800px}.text h3{font-family:var(--body-font);font-size:2.5rem;font-weight:500;color:#ffffffb3;margin-bottom:1rem}.text p{font-family:var(--body-font);font-size:1.125rem;line-height:1.6;font-weight:300;color:#ffffffb3}@media(max-width:768px){.projectsIntro{margin-bottom:0rem}.projectDetails-copy{flex-direction:column}.projectDetails-copy>div h3{font-size:3rem}}.preline{white-space:pre-line}