@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--beige);background-color:var(--darker-smoke);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,var(--darker-smoke) 0%,var(--dark-smoke) 100%);overflow-x:hidden;transition:background .3s ease;overscroll-behavior:none;overscroll-behavior-y:none}#root{width:100%;min-height:100vh;overscroll-behavior:none;overscroll-behavior-y:none}*{margin:0;padding:0;box-sizing:border-box}.fade-in-element{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.fade-in-element.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-in-element{opacity:1;transform:translateY(0);transition:none}}.fade-in-element.fade-in-delay-1{transition-delay:.1s}.fade-in-element.fade-in-delay-2{transition-delay:.2s}.fade-in-element.fade-in-delay-3{transition-delay:.3s}.fade-in-element.fade-in-delay-4{transition-delay:.4s}.fade-in-element.fade-in-delay-5{transition-delay:.5s}.fade-in-element.fade-in-delay-6{transition-delay:.6s}.fade-in-element.stagger-1{transition-delay:.1s}.fade-in-element.stagger-2{transition-delay:.2s}.fade-in-element.stagger-3{transition-delay:.3s}.fade-in-element.stagger-4{transition-delay:.4s}.fade-in-element.stagger-5{transition-delay:.5s}.fade-in-element.stagger-6{transition-delay:.6s}@media (max-width: 768px){.fade-in-element{transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.fade-in-element.fade-in-delay-1{transition-delay:.05s}.fade-in-element.fade-in-delay-2{transition-delay:.1s}.fade-in-element.fade-in-delay-3{transition-delay:.15s}.fade-in-element.fade-in-delay-4{transition-delay:.2s}.fade-in-element.fade-in-delay-5{transition-delay:.25s}.fade-in-element.fade-in-delay-6{transition-delay:.3s}.fade-in-element.stagger-1{transition-delay:.05s}.fade-in-element.stagger-2{transition-delay:.1s}.fade-in-element.stagger-3{transition-delay:.15s}.fade-in-element.stagger-4{transition-delay:.2s}.fade-in-element.stagger-5{transition-delay:.25s}.fade-in-element.stagger-6{transition-delay:.3s}}body{font-family:Poppins,sans-serif;background:#141312;color:#fff;overflow-x:hidden;transition:background .3s ease,color .3s ease;min-width:320px;overscroll-behavior:none;overscroll-behavior-y:none}.portfolio{min-height:100vh;background:#141312;position:relative;overscroll-behavior:none;overscroll-behavior-y:none}.orange-background{position:absolute;top:-200px;left:0;width:30vw;height:120vh;background-image:url(/assets/orange-bg-DuTaB9hP.png);background-size:contain;background-position:top left;background-repeat:no-repeat;z-index:1;display:none}@media (min-width: 1261px){.orange-background{display:block}}.nav-header{position:fixed;top:clamp(20px,3vw,40px);left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-header.visible{opacity:1;transform:translate(-50%) translateY(0)}.nav-header.hidden{opacity:0;transform:translate(-50%) translateY(-200px);pointer-events:none;visibility:hidden}.nav-container{display:flex;align-items:center;gap:clamp(12px,2vw,24px);background:#1b1a1999;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:clamp(8px,1.5vw,16px) clamp(16px,3vw,28px);border-radius:25px;border:1px solid rgba(255,255,255,.1)}.nav-icon{color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1vw,6px);border-radius:6px}.nav-icon:hover{color:#ff7344;background:#ff71301a;transform:scale(1.1)}.nav-icon svg{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px)}.contact-me-button{background:#ff7344;color:#fff;border:none;padding:clamp(8px,1.5vw,12px) clamp(16px,2.5vw,20px);border-radius:20px;font-size:clamp(12px,1.8vw,14px);font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;white-space:nowrap;position:relative;overflow:hidden}.contact-me-button .button-text-default{display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.contact-me-button .button-text-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-me-button:hover{background:#232323;color:#ff7344;transform:translateY(-2px);box-shadow:0 4px 12px #2323234d}.contact-me-button:hover .button-text-default{opacity:0;transform:translateY(-10px)}.contact-me-button:hover .button-text-hover{opacity:1;transform:translate(-50%,-50%)}.main-layout{display:flex;min-height:100vh;margin-top:clamp(60px,8vw,90px);width:100%;max-width:100vw;overflow-x:hidden;position:relative;z-index:2;overscroll-behavior:none;overscroll-behavior-y:none}.personal-card{width:clamp(280px,25vw,320px);height:clamp(500px,60vh,600px);position:fixed;left:clamp(80px,10vw,160px);top:50%;transform:translateY(-50%);z-index:100;max-height:calc(100vh - 80px);perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.personal-card.flipped .card-inner{transform:rotateY(-180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;box-shadow:0 8px 32px #0000004d;overflow:hidden}.card-front{background:#fff;padding:clamp(15px,2.5vw,30px);display:flex;flex-direction:column;justify-content:center}.card-back{background-image:url(/assets/profile-card-back-CelL-c2V.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform:rotateY(-180deg);display:flex;align-items:center;justify-content:center;z-index:5}.back-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:10}.profile-section{text-align:center;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.profile-image-container{width:100%;max-width:320px;height:350px;margin:20px auto 15px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.profile-image{width:100%;height:100%;object-fit:cover;object-position:center 0%;border-radius:12px;display:block}.profile-name{font-size:22px;font-weight:700;color:#000;margin-bottom:12px;line-height:1.2;letter-spacing:-.5px}.profile-bio{font-size:11px;color:#444;margin-bottom:10px;line-height:1.3;font-weight:400;letter-spacing:.1px}.social-icons-container{display:flex;justify-content:center;gap:20px;align-items:center}.linkedin-icon{width:50px;height:50px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;text-decoration:none;z-index:10;position:relative}.linkedin-icon:hover{transform:scale(1.1)}.linkedin-icon svg{transition:transform .3s ease}.linkedin-icon:hover svg{transform:scale(1.1)}.email-icon{width:50px;height:50px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;text-decoration:none;z-index:10;position:relative}.email-icon:hover{transform:scale(1.1)}.email-icon svg{transition:transform .3s ease}.email-icon:hover svg{transform:scale(1.1)}.content-area{flex:1;margin-left:clamp(400px,35vw,560px);padding:clamp(80px,8vw,140px) clamp(40px,8vw,140px) 60px clamp(20px,3vw,40px);overflow-y:auto;max-height:100vh;position:relative;overscroll-behavior:none;overscroll-behavior-y:none}.hero-section{margin-bottom:80px;position:relative;overflow:hidden}.hero-title{font-size:clamp(1.8rem,5vw,3.8rem);font-weight:900;line-height:.9;margin-bottom:30px;position:relative;z-index:2;letter-spacing:-1px}.title-white{color:#fff;font-size:clamp(2.2rem,8vw,5.8rem);letter-spacing:clamp(.3px,1.5vw,2px);line-height:clamp(1.8rem,7vw,5.3rem);font-weight:800}.title-gray{color:#999;opacity:.2;font-size:clamp(2.2rem,8vw,5.8rem);letter-spacing:clamp(.3px,1.5vw,2px);line-height:clamp(1.8rem,7vw,5.3rem);font-weight:800}.hero-description{font-size:clamp(.9375rem,2.2vw,1.0625rem);color:#ccc;opacity:.6;margin-bottom:clamp(30px,4vw,50px);line-height:1.4;max-width:clamp(300px,50vw,600px);position:relative;z-index:2;font-weight:400;letter-spacing:.2px}.metrics{display:flex;gap:clamp(20px,4vw,40px);flex-wrap:wrap;position:relative;z-index:2}.metric-container{background:#ffffff08;border-radius:8px;padding:20px;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:120px;position:relative;overflow:hidden}.metric-container:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF7344 30%,#FF8A65 50%,#FF7344 70%,transparent 100%);box-shadow:0 0 8px #ff734499,0 0 16px #ff73444d;opacity:.8;transition:opacity .3s ease}.metric-container:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:120%;height:40px;background:radial-gradient(ellipse at center,rgba(255,115,68,.15) 0%,rgba(255,115,68,.08) 30%,rgba(255,115,68,.03) 60%,transparent 100%);border-radius:50%;filter:blur(8px);z-index:-1;transition:all .3s ease}.metric-container:hover:before{background:radial-gradient(ellipse at center,rgba(255,115,68,.25) 0%,rgba(255,115,68,.15) 30%,rgba(255,115,68,.08) 60%,transparent 100%);filter:blur(12px);transform:translate(-50%) scale(1.1)}.metric{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;justify-content:flex-start}.metric-number{font-size:60px;font-weight:600;color:#ff7344;letter-spacing:-1px;line-height:.8;text-align:left}.metric-label{font-size:clamp(.6875rem,1.2vw,.8125rem);color:#ff7344;opacity:.9;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;max-width:clamp(75px,12.5vw,150px);text-align:left}.skills-section{display:flex;gap:30px;margin-bottom:80px;flex-wrap:wrap}.skill-card{flex:1;min-width:300px;height:200px;border-radius:12px;padding:30px;position:relative;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .3s ease;overflow:hidden}.skill-card:hover{transform:translateY(-5px)}.skill-card-orange,.skill-card-lime{background:#ff7344}.skill-icon{font-size:32px;color:#fff;margin-bottom:20px}.skill-card h3{font-size:16px;color:#fff;font-weight:700;letter-spacing:.8px;line-height:1.4;text-transform:uppercase}.skill-arrow{position:absolute;bottom:20px;right:20px;width:30px;height:30px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}.section-title{font-size:clamp(1.8rem,5vw,3.8rem);font-weight:900;margin-bottom:30px;line-height:.9;position:relative;z-index:2;letter-spacing:-1px}.projects-section{margin-bottom:80px}.projects-list{display:flex;flex-direction:column;gap:50px}.project-item{display:flex;align-items:center;gap:45px;padding:0;background:transparent;border-radius:0;position:relative;overflow:visible}.project-shape-container{flex-shrink:0;width:300px;height:200px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0000004d}.project-shape{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.placeholder-image{display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s ease}.project-shape:hover .placeholder-image{opacity:1}.project-image-container{width:100%;height:100%;background-color:#1b1a19;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;position:relative}.project-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease,opacity .3s ease;border-radius:12px}.project-shape:hover .project-image{transform:scale(1.05);opacity:.9}.project-item:nth-child(2):hover .project-image,.project-item:nth-child(3):hover .project-image,.project-item:nth-child(4):hover .project-image{transform:scale(1)}.project-item:nth-child(1) .project-image{transform:scale(1.1)}.project-item:nth-child(6) .project-image{transform:scale(1.2)}.project-item:nth-child(5) .project-image{object-position:70% center;transform:scale(1.15)}.project-content{flex:1;display:flex;align-items:center;gap:20px}.project-info{flex:1}.project-title{font-size:clamp(1.35rem,2.7vw,1.85rem);font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.5px;line-height:1.2}.project-description{font-size:clamp(.8125rem,1.5vw,.9375rem);color:#ccc;font-weight:400;letter-spacing:.2px;opacity:.8;margin-bottom:20px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-tag{background:#ff73441a;border:none;color:#ff7344;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:.3px;cursor:default;transition:all .3s ease;white-space:nowrap}.project-tag:hover{background:#ff734433;transform:translateY(-1px)}.view-all-container{display:flex;justify-content:flex-end;margin-top:40px}.view-all-button{background:transparent;border:none;color:#ff7344;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.view-all-button:hover{background:#ff73441a}.view-all-button svg{width:16px;height:16px;transition:all .3s ease}.experience-section{margin-bottom:80px}.experience-list{display:flex;flex-direction:column;gap:8px}.experience-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.experience-item:hover{transform:translateY(-2px)}.experience-info{flex:1;max-width:calc(100% - 40px)}.experience-position{font-size:clamp(1.25rem,3.5vw,1.875rem);font-weight:600;color:#fff;margin-bottom:16px;letter-spacing:-.8px;line-height:1.1}.experience-company{font-size:clamp(.875rem,2vw,1rem);color:#ff7344;line-height:1.6;margin-bottom:16px;font-weight:600;letter-spacing:.2px;opacity:.9}.experience-description{font-size:clamp(.875rem,2vw,1rem);color:#ccc;line-height:1.6;margin-bottom:16px;font-weight:400;letter-spacing:.2px;opacity:.9}.experience-period{font-size:clamp(.625rem,1.5vw,.75rem);color:#999;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.experience-arrow{color:#ff7344;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff73441a;border-radius:50%;transition:all .3s ease;flex-shrink:0}.experience-arrow:hover{background:#ff734433;transform:scale(1.1)}.experience-arrow svg{width:16px;height:16px}@media (min-width: 1500px) and (max-width: 1599px){.main-layout{margin-top:50px}}@media (min-width: 1261px){.view-all-button svg{width:20px;height:20px}}@media (min-width: 1600px){.main-layout{margin-top:50px}.personal-card{width:320px;left:200px}.content-area{margin-left:600px;padding:160px 160px 60px 50px}.view-all-button svg{width:22px;height:22px}}@media (min-width: 1400px) and (max-width: 1500px){.main-layout{margin-top:clamp(40px,4vw,60px)}}@media (max-width: 1400px){.main-layout{margin-top:clamp(45px,5vw,70px)}.personal-card{width:clamp(260px,22vw,300px);left:clamp(60px,8vw,140px)}.content-area{margin-left:clamp(350px,30vw,460px);padding:clamp(80px,8vw,140px) clamp(60px,6vw,120px) 60px clamp(20px,2vw,30px)}}@media (max-width: 1200px){.main-layout{margin-top:clamp(40px,4vw,65px)}.personal-card{width:clamp(240px,20vw,280px);left:clamp(40px,6vw,120px)}.content-area{margin-left:clamp(300px,25vw,420px);padding:clamp(60px,6vw,120px) clamp(40px,4vw,100px) 60px clamp(15px,2vw,25px)}}@media (max-width: 1260px){.main-layout{flex-direction:column;margin-top:clamp(80px,12vw,120px)}.personal-card{position:relative;width:calc(100% - clamp(80px,15vw,120px));height:clamp(450px,55vh,550px);margin:clamp(10px,2vw,20px) auto 0;left:auto;top:auto;transform:none;order:1}.card-front{padding:clamp(15px,2.5vw,25px) clamp(12px,1.5vw,16px)}.profile-image-container{height:400px;margin:15px auto 12px}.content-area{margin-left:0;padding:clamp(15px,2vw,20px) clamp(30px,5vw,50px) 60px clamp(30px,5vw,50px);order:2;max-height:none;overflow-y:visible}.metrics{gap:clamp(15px,3vw,30px);flex-direction:row;flex-wrap:wrap}.metric-container{padding:20px}.skills-section{flex-direction:column;gap:clamp(15px,2vw,20px)}.skill-card{min-width:auto;height:clamp(140px,20vh,160px)}.project-item:nth-child(1) .project-image{transform:scale(1.3)}.project-item:nth-child(6) .project-image{transform:scale(1.4)}}@media (max-width: 900px){.main-layout{flex-direction:column;margin-top:clamp(80px,12vw,120px)}.personal-card{position:relative;width:calc(100% - clamp(80px,15vw,120px));height:clamp(450px,55vh,550px);margin:clamp(10px,2vw,20px) auto 0;left:auto;top:auto;transform:none;order:1}.card-front{padding:clamp(15px,2.5vw,25px) clamp(12px,1.5vw,16px)}.profile-image-container{height:400px;margin:15px auto 12px}.content-area{margin-left:0;padding:clamp(15px,2vw,20px) clamp(30px,5vw,50px) 60px clamp(30px,5vw,50px);order:2;max-height:none;overflow-y:visible}.metrics{gap:clamp(15px,3vw,30px);flex-direction:row;flex-wrap:wrap}.skills-section{flex-direction:column;gap:clamp(15px,2vw,20px)}.skill-card{min-width:auto;height:clamp(140px,20vh,160px)}}@media (max-width: 768px){.main-layout{flex-direction:column;min-height:auto;margin-top:clamp(70px,10vw,100px)}.hero-title{font-size:clamp(2rem,6vw,3.2rem);margin-bottom:clamp(20px,4vw,30px)}.title-white,.title-gray{font-size:clamp(2.5rem,8vw,4.5rem);line-height:clamp(2rem,7vw,4rem);letter-spacing:clamp(.3px,1.2vw,1.8px)}.section-title{font-size:clamp(2rem,6vw,3.2rem);margin-bottom:clamp(20px,4vw,30px)}.personal-card{position:relative;width:calc(100% - clamp(60px,12vw,100px));height:clamp(400px,50vh,500px);margin:clamp(10px,2vw,20px) auto 0;left:auto;top:auto;transform:none;order:1}.card-front{padding:clamp(15px,2.5vw,25px) clamp(12px,1.5vw,16px)}.profile-image-container{height:380px;margin:15px auto 12px}.content-area{margin-left:0;padding:clamp(15px,2vw,20px) clamp(25px,4vw,40px) 60px clamp(25px,4vw,40px);order:2;max-height:none;overflow-y:visible}.metrics{gap:clamp(8px,2vw,15px);flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}.metric-container{padding:clamp(12px,2vw,16px);flex:1;min-width:0;min-height:clamp(80px,15vh,100px)}.metric-number{font-size:clamp(24px,6vw,36px)}.metric-label{font-size:clamp(.5rem,1.8vw,.65rem);letter-spacing:.8px;line-height:1.2}.metric{margin-bottom:clamp(10px,2vw,20px)}.skills-section{flex-direction:column;gap:clamp(15px,2vw,20px);margin-bottom:clamp(40px,6vw,60px)}.skill-card{min-width:auto;height:clamp(120px,18vh,150px);padding:clamp(15px,2vw,20px)}.nav-container{gap:clamp(10px,2vw,15px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px)}.nav-icon{padding:clamp(3px,1vw,4px)}.nav-icon svg{width:clamp(12px,2vw,14px);height:clamp(12px,2vw,14px)}.contact-me-button{padding:clamp(6px,1.2vw,8px) clamp(12px,2vw,16px);font-size:clamp(10px,1.5vw,12px);border-radius:16px}.hero-section,.projects-section{margin-bottom:clamp(40px,6vw,60px)}.projects-list{gap:clamp(35px,7vw,50px)}.experience-section{margin-bottom:clamp(40px,6vw,60px)}.project-item{gap:clamp(35px,5vw,45px)}.project-shape-container{width:clamp(250px,40vw,300px);height:clamp(160px,25vw,200px)}.project-title{font-size:clamp(1.25rem,3vw,1.75rem)}.project-description{font-size:clamp(.8125rem,1.8vw,.9375rem)}.project-tags{gap:6px;margin-top:12px}.project-tag{padding:6px 10px;font-size:11px}.view-all-container{margin-top:clamp(30px,5vw,40px)}.view-all-button{padding:clamp(10px,2vw,12px) clamp(16px,3vw,20px);font-size:clamp(12px,2.5vw,14px)}}@media (max-width: 480px){.main-layout{margin-top:clamp(60px,8vw,90px)}.hero-title{font-size:clamp(1.8rem,5.5vw,2.8rem);margin-bottom:clamp(15px,3vw,25px)}.title-white,.title-gray{font-size:clamp(2.2rem,7.5vw,3.8rem);line-height:clamp(1.8rem,6.5vw,3.5rem);letter-spacing:clamp(.2px,1vw,1.5px)}.section-title{font-size:clamp(1.8rem,5.5vw,2.8rem);margin-bottom:clamp(15px,3vw,25px)}.personal-card{width:calc(100% - clamp(40px,8vw,80px));height:clamp(350px,45vh,450px);margin:clamp(5px,1vw,10px) auto 0}.card-front{padding:clamp(12px,1.5vw,16px) clamp(8px,1.5vw,12px)}.profile-image-container{height:320px;margin:12px auto 10px}.content-area{padding:clamp(10px,2vw,15px) clamp(20px,4vw,30px) clamp(30px,4vw,40px) clamp(20px,4vw,30px)}.metrics{gap:clamp(6px,1.5vw,12px);flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}.metric-container{padding:clamp(10px,1.8vw,14px);flex:1;min-width:0;min-height:clamp(70px,12vh,90px)}.metric-number{font-size:clamp(20px,5vw,30px)}.metric-label{font-size:clamp(.45rem,1.6vw,.6rem);letter-spacing:.6px;line-height:1.1}.profile-name{font-size:clamp(.9rem,3vw,1.1rem);margin-bottom:clamp(6px,1vw,8px)}.profile-bio{font-size:clamp(.6rem,2vw,.75rem);margin-bottom:clamp(8px,1.5vw,12px)}.profile-image-container{width:clamp(180px,28vw,220px);height:clamp(200px,30vw,240px);margin:0 auto clamp(10px,1.5vw,15px)}.profile-image{object-position:center 0%}.social-icons-container{gap:clamp(15px,3vw,20px)}.linkedin-icon,.email-icon{width:clamp(40px,8vw,50px);height:clamp(40px,8vw,50px)}.nav-container{gap:clamp(8px,2vw,12px);padding:clamp(4px,1vw,6px) clamp(8px,2vw,12px)}.nav-icon{padding:clamp(3px,1vw,4px)}.nav-icon svg{width:clamp(10px,2vw,14px);height:clamp(10px,2vw,14px)}.contact-me-button{padding:clamp(5px,1vw,7px) clamp(10px,1.8vw,14px);font-size:clamp(9px,1.3vw,11px);border-radius:14px}.skill-card{height:clamp(110px,16vh,130px);padding:clamp(12px,2vw,15px)}.skill-card h3{font-size:clamp(.75rem,2.5vw,.875rem)}.project-item{flex-direction:column;gap:clamp(20px,4vw,30px);padding:0}.project-shape-container{width:100%;max-width:300px;height:clamp(150px,30vw,200px)}.project-content{flex-direction:column;align-items:flex-start;gap:clamp(15px,3vw,20px)}.project-title{font-size:clamp(1.25rem,4vw,1.5rem)}.project-description{font-size:clamp(.75rem,2.2vw,.875rem)}.project-tags{gap:5px;margin-top:10px}.project-tag{padding:5px 8px;font-size:10px}.projects-list{gap:clamp(30px,6vw,45px)}.view-all-container{margin-top:clamp(25px,4vw,35px)}.view-all-button{padding:clamp(8px,1.5vw,10px) clamp(12px,2.5vw,16px);font-size:clamp(11px,2vw,12px)}.experience-item{padding:clamp(15px,2vw,20px) 0;gap:clamp(15px,3vw,20px)}.experience-company{font-size:clamp(.875rem,2vw,1rem)}.experience-description{font-size:clamp(.875rem,2.5vw,1rem)}.experience-arrow{width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px)}.experience-arrow svg{width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px)}}@media (max-width: 360px){.main-layout{margin-top:clamp(55px,7vw,80px)}.hero-title{font-size:clamp(1.6rem,5vw,2.5rem);margin-bottom:clamp(12px,2.5vw,20px)}.title-white,.title-gray{font-size:clamp(2rem,6.5vw,3.2rem);line-height:clamp(1.6rem,5.5vw,2.8rem);letter-spacing:clamp(.2px,.8vw,1.2px)}.section-title{font-size:clamp(1.6rem,5vw,2.5rem);margin-bottom:clamp(12px,2.5vw,20px)}.personal-card{width:calc(100% - clamp(30px,6vw,60px));height:clamp(320px,40vh,400px);margin:clamp(3px,1vw,5px) auto 0}.card-front{padding:clamp(8px,1.5vw,12px) clamp(6px,.8vw,8px)}.profile-image-container{height:280px;margin:10px auto 8px}.content-area{padding:clamp(8px,1vw,10px) clamp(15px,3vw,25px) clamp(20px,3vw,30px) clamp(15px,3vw,25px)}.metrics{gap:clamp(4px,1vw,8px);flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}.metric-container{padding:clamp(8px,1.5vw,12px);flex:1;min-width:0;min-height:clamp(60px,10vh,80px)}.metric-number{font-size:clamp(18px,4.5vw,26px)}.metric-label{font-size:clamp(.4rem,1.4vw,.55rem);letter-spacing:.5px;line-height:1}.profile-name{font-size:clamp(.8rem,2.5vw,1rem)}.profile-image-container{width:clamp(160px,25vw,180px);height:clamp(180px,28vw,200px)}.profile-image{object-position:center 0%}.nav-container{gap:clamp(6px,1vw,8px);padding:clamp(3px,1vw,4px) clamp(6px,1vw,8px)}.nav-icon svg{width:clamp(10px,2vw,12px);height:clamp(10px,2vw,12px)}.contact-me-button{padding:clamp(4px,.8vw,6px) clamp(8px,1.5vw,12px);font-size:clamp(8px,1.2vw,10px);border-radius:12px}.experience-item{padding:clamp(10px,1.5vw,15px) 0;gap:clamp(10px,2vw,15px)}.experience-company{font-size:clamp(.875rem,2vw,1rem)}.experience-description{font-size:clamp(.8125rem,2.2vw,.9375rem)}.experience-arrow{width:clamp(24px,5vw,28px);height:clamp(24px,5vw,28px)}.experience-arrow svg{width:clamp(12px,2.5vw,14px);height:clamp(12px,2.5vw,14px)}}