@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.anim-from-left,.anim-from-right,.anim-from-bottom{opacity:0;will-change:transform,opacity}.anim-from-left.in-view{animation:slideInFromLeft .65s cubic-bezier(.22,1,.36,1) forwards}.anim-from-right.in-view{animation:slideInFromRight .65s cubic-bezier(.22,1,.36,1) forwards}.anim-from-bottom.in-view{animation:slideInFromBottom .6s cubic-bezier(.22,1,.36,1) forwards}.anim-delay-1{animation-delay:.05s!important}.anim-delay-2{animation-delay:.15s!important}.anim-delay-3{animation-delay:.25s!important}.anim-delay-4{animation-delay:.35s!important}.anim-delay-5{animation-delay:.45s!important}.anim-delay-6{animation-delay:.55s!important}@media (prefers-reduced-motion: reduce){.anim-from-left,.anim-from-right,.anim-from-bottom{opacity:1;animation:none!important}}.header{display:flex;justify-content:flex-end;align-items:center;padding:20px 50px;position:sticky;top:0;z-index:100}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:15px;color:#2d2d2d;text-decoration:none;font-weight:400;transition:color .3s}.nav-link:hover{color:#666}.resume-button{display:flex;align-items:center;gap:8px;background-color:#2d2d2d;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .3s}.resume-button:hover{background-color:#000}.download-icon{width:18px;height:18px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.hero-section{padding:0 50px 40px;position:relative;min-height:calc(100vh - 140px)}.hero-grid{display:grid;grid-template-columns:260px 1fr 280px;gap:50px;position:relative;align-items:start;width:100%;max-width:100%}.left-column{position:relative;z-index:20;padding-top:10px}.intro-profile-card{width:100%;max-width:250px;background:transparent;color:#2d2d2d;padding:0 0 30px;border-radius:0;margin-bottom:36px;margin-top:-18px;box-shadow:none;border:none;display:flex;flex-direction:column;gap:6px;position:relative;overflow:visible;transition:none;border-bottom:none}.intro-profile-card:hover{transform:none;box-shadow:none}.intro-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#f05a2a;text-transform:uppercase}.badge-dot{width:7px;height:7px;background-color:#f05a2a;border-radius:50%;display:inline-block;box-shadow:0 0 6px #f05a2a99}.intro-name{font-size:40px;font-weight:900;color:#2d2d2d;margin:0;line-height:1.1;font-family:Arial Black,sans-serif;letter-spacing:-1.5px;text-transform:uppercase}.intro-role{font-size:13px;font-weight:800;color:#2d2d2d;margin:2px 0 0;letter-spacing:.8px;text-transform:uppercase}.intro-short-desc{font-size:13px;line-height:1.45;color:#4f4f4f;margin:4px 0 6px}.intro-status-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#2e7d32;background:#2e7d3214;border:1px solid rgba(46,125,50,.25);padding:5px 12px;border-radius:16px;width:fit-content}.status-indicator{width:7px;height:7px;background-color:#2e7d32;border-radius:50%;display:inline-block;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #27c93fb3}70%{transform:scale(1);box-shadow:0 0 0 6px #27c93f00}to{transform:scale(.95);box-shadow:0 0 #27c93f00}}.what-i-do{font-size:40px;font-weight:900;letter-spacing:-1.5px;margin-bottom:16px;margin-top:10px;font-family:Arial Black,sans-serif;line-height:1;white-space:nowrap}.description{font-size:13px;line-height:1.45;color:#2d2d2d;margin-bottom:24px;max-width:220px}.stats{display:flex;gap:36px;margin-bottom:32px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:40px;font-weight:900;color:#ff5722;letter-spacing:-1.5px;line-height:1;font-family:Arial Black,sans-serif}.stat-label{font-size:13px;color:#2d2d2d;margin-top:2px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.company-logos{display:flex;flex-wrap:wrap;gap:10px;align-items:center;opacity:.85;max-width:260px}.company-logo{height:auto;width:auto;filter:none;background-color:#2d2d2d;color:#f5f3f0;padding:6px 12px;border-radius:4px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.center-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:580px;padding-top:0}.large-text-top{font-size:140px;font-weight:900;color:#ff5722;letter-spacing:-6px;line-height:.85;font-family:Arial Black,sans-serif;text-transform:uppercase;position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}.large-text-bottom{font-size:140px;font-weight:900;color:#ff5722;letter-spacing:-6px;line-height:.85;font-family:Arial Black,sans-serif;text-transform:uppercase;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:1}.intro-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:310px;padding:32px 24px;border:1.5px solid #2d2d2d;background:transparent;z-index:2;border-radius:6px}.intro-text{font-size:14px;line-height:1.4;color:#2d2d2d}.center-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:340px;height:425px;z-index:10}.center-image{width:100%;height:100%;border-radius:26px;object-fit:cover;background:linear-gradient(180deg,#a8e6cf,#dcedc1)}.name-label{position:absolute;top:50px;right:-34px;background-color:#4dd0e1;color:#fff;padding:7px 16px;font-size:14px;font-weight:600;transform:rotate(6deg);z-index:15;border-radius:3px;white-space:nowrap;line-height:1.3}.right-column{position:relative;z-index:30;padding-top:10px}.question-text{font-size:36px;font-weight:900;letter-spacing:-1.5px;margin-bottom:16px;font-family:Arial Black,sans-serif;line-height:1}.intro-description{font-size:13px;line-height:1.45;color:#2d2d2d;margin-bottom:26px;max-width:250px}.travel-collage{position:relative;height:280px;margin-bottom:18px}.travel-image-back{position:absolute;left:0;bottom:0;width:160px;height:210px;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.travel-image-front{position:absolute;right:0;top:0;width:145px;height:230px;border-radius:18px;object-fit:cover;background:#fff;padding:10px;box-shadow:0 2px 8px #0000001a}.travel-description{font-size:12px;line-height:1.5;color:#2d2d2d;margin-bottom:24px;max-width:250px;position:relative;z-index:35;background-color:#f5f3f0;padding:10px 0}.scroll-indicator{display:flex;align-items:center;gap:12px;position:relative;z-index:50;margin-top:30px;margin-left:60px}.scroll-icon{width:50px;height:50px;border:2px solid #2d2d2d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.scroll-text{font-size:18px;font-weight:900;letter-spacing:.5px;line-height:1.2;font-family:Arial Black,sans-serif}@media (max-width: 1400px){.hero-grid{grid-template-columns:250px 1fr 270px;gap:45px}.large-text-top,.large-text-bottom{font-size:130px}.center-image-container{width:320px;height:400px}.intro-box{width:290px;padding:30px 22px}}@media (max-width: 1200px){.hero-grid{grid-template-columns:240px 1fr 260px;gap:40px}.large-text-top,.large-text-bottom{font-size:120px}.center-image-container{width:300px;height:380px}.intro-box{width:280px;padding:28px 20px}}@media (max-width: 1024px){.header{padding:30px 40px}.hero-section{padding:0 40px 60px}.hero-grid{grid-template-columns:1fr;gap:60px}.left-column,.right-column{max-width:100%}.center-section{min-height:600px}.large-text-top,.large-text-bottom{font-size:120px}.center-image-container{width:300px;height:400px}.intro-box{width:280px;padding:30px 20px}}@media (max-width: 768px){.header{padding:20px 30px;flex-direction:column;gap:20px}.nav{flex-direction:column;gap:20px;width:100%}.hero-section{padding:0 30px 40px}.profile-image-container{width:200px;height:200px}.what-i-do,.question-text{font-size:42px}.large-text-top,.large-text-bottom{font-size:80px;letter-spacing:-4px}.center-image-container{width:260px;height:350px}.intro-box{width:240px;padding:25px 18px;font-size:14px}.name-label{right:-20px;top:40px;font-size:14px;padding:6px 16px}.travel-collage{height:280px}.travel-image-back{width:150px;height:200px}.travel-image-front{width:130px;height:220px}}@media (max-width: 480px){.header{padding:20px}.nav{gap:15px}.nav-link{font-size:14px}.hero-section{padding:0 20px 30px}.large-text-top,.large-text-bottom{font-size:60px;letter-spacing:-3px}.center-image-container{width:220px;height:300px}.intro-box{width:200px;padding:20px 15px;font-size:13px}.stats{gap:30px}.stat-number{font-size:36px}.company-logos{flex-direction:column;gap:10px}}.projects-section{padding:40px 50px 100px;background-color:#fbf8f1;position:relative;z-index:10;border-top:2px solid #2d2d2d;margin-top:20px}.projects-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:60px}.projects-heading{font-size:90px;font-weight:900;letter-spacing:1px;word-spacing:15px;line-height:1;font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;color:#2d2d2d;margin:0}.projects-icon{font-size:80px;filter:grayscale(100%)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1200px;margin:0 auto}.project-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001f}.project-image{width:100%;height:150px;object-fit:cover;display:block}.project-image-placeholder{width:100%;height:150px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:600}.project-content{padding:15px;display:flex;flex-direction:column;flex-grow:1}.project-category{font-size:9px;font-weight:700;color:#ff5722;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.project-title{font-size:19px;font-weight:700;color:#2d2d2d;margin:0 0 8px}.project-description{font-size:11px;line-height:1.5;color:#666;margin:0 0 10px;flex-grow:1}.project-technologies{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.tech-tag{background-color:#2d2d2d;color:#f5f3f0;padding:3px 7px;border-radius:3px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-button{display:inline-flex;align-items:center;justify-content:center;background-color:#2d2d2d;color:#fff;padding:7px 14px;border-radius:5px;text-decoration:none;font-size:11px;font-weight:600;text-align:center;transition:background-color .3s ease;align-self:center}.project-button:hover{background-color:#000}.design-gallery-section{background:#faf8f2;min-height:100vh;display:flex;align-items:center;justify-content:center;border-top:2px solid #2d2d2d;padding:60px 32px;overflow:hidden}.design-gallery-shell{width:100%;max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.design-gallery-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.design-gallery-title{position:relative;width:auto;min-height:110px;display:inline-block}.design-gallery-word{display:inline-block}.design-word{color:#f05a2a;font-family:Impact,Arial Black,sans-serif;font-size:clamp(64px,7.5vw,98px);line-height:.85;font-weight:900;letter-spacing:2px;text-transform:uppercase}.gallery-word{position:absolute;top:45px;left:120px;color:#2d2d2d;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(42px,5vw,62px);line-height:.9;font-weight:400;letter-spacing:.5px;transform:rotate(-7deg);transform-origin:left center;pointer-events:none}.design-gallery-subtitle{font-size:16px;color:#555;font-weight:500;max-width:540px;margin-top:4px}.design-gallery-content{display:flex;flex-direction:column;gap:48px;width:100%}.design-row-block{display:flex;flex-direction:column;gap:18px}.row-badge-wrap{display:flex;align-items:center}.row-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f05a2a;background:#f05a2a14;border:1px solid rgba(240,90,42,.25);padding:6px 14px;border-radius:20px}.mobile-gallery-row{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:36px;width:100%}.mobile-device-card{width:100%;display:flex;justify-content:center;transition:transform .35s cubic-bezier(.25,1,.5,1),box-shadow .35s ease}.mobile-device-card:hover{transform:translateY(-8px)}.phone-mockup-frame{width:100%;max-width:320px;height:420px;background:#1a1a1e;border-radius:32px;padding:12px;box-shadow:0 20px 40px #00000029,0 0 0 2px #ffffff1a;position:relative;display:flex;flex-direction:column;overflow:hidden}.phone-notch{width:110px;height:18px;background:#000;border-radius:12px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:5;flex-shrink:0}.phone-camera{width:7px;height:7px;background:#151525;border-radius:50%;border:1px solid #333}.phone-speaker{width:34px;height:4px;background:#252535;border-radius:4px}.mobile-screen-content{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;background:#000}.mobile-screen-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s ease}.mobile-device-card:hover .mobile-screen-img{transform:scale(1.04)}.desktop-gallery-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;width:100%}.desktop-device-card{width:100%;transition:transform .35s cubic-bezier(.25,1,.5,1),box-shadow .35s ease}.desktop-device-card:hover{transform:translateY(-8px)}.browser-mockup-frame{width:100%;background:#232328;border-radius:16px;overflow:hidden;box-shadow:0 18px 36px #00000026,0 0 0 1px #ffffff14;display:flex;flex-direction:column}.browser-top-bar{height:36px;background:#1c1c20;padding:0 14px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.06)}.browser-dots{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.browser-url-bar{flex:1;max-width:260px;height:22px;background:#ffffff12;border-radius:6px;color:#fff9;font-size:11px;font-family:monospace;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-screen-content{width:100%;height:310px;position:relative;overflow:hidden;background:#121214}.desktop-screen-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .5s ease}.desktop-device-card:hover .desktop-screen-img{transform:scale(1.04)}.card-glass-overlay{position:absolute;bottom:0;left:0;right:0;padding:14px 18px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 70%,transparent 100%);color:#fff;display:flex;flex-direction:column;gap:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.project-tag{font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#f05a2a}.project-name{font-size:16px;font-weight:700;color:#fff;margin:0}@media (max-width: 992px){.mobile-gallery-row{gap:24px}.phone-mockup-frame{height:360px}.desktop-screen-content{height:260px}}@media (max-width: 768px){.design-gallery-section{padding:44px 20px}.design-gallery-shell{gap:30px}.mobile-gallery-row{grid-template-columns:repeat(2,1fr);gap:16px}.phone-mockup-frame{height:300px;padding:8px;border-radius:24px}.phone-notch{width:80px;height:14px;margin-bottom:6px}.desktop-gallery-row{grid-template-columns:1fr;gap:24px}.desktop-screen-content{height:260px}.gallery-word{left:90px;top:36px}}@media (max-width: 480px){.mobile-gallery-row{grid-template-columns:repeat(2,1fr);gap:12px}.phone-mockup-frame{height:260px;border-radius:20px;padding:6px}.phone-notch{width:60px;height:12px;margin-bottom:4px}.desktop-screen-content{height:200px}.gallery-word{left:70px;top:28px}.project-name{font-size:13px}.project-tag{font-size:10px}}.contact-section{display:block;padding:54px 50px 80px;background-color:#fbf8f1;position:relative;z-index:10;border-top:2px solid #2d2d2d;scroll-margin-top:90px}.contact-shell{width:min(100%,980px);margin:0 auto}.contact-header{margin:0 auto 34px;text-align:center;max-width:720px}.contact-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#ff5722;margin-bottom:10px}.contact-heading{font-size:72px;font-weight:900;letter-spacing:4px;line-height:.95;font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;color:#2d2d2d;margin:0 0 14px}.contact-description{font-size:15px;line-height:1.65;color:#4f4f4f;margin:0 auto;max-width:620px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px;border:1.5px solid rgba(45,45,45,.14);border-radius:22px;background:#fff;box-shadow:0 16px 42px #2d2d2d14}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-field-full{grid-column:1 / -1}.contact-field label{color:#2d2d2d;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.contact-field input,.contact-field textarea{width:100%;border:1.5px solid rgba(45,45,45,.16);border-radius:12px;background:#fbf8f1;color:#2d2d2d;font:inherit;font-size:15px;line-height:1.45;padding:13px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-field textarea{resize:vertical;min-height:140px}.contact-field input:focus,.contact-field textarea:focus{border-color:#ff5722;background:#fff;box-shadow:0 0 0 4px #ff57221f}.contact-submit{grid-column:1 / -1;justify-self:center;min-width:180px;border:none;border-radius:999px;background:#2d2d2d;color:#fff;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:.6px;padding:14px 26px;transition:background .2s ease,transform .2s ease}.contact-submit:hover{background:#000;transform:translateY(-2px)}.contact-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 28px;border:1.5px solid rgba(45,45,45,.14);border-radius:22px;background:#fff;box-shadow:0 16px 42px #2d2d2d14;gap:16px}.contact-success-icon{width:72px;height:72px;border-radius:50%;background:#2d2d2d;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.contact-success-title{font-size:28px;font-weight:900;color:#2d2d2d;margin:0;font-family:Arial Black,sans-serif;letter-spacing:-.5px}.contact-success-desc{font-size:15px;color:#4f4f4f;line-height:1.6;margin:0;max-width:420px}.contact-success-btn{margin-top:8px;padding:13px 28px;border:1.5px solid #2d2d2d;border-radius:999px;background:transparent;color:#2d2d2d;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.contact-success-btn:hover{background:#2d2d2d;color:#fff}html{scroll-behavior:smooth}.mobile-menu-toggle{display:none}@media (max-width: 1024px){.header{position:sticky;top:0;display:flex;flex-direction:row;justify-content:flex-end;gap:18px;width:100%;padding:18px 28px;background:#fbf8f1f0;border-bottom:1px solid rgba(45,45,45,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-menu-toggle{width:44px;height:44px;border:1.5px solid #2d2d2d;border-radius:999px;background:#fff;color:#2d2d2d;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;z-index:130;box-shadow:0 8px 20px #2d2d2d14}.mobile-menu-toggle span{width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .25s ease,opacity .25s ease}.header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:absolute;top:calc(100% + 10px);left:24px;right:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1.5px solid rgba(45,45,45,.14);border-radius:18px;background:#fffffff5;box-shadow:0 18px 45px #2d2d2d24;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;z-index:120}.header.menu-open .nav{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link,.resume-button{min-height:44px;justify-content:center;border-radius:999px}.nav-link{display:inline-flex;align-items:center;padding:10px 12px;background:#f5f3f0;font-size:14px;font-weight:700}.resume-button{grid-column:1 / -1;width:100%;padding:12px 18px}.hero-section{min-height:auto;padding:18px 28px 56px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}.center-section{order:-1;min-height:auto;display:grid;grid-template-columns:1fr;justify-items:center;gap:18px;padding-top:12px;margin-bottom:40px}.large-text-top,.large-text-bottom,.intro-box,.center-image-container{position:static;transform:none}.large-text-top,.large-text-bottom{font-size:clamp(62px,12vw,118px);line-height:.86;letter-spacing:0;max-width:100%;white-space:nowrap;text-align:center;overflow:visible;margin:0 auto;display:block;position:relative;left:auto;right:auto;transform:none}.center-image-container{width:min(72vw,320px);height:auto;aspect-ratio:4 / 5}.intro-box{width:min(100%,540px);padding:22px;background:#fbf8f1c7}.intro-text{font-size:15px;line-height:1.55;text-align:center}.left-column,.right-column{width:min(100%,680px);margin:0 auto;padding-top:0;text-align:center;display:flex;flex-direction:column;align-items:center}.right-column{display:none}.intro-profile-card{display:flex;flex-direction:column;align-items:center;text-align:center}.intro-badge,.intro-name,.intro-role,.intro-short-desc{text-align:center}.profile-image-container{width:min(58vw,230px);height:auto;aspect-ratio:215 / 240;margin:0 auto 22px}.what-i-do,.question-text{font-size:clamp(34px,8vw,52px);line-height:.95;letter-spacing:0;white-space:normal}.description,.intro-description,.travel-description{max-width:620px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.stats,.company-logos{justify-content:center}.company-logos{max-width:620px}.travel-collage{width:min(100%,360px);height:310px;margin:0 auto 16px}.travel-description{background:transparent;padding:0}.scroll-indicator{justify-content:center;margin:24px auto 0}.projects-section,.services-section,.contact-section{padding:46px 28px 72px}.projects-header{gap:12px;margin-bottom:34px}.projects-heading,.services-heading,.contact-heading{font-size:clamp(42px,9vw,72px);line-height:.95;letter-spacing:1px;word-spacing:0;text-align:center}.projects-icon{font-size:clamp(38px,7vw,62px)}.projects-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card,.service-card{border-radius:16px}.project-image,.project-image-placeholder{height:180px}.project-content{padding:18px}.project-description,.service-text{font-size:13px}.service-card{padding:24px 22px}.footer-section{padding:36px 28px 22px}.footer-columns{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px 0}.footer-contact-item{align-items:flex-start}.footer-col-link{overflow-wrap:anywhere}}@media (max-width: 768px){.header{padding:14px 18px}.nav{left:16px;right:16px;grid-template-columns:1fr 1fr}.hero-section{padding:16px 18px 48px}.name-label{right:-12px;top:24px;font-size:12px;padding:6px 12px}.stats{gap:24px;margin-bottom:26px}.stat-number{font-size:36px}.company-logos{flex-direction:row;gap:8px}.company-logo{font-size:9px;padding:6px 9px}.projects-section,.services-section,.contact-section{padding:40px 18px 64px}.projects-header{flex-direction:column}.projects-grid,.services-grid{grid-template-columns:1fr}.project-card,.service-card{width:min(100%,520px);margin:0 auto}.project-image,.project-image-placeholder{height:210px}.footer-title-wrap{min-height:116px}.contact-form{grid-template-columns:1fr;padding:22px;border-radius:18px;background:#fff!important;border:2px solid rgba(45,45,45,.25)!important;box-shadow:0 8px 24px #2d2d2d1f!important;opacity:1!important}.contact-field label{color:#2d2d2d!important;font-weight:800!important;opacity:1!important}.contact-field input,.contact-field textarea{background:#fff!important;color:#2d2d2d!important;border:1.5px solid rgba(45,45,45,.3)!important;opacity:1!important;-webkit-appearance:none!important;-webkit-text-fill-color:#2d2d2d!important}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#888!important;opacity:1!important;-webkit-text-fill-color:#888888!important}.contact-submit{background:#2d2d2d!important;color:#fff!important;opacity:1!important;-webkit-appearance:none!important}.footer-title{font-size:clamp(44px,13vw,76px);line-height:.92;letter-spacing:1px!important;white-space:normal;color:#fff!important;opacity:1!important}.footer-brand-tagline{display:none}.footer-together{top:58px;font-size:clamp(38px,10vw,56px);color:#f05a2a!important;opacity:1!important}.footer-columns{grid-template-columns:1fr;gap:26px;text-align:center}.footer-col,.footer-col-list{align-items:center;text-align:center}.footer-col-heading{color:#fff!important;opacity:1!important}.footer-col-link{color:#a5a5a5!important;opacity:1!important}.footer-col-link:hover{color:#fff!important}.footer-contact-item{justify-content:center;color:#a5a5a5!important;opacity:1!important}.footer-contact-icon{color:#f05a2a!important;opacity:1!important}.footer-copyright{font-size:12px;line-height:1.5;color:#6b6b6b!important;opacity:1!important}}.footer-col-link:hover{color:#fff!important}.footer-contact-item{justify-content:center;color:#a5a5a5!important}.footer-contact-icon{color:#f05a2a!important}.footer-copyright{font-size:12px;line-height:1.5;color:#6b6b6b!important}} @media (max-width: 480px){.header{padding:12px 14px}.mobile-menu-toggle{width:40px;height:40px}.nav{left:12px;right:12px;grid-template-columns:1fr;padding:12px}.hero-section{padding:12px 14px 42px}.large-text-top,.large-text-bottom{font-size:clamp(46px,15vw,62px)}.center-image-container{width:min(78vw,270px)}.intro-box{padding:18px 16px}.intro-text,.description,.intro-description,.travel-description{font-size:14px}.what-i-do,.question-text{font-size:clamp(32px,11vw,42px)}.profile-image-container{width:min(68vw,210px)}.netflix-badge{width:44px;height:44px;font-size:23px}.stats{width:100%;gap:14px}.stat-item{flex:1 1 0;align-items:center}.stat-label{font-size:11px}.travel-collage{height:270px}.travel-image-back{width:52%;height:210px}.travel-image-front{width:48%;height:225px}.scroll-icon{width:44px;height:44px}.scroll-text{font-size:15px}.projects-section,.services-section,.contact-section{padding:34px 14px 54px}.projects-heading,.services-heading,.contact-heading{font-size:clamp(34px,13vw,48px)}.contact-form{padding:18px;background:#fff!important;border:2px solid rgba(45,45,45,.25)!important;box-shadow:0 8px 24px #2d2d2d1f!important;opacity:1!important}.contact-field label{color:#2d2d2d!important;font-weight:800!important;opacity:1!important}.contact-field input,.contact-field textarea{font-size:14px;border-radius:10px;background:#fff!important;color:#2d2d2d!important;border:1.5px solid rgba(45,45,45,.3)!important;opacity:1!important;-webkit-appearance:none!important;-webkit-text-fill-color:#2d2d2d!important}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#888!important;opacity:1!important;-webkit-text-fill-color:#888888!important}.contact-submit{width:100%;background:#2d2d2d!important;color:#fff!important;opacity:1!important;-webkit-appearance:none!important}.project-image,.project-image-placeholder{height:180px}.service-card{padding:22px 18px}.service-title{font-size:22px}.service-tags{justify-content:center}.footer-section{padding:32px 16px 18px}.footer-center{min-height:130px}.footer-title-wrap{min-height:108px}.footer-together{top:56px}.footer-together:before,.footer-together:after{display:none}}.footer-section{position:relative;background:#2d2d2d;color:#fff;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-start;padding:16px 28px 24px}.footer-inner{width:min(100%,1440px);height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:0}.footer-brand-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 10px 18px;gap:24px}.footer-brand-left{display:flex;flex-direction:column;gap:8px;margin-left:40px}.footer-brand-title{margin:0;color:#fff;font-size:28px;font-weight:700;letter-spacing:.5px;line-height:1.2}.footer-brand-tagline{margin:0;color:#a5a5a5;font-size:13.5px;font-weight:400;letter-spacing:.2px;line-height:1.5;max-width:480px}.footer-brand-tagline strong{color:#d0d0d0;font-weight:600}.footer-social-icons{display:flex;align-items:center;gap:10px;flex-shrink:0}.footer-social-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#a5a5a5;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:border-color .25s,background .25s,color .25s}.footer-social-btn:hover{border-color:#ffffff73;background:#ffffff1f;color:#fff}.footer-divider{width:100%;border:none;border-top:1px solid rgba(255,255,255,.1);margin:0}.footer-columns{width:min(100%,900px);display:grid;grid-template-columns:max-content max-content max-content;justify-content:space-between;gap:96px;padding:32px 10px 28px;margin:0 auto}.footer-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.footer-col-heading{margin:0 0 18px;color:#fff;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.footer-col-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-col-link{color:#a5a5a5;text-decoration:none;font-size:14px;font-weight:400;letter-spacing:.15px;transition:color .2s}.footer-col-link:hover{color:#fff}.footer-contact-list{gap:14px}.footer-contact-item{display:flex;align-items:center;gap:10px;color:#a5a5a5;font-size:14px;letter-spacing:.15px}.footer-contact-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#f05a2a}.footer-main{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;justify-content:flex-start;padding-top:0}.footer-center{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0}.footer-title-wrap{position:relative;width:100%;max-width:690px;min-height:144px;display:flex;align-items:center;justify-content:center}.footer-title{margin:0;color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:116px;line-height:.88;letter-spacing:-3px;text-transform:uppercase;white-space:nowrap;text-align:center}.footer-together{position:absolute;left:50%;top:96px;transform:translate(-50%) rotate(-8deg);color:#f05a2a;font-family:Brush Script MT,Segoe Script,cursive;font-size:82px;line-height:.9;font-weight:400;letter-spacing:0}.footer-together:before{content:"";position:absolute;left:-40px;top:10px;width:74px;height:28px;border-top:6px solid #f05a2a;border-right:6px solid #f05a2a;border-radius:999px;transform:rotate(-6deg)}.footer-together:after{content:"";position:absolute;left:-12px;top:0;width:16px;height:16px;border-top:6px solid #f05a2a;border-left:6px solid #f05a2a;transform:rotate(45deg)}.footer-resume-button{display:inline-flex;align-items:center;gap:10px;margin-top:60px;padding:11px 18px 11px 16px;border-radius:999px;background:#fff;color:#2d2d2d;text-decoration:none;font-size:18px;font-weight:500;letter-spacing:.2px;box-shadow:0 0 0 1px #0000000d inset}.footer-resume-icon{width:22px;height:22px;border:1.8px solid #2d2d2d;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;flex-shrink:0}.footer-links{display:flex;align-items:center;justify-content:center;gap:42px;margin-top:34px;padding-bottom:6px;flex-wrap:wrap}.footer-link{color:#a5a5a5;text-decoration:none;font-size:18px;font-weight:400;letter-spacing:.3px;transition:color .2s}.footer-link:hover{color:#fff}.footer-copyright{width:100%;text-align:center;padding:14px 10px 4px;color:#6b6b6b;font-size:13px;font-weight:400;letter-spacing:.3px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}@media (max-width: 1200px){.footer-section{padding:14px 24px 18px}.footer-title{font-size:96px}.footer-together{top:82px;font-size:68px}}@media (max-width: 900px){.footer-section{padding:14px 20px 18px}.footer-main{gap:0}.footer-title-wrap{min-height:126px}.footer-title{font-size:76px}.footer-together{top:70px;font-size:56px}.footer-links{gap:24px;margin-top:30px}.footer-link{font-size:16px}}@media (max-width: 640px){.footer-section{padding:12px 16px 16px}.footer-title{font-size:56px}.footer-together{top:54px;font-size:40px}.footer-resume-button{margin-top:36px;font-size:16px}.footer-links{gap:18px;margin-top:26px}.footer-link{font-size:14px}}.services-section{padding:40px 50px 100px;background-color:#fbf8f1;position:relative;z-index:10;border-top:2px solid #2d2d2d}.services-header{max-width:960px;margin:0 auto 42px;text-align:center}.services-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#ff5722;margin-bottom:10px}.services-heading{font-size:72px;font-weight:900;letter-spacing:4px;line-height:.95;font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;color:#2d2d2d;margin:0 0 14px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1200px;margin:0 auto}.service-card{background:#fff;border:1.5px solid rgba(45,45,45,.12);border-radius:22px;padding:28px 24px;box-shadow:0 10px 28px #2d2d2d0f;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #2d2d2d1f;border-color:#ff572259}.service-title{font-size:28px;font-weight:900;letter-spacing:-1px;line-height:1;margin:0 0 12px;color:#2d2d2d}.service-text{font-size:14px;line-height:1.6;color:#4f4f4f;margin:0 0 16px}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#f5f3f0;color:#2d2d2d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.services-heading{font-size:60px;letter-spacing:3px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.services-section{padding:30px 30px 80px}.services-heading{font-size:46px;letter-spacing:2px}.services-description{font-size:15px}.service-title{font-size:24px}.service-text{font-size:13px}}@media (max-width: 480px){.services-grid{grid-template-columns:1fr}}.contact-page-view{min-height:100vh;background-color:#f5f3f0;padding:0;margin:0;position:relative;width:100%}.contact-page-view .header{border-bottom:none!important;background:#f5f3f0;position:relative;margin:0;padding:20px 50px}.contact-full-page{min-height:calc(100vh - 70px);display:flex;align-items:flex-start;justify-content:center;padding:0 50px 60px;margin:0}.contact-full-page .contact-section{padding:0;margin:0;border-top:none;background-color:transparent;display:block}.contact-full-page .contact-header{margin-top:0;padding-top:0}.back-button{position:fixed;top:100px;left:50px;background-color:#2d2d2d;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;z-index:100}.back-button:hover{background-color:#000;transform:translate(-5px)}.back-button:active{transform:translate(-5px) scale(.98)}@media (max-width: 768px){.back-button{top:80px;left:20px;padding:10px 20px;font-size:14px}.contact-page-view{padding:0}.contact-full-page{padding:0 20px 40px}.contact-full-page .contact-section{padding:0}}body.modal-open{overflow:hidden}body.modal-open .services-section{z-index:10000}.services-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#2d2d2d73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.services-modal-content{position:relative;background-color:#fff;border:1.5px solid rgba(45,45,45,.12);border-radius:28px;width:100%;max-width:960px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 24px 64px #2d2d2d2e;overflow:hidden}.services-modal-close{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(45,45,45,.12);background:#fff;color:#2d2d2d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s,transform .25s,border-color .25s,color .25s;z-index:10}.services-modal-close:hover{background-color:#2d2d2d;color:#fff;transform:rotate(90deg);border-color:#2d2d2d}.services-modal-body{display:grid;grid-template-columns:1.15fr .85fr;overflow-y:auto;padding:48px;gap:40px}.services-modal-left{display:flex;flex-direction:column}.services-modal-kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ff5722;margin-bottom:6px}.services-modal-title{font-size:38px;font-weight:900;color:#2d2d2d;letter-spacing:-1.5px;line-height:1.1;margin:0 0 16px;font-family:Arial Black,sans-serif}.services-modal-divider{width:60px;height:3px;background-color:#ff5722;margin-bottom:24px;border-radius:99px}.services-modal-text-lead{font-size:15px;line-height:1.65;color:#4f4f4f;margin:0 0 32px}.services-modal-section-title{font-size:18px;font-weight:800;color:#2d2d2d;margin:0 0 16px;font-family:Arial Black,sans-serif;letter-spacing:-.5px;text-transform:uppercase}.services-modal-section-title.small-title{font-size:13px;margin-top:24px;margin-bottom:12px}.services-modal-capabilities{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.services-modal-capability-item{display:flex;gap:12px;align-items:flex-start}.capability-bullet{color:#ff5722;font-weight:900;font-size:16px;line-height:1.4}.capability-text{font-size:14px;line-height:1.5;color:#4f4f4f}.services-modal-right{display:flex;flex-direction:column;background-color:#fbf8f1;padding:32px;border-radius:20px;border:1px solid rgba(45,45,45,.06)}.services-modal-tech-list{display:flex;flex-direction:column;gap:20px}.services-modal-tech-card{display:flex;flex-direction:column;gap:6px}.services-modal-tech-header{display:flex;align-items:center;gap:8px}.services-modal-tech-bullet{color:#ff5722;font-size:18px;line-height:1}.services-modal-tech-name{font-size:14px;font-weight:800;color:#2d2d2d;margin:0;text-transform:uppercase;letter-spacing:.5px}.services-modal-tech-desc{font-size:12px;line-height:1.55;color:#5f5f5f;margin:0;padding-left:14px}.services-modal-all-tags-section{margin-top:16px}.services-modal-all-tags{display:flex;flex-wrap:wrap;gap:8px}.services-modal-tag{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid rgba(45,45,45,.08);color:#2d2d2d;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:border-color .25s,color .25s,transform .25s}.services-modal-tag:hover{border-color:#ff5722;color:#ff5722;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}@media (max-width: 900px){.services-modal-body{grid-template-columns:1fr;padding:36px 24px;gap:32px}.services-modal-close{top:16px;right:16px;width:38px;height:38px}.services-modal-title{font-size:30px;padding-right:32px}.services-modal-content{max-height:calc(100vh - 40px);border-radius:22px}.services-modal-right{padding:24px 20px}}@media (max-width: 480px){.services-modal-overlay{padding:12px}.services-modal-body{padding:32px 16px 24px;gap:24px}.services-modal-title{font-size:24px}.services-modal-text-lead{font-size:13.5px;margin-bottom:20px}.services-modal-capabilities{gap:12px}.services-modal-capability-item{gap:8px}.capability-text{font-size:13px}}.footer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1414148c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10005;padding:24px}.footer-modal-content{position:relative;background-color:#fbf8f1;border:1.5px solid rgba(45,45,45,.12);border-radius:24px;width:100%;max-width:640px;box-shadow:0 24px 64px #2d2d2d2e;overflow:hidden}.footer-modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(45,45,45,.12);background:#fff;color:#2d2d2d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .25s,transform .25s,border-color .25s,color .25s;z-index:10}.footer-modal-close:hover{background-color:#2d2d2d;color:#fff;transform:rotate(90deg);border-color:#2d2d2d}.footer-modal-body{display:flex;flex-direction:column;padding:38px 34px;align-items:flex-start;text-align:left}.footer-modal-kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ff5722;margin-bottom:6px}.footer-modal-title{font-size:28px;font-weight:900;color:#2d2d2d;letter-spacing:-1px;line-height:1.2;margin:0 0 12px;font-family:Arial Black,sans-serif}.footer-modal-divider{width:45px;height:3px;background-color:#ff5722;margin-bottom:18px;border-radius:99px}.footer-modal-desc{font-size:14px;line-height:1.6;color:#4f4f4f;margin:0 0 24px}.footer-modal-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:999px;background:#ff5722;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.2px;transition:background .2s ease,transform .2s ease}.footer-modal-action-btn:hover{background:#f05a2a;transform:translateY(-2px)}@media (max-width: 600px){.footer-modal-overlay{padding:16px}.footer-modal-body{padding:34px 24px 28px}.footer-modal-title{font-size:24px}.footer-modal-desc{font-size:13px;line-height:1.55}}body,.App{overflow-x:hidden;max-width:100vw}.reveal-left,.reveal-right,.reveal-up,.reveal-zoom{opacity:0;will-change:transform,opacity;transition-property:transform,opacity;transition-duration:.85s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal-left{transform:translate3d(-50px,0,0)}.reveal-right{transform:translate3d(50px,0,0)}.reveal-up{transform:translate3d(0,45px,0)}.reveal-zoom{transform:scale(.92)}.reveal-left.revealed,.reveal-right.revealed,.reveal-up.revealed{opacity:1;transform:translateZ(0)}.reveal-zoom.revealed{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}@media (max-width: 768px){.reveal-left{transform:translate3d(-24px,0,0)}.reveal-right{transform:translate3d(24px,0,0)}.reveal-up{transform:translate3d(0,30px,0)}}@media (prefers-reduced-motion: reduce){.reveal-left,.reveal-right,.reveal-up,.reveal-zoom{opacity:1!important;transform:none!important;transition:none!important}}@keyframes cssScrollFadeIn{0%{opacity:0;transform:translate3d(0,45px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes cssScrollSlideLeft{0%{opacity:0;transform:translate3d(-50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes cssScrollSlideRight{0%{opacity:0;transform:translate3d(50px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes invertedRevealScroller{0%{clip-path:inset(40px 3% 40px 3% round 28px);filter:invert(.85) contrast(1.15) hue-rotate(180deg);opacity:.6;transform:translate3d(0,30px,0) scale(.96)}50%{filter:invert(.4) contrast(1.1) hue-rotate(90deg);opacity:.85}to{clip-path:inset(0px 0% 0px 0% round 0px);filter:invert(0) contrast(1) hue-rotate(0deg);opacity:1;transform:translateZ(0) scale(1)}}@supports (animation-timeline: view()){.scroll-fade-in,.reveal-up{animation:cssScrollFadeIn linear both;animation-timeline:view();animation-range:entry 5% cover 30%}.scroll-fade-left,.reveal-left{animation:cssScrollSlideLeft linear both;animation-timeline:view();animation-range:entry 5% cover 30%}.scroll-fade-right,.reveal-right{animation:cssScrollSlideRight linear both;animation-timeline:view();animation-range:entry 5% cover 30%}.inverted-reveal-scroller{animation:invertedRevealScroller linear both;animation-timeline:view();animation-range:entry 0% cover 45%;will-change:clip-path,filter,transform,opacity}}.inverted-reveal-scroller{transition:clip-path .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1);clip-path:inset(30px 2.5% 30px 2.5% round 24px);filter:invert(.7) contrast(1.1);opacity:.7;transform:translate3d(0,25px,0) scale(.97)}.inverted-reveal-scroller.revealed{clip-path:inset(0px 0% 0px 0% round 0px);filter:invert(0) contrast(1);opacity:1;transform:translateZ(0) scale(1)}@media (max-width: 768px){.inverted-reveal-scroller{clip-path:inset(16px 1.5% 16px 1.5% round 18px)}}@media (prefers-reduced-motion: reduce){.inverted-reveal-scroller{clip-path:none!important;filter:none!important;transform:none!important;opacity:1!important;animation:none!important;transition:none!important}}@media (max-width: 430px){.header{padding:12px 16px}.mobile-menu-toggle{width:42px;height:42px}.mobile-menu-toggle span{width:16px}.nav{left:12px;right:12px;padding:12px;grid-template-columns:1fr;gap:8px}.nav-link{font-size:13px;padding:12px 14px;min-height:42px}.resume-button{font-size:13px;padding:12px 16px;min-height:42px}}@media (max-width: 430px){.hero-section{padding:12px 16px 40px}.hero-grid{gap:28px}.large-text-top,.large-text-bottom{font-size:clamp(44px,14vw,60px);letter-spacing:-2px}.center-image-container{width:min(80vw,260px)}.name-label{font-size:11px;padding:5px 10px;right:-8px;top:20px}.intro-box{padding:18px 16px;border-radius:12px}.intro-text{font-size:13px;line-height:1.5}.what-i-do,.question-text{font-size:clamp(30px,10vw,40px);margin-bottom:14px}.description,.intro-description,.travel-description{font-size:13px;line-height:1.55;margin-bottom:20px}.intro-profile-card{margin-bottom:28px}.intro-name{font-size:28px}.intro-role,.intro-short-desc{font-size:12px}.stats{gap:16px;margin-bottom:22px}.stat-number{font-size:34px}.stat-label{font-size:11px}.company-logos{gap:7px}.company-logo{font-size:9px;padding:5px 10px}.travel-collage{height:260px}.travel-image-back{width:50%;height:200px}.travel-image-front{width:46%;height:215px}.scroll-indicator{margin-top:20px}.scroll-icon{width:42px;height:42px;font-size:18px}.scroll-text{font-size:14px}}@media (max-width: 430px){.projects-section{padding:32px 16px 56px}.projects-header{margin-bottom:28px}.projects-heading{font-size:clamp(36px,12vw,46px);letter-spacing:.5px}.projects-icon{font-size:clamp(32px,10vw,42px)}.projects-grid{gap:16px}.project-card{border-radius:14px;max-width:100%}.project-image,.project-image-placeholder{height:170px;border-radius:14px 14px 0 0}.project-content{padding:16px 14px}.project-category{font-size:8px;margin-bottom:4px}.project-title{font-size:17px;margin-bottom:6px}.project-description{font-size:12px;line-height:1.5;margin-bottom:8px}.project-technologies{gap:4px;margin-bottom:8px}.tech-tag{font-size:7px;padding:3px 6px}.project-button{font-size:10px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;text-align:center}}@media (max-width: 430px){.services-section{padding:32px 16px 56px}.services-header{margin-bottom:28px}.services-kicker{font-size:11px;letter-spacing:2px;margin-bottom:8px}.services-heading{font-size:clamp(36px,12vw,46px);letter-spacing:1.5px}.services-grid{gap:14px}.service-card{padding:18px 16px;border-radius:16px}.service-title{font-size:20px;margin-bottom:10px}.service-text{font-size:12px;line-height:1.55;margin-bottom:12px}.service-tags{gap:6px}.service-tag{font-size:9px;padding:5px 8px}}@media (max-width: 430px){.contact-section{padding:32px 16px 56px;background-color:#fbf8f1!important;opacity:1!important}.contact-header{margin-bottom:24px}.contact-kicker{font-size:11px;letter-spacing:2px;color:#ff5722!important;opacity:1!important}.contact-heading{font-size:clamp(36px,12vw,48px);letter-spacing:2px;color:#2d2d2d!important;opacity:1!important}.contact-description{font-size:13px;line-height:1.6;color:#4f4f4f!important;opacity:1!important}.contact-form{padding:18px 16px;border-radius:16px;gap:14px;background:#fff!important;border:2px solid rgba(45,45,45,.3)!important;box-shadow:0 8px 24px #2d2d2d1f!important;opacity:1!important}.contact-field label{font-size:11px;letter-spacing:1px;color:#2d2d2d!important;font-weight:800!important;opacity:1!important}.contact-field input,.contact-field textarea{padding:12px 13px;font-size:13px;border-radius:10px;background:#fff!important;color:#2d2d2d!important;border:1.5px solid rgba(45,45,45,.35)!important;opacity:1!important;-webkit-appearance:none!important;-webkit-text-fill-color:#2d2d2d!important}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#888!important;opacity:1!important;-webkit-text-fill-color:#888888!important}.contact-field textarea{min-height:120px}.contact-submit{padding:13px 24px;font-size:14px;border-radius:999px;background:#2d2d2d!important;color:#fff!important;opacity:1!important;-webkit-appearance:none!important}}.contact-field textarea{min-height:120px}.contact-submit{padding:13px 24px;font-size:14px;min-width:160px}.contact-success{padding:48px 20px;border-radius:16px}.contact-success-icon{width:64px;height:64px;font-size:30px}.contact-success-title{font-size:24px}.contact-success-desc{font-size:13px}.contact-success-btn{padding:12px 24px;font-size:13px}} @media (max-width: 430px){.footer-section{padding:20px 16px 14px;background:#2d2d2d!important;opacity:1!important}.footer-brand-row{padding:10px 10px 12px;gap:14px}.footer-brand-left{margin-left:0}.footer-brand-title{font-size:24px;color:#fff!important;opacity:1!important}.footer-brand-tagline{font-size:12px;display:none}.footer-social-btn{border:1px solid rgba(255,255,255,.18)!important;background:#ffffff0f!important;color:#a5a5a5!important;opacity:1!important;-webkit-appearance:none!important}.footer-social-btn:hover{border-color:#ffffff73!important;background:#ffffff1f!important;color:#fff!important}.footer-main{padding-top:0;margin-bottom:12px}.footer-center{min-height:60px}.footer-title-wrap{min-height:55px}.footer-title{font-size:clamp(38px,12vw,48px);letter-spacing:-1.5px;color:#fff!important;opacity:1!important}.footer-together{top:32px;font-size:clamp(28px,8.5vw,34px);color:#f05a2a!important;opacity:1!important}.footer-columns{gap:16px;padding:0;margin-top:8px}.footer-col{align-items:center;text-align:center}.footer-col-list{align-items:center}.footer-col-heading{font-size:10px;letter-spacing:1.5px;margin-bottom:8px;text-align:center;color:#fff!important;opacity:1!important}.footer-col-link,.footer-contact-item{font-size:13px;text-align:center;color:#a5a5a5!important;opacity:1!important}.footer-col-link:hover{color:#fff!important}.footer-contact-item{justify-content:center}.footer-contact-icon{color:#f05a2a!important;opacity:1!important}.footer-col-list{gap:7px}.footer-col-list li{display:flex;justify-content:center}.footer-contact-list{gap:9px}.footer-contact-icon svg{width:12px;height:12px}.footer-copyright{font-size:11px;padding:8px 8px 2px;margin-top:8px;color:#6b6b6b!important;opacity:1!important}}@media (max-width: 430px){.design-gallery-section{padding:40px 16px}.design-gallery-shell{gap:32px}.design-gallery-header{gap:10px}.design-gallery-title{min-height:90px}.design-word{font-size:clamp(52px,13vw,70px)}.gallery-word{font-size:clamp(36px,9vw,48px);top:38px;left:90px}.design-gallery-subtitle{font-size:14px}.design-gallery-content{gap:38px}.design-row-block{gap:14px}.row-badge{font-size:10px;letter-spacing:1.2px;padding:5px 12px}.mobile-gallery-row{gap:10px}.phone-mockup-frame{height:240px;padding:6px;border-radius:18px}.phone-notch{width:55px;height:11px;margin-bottom:4px}.phone-camera{width:6px;height:6px}.phone-speaker{width:28px;height:3px}.desktop-gallery-row{gap:14px}.desktop-screen-content{height:180px}.browser-top-bar{height:30px;padding:0 10px}.browser-dots{gap:5px}.dot{width:8px;height:8px}.browser-url-bar{font-size:10px;height:18px;max-width:200px}.card-glass-overlay{padding:10px 14px}.project-tag{font-size:9px}.project-name{font-size:13px}}@media (max-width: 430px){.services-modal-overlay{padding:10px}.services-modal-content{border-radius:18px;max-height:calc(100vh - 30px)}.services-modal-close{top:12px;right:12px;width:34px;height:34px}.services-modal-body{padding:28px 14px 20px;gap:20px}.services-modal-kicker{font-size:10px}.services-modal-title{font-size:22px;padding-right:28px}.services-modal-text-lead{font-size:12.5px;line-height:1.6;margin-bottom:18px}.services-modal-section-title{font-size:14px;margin-bottom:12px}.services-modal-capabilities{gap:10px}.capability-text{font-size:12px}.services-modal-right{padding:18px 16px;border-radius:14px}.services-modal-tech-list{gap:14px}.services-modal-tech-name{font-size:12px}.services-modal-tech-desc{font-size:11px;padding-left:12px}.services-modal-all-tags{gap:6px}.footer-modal-overlay{padding:12px}.footer-modal-content{border-radius:18px}.footer-modal-close{top:14px;right:14px;width:32px;height:32px}.footer-modal-body{padding:32px 20px 24px}.footer-modal-title{font-size:24px}.footer-modal-desc{font-size:12.5px}.footer-modal-action-btn{font-size:13px;padding:11px 20px}}@media (max-width: 375px){.header{padding:10px 14px}.hero-section{padding:10px 14px 36px}.large-text-top,.large-text-bottom{font-size:clamp(40px,13vw,54px)}.center-image-container{width:min(82vw,240px)}.what-i-do,.question-text{font-size:clamp(28px,9vw,36px)}.intro-name{font-size:26px}.stats{gap:14px}.stat-number{font-size:32px}.projects-heading,.services-heading,.contact-heading{font-size:clamp(32px,11vw,42px)}.footer-title{font-size:clamp(44px,14vw,54px)}.footer-together{font-size:clamp(32px,10vw,38px);top:48px}}@media (max-width: 320px){.header{padding:10px 12px}.mobile-menu-toggle{width:38px;height:38px}.mobile-menu-toggle span{width:14px}.nav{left:10px;right:10px;padding:10px;gap:6px}.nav-link,.resume-button{font-size:12px;padding:10px 12px;min-height:40px}.hero-section{padding:10px 12px 32px}.hero-grid{gap:24px}.large-text-top,.large-text-bottom{font-size:clamp(36px,12vw,48px);letter-spacing:-1.5px}.center-image-container{width:min(85vw,220px)}.name-label{font-size:10px;padding:4px 8px;right:-6px;top:16px}.intro-box{padding:16px 14px}.intro-text{font-size:12px}.what-i-do,.question-text{font-size:clamp(26px,9vw,34px);margin-bottom:12px}.intro-name{font-size:24px}.intro-role,.intro-short-desc,.intro-badge{font-size:11px}.description,.intro-description,.travel-description{font-size:12px;line-height:1.5}.stats{gap:12px;margin-bottom:20px}.stat-number{font-size:30px}.stat-label{font-size:10px}.company-logos{gap:6px}.company-logo{font-size:8px;padding:5px 8px}.travel-collage{height:240px}.travel-image-back{width:48%;height:180px}.travel-image-front{width:44%;height:195px}.scroll-indicator{margin-top:18px}.scroll-icon{width:40px;height:40px;font-size:16px}.scroll-text{font-size:13px}.projects-section,.services-section,.contact-section{padding:28px 12px 48px}.projects-heading,.services-heading,.contact-heading{font-size:clamp(28px,10vw,38px);letter-spacing:.5px}.projects-icon{font-size:clamp(26px,9vw,36px)}.projects-header,.services-header,.contact-header{margin-bottom:24px}.contact-kicker{color:#ff5722!important}.contact-heading{color:#2d2d2d!important}.contact-description{color:#4f4f4f!important}.projects-grid,.services-grid{gap:12px}.project-card,.service-card{border-radius:12px}.project-image,.project-image-placeholder{height:160px}.project-content{padding:14px 12px}.project-category{font-size:7px}.project-title{font-size:16px;margin-bottom:5px}.project-description{font-size:11px;line-height:1.45;margin-bottom:7px}.project-technologies{gap:3px;margin-bottom:7px}.tech-tag{font-size:6px;padding:2px 5px}.project-button{font-size:9px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.service-card{padding:16px 14px}.service-title{font-size:18px;margin-bottom:8px}.service-text{font-size:11px;line-height:1.5;margin-bottom:10px}.service-tags{gap:5px}.service-tag{font-size:8px;padding:4px 7px}.contact-kicker,.services-kicker{font-size:10px;letter-spacing:1.5px}.contact-form{padding:16px 14px;border-radius:14px;gap:12px;background:#fff!important;border:2px solid rgba(45,45,45,.3)!important;box-shadow:0 8px 24px #2d2d2d1f!important;opacity:1!important}.contact-field label{font-size:10px;color:#2d2d2d!important;font-weight:800!important;opacity:1!important}.contact-field input,.contact-field textarea{padding:11px 12px;font-size:12px;border-radius:8px;background:#fff!important;color:#2d2d2d!important;border:1.5px solid rgba(45,45,45,.35)!important;opacity:1!important;-webkit-appearance:none!important;-webkit-text-fill-color:#2d2d2d!important}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#888!important;opacity:1!important;-webkit-text-fill-color:#888888!important}.contact-field textarea{min-height:110px}.contact-submit{padding:12px 20px;font-size:13px;min-width:140px;background:#2d2d2d!important;color:#fff!important;opacity:1!important;-webkit-appearance:none!important}.footer-section{padding:18px 12px 12px;background:#2d2d2d!important;opacity:1!important}.footer-brand-row{padding:8px 8px 10px;gap:12px}.footer-brand-title{font-size:22px;color:#fff!important;opacity:1!important}.footer-brand-tagline{font-size:11px;display:none}.footer-social-btn{border:1px solid rgba(255,255,255,.18)!important;background:#ffffff0f!important;color:#a5a5a5!important;opacity:1!important;-webkit-appearance:none!important}.footer-social-btn:hover{border-color:#ffffff73!important;background:#ffffff1f!important;color:#fff!important}.footer-main{margin-bottom:10px}.footer-center{min-height:55px}.footer-title-wrap{min-height:50px}.footer-title{font-size:clamp(34px,10.5vw,42px);letter-spacing:-1.2px;color:#fff!important;opacity:1!important}.footer-together{top:30px;font-size:clamp(24px,7.5vw,30px);color:#f05a2a!important;opacity:1!important}.footer-together:before,.footer-together:after{display:none}.footer-columns{gap:14px;padding:0;margin-top:6px}.footer-col{align-items:center;text-align:center}.footer-col-list{align-items:center}.footer-col-heading{font-size:9px;letter-spacing:1.2px;margin-bottom:7px;text-align:center;color:#fff!important;opacity:1!important}.footer-col-link,.footer-contact-item{font-size:12px;text-align:center;color:#a5a5a5!important;opacity:1!important}.footer-col-link:hover{color:#fff!important}.footer-contact-item{justify-content:center}.footer-contact-icon{color:#f05a2a!important;opacity:1!important}.footer-col-list{gap:6px;list-style:none}.footer-col-list li{display:flex;justify-content:center}.footer-contact-list{gap:7px}.footer-copyright{font-size:10px;padding:7px 6px 2px;margin-top:6px;color:#6b6b6b!important;opacity:1!important}.design-gallery-section{padding:32px 12px}.design-word{font-size:clamp(46px,12vw,62px)}.gallery-word{font-size:clamp(30px,8vw,42px);top:32px;left:75px}.design-gallery-subtitle{font-size:12px}.phone-mockup-frame{height:220px;padding:5px;border-radius:16px}.desktop-screen-content{height:160px}.browser-top-bar{height:28px;padding:0 8px}.dot{width:7px;height:7px}.browser-url-bar{font-size:9px;height:16px;max-width:160px}.project-tag{font-size:8px}.project-name{font-size:12px}.services-modal-body{padding:24px 12px 18px;gap:18px}.services-modal-title{font-size:20px}.services-modal-text-lead{font-size:11.5px}.services-modal-section-title{font-size:13px}.capability-text{font-size:11px}.services-modal-right{padding:16px 14px}.services-modal-tech-name{font-size:11px}.services-modal-tech-desc{font-size:10px}.footer-modal-body{padding:28px 16px 20px}.footer-modal-title{font-size:22px}.footer-modal-desc{font-size:11.5px}.footer-modal-action-btn{font-size:12px;padding:10px 18px}}@media (max-width: 900px) and (orientation: landscape){.hero-section{padding:16px 28px 40px}.large-text-top,.large-text-bottom{font-size:clamp(48px,8vw,72px)}.center-image-container{width:min(40vw,280px)}.travel-collage{height:240px}.footer-title-wrap{min-height:100px}.footer-title{font-size:clamp(64px,9vw,86px)}.footer-together{font-size:clamp(48px,7vw,62px);top:64px}}@media (hover: none) and (pointer: coarse){.nav-link,.resume-button,.project-button,.contact-submit,.service-card,.footer-modal-action-btn,.back-button,.mobile-menu-toggle,.scroll-icon{min-height:44px;min-width:44px}.services-modal-close,.footer-modal-close{min-height:40px;min-width:40px}.nav{gap:12px}.footer-col-list{gap:14px}.project-technologies{gap:6px}.service-tags{gap:8px}}html,body{max-width:100%;overflow-x:hidden}.App,.hero-section,.projects-section,.services-section,.contact-section,.footer-section,.design-gallery-section{max-width:100vw;overflow-x:hidden}img{max-width:100%;height:auto}.project-image,.mobile-screen-img,.desktop-screen-img,.travel-image-back,.travel-image-front,.center-image{max-width:100%;object-fit:cover}.project-title,.service-title,.contact-heading,.footer-title,.services-modal-title,.footer-modal-title{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-description,.service-text,.contact-description,.intro-text,.description,.intro-description,.travel-description{overflow-wrap:break-word;word-wrap:break-word}@media (max-width: 768px){.reveal-left,.reveal-right,.reveal-up,.reveal-zoom,.anim-from-left,.anim-from-right,.anim-from-bottom{transition-duration:.5s}.services-modal-content,.footer-modal-content{will-change:transform,opacity}}@supports (padding: max(0px)){.header{padding-left:max(env(safe-area-inset-left),12px);padding-right:max(env(safe-area-inset-right),12px)}.hero-section,.projects-section,.services-section,.contact-section,.footer-section{padding-left:max(env(safe-area-inset-left),16px);padding-right:max(env(safe-area-inset-right),16px)}.nav{left:max(env(safe-area-inset-left),12px);right:max(env(safe-area-inset-right),12px)}}@media print{.header,.mobile-menu-toggle,.scroll-indicator,.back-button,.services-modal-overlay,.footer-modal-overlay{display:none!important}.hero-section,.projects-section,.services-section,.contact-section,.footer-section,.project-card,.service-card{page-break-inside:avoid}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbf8f1;color:#2d2d2d;overflow-x:hidden;max-width:100vw;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(240,90,42,.2)}#root{width:100%;min-height:100vh;overflow-x:hidden}.App{width:100%;min-height:100vh;position:relative;overflow-x:hidden}button,a{-webkit-tap-highlight-color:rgba(240,90,42,.2);touch-action:manipulation}input,textarea,select{font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}:focus-visible{outline:2px solid #ff5722;outline-offset:2px}:focus:not(:focus-visible){outline:none}