.navbar{position:fixed;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:center;z-index:50;pointer-events:none;mix-blend-mode:difference;color:var(--white)}@media(min-width:768px){.navbar{padding:24px}}@media(min-width:1024px){.navbar{padding:32px}}.menu-btn{pointer-events:auto;background-color:var(--bg-color);color:var(--black);border:2px solid var(--black);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #000;transition:all .2s;cursor:pointer}.menu-btn:hover{box-shadow:none;transform:translate(2px,2px)}.menu-btn:active{background-color:#f5f5f4}@media(min-width:768px){.menu-btn{width:56px;height:56px}}.menu-icon{width:24px;height:24px;stroke-width:2.5}@media(min-width:768px){.menu-icon{width:28px;height:28px}}.navbar-logo-container{transition:all .5s ease;transform:translateY(-16px);opacity:0;pointer-events:auto}.navbar-logo-container.visible{transform:translateY(0);opacity:1}.logo-text{font-size:30px;font-weight:900;letter-spacing:-1.5px;color:var(--white);mix-blend-mode:difference;text-transform:uppercase;background:none;border:none;cursor:pointer}@media(min-width:768px){.logo-text{font-size:36px;letter-spacing:-1.8px}}.navbar-spacer{width:48px}@media(min-width:768px){.navbar-spacer{width:56px}}.tactile-container{display:flex;gap:4px;padding:8px}@media(min-width:768px){.tactile-container{gap:8px}}@media(min-width:1024px){.tactile-container{gap:12px}}.tactile-wrapper{position:relative;transition-delay:var(--delay)}.tactile-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--black);border-radius:8px;transform:translate(3px,3px);transition:transform .15s ease-out}.tactile-front{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--white);border:2px solid var(--black);border-radius:8px;transition:transform .15s ease-out;cursor:default}.tactile-front:active{transform:scale(.95)}.tactile-wrapper:hover .tactile-front{transform:translate(3px,3px)}.tactile-char{font-size:24px;font-weight:700;color:var(--text-color)}@media(min-width:768px){.tactile-shadow{border-radius:12px;transform:translate(5px,5px)}.tactile-front{width:64px;height:64px;border-radius:12px}.tactile-wrapper:hover .tactile-front{transform:translate(5px,5px)}.tactile-char{font-size:36px}}@media(min-width:1024px){.tactile-front{width:80px;height:80px}.tactile-char{font-size:48px}}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background-color:var(--bg-color)}@media(min-width:768px){.hero-section{padding-top:120px}}.hero-content{width:100%;max-width:1280px;margin:0 auto 80px;padding:0 16px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:10}@media(min-width:768px){.hero-content{margin-bottom:128px}}.hero-title-wrapper{transform:scale(1.2);display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}@media(min-width:768px){.hero-title-wrapper{gap:24px;transform:scale(1)}}.hero-top-text{font-size:36px;font-weight:900;letter-spacing:-1.8px;color:var(--text-color);line-height:.9;max-width:1024px}@media(min-width:768px){.hero-top-text{font-size:60px;letter-spacing:-3px}}@media(min-width:1024px){.hero-top-text{font-size:96px;letter-spacing:-4.8px}}.hero-middle-row{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin-top:16px;gap:12px}@media(min-width:768px){.hero-middle-row{flex-direction:row;gap:20px}}@media(min-width:1024px){.hero-middle-row{gap:32px}}.hero-connector-text{font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--text-color)}@media(min-width:768px){.hero-connector-text{font-size:36px;letter-spacing:-.9px}}@media(min-width:1024px){.hero-connector-text{font-size:48px;letter-spacing:-1.2px}}.hero-playful-text{font-size:48px;font-weight:900;text-transform:uppercase;letter-spacing:-2.4px;transform:rotate(-2deg);cursor:default;-webkit-user-select:none;user-select:none;color:var(--text-color);line-height:.8;transition:transform .3s}.hero-playful-text:hover{transform:rotate(3deg)}@media(min-width:768px){.hero-playful-text{font-size:72px;letter-spacing:-3.6px}}@media(min-width:1024px){.hero-playful-text{font-size:112px;letter-spacing:-5.6px}}.hero-tactile-container{transform:rotate(1deg) scale(.9);transition:transform .3s}.hero-tactile-container:hover{transform:rotate(-1deg) scale(.9)}@media(min-width:768px){.hero-tactile-container{transform:rotate(1deg) scale(1)}.hero-tactile-container:hover{transform:rotate(-1deg) scale(1)}}.hero-bottom-text{font-size:30px;font-weight:700;letter-spacing:-.8px;color:var(--text-color);margin-top:16px;line-height:1}@media(min-width:768px){.hero-bottom-text{font-size:48px;margin-top:32px;letter-spacing:-1.2px}}@media(min-width:1024px){.hero-bottom-text{font-size:80px;letter-spacing:-2px}}.hero-intro-wrapper{width:100%;margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:16px}@media(min-width:768px){.hero-intro-wrapper{margin-top:48px}}.hero-intro-overflow{overflow:hidden}.hero-intro-text{font-size:30px;font-weight:700;letter-spacing:-.8px;color:var(--primary-blue);line-height:1.25;text-transform:uppercase;transform:translate(-100%);opacity:0;transition:all 1s ease-out}@media(min-width:768px){.hero-intro-text{font-size:48px;letter-spacing:-1.2px}}@media(min-width:1024px){.hero-intro-text{font-size:60px;letter-spacing:-1.5px}}.hero-intro-text.animate{transform:translate(0);opacity:1}.hero-email-link{font-size:18px;font-weight:500;color:var(--text-muted);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;transform:translateY(16px);opacity:0;transition:all .7s ease-out;transition-delay:.5s}.hero-email-link:hover{color:var(--primary-blue)}@media(min-width:768px){.hero-email-link{font-size:24px}}.hero-email-link.animate{transform:translateY(0);opacity:1}.hero-footer{flex-grow:1;position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-end;margin-top:48px}@media(min-width:768px){.hero-footer{margin-top:96px}}.services-section{background-color:var(--black);color:var(--white);position:relative;padding-bottom:64px;z-index:20}@media(min-width:768px){.services-section{padding-bottom:128px}}.services-top-bar{position:absolute;top:0;left:0;right:0;height:4px;background-color:var(--black);transform:translateY(-4px)}.services-container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:768px){.services-container{display:block;padding:96px 32px 0}}.services-heading{font-size:64px;font-weight:900;margin-bottom:32px;padding-top:24px;letter-spacing:-1.2px}@media(min-width:768px){.services-heading{font-size:96px;letter-spacing:-2.4px}}.services-subtext{color:#a8a29e;font-size:18px;margin-bottom:64px;max-width:672px}@media(min-width:768px){.services-subtext{font-size:20px}}.skills-list{display:flex;flex-direction:column;border-top:1px solid #292524}.skill-item{border-bottom:1px solid #292524;padding:48px 0}.skill-header{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:32px;margin-bottom:32px}@media(min-width:768px){.skill-header{flex-direction:row;align-items:flex-start}}.skill-title-block{display:flex;flex-direction:column}.skill-title{font-size:30px;font-weight:700;display:block;color:var(--white);transition:color .3s}.skill-item:hover .skill-title{color:#e7e5e4}@media(min-width:768px){.skill-title{font-size:48px}}.skill-summary{color:#78716c;font-size:14px;margin-top:8px;display:block}@media(min-width:768px){.skill-summary{font-size:16px}}.skill-id{font-size:20px;color:#44403c;-webkit-user-select:none;user-select:none}@media(min-width:768px){.skill-id{font-size:24px}}.skill-content{display:grid;grid-template-columns:1fr;gap:32px;padding-left:0;border-left:2px solid #292524;margin-left:8px}@media(min-width:768px){.skill-content{margin-left:16px}}@media(min-width:1024px){.skill-content{grid-template-columns:1fr 1fr;gap:64px;padding-left:16px}}.skill-description{font-size:18px;color:#d6d3d1;line-height:1.625;max-width:576px}@media(min-width:768px){.skill-description{font-size:20px}}.skill-tags-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.skill-tag{border:1px solid #44403c;background-color:#1c1917;border-radius:8px;padding:8px 16px;font-size:14px;color:#d6d3d1;transition:all .3s;cursor:default;box-shadow:0 1px 2px #0000001a}@media(min-width:768px){.skill-tag{font-size:16px}}.skill-tag:hover{border-color:var(--white);color:var(--white)}.work-section{background-color:var(--bg-color);position:relative;padding-top:48px;padding-bottom:128px}.work-container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:768px){.work-container{padding:0 32px}}.work-heading{font-size:48px;font-weight:900;margin-bottom:64px;letter-spacing:-1.2px;color:var(--text-color)}@media(min-width:768px){.work-heading{font-size:96px;letter-spacing:-2.4px}}.work-list{display:flex;flex-direction:column;gap:96px}@media(min-width:768px){.work-list{gap:128px}}.work-card-frame{width:100%;aspect-ratio:4/3;border-radius:24px;border:2px solid var(--black);overflow:hidden;position:relative;box-shadow:8px 8px #000;transition:all .3s}@media(min-width:768px){.work-card-frame{aspect-ratio:16/9}}@media(min-width:1024px){.work-card-frame{aspect-ratio:2.35/1}}.work-card-frame:hover{box-shadow:12px 12px #000;transform:translateY(-4px)}.work-card-content-center{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.work-card-svg{width:192px;height:192px;margin:0 auto;filter:drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1))}@media(min-width:768px){.work-card-svg{width:256px;height:256px}}.pinecone-title{font-size:36px;font-weight:900;margin-top:16px;letter-spacing:-.9px;text-transform:uppercase}@media(min-width:768px){.pinecone-title{font-size:60px;letter-spacing:-1.5px}}.work-card-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.work-card-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.group:hover .work-card-image{transform:scale(1.05)}.work-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;transition:background-color .3s}.group:hover .work-card-overlay{background-color:transparent}.work-card-badge{position:absolute;bottom:32px;left:32px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:12px 24px;border-radius:9999px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.about-card-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px;background-color:#1c1917;color:var(--white);position:relative;overflow:hidden}@media(min-width:768px){.about-card-content{padding:48px}}.about-card-tag{position:absolute;top:0;right:0;padding:16px;font-size:12px;border:1px solid rgba(255,255,255,.2);margin:16px;border-radius:4px}.about-card-body{position:relative;z-index:10;margin-top:48px;display:flex;flex-direction:column;gap:16px}.about-avatar{width:96px;height:96px;background-color:#44403c;border-radius:8px;margin-bottom:16px;overflow:hidden;border:1px solid #57534e}.about-name{font-size:30px;font-weight:700}.about-role{color:#a8a29e}.about-desc{color:#d6d3d1;max-width:384px;font-size:14px}@media(min-width:768px){.about-desc{font-size:16px}}.about-actions{display:flex;gap:8px;margin-top:32px}.about-icon-link{width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;cursor:pointer;color:var(--white);text-decoration:none}.about-icon-link:hover{background-color:#ffffff1a}.about-status{flex:1;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:1.2px;background-color:#ffffff0d}.work-link-btn{position:absolute;top:24px;right:24px;background-color:var(--white);border:2px solid var(--black);padding:12px;border-radius:9999px;transition:all .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}@media(min-width:768px){.work-link-btn{top:32px;right:32px;padding:16px}}.group:hover .work-link-btn{opacity:1;transform:scale(1.1)}.work-link-icon{width:24px;height:24px}.work-info{margin-top:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}@media(min-width:768px){.work-info{flex-direction:row;align-items:flex-start;gap:48px}}.work-title-block{width:100%}@media(min-width:768px){.work-title-block{width:33.333%}}.work-project-title{font-size:30px;font-weight:700;margin-bottom:8px}@media(min-width:768px){.work-project-title{font-size:36px}}.work-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.work-tag{font-size:12px;border:1px solid #d6d3d1;border-radius:4px;padding:4px 8px;text-transform:uppercase;letter-spacing:.6px}.work-desc-block{width:100%}@media(min-width:768px){.work-desc-block{width:66.666%}}.work-description{font-size:18px;color:#44403c;line-height:1.625;font-weight:500;max-width:672px}@media(min-width:768px){.work-description{font-size:20px}}.work-footer{margin-top:96px;text-align:center}.view-all-btn{background-color:var(--black);color:var(--white);padding:16px 32px;border-radius:12px;font-size:18px;transition:background-color .2s;box-shadow:4px 4px #64646480;cursor:pointer;border:none}.view-all-btn:hover{background-color:#292524}.view-all-btn:active{transform:translateY(4px);box-shadow:none}.contact-section{background-color:var(--bg-color);padding-top:96px;padding-bottom:96px;border-top:1px solid var(--black)}@media(min-width:768px){.contact-section{padding-top:128px;padding-bottom:128px}}.contact-container{max-width:1280px;margin:0 auto;padding:0 16px}@media(min-width:768px){.contact-container{padding:0 32px}}.contact-content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:48px}@media(min-width:1024px){.contact-content{flex-direction:row;gap:96px}}.contact-left{max-width:768px}.contact-heading{font-size:60px;font-weight:900;line-height:.9;letter-spacing:-3px;margin-bottom:32px}@media(min-width:768px){.contact-heading{font-size:96px;letter-spacing:-4.8px}}@media(min-width:1024px){.contact-heading{font-size:112px;letter-spacing:-5.6px}}.contact-heading-sub{display:inline-block;margin-top:12px;color:#a8a29e}.contact-text{font-size:20px;color:#57534e;max-width:576px;line-height:1.625}@media(min-width:768px){.contact-text{font-size:24px}}.contact-btn{background-color:var(--black);color:var(--white);font-size:20px;font-weight:700;padding:20px 40px;border-radius:16px;transition:all .2s;box-shadow:8px 8px #c8c8c8;border:none;cursor:pointer}@media(min-width:768px){.contact-btn{font-size:24px}}.contact-btn:hover{background-color:#292524;transform:scale(1.05);box-shadow:none}.contact-btn:active{transform:scale(.95)}.contact-right{width:100%;display:flex;flex-direction:column;gap:48px}@media(min-width:1024px){.contact-right{width:auto}}.contact-group{display:flex;flex-direction:column;gap:16px}.contact-label{font-size:14px;color:#a8a29e;text-transform:uppercase;letter-spacing:1.4px}.contact-link{font-size:24px;font-weight:700;color:var(--text-color);text-decoration:none;transition:color .2s;word-break:break-all}.contact-link:hover{text-decoration:underline}@media(min-width:768px){.contact-link{font-size:30px}}.footer{background-color:var(--black);color:var(--white);padding:24px 16px}.footer-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;font-size:12px;text-transform:uppercase;letter-spacing:.6px}@media(min-width:768px){.footer-container{flex-direction:row;font-size:14px;letter-spacing:.7px}}.footer-links{display:flex;gap:24px}.footer-link{color:var(--white);text-decoration:none;transition:color .2s}.footer-link:hover{color:#d6d3d1}.app-container{position:relative;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-close{position:absolute;top:16px;left:16px;padding:16px;border:2px solid var(--black);border-radius:12px;background:transparent;cursor:pointer;transition:background-color .2s}.mobile-menu-close:hover{background-color:#f5f5f4}@media(min-width:768px){.mobile-menu-close{top:32px;left:32px}}.mobile-menu-content{display:flex;flex-direction:column;gap:24px;text-align:center}.mobile-menu-link{font-size:48px;font-weight:900;color:var(--text-color);background:none;border:none;cursor:pointer;transition:color .2s}.mobile-menu-link:hover{color:var(--text-muted)}@media(min-width:768px){.mobile-menu-link{font-size:72px}}.mobile-menu-socials{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:0 16px}.mobile-social-link{font-size:20px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;color:var(--text-color)}:root{--bg-color: #FAFAF9;--text-color: #1c1917;--text-muted: #78716c;--primary-blue: #2563eb;--black: #000000;--white: #ffffff;--border-color: #e7e5e4}body{font-family:DM Sans,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;overflow-x:hidden}.font-display{font-family:Outfit,sans-serif}.font-mono-custom{font-family:Space Mono,monospace}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scallop-divider-base{width:100%;background-size:80px 100%;background-repeat:repeat-x;z-index:20;position:absolute;left:0;right:0}.scallop-bottom{height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M0,50 L0,50 A50,50 0 0 1 100,50 Z' fill='%23000000' /%3E%3C/svg%3E");background-position:bottom;bottom:0}.scallop-top-inverted{height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M0,0 A50,50 0 0 0 100,0 L100,0 L0,0 Z' fill='%23000000' /%3E%3C/svg%3E");background-position:top;pointer-events:none;bottom:-32px}@media(min-width:768px){.scallop-bottom{height:48px}.scallop-top-inverted{height:48px;bottom:-48px}}@media(min-width:1024px){.scallop-bottom{height:64px}}