@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Boldonse&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.apple.com/";#just-a-friend img{position:absolute;z-index:-1;object-fit:cover;height:100%}.hidden{opacity:0}.fade-in{opacity:1;transition:opacity 1s ease-in-out}#iphone-image{display:none;filter:blur(4px);object-fit:cover;height:100%;width:100%;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}#desktop-image{display:none;filter:blur(4px);position:absolute;object-fit:contain;width:100%;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}#the-image{display:flex;flex:2;align-items:center;justify-content:center}#landing-container{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.button-container{display:flex;justify-content:center;align-items:center;gap:2em;width:100%;max-width:400px;margin:0 auto}.button-container button{display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;background:#e0e0e05f;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;border:.4px solid rgb(255,255,255,.3);border-radius:50%;font-size:1.1em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:1em;margin:0;inline-size:3.5em;block-size:3.5em;aspect-ratio:1;box-shadow:0 4px 15px #0003;transition:all .4s cubic-bezier(.165,.84,.44,1);justify-content:center;align-items:center}@media screen and (max-width: 834px){#iphone-image{display:block}#landing-container{margin-top:1em;text-align:center}#landing-container .title{font-size:2.8em;letter-spacing:1.2px;line-height:1.1em;font-weight:500}#landing-container .subtitle{font-size:1.6em;letter-spacing:2px;line-height:1.4em;font-weight:200}.button-container{display:flex;flex-direction:column;align-items:center;width:100%;position:absolute;bottom:12%}.button-container button{margin:0;padding:.8em;aspect-ratio:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}@media screen and (min-width: 835px) and (max-width: 1279px){#iphone-image{display:block}#landing-container .title{font-size:3.6em;letter-spacing:.8px;line-height:1.1em;font-weight:500}#landing-container .subtitle{font-size:2.4em;letter-spacing:1.6px;line-height:1.4em;font-weight:200}.button-container{position:absolute;bottom:15%;flex-direction:column;align-items:center;width:100%}.button-container button{margin:0;padding:1em;aspect-ratio:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}@media screen and (min-width: 1280px){#desktop-image{display:block}#landing-container{margin-top:16em;width:60%;max-width:1024px;height:20em;align-items:start}#landing-container .title{font-size:5em;letter-spacing:.8px;line-height:1.1em;font-weight:600}#landing-container .subtitle{font-size:3em;letter-spacing:1.6px;line-height:1.4em;font-weight:200}.button-container{display:flex;flex-direction:row;justify-content:center;width:100%}.button-container button{font-size:1.2em;padding:1.2em;border-radius:50%;aspect-ratio:1}}.button-container button:hover{background:#fff3;transform:scale(1.02);box-shadow:0 4px 16px #0000004d;border-color:#ffffff4d}.button-container button:active{background:#ffffff26;transform:scale(.98);box-shadow:0 2px 10px #0003;transition:all .1s ease}.title,.subtitle,.content{font-weight:400;font-style:normal}.typewritter{padding:0;position:absolute;opacity:.32;filter:blur(4px);pointer-events:none;overflow-x:hidden}.typewritter p{font-family:Boldonse,system-ui;font-optical-sizing:auto;animation:typing 1.8s ease-in-out infinite alternate,blink .5s step-end infinite alternate}@keyframes typing{0%{opacity:0}to{opacity:1}}.typewritter p{font-size:calc(12vw + 8vh)}@media screen and (max-width: 834px){.typewritter{top:18%}.typewritter p{font-size:18vw}}@media screen and (min-width: 835px) and (max-width: 1366px){.typewritter{position:absolute;opacity:.2;justify-content:center;top:33%;left:50%;transform:translate(-50%,-50%);filter:blur(4px);pointer-events:none}}@media screen and (min-width: 1367px){.typewritter{position:absolute;z-index:1;opacity:.1;justify-content:center;top:36%;left:50%;transform:translate(-50%,-50%);filter:blur(3.3px);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.typewritter p{padding-top:.2em;padding-bottom:.2em;overflow:hidden;white-space:nowrap;animation:typing 1.8s ease-in-out infinite alternate,blink .5s step-end infinite alternate}@keyframes typing{0%{width:0%}to{width:100%}}@keyframes blink{50%{border-color:transparent}}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.waving-icon{animation:wave-animation 2.5s infinite;transform-origin:70% 70%;display:inline-block}.waving-hand-btn:hover .waving-icon{animation:wave-animation 1.5s infinite}.item-container{display:flex;position:relative;border-radius:16px;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:all .3s ease;background-color:#fff;box-sizing:border-box;box-shadow:0 4px 12px #0000000f}.item-container:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.item-container:active{transform:translateY(0)}.card-button{border:none;background-color:transparent;width:100%;height:100%;padding:0;cursor:pointer;text-align:left;display:flex;color:#fff}.item-container.featured{background-color:#fcfcfc}.item-container.featured .card-button{flex-direction:row}.featured-image-wrapper{position:absolute;top:0;right:0;width:75%;height:100%;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 6%,black 83%);mask-image:linear-gradient(to right,transparent 6%,black 83%)}.featured-image{width:100%;height:100%;object-fit:cover;object-position:right center}.item-container.featured .info-container{position:relative;z-index:2;width:60%;padding:48px 40px;display:flex;align-items:center}.item-container.standard .card-button{flex-direction:row;justify-content:space-between;align-items:center}.item-container.standard .info-container{padding:32px;flex:1;display:flex;flex-direction:column;justify-content:center}.standard-image-wrapper{display:flex;align-items:center;justify-content:center;padding:24px 32px 24px 0;flex-shrink:0}.standard-image{width:140px;height:140px;border-radius:50%;object-fit:cover}.info-text{display:flex;flex-direction:column;gap:8px}.category-text{font-size:.75rem!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase;color:#888!important}.info-text .card-title{font-size:1.8rem;font-weight:600;margin:0;line-height:1.2;color:var(--dark-brown, #261313)!important}.description-text{font-size:.9rem!important;line-height:1.4;color:#666!important;white-space:pre-line}.item-container.featured .card-button{color:#fff!important}.item-container.standard .card-button{color:var(--dark-brown, #261313)!important}@media screen and (max-width: 834px){.item-container.featured .info-container{width:80%;padding:32px 24px}.item-container.standard .info-container{padding:24px}.standard-image-wrapper{padding:24px 24px 24px 0}.standard-image{width:90px;height:90px}}.card-title{font-family:Poppins,sans-serif;font-weight:600;margin:0}h1{font-family:Poppins,sans-serif;font-size:2.6em;font-weight:600;letter-spacing:.2em}.project-details-card-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;opacity:0;transition:opacity .4s ease-in-out,backdrop-filter .4s ease-in-out;pointer-events:none}.project-details-card-overlay.is-active{opacity:1;backdrop-filter:blur(32px) saturate(10%);-webkit-backdrop-filter:blur(32px) saturate(10%);pointer-events:all}.project-details-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-45%) scale(.95);z-index:1000;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);box-shadow:0 8px 32px #1f26875e,inset 0 0 10px #ffffff1a;border-radius:20px;overflow:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.project-details-card.is-active{opacity:1;transform:translate(-50%,-50%)}.project-details-card.is-closing{opacity:0;transform:translate(-50%,-55%);transition:opacity .3s ease-in,transform .3s ease-in}.project-details-card-content{display:flex;position:relative;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.title-container p{font-size:2.2em;animation:textShadowChange 2.2s infinite ease-in-out;font-weight:500;color:#4a5568}@keyframes textShadowChange{0%,to{text-shadow:0 0 4px rgba(255,255,255,.5)}50%{text-shadow:0 0 20px rgba(255,255,255,.8)}}.exit-button{position:absolute;width:40px;height:40px;top:20px;right:20px;background:#5353531a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.1px solid rgba(0,0,0,.114);border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:10;box-shadow:inset 0 0 3px #13131343;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.exit-button:hover{background:#ff45454d;transform:rotate(90deg);box-shadow:inset 0 0 15px #ff454566}.exit-button:active{transform:rotate(90deg) scale(.9)}@media screen and (max-width: 834px){.project-details-card{width:90%;height:85svh;border-radius:25px}.title-container p{font-size:1.2em}.exit-button{top:auto;bottom:25px;right:50%;transform:translate(50%);width:44px;height:44px}.exit-button:hover,.exit-button:active{transform:translate(50%) scale(.95)}}@media screen and (min-width: 835px){.project-details-card{width:80%;height:90svh}}.projects{display:flex;flex:1;flex-direction:column;align-items:center;text-align:left;margin-top:1.6em;width:92%}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:4em}.projects-grid>*:first-child{grid-column:1 / -1;min-height:360px}@media screen and (max-width: 834px){.projects .screen-title{font-size:1.8em;font-weight:500;letter-spacing:.2em;align-self:center}.projects-grid{grid-template-columns:1fr;gap:16px}.projects-grid>*:first-child{min-height:100px}}@media screen and (min-width: 835px){.projects{max-width:1100px}}@media screen and (min-width: 1400px){.projects{max-width:1200px}}.footer{display:flex;flex-direction:row;align-self:center;width:92%;border-top-width:1px;border-top-style:solid;border-top-color:#bdbdbd9a;justify-content:center;align-items:center}.footer-buttons{display:flex;flex-direction:row;gap:4em}.footer-buttons button{font-family:Poppins,sans-serif;font-weight:400;cursor:pointer;text-decoration:underline #00000000;background-color:transparent;transition:all .2s ease-in-out;font-size:1em;border:none;color:#000}@media screen and (max-width: 834px){.footer{flex-direction:column;height:8dvh;align-items:center}.footer-buttons{margin-top:4px}.footer-buttons button{padding:.4em}.footer-buttons button:hover,.footer-buttons button:active{text-decoration:underline #000000;transition:all .2s ease-in-out}}@media screen and (min-width: 835px){.footer{height:3em}.footer-buttons{padding-left:1em}#reserved-rights{padding-right:1em}.footer-buttons button:hover{text-decoration:underline #000000;transition:all .2s ease-in-out}}.contact-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;isolation:isolate;animation:overlayFadeIn .4s ease-out forwards}.contact-modal__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#77747464;z-index:-1}.contact-modal{border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:inset 0 0 15px #fff3;min-width:320px;max-width:400px;width:90%;position:relative;isolation:isolate;animation:modalFadeIn .4s cubic-bezier(.175,.885,.32,1.275) forwards}.contact-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffff9c;backdrop-filter:saturate(180%) brightness(1.1) blur(20px);-webkit-backdrop-filter:saturate(180%) brightness(1.1) blur(20px);z-index:-1}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px);backdrop-filter:saturate(100%) brightness(1) blur(0px);-webkit-backdrop-filter:saturate(100%) brightness(1) blur(0px)}to{opacity:1;transform:scale(1) translateY(0);backdrop-filter:saturate(180%) brightness(1.1) blur(20px);-webkit-backdrop-filter:saturate(180%) brightness(1.1) blur(20px)}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.contact-modal__main{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:20px}.contact-modal__avatar-container{width:110px;height:110px;border-radius:50%;overflow:hidden;border:4px solid rgba(224,229,236,.5);background-color:#e0e5ec33;box-shadow:6px 6px 12px #a3b1c64d,-6px -6px 12px #ffffff4d;position:relative}.contact-modal__avatar-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1}.contact-modal__spinner{color:#718096!important}.contact-modal__avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:opacity .3s ease-in-out;opacity:1}.contact-modal__avatar--loading{opacity:0}.contact-modal__info-row{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center}.contact-modal__title{font-size:1.8rem;font-weight:700;color:#4a5568;margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.contact-modal__subtitle{font-size:1.2rem;font-weight:500;color:#718096}.contact-modal__divider{height:2px;width:80%;margin:20px auto;background-color:#a3b1c633;border-radius:1px}.contact-modal__list{display:flex;flex-direction:column;gap:8px}.contact-modal__list-row{display:flex;gap:8px;padding-left:12px;margin:12px 0;justify-content:space-evenly}.contact-modal__list-row .contact-modal__list-item{flex:1}.contact-modal__list-centered{display:flex;justify-content:center;margin-top:12px}.contact-modal__list-item{display:flex;flex-direction:row;align-items:center;gap:16px;padding:16px 20px;margin-bottom:8px;border-radius:20px;border:1px solid rgba(255,255,255,.3);background-color:#e0e5ec27;box-shadow:4px 4px 10px #a3b1c64d,-4px -4px 10px #ffffff4d;transition:all .2s ease-in-out;cursor:pointer;color:#4a5568}.contact-modal__list-item:hover,.contact-modal__list-item:active{background-color:#e0e5ec99;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #fff3;transform:translateY(1px)}.contact-modal__list-item-icon{width:48px;height:48px;border-radius:50%;background-color:#ffffff80;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:2px 2px 5px #a3b1c633,-2px -2px 5px #ffffff80;flex-shrink:0;color:#4a5568}.contact-modal__icon-button{cursor:pointer;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background-color:#e0e5ec21;display:flex;justify-content:center;align-items:center;color:#4a5568;box-shadow:6px 6px 12px #a3b1c64d,-6px -6px 12px #ffffff4d;transition:all .2s ease-in-out}.contact-modal__icon-button:hover,.contact-modal__icon-button:active{background-color:#e0e5ec99;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #fff3;transform:translateY(1px) scale(.98)}.contact-modal__list-item-content{display:flex;flex-direction:column;gap:2px}.contact-modal__list-item-title{font-size:1rem;font-weight:600;color:#2d3748}.contact-modal__list-item-subtitle{font-size:1.1rem;font-weight:600;color:#4a5568}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}.contact-modal__overlay--closing{animation:overlayFadeOut .3s ease-in forwards}.contact-modal--closing{animation:modalSlideOut .3s cubic-bezier(.4,0,1,1) forwards}@media (max-width: 480px){.contact-modal{padding:24px 16px;min-width:unset;width:90%;margin:16px}.contact-modal__avatar-container{width:90px;height:90px}.contact-modal__title{font-size:1.6rem}.contact-modal__info-row{flex-direction:column;align-items:center;gap:4px}}@media screen and (min-width: 835px){.contact-modal__overlay{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;opacity:1}.contact-modal__overlay:before{display:none}.contact-modal{position:fixed;top:calc(4.6em + 12px);left:5em;min-width:320px;max-width:380px;width:auto;padding:28px;border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:inset 0 0 15px #fff3;transform-origin:top left;animation:tooltipFadeIn .3s cubic-bezier(.175,.885,.32,1.275)}.contact-modal:before{background:#ffffffa9}.contact-modal--closing{animation:tooltipFadeOut .25s ease-in forwards}.contact-modal__overlay--closing{animation:none}}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.9) translateY(-12px);backdrop-filter:saturate(100%) brightness(1) blur(0px);-webkit-backdrop-filter:saturate(100%) brightness(1) blur(0px)}to{opacity:1;transform:scale(1) translateY(0);backdrop-filter:saturate(180%) brightness(1.1) blur(20px);-webkit-backdrop-filter:saturate(180%) brightness(1.1) blur(20px)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-12px)}}.floatingButton-container{display:contents}#floatingButton{display:none}.floatingButton-container label{position:relative;z-index:1001;border:1px solid rgba(255,255,255,.3);background-color:#e0e5ec21;display:flex;-webkit-user-select:none;user-select:none;width:0;align-items:center;justify-content:center;box-shadow:6px 6px 12px #a3b1c64d,-6px -6px 12px #ffffff4d;border-radius:24px;padding:.8em 1.6em;font-weight:600;color:#4a5568;font-size:1em;cursor:pointer;transition:all .2s ease-in-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-tap-highlight-color:transparent}.floatingButton-container label:hover,.floatingButton-container label:active{background-color:#e0e5ec99;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #fff3;transform:translateY(1px) scale(.98)}.floatingButton-container input:checked~label{background-color:#e0e5ec99;box-shadow:inset 4px 4px 8px #a3b1c633,inset -4px -4px 8px #fff3;color:#2d3748}.floatingButton-container input:checked:active~label{background-color:#e0e5ecb3;box-shadow:inset 6px 6px 10px #a3b1c64d,inset -6px -6px 10px #ffffff4d}.contact-widget{position:fixed;top:1em;left:1em;z-index:1001}h3{font-size:2em;font-weight:700}.children-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}body{flex:1}.app-container{display:flex;flex:1;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#261313;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;--dark-brown: #261313;--light: #f5f5f5}h2{color:#000;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-style:medium;letter-spacing:4px}h1{color:#000}@media screen and (max-width: 480px){body{margin:0}}