@font-face{font-family:Geist;src:url(../../../fonts/Geist%5Bwght%5D.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(../../../fonts/Geist-Italic%5Bwght%5D.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}body{margin:0;padding:0;font-family:Geist,sans-serif;font-weight:400;font-size:.875rem}h1,h2,h3,h4,h5,h6{font-family:Geist,sans-serif;font-weight:475}*{box-sizing:border-box}a{color:inherit;text-decoration:underline solid rgba(0,0,0,.2)}a:hover{opacity:.9}.navbar-menu{position:fixed;top:0;right:0;bottom:0;width:22rem;background:#fff;padding:4rem;z-index:11;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);display:flex;flex-direction:column;justify-content:space-between;transition:.75s ease}@media(max-width:500px){.navbar-menu{width:100%}}.navbar-menu.closed{transform:translate(100%);clip-path:polygon(10% 0,100% 0,100% 100%,10% 100%)}.navbar-menu .menu-links{display:flex;flex-direction:column;text-align:center}.navbar-menu .menu-links a{color:inherit;text-decoration:none;font-size:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;isolation:isolate;opacity:1;transition:.2s ease;padding:.5rem 0}.navbar-menu .menu-links a:before,.navbar-menu .menu-links a:after{content:"";position:absolute;transition:.5s ease;background:#f0b100;z-index:-1}.navbar-menu .menu-links a:before{inset:0 calc(100% + 4rem) 0 -4rem}.navbar-menu .menu-links a:after{inset:0 -4rem 0 calc(100% + 4rem)}.navbar-menu .menu-links a:hover{opacity:.75}.navbar-menu .menu-bottom-links{display:flex;justify-content:space-between;color:#737373}.menu-open-close{font:inherit;border:none;background:transparent;padding:0;width:fit-content;display:flex;flex-direction:column;gap:6px;z-index:12;opacity:.75}.menu-open-close span{width:30px;height:2px;background:#000;display:block;transition:.2s ease}.menu-open-close.open{position:fixed;top:3rem;right:3rem}.menu-open-close.open span:first-of-type{transform:translateY(8px) rotate(45deg)}.menu-open-close.open span:nth-of-type(2){transform:rotate(45deg);opacity:0}.menu-open-close.open span:last-of-type{transform:translateY(-8px) rotate(-45deg)}.menu-open-close:hover{cursor:pointer;opacity:1}.menu-background{position:absolute;inset:0;border:none;background:#0000001a;transition:.75s ease;z-index:8}.menu-background.closed{opacity:0;pointer-events:none}.landing-header{padding:4.5rem 4.5rem 0;height:80vh;display:flex;flex-direction:column;justify-content:space-between;--bounce-easing: .3s linear(0, .395 7.7%, .703 15.9%, .924 24.7%, 1.002 29.3%, 1.062 34.2%, 1.096 38.3%, 1.119 42.6%, 1.13 47.2%, 1.131 52.1%, 1.11 61%, 1.019 85.1%, 1.004 92.4%, 1)}@media(max-width:700px){.landing-header{padding:3rem 3rem 0}}.landing-header .landing-nav{display:flex;justify-content:space-between;align-items:center}.landing-header .landing-nav .name img{max-height:1em;transition:.2s ease}.landing-header .landing-nav .name img:hover{transform:scale(1.05) rotate(-2.5deg)}.landing-header .landing-nav .links{display:flex;gap:1rem;color:#737373}.landing-header .small-title{letter-spacing:-.03em;font-size:2.5rem;text-wrap:balance}@media(max-width:600px){.landing-header .small-title{font-size:2rem}}.landing-header .header-title{letter-spacing:-.03em;font-size:3rem;width:fit-content}.landing-header .header-title .title-top,.landing-header .header-title .title-bottom{display:flex;align-items:center;gap:.2em}.landing-header .header-title .image{background:#f0b100;width:1.1em;height:.8em;border-radius:.25rem;position:relative;background-size:100% 100%;background-position:center;transition:.2s ease;background-repeat:no-repeat}.landing-header .header-title .image:hover{background-size:105% 105%}.landing-header .header-title .image:hover:after{background-size:105% 105%}.landing-header .header-title .image:after{content:"";position:absolute;bottom:0;left:0;right:0;aspect-ratio:1/1;background-size:100% 100%;background-position:center;background-repeat:no-repeat;transition:.2s ease}.landing-header .header-title .image.headshot:after{background-image:url(../../../images/headshot-cutout.png)}.landing-header .header-title .image.california{background-image:url(../../../images/bridge-background.png)}.landing-header .header-title .image.california:after{background-image:url(../../../images/bridge-cutout.png)}.landing-header .header-title .name{transition:.4s ease;background:linear-gradient(90deg,#f0b100 0% 50%,#000 50% 100%);background-size:200%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:#0000;transition-delay:0s}.landing-header .header-title:has(.headshot:hover) .name{background-position:0 0;transition-delay:.2s}.landing-header .header-title .california-text{transition:.4s ease;transition-delay:0s;background:linear-gradient(90deg,#00b8db 0% 50%,#000 50% 100%);background-size:200%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:#0000}.landing-header .header-title .california-text-wrapper{position:relative;--delay: .03s;--delay-offset: .2s}.landing-header .header-title .california-text-wrapper .flower{position:absolute;height:.5em;transform:scale(0) rotate(0);transition:var(--bounce-easing);filter:blur(1px);opacity:0}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(1){bottom:.0666666667em;left:-.0222222222em;transition-delay:calc(var(--delay) * 8)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(2){top:.0444444444em;left:.2222222222em;transition-delay:calc(var(--delay) * 7)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(3){bottom:-.0111111111em;left:.5777777778em;transition-delay:calc(var(--delay) * 6)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(4){bottom:.0222222222em;left:40%;transition-delay:calc(var(--delay) * 5)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(5){top:.0888888889em;left:50%;transition-delay:calc(var(--delay) * 4)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(6){top:.5555555556em;right:20%;transition-delay:calc(var(--delay) * 3)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(7){bottom:.0222222222em;right:-.1111111111em;transition-delay:calc(var(--delay) * 2)}.landing-header .header-title .california-text-wrapper .flower:nth-of-type(8){top:.0888888889em;right:.0444444444em;transition-delay:calc(var(--delay) * 1)}.landing-header .header-title:has(.california:hover) .california-text{background-position:0 0;transition-delay:var(--delay-offset)}.landing-header .header-title:has(.california:hover) .flower{opacity:1;filter:blur(0)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(1){transform:scale(.9) rotate(20deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 1)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(2){transform:scale(.7) rotate(30deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 2)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(3){transform:scale(1.1) rotate(10deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 3)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(4){transform:scale(.7) rotate(20deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 4)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(5){transform:scale(.9) rotate(10deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 5)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(6){transform:scale(.6) rotate(30deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 6)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(7){transform:scale(1.1) rotate(20deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 7)}.landing-header .header-title:has(.california:hover) .flower:nth-of-type(8){transform:scale(.7) rotate(10deg);transition-delay:calc(var(--delay-offset) + var(--delay) * 8)}.landing-header .header-title .design-button-wrapper{flex-grow:1;position:relative}.landing-header .header-title .design-button-wrapper .design-popup{font-size:14px;letter-spacing:initial;font-weight:400;background:#000;color:#fff;border-radius:.5rem;padding:1rem;z-index:2;position:absolute;top:-4.75rem;left:50%;transform:translate(-50%) translateY(0) scale(.95);transform-origin:center 80%;filter:blur(2px);opacity:0;height:4.25rem;width:16rem;text-align:center;transition:.3s cubic-bezier(.34,1.56,.64,1)}.landing-header .header-title .design-button-wrapper .design-popup p{margin:0}.landing-header .header-title .design-button-wrapper .design-popup.open{transform:translate(-50%) translateY(0) scale(1);filter:blur(0);opacity:1}.landing-header .header-title .design-button{height:.8em;font:inherit;width:100%;background:#ff6900;border-radius:5rem;border:none;position:relative;display:grid;place-items:center;transition:var(--bounce-easing)}.landing-header .header-title .design-button:after{content:"";position:absolute;inset:0;outline:1px solid #2B7FFF}.landing-header .header-title .design-button .x-icon{display:grid;place-items:center;width:.4em;height:.4em;position:relative;transition:var(--bounce-easing)}.landing-header .header-title .design-button .x-icon:before,.landing-header .header-title .design-button .x-icon:after{content:"";position:absolute;background:#fff;height:3px;width:3px}.landing-header .header-title .design-button .x-icon:before{height:100%}.landing-header .header-title .design-button .x-icon:after{width:100%}.landing-header .header-title .design-button:hover{cursor:pointer;transform:scale(1.025)}.landing-header .header-title .design-button:hover .left-corners:before,.landing-header .header-title .design-button:hover .left-corners:after,.landing-header .header-title .design-button:hover .right-corners:before,.landing-header .header-title .design-button:hover .right-corners:after{transform:scale(.975)}.landing-header .header-title .design-button:active{transform:scale(.975)}.landing-header .header-title .design-button:active .left-corners:before,.landing-header .header-title .design-button:active .left-corners:after,.landing-header .header-title .design-button:active .right-corners:before,.landing-header .header-title .design-button:active .right-corners:after{transform:scale(1.025)}.landing-header .header-title .design-button.active{background:#000}.landing-header .header-title .design-button.active .x-icon{transform:rotate(45deg)}.landing-header .header-title .design-button .left-corners,.landing-header .header-title .design-button .right-corners{position:absolute;inset:0;pointer-events:none}.landing-header .header-title .design-button .left-corners:before,.landing-header .header-title .design-button .left-corners:after,.landing-header .header-title .design-button .right-corners:before,.landing-header .header-title .design-button .right-corners:after{content:"";position:absolute;width:5px;height:5px;outline:1px solid #2B7FFF;background:#fff;z-index:2;border-radius:1px}.landing-header .header-title .design-button .left-corners:before:hover,.landing-header .header-title .design-button .left-corners:after:hover,.landing-header .header-title .design-button .right-corners:before:hover,.landing-header .header-title .design-button .right-corners:after:hover{transform:scale(1.25)}.landing-header .header-title .design-button .left-corners:before{top:-3px;left:-3px}.landing-header .header-title .design-button .left-corners:after{bottom:-3px;left:-3px}.landing-header .header-title .design-button .right-corners:before{top:-3px;right:-3px}.landing-header .header-title .design-button .right-corners:after{bottom:-3px;right:-3px}.landing-header .header-title .wave{width:1.1em;height:.8em;background:#2b7fff;border-radius:5rem;display:grid;place-items:center;position:relative}.landing-header .header-title .wave img{height:.5em;transform:rotate(20deg);transform-origin:55% 70%;margin-left:-.075em}.landing-header .header-title .wave:after{content:"";width:.24em;height:.18em;background-image:url(../../../images/message-tail.svg);background-size:contain;position:absolute;left:0;bottom:0}.landing-header .header-title .wave.waving img{animation-name:wave;animation-timing-function:ease;animation-duration:.75s;animation-iteration-count:1}@keyframes wave{0%{transform:scale(1) rotate(20deg)}25%{transform:scale(1) rotate(0)}75%{transform:scale(1) rotate(40deg)}to{transform:scale(1) rotate(20deg)}}.work{display:flex;flex-direction:column;padding:0 4.5rem 4.5rem;gap:6rem}@media(max-width:700px){.work{padding:0 3rem 3rem;gap:2rem}}.work section{display:flex;flex-direction:column;gap:1rem;color:#737373}.work section .work-top,.work section .work-bottom{display:flex;justify-content:space-between}.work section .work-top .work-title,.work section .work-bottom .work-title{color:#000}.work section .work-top .work-skills,.work section .work-bottom .work-skills{color:#000}.work section .work-top a,.work section .work-bottom a{text-decoration:none;display:flex;gap:.5em;transition:.3s ease}.work section .work-top a .arrow,.work section .work-bottom a .arrow{transition:.3s ease;display:block;opacity:1}.work section .work-top a .text,.work section .work-bottom a .text{display:flex;flex-direction:column;height:1.25em;overflow:hidden}.work section .work-top a .text span,.work section .work-bottom a .text span{transition:.3s ease;display:block}.work section .work-top a:hover .arrow,.work section .work-bottom a:hover .arrow{transform:rotate(-40deg)}.work section .work-top a:hover .text span,.work section .work-bottom a:hover .text span{transform:translateY(-1.25em)}.work section .work-photos{display:flex;width:100%;gap:1rem;aspect-ratio:9/5;position:relative}@media(max-width:800px){.work section .work-photos{gap:.5rem}}.work section .work-photos .image{border:1px solid rgba(0,0,0,.1);border-radius:.25rem;height:100%;overflow:hidden;transition:.5s ease;flex-basis:1px;flex-grow:1}.work section .work-photos .image:nth-of-type(1){flex-grow:7}.work section .work-photos .hover-targets{position:absolute;inset:0;display:flex}.work section .work-photos .hover-targets .hover-target{flex:1;transition:.5s ease}.work section .work-photos .hover-targets .hover-target:hover{flex:3}@media(max-width:700px){.work section .work-photos .hover-targets .hover-target:hover{flex:7}}.work section .work-photos .hover-targets .hover-target:nth-of-type(1){flex:3}@media(max-width:700px){.work section .work-photos .hover-targets .hover-target:nth-of-type(1){flex:7}}.work section .work-photos .hover-targets:has(.hover-target:not(:nth-of-type(1)):hover) .hover-target:nth-of-type(1){flex:1}.work section .work-photos:has(.hover-target:not(:nth-of-type(1)):hover) .image:nth-of-type(1){flex-grow:1}.work section .work-photos:has(.hover-target:nth-of-type(2):hover) .image:nth-of-type(2){flex-grow:7}@media(max-width:700px){.work section .work-photos:has(.hover-target:nth-of-type(2):hover) .image:nth-of-type(2){flex:7}}.work section .work-photos:has(.hover-target:nth-of-type(3):hover) .image:nth-of-type(3){flex-grow:7}@media(max-width:700px){.work section .work-photos:has(.hover-target:nth-of-type(3):hover) .image:nth-of-type(3){flex:7}}.work section .work-photos img{display:block;height:100%;width:100%;object-fit:cover}