@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,600&family=Just+Another+Hand&display=swap";:root{--bg-primary: #F7F7F7;--text-primary: #1A1A1A;--text-secondary: #666666;--accent-orange: #FF751A;--accent-blue: #2E7BFF;--accent-green: #27C372;--card-bg: #FFFFFF;--border-color: rgba(0, 0, 0, .05);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-cursive: "Just Another Hand", cursive;--transition-smooth: all .6s cubic-bezier(.23, 1, .32, 1)}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(20px);transition:all .8s cubic-bezier(.22,1,.36,1)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-spread{opacity:0;transform:scale(.95);transition:all 1s cubic-bezier(.22,1,.36,1)}.reveal-spread.active{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.reveal-slow{transition-duration:1.2s}body.loaded .hero-reveal{opacity:1!important;transform:translateY(0)!important}.hero-reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.22,1,.36,1)}.service-card.reveal{transition:all 1s cubic-bezier(.34,1.56,.64,1)}.skills-grid.active .skill-card:nth-child(1){transition-delay:.1s}.skills-grid.active .skill-card:nth-child(2){transition-delay:.3s}.skills-grid.active .skill-card:nth-child(3){transition-delay:.5s}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:.02;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/pinstriped-suit.png);z-index:9999}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1.1rem 2.25rem;border-radius:100px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;font-size:1rem}.btn-primary{background:var(--text-primary);color:#fff;border:none;box-shadow:0 6px 20px #0003,inset 0 1px 1px #ffffff40,inset 0 -3px #0000004d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00000040,inset 0 1px 1px #ffffff4d,inset 0 -3px #0000004d}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 4px 15px #0000000a,inset 0 -2px #00000005,inset 0 1px #fffc}.btn-secondary:hover{background:#fafafa;transform:translateY(-2px);box-shadow:0 8px 25px #00000014,inset 0 -2px #00000005,inset 0 1px #fffc}.header{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:calc(100% - 4rem);max-width:1200px;z-index:2500;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.profile-chip{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem .6rem .6rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;border:1px solid var(--border-color);text-decoration:none;color:inherit;pointer-events:auto;box-shadow:0 4px 15px #00000005}.header-right{display:flex;align-items:center;gap:1rem;pointer-events:auto}.btn-resume{display:flex;align-items:center;justify-content:center;height:60px;padding:0 1.75rem;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:100px;border:1px solid var(--border-color);text-decoration:none;font-weight:600;font-size:.9rem;color:var(--text-primary);transition:var(--transition-smooth);box-shadow:0 4px 15px #00000005}.btn-resume:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0000000d}.menu-trigger{width:60px;height:60px;border-radius:50%;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s cubic-bezier(.23,1,.32,1);font-size:1.25rem;box-shadow:0 4px 15px #00000005}.menu-trigger:hover{transform:scale(1.05);background:#fff;box-shadow:0 8px 25px #00000014;border-color:#0000001a}.menu-trigger:active{transform:scale(.95);background:#f5f5f5}.profile-chip img{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:700;font-size:1rem}.profile-role{font-size:.8rem;color:var(--text-secondary)}.hero{padding:10rem 0 0;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-content{z-index:5;margin-bottom:4rem;position:relative}.section-subtitle{font-family:var(--font-cursive);font-weight:400;font-size:2.25rem;display:block;color:var(--text-secondary);opacity:.9;transform:rotate(-3deg);margin-bottom:2.25rem;pointer-events:none;transition:none!important}.hero-badge{display:inline-block}.hero-floating-tools{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.floating-tool{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.03);transition:transform .8s cubic-bezier(.165,.84,.44,1);will-change:transform}.floating-tool img{width:60%;height:60%;object-fit:contain;opacity:.9}.floating-tool i{font-size:1.8rem;color:#333}.floating-tool .tool-logo-orbital{font-size:2.2rem;color:#000}.floating-tool.depth-1{width:40px;height:40px;border-radius:10px;filter:blur(2.5px);opacity:1}.floating-tool.depth-2{width:60px;height:60px;border-radius:14px;filter:blur(1px);opacity:1}.floating-tool.depth-3{width:90px;height:90px;border-radius:18px;filter:blur(0);opacity:1}.floating-tool.depth-4{width:120px;height:120px;border-radius:24px;filter:blur(0);opacity:1}.hero h1{font-size:clamp(4rem,12vw,8rem);font-weight:800;line-height:.9;margin-bottom:2.5rem;letter-spacing:-.04em}.hero-btns{display:flex;gap:1rem;justify-content:center}.hero-cards-wrapper{display:flex;justify-content:center;gap:1.5rem;margin-top:4rem;padding-top:4rem;padding-bottom:6rem}.hero-cards-wrapper .service-card{width:300px;aspect-ratio:1 / 1;flex-shrink:0;box-shadow:15px 25px 50px #00000014;background:#fff;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;border-radius:24px}.hero-cards-wrapper .service-card h3{font-size:1.75rem;line-height:1.1;margin:0}.hero-cards-wrapper .service-card:nth-child(1){transform:rotate(-6deg) translateY(30px);z-index:2;position:relative}.hero-cards-wrapper .service-card:nth-child(2){transform:translateY(-10px);z-index:10;position:relative}.hero-cards-wrapper .service-card:nth-child(3){transform:rotate(6deg) translateY(30px);z-index:2;position:relative}.card-tools{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.tool-dot{position:absolute;width:72px;height:72px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5) translate(0);transition:opacity .4s ease,transform .6s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(0,0,0,.03)}.tool-dot img{width:100%;height:100%;object-fit:contain}.service-card:nth-child(1) .tool-dot{top:0;left:0}.service-card:nth-child(1):hover .tool-dot:nth-child(1),.service-card:nth-child(1).active-mobile .tool-dot:nth-child(1){opacity:1;transform:scale(1) translate(-100px,-20px) rotate(-15deg)}.service-card:nth-child(1):hover .tool-dot:nth-child(2),.service-card:nth-child(1).active-mobile .tool-dot:nth-child(2){opacity:1;transform:scale(1) translate(-80px,-110px) rotate(-5deg)}.service-card:nth-child(1):hover .tool-dot:nth-child(3),.service-card:nth-child(1).active-mobile .tool-dot:nth-child(3){opacity:1;transform:scale(1) translate(20px,-165px) rotate(15deg)}.service-card:nth-child(2) .tool-dot{top:0;left:0}.service-card:nth-child(2) .tool-dot:nth-child(1){transition-delay:.1s}.service-card:nth-child(2):hover .tool-dot:nth-child(1),.service-card:nth-child(2).active-mobile .tool-dot:nth-child(1){opacity:1;transform:scale(1) translate(-25px,-120px)}.service-card:nth-child(3) .tool-dot{top:0;right:0;left:auto}.service-card:nth-child(3) .tool-dot:nth-child(1){transition-delay:.1s}.service-card:nth-child(3) .tool-dot:nth-child(2){transition-delay:.15s}.service-card:nth-child(3) .tool-dot:nth-child(3){transition-delay:.2s}.service-card:nth-child(3):hover .tool-dot:nth-child(1),.service-card:nth-child(3).active-mobile .tool-dot:nth-child(1){opacity:1;transform:scale(1) translate(100px,-20px) rotate(15deg)}.service-card:nth-child(3):hover .tool-dot:nth-child(2),.service-card:nth-child(3).active-mobile .tool-dot:nth-child(2){opacity:1;transform:scale(1) translate(80px,-110px) rotate(5deg)}.service-card:hover .tool-dot:nth-child(3),.service-card.active-mobile .tool-dot:nth-child(3){opacity:1;transform:scale(1) translate(-20px,-165px) rotate(-15deg)}.service-card.active-mobile{transform:translateY(-10px) rotate(0)!important;z-index:100!important}.service-card.active-mobile .tool-dot{opacity:1}.hero-cards-wrapper .service-card{transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease,z-index 0s}.hero-cards-wrapper .service-card:hover,.hero-cards-wrapper .service-card.active-mobile{z-index:100!important;transform:translateY(-20px) rotate(0)!important}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:4rem 0}.service-card{position:relative;background:var(--card-bg);padding:3rem 2rem;border-radius:32px;text-align:center;border:1px solid rgba(0,0,0,.03);transition:var(--transition-smooth);box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 6px #0000000a,0 8px 30px #0000000a}.service-card:hover{transform:translateY(-8px);box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 6px #0000000a,0 25px 50px #00000014}.card-icon{width:72px;height:72px;border-radius:22px;margin:0 auto 2.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #00000026,inset 0 -4px 6px #0000001a,inset 0 4px 6px #ffffff40;transition:var(--transition-smooth)}.card-icon i{font-size:2.5rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.about-stats .service-card h3{font-size:3rem;margin-bottom:0}.card-orange{border-top:4px solid var(--accent-orange)}.card-orange .card-icon{background:var(--accent-orange)}.card-blue{border-top:4px solid var(--accent-blue)}.card-blue .card-icon{background:var(--accent-blue)}.card-green{border-top:4px solid var(--accent-green)}.card-green .card-icon{background:var(--accent-green)}.projects-section{padding-top:8rem;padding-bottom:8rem;text-align:center}.projects-section h2{font-size:4rem;font-weight:700;margin-bottom:3rem;line-height:1;text-align:center;position:relative;letter-spacing:-.04em}.projects-header-split{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem;margin-bottom:5rem;text-align:left}.header-left{flex:0 0 40%}.projects-section h2{text-align:left;margin-bottom:0}.skills-pills-container{flex:1;display:flex;flex-direction:column;gap:2rem}.pill-category h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;text-align:left}.pill-grid{display:flex;flex-wrap:wrap;gap:.8rem}.pill-item{display:inline-flex;align-items:center;gap:.75rem;padding:.4rem 1.25rem .4rem .4rem;background:#fff;border-radius:100px;font-weight:500;font-size:.95rem;color:var(--text-primary);border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:inset 0 1.5px 2px #fffc,inset 0 -1.5px 4px #00000008,0 4px 15px #0000000a}.pill-item:hover{transform:translateY(-3px);box-shadow:inset 0 1.5px 2px #fffc,inset 0 -1.5px 4px #00000008,0 8px 20px #00000014}.pill-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:inset 0 2px 3px #fff6,inset 0 -2px 5px #00000026,0 4px 8px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pill-item.orange .pill-icon{background:var(--accent-orange);background:linear-gradient(135deg,#FFAB70 0%,var(--accent-orange) 100%)}.pill-item.blue .pill-icon{background:var(--accent-blue);background:linear-gradient(135deg,#6699FF 0%,var(--accent-blue) 100%)}.pill-item.green .pill-icon{background:var(--accent-green);background:linear-gradient(135deg,#66E0A3 0%,var(--accent-green) 100%)}@media(max-width:1024px){.projects-header-split{flex-direction:column;gap:3rem}.header-left{flex:auto;width:100%;text-align:center}.projects-section h2,.skills-header h2{font-size:2.5rem;line-height:1.1;text-align:center;margin-bottom:2rem}.skills-pills-container{width:100%}.pill-grid{justify-content:center}.pill-category h4{text-align:center}.pill-item{gap:.5rem;padding:.3rem .8rem .3rem .3rem;font-size:.75rem}.pill-icon{width:24px;height:24px;font-size:.8rem}}.works-header-title{margin:10rem 0 6rem;text-align:center}.works-title{font-size:6rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1}@media(max-width:768px){.works-title{font-size:3.5rem}.works-header-title{margin:6rem 0 3rem}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem}.project-card{text-decoration:none;display:flex;flex-direction:column;aspect-ratio:4 / 3;border-radius:40px;padding:1.5rem 1.5rem 0;transition:var(--transition-smooth);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 6px #0000001a,0 10px 40px #00000026}.project-card:hover{cursor:none}.project-image-container{width:100%;flex-grow:1;border-radius:24px;overflow:hidden;background:#ffffff1a;margin-bottom:1.5rem;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image-container,.project-card.active-mobile .project-image-container{margin-bottom:0}.project-image-container img{width:160%;height:160%;object-fit:cover;object-position:top left;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.project-card:hover .project-image-container img,.project-card.active-mobile .project-image-container img{width:100%;height:100%;object-position:center top}.project-footer{display:flex;justify-content:space-between;align-items:center;padding-top:0;height:0;opacity:0;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);flex-shrink:0}.project-card:hover .project-footer,.project-card.active-mobile .project-footer{height:calc(60px + 1.5rem);opacity:1;padding-top:1rem;padding-bottom:1.5rem}.project-name{background:#fff;color:#1a1a1a;padding:.5rem 1.25rem;border-radius:100px;font-size:.9rem;font-weight:600}.project-tag{background:#fff;color:#1a1a1a;padding:.5rem 1rem;border-radius:100px;font-size:.85rem;font-weight:500}.p-grit{background-color:#0a4fff}.p-calmly{background-color:#671a3c}.p-rick{background-color:#aff42b}.p-ashford{background-color:#b12023}.p-mindspring{background-color:#ffa947}.p-cipher{background-color:#ffd900}.project-badge{position:absolute;width:140px;height:140px;z-index:50;pointer-events:none;opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .4s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center}.project-card:hover .project-badge{opacity:1;transform:scale(1)}.badge-circle{position:absolute;width:100%;height:100%;animation:rotateBadge 12s linear infinite}.badge-circle svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.badge-circle path{fill:none}.badge-circle text{font-family:var(--font-main);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:2px}.badge-icon{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.5rem;box-shadow:0 4px 15px #0003;z-index:2}.project-badge.locked .badge-icon{background:#f0f0f0;color:#999}.project-badge.locked .badge-circle text{fill:#fff}.project-badge:before{content:"";position:absolute;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;z-index:0}@keyframes rotateBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-locked{cursor:none}.project-hidden{display:none}.load-more-container{text-align:center;margin-top:4rem}.load-more-btn i{margin-left:.5rem}.skills-section{padding-top:8rem;padding-bottom:8rem}.skills-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem}.skills-header h2{font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.04em}.skills-grid{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0 4rem;perspective:1000px}.skill-card{background:#fff;border-radius:20px;width:320px;box-shadow:0 10px 40px #00000014;transition:var(--transition-smooth);overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.05);flex-shrink:0}.skill-card-header{padding:1rem 1.5rem;color:#fff;font-weight:600;font-size:1rem;box-shadow:inset 0 3px 3px #ffffff4d,inset 0 -3px 8px #0000001a}.card-orange .skill-card-header{background:var(--accent-orange)}.card-blue .skill-card-header{background:var(--accent-blue)}.card-green .skill-card-header{background:var(--accent-green)}.skill-list{list-style:none;padding:0}.skill-list li{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary);font-size:.95rem}.skill-list li:last-child{border-bottom:none}.skill-card:nth-child(1){transform:rotate(-6deg) translate(30px) translateY(10px);z-index:1}.skill-card:nth-child(2){transform:scale(1.05) translateY(-10px);z-index:5;margin:0 -2.5rem}.skill-card:nth-child(3){transform:rotate(6deg) translate(-30px) translateY(10px);z-index:1}.skill-card:hover,.skill-card.active-mobile{transform:translateY(-20px) rotate(0) scale(1.1);z-index:100;box-shadow:0 25px 50px #00000026}.skill-card:nth-child(1) .skill-card-header,.skill-card:nth-child(1) .skill-list li{padding-right:3.5rem}.skill-card:nth-child(3) .skill-card-header,.skill-card:nth-child(3) .skill-list li{padding-left:3.5rem}@media(max-width:768px){.skills-header{flex-direction:column;align-items:flex-start;gap:2rem;margin-bottom:3rem}.skills-header h2{font-size:3.5rem}.skills-header .btn{width:100%;text-align:center}.skills-grid{flex-direction:column;align-items:center;gap:0;padding-bottom:2rem}.skill-card{width:100%;max-width:340px}.skill-card:nth-child(1){transform:rotate(-2deg);margin-bottom:-1.5rem;z-index:1;margin-right:0}.skill-card:nth-child(2){transform:rotate(1deg);z-index:2;margin:0;margin-bottom:-1.5rem}.skill-card:nth-child(3){transform:rotate(2deg);z-index:3;margin-bottom:0}.skill-card:hover,.skill-card.active-mobile{transform:translateY(-10px) scale(1.02);z-index:10}}.certifications-section{padding:8rem 0}.cert-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:5rem;text-align:left}.cert-header h2{font-size:4rem;font-weight:700;line-height:1;color:var(--text-primary);letter-spacing:-.04em}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.cert-card{background:#fff;border-radius:32px;padding:3rem 2rem;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:var(--transition-smooth);border-top:8px solid transparent}.cert-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.cert-orange.cert-card{border-top-color:var(--accent-orange)}.cert-blue.cert-card{border-top-color:var(--accent-blue)}.cert-green.cert-card{border-top-color:var(--accent-green)}.cert-date{font-size:.85rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em}.cert-logo{font-size:2.5rem;font-weight:800;color:#333;letter-spacing:-1px}.cert-title{font-size:1rem;font-weight:500;color:var(--text-primary);text-align:center;max-width:90%;line-height:1.4}@media(max-width:768px){.cert-header{flex-direction:column;align-items:flex-start;gap:2rem}.cert-header h2{font-size:2.5rem;line-height:1.1}.cert-header .btn{width:100%;text-align:center}.cert-header h2 .section-subtitle{font-size:1.5rem;top:-3rem}}.feedback-section{padding:0;background-color:var(--bg-primary);position:relative;overflow:hidden;width:100vw;height:100vh;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;display:flex;flex-direction:column;justify-content:center}.feedback-header{margin-bottom:0;position:absolute;top:8rem;left:50%;transform:translate(-50%);z-index:100;text-align:center;pointer-events:none}.feedback-section h2{font-size:5rem;line-height:1;font-weight:700;letter-spacing:-.04em}.feedback-playground-wrapper{position:relative;width:100%;height:100%;display:block;cursor:grab;overflow:visible}.feedback-canvas{position:relative;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:36px 36px;border-radius:0;overflow:visible}.feedback-mobile-stack{display:none;padding:0 1.5rem;margin-top:4rem}.feedback-card{padding:1.5rem;border-radius:4px 4px 40px/4px 4px 5px;box-shadow:3px 6px 15px #00000014;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(0,0,0,.01);width:280px;min-height:280px;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s ease;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;position:relative;overflow:visible}.review-stars{color:#ffb800;font-size:.85rem;margin-bottom:.75rem;display:flex;gap:2px}.feedback-playground-wrapper .feedback-card:before{content:"";display:block;position:absolute;top:-22px;left:50%;transform:translate(-50%) scale(1);width:40px;height:40px;background-image:url(https://www.freeiconspng.com/thumbs/pin-png/pin-png-24.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));opacity:0;transition:opacity .3s ease,top .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1),filter .4s ease}.feedback-playground-wrapper .feedback-card.dragging:before{opacity:1;top:-90px;transform:translate(-50%) scale(1.4);filter:drop-shadow(0 40px 15px rgba(0,0,0,.25));transition-duration:.2s}.feedback-playground-wrapper .feedback-card[data-was-dragged=true]:not(.dragging):before{opacity:1;top:-22px;transform:translate(-50%) scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feedback-card.dragging{cursor:grabbing;box-shadow:12px 25px 50px #00000026;transition:transform .1s linear;transform:rotate(0) scale(1.08)!important;z-index:9999!important}.feedback-playground-wrapper .feedback-card:hover{box-shadow:5px 15px 30px #00000014}.feedback-playground-wrapper .feedback-card{position:absolute;cursor:grab}.feedback-body{font-size:1.15rem;line-height:1.5;color:var(--text-primary);font-weight:500;margin-bottom:2rem}.feedback-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-primary);font-size:1rem}.author-meta{font-size:.8rem;color:var(--text-secondary);display:flex;gap:.5rem;align-items:center}.platform-badge{padding:2px 8px;background:var(--bg-secondary);border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary)}@media(max-width:768px){.feedback-playground-wrapper{display:none}.feedback-section{height:auto;padding-top:15rem;padding-bottom:5rem}.feedback-header{top:5rem;width:90%}.feedback-header h2{font-size:2.5rem;line-height:1.1}.feedback-mobile-stack{display:flex;flex-direction:column;gap:1.5rem;padding:0;overflow:hidden}.feedback-mobile-row{display:flex;gap:1rem;padding:0 1rem;transition:transform .1s ease-out;width:max-content}.feedback-mobile-row.row-2{padding-left:5rem}.feedback-mobile-stack .feedback-card{width:170px;height:100px;min-height:0!important;padding:.5rem;margin-bottom:0;position:relative;top:0;transform:none!important;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;gap:.1rem}.feedback-mobile-stack .card-content{flex-grow:1;overflow:hidden;position:relative;max-height:50px}.feedback-mobile-stack .card-content.has-fade:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:15px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.03) 100%);pointer-events:none}.feedback-mobile-stack .feedback-body{font-size:.65rem;line-height:1.2;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-mobile-stack .feedback-author{padding-top:.2rem;margin-top:0;border-top:1px solid rgba(0,0,0,.02);display:flex;align-items:center;gap:.3rem}.feedback-mobile-stack .author-avatar{width:18px!important;height:18px!important;font-size:.5rem!important}.feedback-mobile-stack .author-name{font-size:.7rem;font-weight:700}.feedback-mobile-stack .author-meta{font-size:.6rem;gap:.25rem}.feedback-mobile-stack .review-stars{font-size:.6rem;margin-bottom:.1rem;gap:1px}}.average-rating-container{display:flex;flex-direction:column;align-items:center;margin-top:5rem;padding-bottom:10rem;gap:1rem;text-align:center}.avg-score{font-size:6rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.05em}.avg-stars{color:#ffb800;font-size:2rem;display:flex;gap:8px}.avg-text{font-size:1.2rem;color:var(--text-secondary);font-weight:500}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-primary);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transform:translateY(20%);transition:all .6s cubic-bezier(.23,1,.32,1);padding:8rem 2rem 2rem}.mobile-menu-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.menu-header,.menu-close-btn{display:none}.menu-links{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.menu-link{font-size:3.5rem;font-weight:500;color:var(--text-primary);text-decoration:none;line-height:1.1;opacity:0;transform:translateY(40px);transition:opacity .5s ease,transform .5s cubic-bezier(.23,1,.32,1),color .3s ease}.menu-link:hover{color:var(--text-secondary)}.mobile-menu-overlay.active .menu-link{opacity:1;transform:translateY(0)}.mobile-menu-overlay.active .menu-link:nth-child(1){transition-delay:.2s}.mobile-menu-overlay.active .menu-link:nth-child(2){transition-delay:.25s}.mobile-menu-overlay.active .menu-link:nth-child(3){transition-delay:.3s}.mobile-menu-overlay.active .menu-link:nth-child(4){transition-delay:.35s}.mobile-menu-overlay.active .menu-link:nth-child(5){transition-delay:.4s}.menu-footer{position:absolute;bottom:6rem;left:0;width:100%;text-align:center;color:var(--text-secondary);font-size:.85rem;font-weight:500;margin:0;opacity:.5;padding:0 2rem;pointer-events:none}.about-overlay,.contact-overlay,.resume-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3000;display:flex;align-items:center;justify-content:center;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(20%);transition:all .6s cubic-bezier(.23,1,.32,1);padding:4rem 2rem}.about-overlay.active,.contact-overlay.active,.resume-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.diary-container{max-width:900px;width:100%;perspective:1000px}.diary-page{background:#fff;padding:5rem;border-radius:4px;box-shadow:0 10px 40px #00000014,0 0 0 1px #00000005;display:grid;grid-template-columns:320px 1fr;gap:4rem;position:relative;overflow:hidden;align-items:start;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:20px 20px}.diary-polaroid{padding:1rem 1rem 2rem;background:#fff;box-shadow:0 15px 45px #0000001f;transform:rotate(-3deg) translateY(40px);opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.about-overlay.active .diary-polaroid{transform:rotate(-1deg) translateY(-10px);opacity:1;transition-delay:.3s}.diary-polaroid img{width:100%;aspect-ratio:1;object-fit:cover;filter:sepia(.1) contrast(1.1)}.diary-title,.diary-entry p,.diary-signature,.diary-hobbies{opacity:0;transform:translateY(30px);transition:all .7s cubic-bezier(.23,1,.32,1)}.about-overlay.active .diary-title{opacity:1;transform:rotate(-2deg) translateY(0);transition-delay:.4s}.about-overlay.active .diary-entry p:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.5s}.about-overlay.active .diary-entry p:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.6s}.about-overlay.active .diary-entry p:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.7s}.about-overlay.active .diary-signature{opacity:1;transform:translateY(0);transition-delay:.8s}.about-overlay.active .diary-hobbies{opacity:1;transform:translateY(0);transition-delay:.5s}.diary-hobbies .hobby-tag{opacity:0;transform:scale(.9);transition:all .5s cubic-bezier(.23,1,.32,1)}.about-overlay.active .hobby-tag{opacity:1;transform:scale(1)}.about-overlay.active .hobby-tag:nth-child(1){transition-delay:.7s}.about-overlay.active .hobby-tag:nth-child(2){transition-delay:.75s}.about-overlay.active .hobby-tag:nth-child(3){transition-delay:.8s}.about-overlay.active .hobby-tag:nth-child(4){transition-delay:.85s}.about-overlay.active .hobby-tag:nth-child(5){transition-delay:.9s}.about-overlay.active .hobby-tag:nth-child(6){transition-delay:.95s}.diary-content{display:flex;flex-direction:column}.diary-title{font-family:Caveat,cursive;font-size:4rem;color:#1a1a1a;margin-bottom:2rem;transform:rotate(-2deg)}.diary-entry{font-size:1.1rem;line-height:1.8;color:#444;font-weight:500}.diary-entry p{margin-bottom:1.5rem}.diary-signature{margin-top:auto;text-align:right;font-family:Caveat,cursive;font-size:3rem;color:#1a1a1a;padding-top:2rem}.contact-modal{max-width:600px;width:100%;text-align:center}.contact-header{margin-bottom:4rem}.contact-header h2{font-size:4rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:1rem}.contact-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.contact-card-link{display:flex;align-items:center;padding:2.5rem;background:#fff;border-radius:32px;text-decoration:none;transition:all .5s cubic-bezier(.23,1,.32,1);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px #00000008}.contact-card-link:hover{transform:translateY(-5px) scale(1.02);background:#1a1a1a;border-color:#1a1a1a}.contact-card-icon{width:64px;height:64px;background:#f7f7f7;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#1a1a1a;transition:all .5s ease}.contact-card-link:hover .contact-card-icon{background:#ffffff1a;color:#fff}.contact-card-info{flex:1;text-align:left;padding-left:1.5rem}.contact-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-bottom:.25rem}.contact-card-link:hover .contact-label{color:#ffffff80}.contact-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;transition:all .5s ease}.contact-card-link:hover .contact-value{color:#fff}.contact-card-action{font-size:1.5rem;color:#ccc;transition:all .5s ease}.contact-card-link:hover .contact-card-action{color:#fff;transform:translate(5px)}.contact-header,.contact-card-link,.contact-socials-row{opacity:0;transform:translateY(40px);transition:all .6s cubic-bezier(.23,1,.32,1)}.contact-overlay.active .contact-header{opacity:1;transform:translateY(0);transition-delay:.3s}.contact-overlay.active .contact-card-link:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.4s}.contact-overlay.active .contact-card-link:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.5s}.contact-overlay.active .contact-socials-row{opacity:1;transform:translateY(0);transition-delay:.6s}.contact-socials-row{display:flex;justify-content:center;gap:1.5rem}.resume-modal{max-width:900px;width:100%;background:#fff;padding:4rem;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.resume-modal::-webkit-scrollbar{display:none}.resume-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color);opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.23,1,.32,1)}.resume-overlay.active .resume-modal-header{opacity:1;transform:translateY(0);transition-delay:.2s}.resume-title-block h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.25rem}.resume-role{font-size:1.25rem;color:var(--accent-orange);font-weight:600;margin-bottom:1rem}.resume-contact-strip{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;color:var(--text-secondary)}.resume-contact-strip a,.resume-contact-strip span{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:inherit;transition:var(--transition-smooth)}.resume-contact-strip a:hover{color:var(--accent-orange)}.resume-download-btn{flex-shrink:0}.resume-modal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem}.resume-modal-section{margin-bottom:2.5rem;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.23,1,.32,1)}.resume-overlay.active .resume-modal-main .resume-modal-section:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.3s}.resume-overlay.active .resume-modal-sidebar .resume-modal-section:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.4s}.resume-overlay.active .resume-modal-sidebar .resume-modal-section:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.5s}.resume-overlay.active .resume-modal-sidebar .resume-modal-section:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.6s}.resume-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:700}.resume-exp-item{margin-bottom:2rem}.exp-item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.resume-exp-item h3{font-size:1.1rem;font-weight:700}.exp-date{font-size:.8rem;color:var(--text-secondary);font-weight:600}.exp-company{font-size:.95rem;color:var(--text-secondary);font-weight:600;margin-bottom:.75rem}.impact-stat{display:inline-flex;align-items:center;gap:.4rem;background:#ff6b6b1a;color:#ff4757;padding:.1rem .5rem;border-radius:4px;font-size:.75rem;font-weight:800;margin-left:.5rem;vertical-align:middle;border:1px solid rgba(255,107,107,.2)}.impact-stat i{font-size:.85rem}.resume-modal-intro{margin-bottom:2.5rem;font-size:.95rem;line-height:1.6;color:var(--text-secondary);opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.23,1,.32,1)}.resume-overlay.active .resume-modal-intro{opacity:1;transform:translateY(0);transition-delay:.25s}.exp-bullets{list-style:none;padding-left:1rem}.exp-bullets li{position:relative;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.exp-bullets li:before{content:"—";position:absolute;left:-1rem;color:var(--accent-orange);font-weight:700}.resume-skill-group{margin-bottom:1.5rem}.resume-skill-group h4{font-size:.85rem;font-weight:700;margin-bottom:.75rem}.resume-tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.resume-tag-cloud span{padding:.4rem .75rem;background:#f0f0f0;border-radius:6px;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.resume-tag-cloud.tools span{background:var(--text-primary);color:#fff}.resume-edu-item{margin-bottom:1.25rem}.resume-edu-item h3{font-size:.95rem;font-weight:700;margin-bottom:.25rem}.resume-edu-item p{font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.about-overlay,.contact-overlay,.resume-overlay{display:flex;align-items:flex-start;padding-top:6rem!important;padding-bottom:5rem!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.diary-page{grid-template-columns:1fr;padding:3rem 1.5rem;gap:3rem}.diary-polaroid{max-width:280px;margin:0 auto;transform:rotate(-1deg)!important}.diary-polaroid img{aspect-ratio:auto!important;height:auto!important}.about-overlay.active .diary-polaroid{transform:rotate(0) translateY(0)!important}.diary-title,.contact-header h2{font-size:3rem}.contact-card-link{padding:1.5rem}.contact-value{font-size:.95rem;word-break:break-all}.resume-modal{padding:2rem;max-height:none}.resume-modal-header{flex-direction:column;gap:1.5rem}.resume-title-block h1{font-size:2rem}.resume-contact-strip{gap:1rem;flex-direction:column}.resume-modal-grid{grid-template-columns:1fr;gap:2rem}.resume-download-btn{width:100%;justify-content:center}}.diary-hobbies{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.hobbies-title{font-family:Caveat,cursive;font-size:1.8rem;color:#1a1a1a;margin-bottom:.5rem}.hobbies-grid{display:flex;flex-wrap:wrap;gap:.75rem}.hobby-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f7f7f7;border-radius:100px;font-size:.85rem;font-weight:700;color:#1a1a1a;border:1px solid rgba(0,0,0,.03);transition:all .3s ease}.hobby-tag i{font-size:1rem;color:#666}.hobby-tag:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d;border-color:#0000001a}.hobby-tag:hover i{color:#1a1a1a}.about-section{padding:8rem 0;text-align:left}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:3rem;margin-bottom:2rem}.about-text p{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.certs-section{padding-top:8rem;padding-bottom:8rem;background:var(--bg-primary)}.certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.cert-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:3.5rem 2rem;border-radius:40px;background:var(--card-bg);border:1px solid rgba(0,0,0,.03);transition:var(--transition-smooth);box-shadow:inset 0 1.5px 2px #fffc,inset 0 -1.5px 4px #00000008,0 4px 15px #0000000a}.cert-card:hover{transform:translateY(-5px);box-shadow:inset 0 1.5px 2px #fffc,inset 0 -1.5px 4px #00000008,0 12px 30px #00000014}.cert-icon{width:64px;height:64px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px}.cert-icon img{width:100%;height:auto}.cert-info{display:flex;flex-direction:column}.cert-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.cert-date{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.4rem;display:block}@media(max-width:768px){.container{padding:0 2rem}.hero{padding:7rem 0 0}.hero-content{text-align:center;margin-bottom:2rem;padding:0 2rem}.hero-badge{display:block;text-align:right;font-size:.95rem;max-width:160px;margin-left:auto;margin-right:0;margin-bottom:.75rem;line-height:1.35;word-wrap:break-word}.hero h1{font-size:3.5rem;text-align:center}.hero-btns{flex-direction:column;gap:.75rem;width:100%;padding:0}.hero-btns .btn{width:100%;padding:1.25rem 2rem;font-size:1rem;border-radius:50px}.hero-btns .btn-primary{box-shadow:0 8px 25px #0003,inset 0 -4px #0003}.hero-cards-wrapper{flex-direction:column;align-items:stretch;gap:2rem;padding:3rem 2rem 4rem;margin-top:2rem;z-index:10;position:relative}.hero-floating-tools{display:block;opacity:.4;z-index:-1}.hero-cards-wrapper .service-card{width:100%;max-width:none;aspect-ratio:auto;flex-direction:row;justify-content:flex-start;align-items:center;gap:1.5rem;padding:3.5rem 1.75rem;border-radius:24px;margin:0!important;border-top:5px solid var(--accent-orange);box-shadow:0 10px 40px #0000000f;position:relative}.hero-cards-wrapper .service-card:nth-child(1){transform:rotate(.5deg)!important;z-index:3}.hero-cards-wrapper .service-card:nth-child(2){transform:rotate(-.5deg)!important;z-index:2}.hero-cards-wrapper .service-card:nth-child(3){transform:rotate(.5deg)!important;z-index:1}.hero-cards-wrapper .service-card.card-orange{border-top-color:var(--accent-orange)}.hero-cards-wrapper .service-card.card-blue{border-top-color:var(--accent-blue)}.hero-cards-wrapper .service-card.card-green{border-top-color:var(--accent-green)}.hero-cards-wrapper .service-card .card-icon{width:56px;height:56px;border-radius:16px;margin:0;flex-shrink:0}.hero-cards-wrapper .service-card .card-icon i{font-size:1.5rem}.hero-cards-wrapper .service-card h3{font-size:1.5rem;text-align:left;font-weight:600;line-height:1.2}.projects-grid{grid-template-columns:1fr;gap:2rem}.header{width:calc(100% - 4rem);top:1rem}.profile-info{display:none}.profile-chip{padding:.5rem;border-radius:50%;width:52px;height:52px}.profile-chip img{width:40px;height:40px}.btn-resume{height:52px;padding:0 1.25rem;font-size:.85rem}.menu-trigger{width:52px;height:52px}.projects-section h2{font-size:3rem}.projects-grid,.about-grid{grid-template-columns:1fr}.timeline:before{left:20px;transform:none}.timeline-item{display:block!important;width:100%;padding-left:50px!important;padding-right:0!important;left:0!important}.timeline-card-info{display:none!important}.timeline-item:nth-child(2n){left:0!important;padding-left:50px!important}.timeline-dot{left:20px!important;transform:translate(-50%) scale(1)!important}.timeline-item:nth-child(2n) .timeline-dot{left:20px!important}.timeline-card{padding:1.5rem;border-radius:24px}.timeline-card h3{font-size:1.35rem}.timeline-card .exp-desc{font-size:.9rem;margin-bottom:1.25rem}.timeline-badges{gap:.5rem;margin-bottom:1rem}.badge{padding:.3rem .8rem;font-size:.7rem}.timeline-footer{gap:1rem;font-size:.8rem}.path-section h2{font-size:2.5rem}.section-subtitle{font-size:1.5rem;margin-bottom:1.5rem}}.path-section{padding-top:10rem;padding-bottom:10rem;text-align:center;position:relative;background-color:var(--bg-primary)}.path-section h2{font-size:5rem;font-weight:700;margin-bottom:6rem;line-height:1}.timeline{position:relative;max-width:1000px;margin:0 auto}.timeline:before{content:"";position:absolute;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.08) 5%,rgba(0,0,0,.08) 95%,transparent 100%);top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{padding:4rem 0;position:relative;width:100%;display:flex;justify-content:space-between;align-items:stretch;gap:8rem}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-dot{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#fff;top:4.5rem;left:50%;transform:translate(-50%) scale(0);z-index:10;border:3.5px solid var(--accent-orange);box-shadow:0 0 0 6px #fff,0 4px 10px #0000000d;opacity:0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s ease-out}.timeline-item.active .timeline-dot{transform:translate(-50%) scale(1);opacity:1}.timeline-item:nth-child(1) .timeline-dot{transition-delay:.2s}.timeline-item:nth-child(2) .timeline-dot{transition-delay:.35s}.timeline-item:nth-child(3) .timeline-dot{transition-delay:.5s}.timeline-item:nth-child(4) .timeline-dot{transition-delay:.65s}.timeline-item:nth-child(2n) .timeline-dot{left:50%}.timeline-card{background:#fff;padding:2.25rem;border-radius:32px;box-shadow:0 4px 20px #00000008,0 0 0 1px #00000005;position:relative;transition:var(--transition-smooth);display:flex;flex-direction:column}.timeline-card-main{padding:3.5rem 2.5rem;border-top:6px solid var(--accent-orange)}.timeline-card:hover{transform:translateY(-10px);box-shadow:12px 20px 50px #0000001a,inset 0 2px #fffc,inset 0 -1px 3px #00000005}.timeline-badges{display:flex;gap:.6rem;margin-bottom:1.5rem}.badge{padding:.4rem 1.2rem;background:#ededed;border-radius:100px;font-size:.75rem;font-weight:500;color:#7a7a7a;border:1px solid rgba(0,0,0,.03)}.timeline-card h3{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.timeline-card .exp-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.timeline-card-main .exp-desc{margin-bottom:2.5rem}.timeline-footer{margin-top:auto;display:flex;align-items:center;gap:2rem;font-size:.8rem;color:var(--text-secondary);font-weight:600;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}.timeline-footer span{display:flex;align-items:center;gap:.5rem}.dot-orange{border-color:var(--accent-orange)}.dot-blue{border-color:var(--accent-blue)}.dot-green{border-color:var(--accent-green)}.card-orange{border-top-color:var(--accent-orange)}.card-blue{border-top-color:var(--accent-blue)}.card-green{border-top-color:var(--accent-green)}.timeline-card-main,.timeline-card-info{width:calc(50% - 4rem);flex-shrink:0}.timeline-card-info{border-top:none;background:#ffffff80;box-shadow:0 4px 15px #00000005,inset 0 0 0 1px #0000000d}.timeline-card-info h4{font-size:.9rem;margin-bottom:1.5rem;color:var(--text-secondary);font-weight:700;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.1em;opacity:.6}.achievements-list{list-style:none;padding:0}.achievements-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary);line-height:1.5;font-weight:500;text-align:left}.achievements-list li:before{content:"•";position:absolute;left:0;color:var(--text-secondary);font-weight:700}@media(max-width:768px){.path-section{padding:5rem 1.5rem}.timeline{padding-left:0}.timeline:before{left:20px}.timeline-item{display:block;width:100%;padding-left:3.5rem!important;padding-right:0!important;text-align:left;margin-bottom:2rem}.timeline-card-info{display:none}.timeline-card-main{width:100%!important}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(2n){left:0}.timeline-dot{left:20px;top:2.25rem}.timeline-card{padding:1.5rem}.path-section h2{font-size:3rem;margin-bottom:4rem}.stats-section{padding:6rem 1.5rem}.skills-section,.certs-section{padding:8rem 2rem 5rem}.certs-grid{grid-template-columns:1fr;gap:1.25rem}.cert-card{flex-direction:row;text-align:left;padding:1.25rem;gap:1.25rem;align-items:center;border-radius:20px;height:auto!important;aspect-ratio:auto!important;background:var(--card-bg);width:100%}.cert-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%}.cert-icon{width:44px;height:44px;padding:6px;flex-shrink:0}.cert-title{font-size:.9rem;text-align:left}.cert-date{font-size:.75rem;text-align:left;margin-bottom:.2rem}.stats-section h2{font-size:2.5rem;line-height:1.1;margin-bottom:3rem;text-align:center}.stats-grid{flex-direction:column;gap:1.5rem;padding:0 1rem}.stat-card{padding:3rem 2rem;border-radius:32px;width:100%;transform:none!important}.stat-card h3{font-size:3.5rem}.stat-card p{font-size:1rem}}.stats-section{padding-top:8rem;padding-bottom:8rem;text-align:center}.stats-section h2{font-size:4rem;font-weight:700;margin-bottom:5rem;line-height:1;letter-spacing:-.04em}.stats-grid{display:flex;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto}.stat-card{background:#fff;padding:4rem 2rem;border-radius:40px;flex:1;border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:8px 12px 35px #0000000d,inset 0 2px #ffffffe6,inset 0 -1px 3px #00000005}.stat-card:nth-child(1){border-top:6px solid var(--accent-orange);transform:rotate(-2deg)}.stat-card:nth-child(2){border-top:6px solid var(--accent-blue);transform:rotate(1deg)}.stat-card:nth-child(3){border-top:6px solid var(--accent-green);transform:rotate(3deg)}.stat-card:hover,.stat-card.active-mobile{transform:translateY(-10px) scale(1.02);z-index:10;box-shadow:12px 20px 50px #0000001a,inset 0 2px #ffffffe6,inset 0 -1px 3px #00000005}.stat-card h3{font-size:4.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.stat-card p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.footer-wrap{padding-top:2rem;padding-bottom:1.5rem}.footer-cta-banner{background:#fff;padding:2rem 3rem;border-radius:32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;box-shadow:0 10px 80px #0000000a;border:1px solid var(--border-color)}.footer-cta-banner h2{font-size:1.75rem;font-weight:700;max-width:300px;line-height:1.1}.cta-btns{display:flex;gap:.75rem}.cta-btns .btn{padding:.8rem 1.5rem;font-size:.9rem}.footer-main-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem;margin-bottom:1rem}.footer-card{background:#1a1a1a;border-radius:32px;padding:2.5rem;color:#fff;display:flex;flex-direction:column}.footer-nav{display:flex;flex-direction:column;gap:.5rem}.footer-nav a{color:#fff;text-decoration:none;font-size:2rem;font-weight:700;transition:var(--transition-smooth);opacity:1;letter-spacing:-.02em}.footer-nav a:hover{opacity:.5;transform:translate(8px)}.social-footer{margin-top:auto;display:flex;gap:.75rem;padding-top:2.5rem}.social-pill{background:#fff;padding:.6rem 1.25rem;border-radius:100px;color:#1a1a1a;text-decoration:none;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.4rem;border:1px solid rgba(0,0,0,.05)}.social-circle{width:40px;height:40px;background:#fff;border-radius:50%;color:#1a1a1a;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:var(--transition-smooth);border:1px solid rgba(0,0,0,.05)}.social-circle:hover,.social-pill:hover{background:#f7f7f7;transform:scale(1.05)}.tools-section{margin-bottom:5rem;padding:0 1rem}.tools-title{font-size:1.5rem;font-weight:600;margin-bottom:2.5rem;color:var(--text-primary);text-align:center}.tools-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto}.tool-card-premium{background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.03);width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:default;box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 6px #0000000a,0 4px 15px #0000000a}.tool-card-premium:hover{transform:translateY(-5px);box-shadow:inset 0 2px 3px #fffc,inset 0 -2px 6px #0000000a,0 15px 35px #00000014;border-color:#00000005}.tool-logo{width:42px;height:42px;object-fit:contain;filter:none;opacity:1;transition:all .4s ease}.tool-card-premium:hover .tool-logo{transform:scale(1.1)}.tool-logo-icon{font-size:2.5rem;color:var(--text-secondary);opacity:1;transition:all .4s ease}.tool-card-premium:hover .tool-logo-icon{color:var(--text-primary);transform:scale(1.1)}.tool-card-premium span{font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.tool-card-premium:hover span{color:var(--text-primary)}@media(max-width:768px){.tools-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.tool-card-premium{border-radius:16px}.tool-logo{width:32px;height:32px}.tool-logo-orbital{font-size:2rem!important}}.tool-logo-orbital{font-size:3rem;color:coral;font-weight:900}.tool-logo-antigravity{border-radius:4px}.tool-logo-dimension{font-size:1.5rem;font-weight:700;color:#228b22}.footer-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.02em}.contact-form{display:flex;flex-direction:column;gap:.75rem}.form-group input,.form-group textarea{width:100%;background:#2a2a2a;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1rem 1.25rem;color:#fff;font-family:inherit;font-size:.95rem;transition:var(--transition-smooth)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group input:focus,.form-group textarea:focus{outline:none;background:#333;border-color:#ffffff26}.form-group textarea{height:100px;resize:none}.btn-send{background:#fff;color:#1a1a1a;border:none;padding:1rem;border-radius:100px;font-weight:700;font-size:.95rem;cursor:pointer;margin-top:.5rem;transition:var(--transition-smooth)}.btn-send:hover{background:#f0f0f0;transform:translateY(-3px)}.footer-bottom{background:#1a1a1a;border-radius:20px;padding:1.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff6;font-size:.85rem;font-weight:500}.footer-bottom a{color:inherit;text-decoration:none;transition:.3s}.footer-bottom a:hover{color:#fff}@media(max-width:992px){.stats-grid{flex-direction:column}.stat-card{transform:none!important}.footer-cta-banner{flex-direction:column;text-align:center;gap:2rem;padding:2.5rem 1.5rem}.footer-main-grid{grid-template-columns:1fr;gap:1.5rem}.footer-card{padding:2.5rem 1.5rem;border-radius:24px}.footer-nav a{font-size:1.75rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center;padding:1.25rem 1.5rem;border-radius:16px}}@media(max-width:480px){.hero-floating-tools{opacity:.12}.footer-cta-banner h2{font-size:2rem}.footer-nav a{font-size:1.4rem}.social-footer{flex-wrap:wrap;justify-content:center}}.project-overlay{position:fixed;top:100%;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:9999;overflow-y:auto;overflow-x:hidden;transition:transform .8s cubic-bezier(.23,1,.32,1)}.project-overlay.active{transform:translateY(-100%)}.close-overlay{position:fixed;top:2rem;right:max(2rem,calc((100% - 1200px)/2 + 2rem));width:60px;height:60px;border-radius:50%;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary);cursor:pointer;z-index:10001;transition:var(--transition-smooth);box-shadow:0 10px 30px #0000000d;opacity:0;pointer-events:none}.project-overlay.active .close-overlay,.about-overlay.active .close-overlay,.contact-overlay.active .close-overlay,.resume-overlay.active .close-overlay{opacity:1;pointer-events:auto}.close-overlay:hover{transform:rotate(90deg) scale(1.1);background:#fffc}.overlay-content-wrapper{padding-bottom:8rem}.project-header-hero{padding:10rem 0 6rem;text-align:center}.project-meta-pills{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.project-meta-pill{padding:.5rem 1.5rem;background:#fff;border-radius:100px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color);box-shadow:0 4px 10px #00000005}.project-header-hero h1{font-size:clamp(3.5rem,10vw,8rem);font-weight:800;margin-bottom:2rem;line-height:.9;letter-spacing:-.04em}.project-subtitle{font-size:1.75rem;color:var(--text-secondary);margin-bottom:3.5rem;max-width:900px;margin-left:auto;margin-right:auto;font-weight:500;line-height:1.4}.project-top-btns{display:flex;justify-content:center;gap:1.5rem}.container-full{width:100%;max-width:1440px;margin:0 auto;padding:0 4rem}.project-featured-img{width:100%;margin-bottom:8rem;padding:2rem 0;display:flex;justify-content:center;position:relative}.featured-img-standalone{width:100%}.featured-img-standalone img{width:100%;height:auto;border-radius:40px;box-shadow:0 30px 100px #00000026}.video-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:40px;overflow:hidden;box-shadow:0 40px 120px #00000040;background:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.project-interactive-full{padding:10rem 0;margin-bottom:5rem;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.section-title-large{text-align:center;margin-bottom:5rem}.section-title-large h3{font-size:4rem;font-weight:800;letter-spacing:-.04em;line-height:1}.interactive-viewers-stack{display:flex;flex-direction:column;gap:6rem;margin-bottom:4rem}.interactive-viewer-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:24px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 10px 40px #0000000d;background:#fff}.interactive-viewer-container.large{padding-bottom:50%;border-radius:48px;box-shadow:0 50px 150px #0000001a;border:1px solid rgba(0,0,0,.05)}.interactive-viewer-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.viewer-hint{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:1rem;font-weight:500}.marketing-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto}.marketing-video-card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 10px 30px #0000000d;transition:var(--transition-smooth);border:1px solid var(--border-color)}.marketing-video-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0000001f}.vertical-video-container{position:relative;width:100%;padding-bottom:177.77%;background:#000}.vertical-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:992px){.marketing-videos-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:600px){.marketing-videos-grid{grid-template-columns:1fr}}@media(max-width:768px){.container-full{padding:0 1.5rem}.interactive-viewer-container.large{padding-bottom:130%;border-radius:24px}.section-title-large h3{font-size:2.5rem}}.project-details-grid{display:grid;grid-template-columns:320px 1fr;gap:8rem;max-width:1200px;margin:0 auto 10rem;padding:0 2rem;align-items:start}.project-info-sidebar{position:relative;height:100%}.sidebar-sticky-content{position:sticky;top:10rem;display:flex;flex-direction:column;gap:3.5rem}.project-tools-mini,.project-skills-mini{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tool-mini-card{background:#fff;padding:.6rem 1.25rem;border-radius:14px;border:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-primary);box-shadow:0 2px 8px #00000005;transition:var(--transition-smooth)}.tool-mini-card:hover{transform:translateY(-2px);border-color:#0000001a;box-shadow:0 4px 15px #0000000d}.skill-mini-pill{background:#00000008;padding:.5rem 1.25rem;border-radius:100px;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.info-item h4{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.info-item p{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.1}.project-main-desc{font-size:1.75rem;line-height:1.5;color:var(--text-primary)}.project-sec-desc{margin-top:2rem;font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.project-sub-section{margin-top:6rem}.project-sub-section h3{font-size:1.5rem;font-weight:700;margin-bottom:2.5rem;letter-spacing:-.02em;text-transform:uppercase;color:var(--text-secondary)}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-tag{background:#fff;padding:1.5rem;border-radius:24px;display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--border-color);box-shadow:0 4px 15px #00000008;transition:var(--transition-smooth)}.feature-tag:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000000d}.feature-tag i{font-size:1.5rem;margin-top:.2rem}.feature-tag span{font-weight:600;font-size:1.1rem;line-height:1.4;color:var(--text-primary)}.process-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.process-pill{background:#fff;padding:2rem;border-radius:28px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 15px #00000008;transition:var(--transition-smooth)}.step-index{width:36px;height:36px;background:var(--text-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.step-text{font-weight:600;font-size:1.2rem;line-height:1.3}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.gallery-item{width:100%;border-radius:40px;overflow:hidden;box-shadow:0 20px 60px #00000014;transition:var(--transition-smooth)}.gallery-item:hover{transform:translateY(-10px)}.gallery-item img{width:100%;display:block}.project-navigation{max-width:1200px;margin:10rem auto 0;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.nav-link{background:#fff;height:200px;border-radius:32px;text-decoration:none;border:1px solid var(--border-color);transition:var(--transition-smooth);box-shadow:0 10px 30px #0000000a;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 3rem}.nav-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.nav-bg-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.23,1,.32,1)}.nav-link:hover .nav-bg-img img{transform:scale(1.1)}.nav-bg-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000000d9,#0000001a);z-index:2;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:backdrop-filter .5s ease}.nav-next .nav-bg-img:after{background:linear-gradient(to left,#000000d9,#0000001a)}.nav-link .nav-bg-img:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(to right,black 0%,transparent 100%);mask-image:linear-gradient(to right,black 0%,transparent 100%)}.nav-next .nav-bg-img:after{-webkit-mask-image:linear-gradient(to left,black 0%,transparent 100%);mask-image:linear-gradient(to left,black 0%,transparent 100%)}.nav-content{position:relative;z-index:5;pointer-events:none}.nav-prev .nav-content{margin-right:auto;text-align:left}.nav-next .nav-content{margin-left:auto;text-align:right}.nav-label{display:block;font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.nav-title{display:block;font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2}.nav-next{text-align:right}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-primary);cursor:pointer;z-index:10005;transition:var(--transition-smooth);box-shadow:0 10px 30px #0000000d;opacity:0;pointer-events:none;transform:translateY(20px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px) scale(1.1);background:#fffc}.overlay-content-wrapper>*{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.project-overlay.active .overlay-content-wrapper>*{opacity:1;transform:translateY(0)}.project-overlay.active .project-header-hero{transition-delay:.4s}.project-overlay.active .project-featured-img{transition-delay:.5s}.project-overlay.active .project-details-grid{transition-delay:.6s}.project-overlay.active .project-gallery{transition-delay:.7s}@media(max-width:992px){.project-details-grid{grid-template-columns:1fr;gap:4rem}.project-featured-img{padding:2rem;margin-bottom:4rem}}@media(max-width:768px){.info-item p{font-size:1.75rem}.project-main-desc{font-size:1.25rem}.project-header-hero h1{font-size:4rem}.project-top-btns{flex-direction:column;padding:0 2rem}.project-navigation{grid-template-columns:1fr;gap:1.5rem;margin-top:6rem}.nav-link{height:250px;padding:2rem;align-items:flex-end}.nav-bg-img:after{background:linear-gradient(to top,#000000f2,#0000001a)!important;-webkit-mask-image:linear-gradient(to top,black 0%,transparent 100%)!important;mask-image:linear-gradient(to top,black 0%,transparent 100%)!important}.nav-prev .nav-content,.nav-next .nav-content{margin:0;text-align:left;width:100%}.nav-title{font-size:1.5rem}}.af-social-universe{--af-soc-white: #ffffff;--af-soc-black: #000000;--af-soc-gray-text: #6e6e73;--af-soc-accent: #ff0066;--af-soc-radius: 24px;background-color:var(--af-soc-white);padding:80px 0;overflow:hidden;position:relative;width:100%}.af-soc-header{text-align:center;margin-bottom:40px;padding:0 24px}.af-soc-header h2{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;margin:0;color:var(--af-soc-black);text-transform:uppercase;line-height:1;letter-spacing:-.02em}.af-soc-header p{font-size:.85rem;color:var(--af-soc-gray-text);margin-top:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5em}.af-soc-marquee-wrapper{width:100%;cursor:grab;position:relative;padding:20px 0;display:flex;-webkit-user-select:none;user-select:none;touch-action:pan-y}.af-soc-marquee-track{display:flex;gap:16px;will-change:transform;transform:translateZ(0)}.af-soc-card{width:280px;aspect-ratio:9/16;background:#f4f4f4;border-radius:var(--af-soc-radius);position:relative;overflow:hidden;flex-shrink:0;transition:transform .4s cubic-bezier(.2,0,.2,1)}.af-soc-card:hover{transform:scale(1.03)}.af-soc-annotation{position:absolute;top:40px;right:12%;display:flex;flex-direction:column;align-items:center;z-index:1000;pointer-events:none;width:auto;min-width:320px;text-align:center}.annotation-logos{display:flex;gap:15px;margin-bottom:8px;animation:float-annotation 3s ease-in-out infinite}@keyframes float-annotation{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.annotation-logos img{width:52px;height:52px;border-radius:12px;box-shadow:0 8px 30px #00000040}.annotation-text{font-family:Caveat,cursive;font-size:3rem;color:var(--af-soc-accent);line-height:1;text-align:center;transform:rotate(-3deg);margin-bottom:0;text-shadow:0 2px 10px rgba(255,255,255,1);font-weight:700}.annotation-arrow{width:500px;max-width:85vw;height:auto;transform:scaleY(-1) rotate(-18deg);margin-top:-40px;margin-right:-120px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.25));opacity:.95}@media(max-width:1400px){.af-soc-annotation{right:5%}}@media(max-width:1100px){.annotation-text{font-size:2.22rem}.annotation-arrow{width:380px}}@media(max-width:768px){.af-social-universe{padding-top:120px!important}.af-soc-annotation{top:15px;right:5%;width:auto;min-width:220px}.annotation-arrow{width:280px;margin-right:-50px;margin-top:-25px}.annotation-text{font-size:2.4rem}.annotation-logos img{width:44px;height:44px}}.af-soc-video{width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .5s ease}.af-soc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:10000;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.af-soc-overlay.active{display:flex}.af-soc-modal-inner{width:100%;max-width:400px;position:relative;background:#000;border-radius:32px;overflow:hidden;box-shadow:0 40px 100px #0009}.af-soc-modal-inner iframe{width:100%;height:80vh;border:none;display:block}.af-soc-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:10001;transition:transform .2s}.af-soc-footer{margin-top:40px;text-align:center}.af-soc-btn{display:inline-block;padding:16px 32px;background:#000;color:#fff;text-decoration:none;border-radius:100px;font-weight:700;font-size:.9rem;letter-spacing:.05em;transition:all .3s}.af-soc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.category-visual-grid,.banners-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3rem}.category-visual-grid img,.banners-visual-grid img{width:100%;border-radius:28px;object-fit:cover;box-shadow:0 15px 40px #0000000f;transition:var(--transition-smooth)}.category-visual-grid img:hover,.banners-visual-grid img:hover{transform:translateY(-5px)}@media(max-width:768px){.category-visual-grid,.banners-visual-grid{grid-template-columns:1fr}}.scrollable-demo-section{padding:10rem 0;background:#f7f7f7}.apis-demo-viewport{width:100%;max-width:1440px;margin:0 auto;padding:0 4rem}.apis-demo-frame{position:relative;width:100%;height:800px;background:#fff;border-radius:40px;overflow:hidden;box-shadow:0 40px 120px #0000001f;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column}.device-controls{background:#f1f1f1;border-bottom:1px solid rgba(0,0,0,.05);z-index:100;flex-shrink:0}.browser-ui{height:50px;display:flex;align-items:center;padding:0 1.5rem;gap:2rem}.browser-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c940}.browser-url-bar{flex:1;background:#fff;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#999;border:1px solid rgba(0,0,0,.03)}.browser-url-bar span{font-family:inherit;font-weight:500}.mobile-status-bar{display:none;height:34px;padding:0 1.5rem;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:700;color:#1a1a1a}.mobile-icons{display:flex;gap:6px;font-size:.9rem}.mobile-home-indicator{display:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:120px;height:5px;background:#00000026;border-radius:10px;z-index:100}@media(max-width:768px){.browser-ui{display:none}.mobile-status-bar{display:flex}.mobile-home-indicator{display:block}.device-controls{background:#fff;border-bottom:none}}.apis-demo-container{width:100%;flex:1;position:relative;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none}.apis-demo-container::-webkit-scrollbar{display:none}.apis-background-container{position:sticky;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:#fff}.apis-background-container iframe{width:100%;height:100%;border:none;pointer-events:none}.apis-focus-ring{position:sticky;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:1px solid rgba(0,0,0,.1);border-radius:50%;z-index:10;pointer-events:none;transition:all .8s cubic-bezier(.23,1,.32,1);animation:apis-ring-pulse 4s ease-in-out infinite}@keyframes apis-ring-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:.3}}.apis-ui-layer{position:absolute;top:0;left:0;width:100%;z-index:5;pointer-events:none}.apis-section{height:800px;width:100%;display:flex;align-items:center;padding:0 10%;box-sizing:border-box}.apis-section-right{justify-content:flex-end}.apis-section-center{justify-content:center;text-align:center}.apis-content-block{max-width:600px;pointer-events:auto}.apis-fade-block{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.23,1,.32,1)}.apis-fade-block.apis-visible{opacity:1;transform:translateY(0)}.apis-mono-tag{font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1a1a1a;display:block;margin-bottom:2rem}.apis-bold-heading{font-weight:800;line-height:.9;letter-spacing:-.04em;color:#1a1a1a;margin:0}.apis-heading-xl{font-size:8rem}.apis-heading-lg{font-size:6rem}.apis-serif-italic{font-family:Caveat,cursive;font-weight:400;font-style:italic}.apis-mono-subtext{font-size:1.5rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;display:block;margin-top:1rem}.apis-scroll-hint{margin-top:4rem;display:flex;flex-direction:column;gap:1.5rem}.apis-hint-line{width:1px;height:80px;background:linear-gradient(to bottom,#1a1a1a,transparent)}.apis-scroll-hint span{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.3em;animation:apis-blink 2s ease-in-out infinite}@keyframes apis-blink{0%,to{opacity:.3}50%{opacity:1}}.apis-divider{width:100%;height:1px;background:#0000001a;margin:2.5rem 0}.apis-mono-text{font-size:1.1rem;line-height:1.6;font-weight:500;color:#666}.apis-outline-text{-webkit-text-stroke:1px #1a1a1a;color:transparent}.apis-tagline{font-size:2rem;font-weight:600;margin-top:2rem;line-height:1.2}.apis-stats-row{display:flex;gap:4rem;margin-top:4rem}.apis-stat{display:flex;flex-direction:column;gap:.5rem}.apis-stat-label{font-size:.75rem;font-weight:700;color:#999}.apis-stat-value{font-size:2rem;font-weight:800}.apis-finale-content{position:relative;width:100%}.apis-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25rem;font-weight:900;color:#00000008;z-index:-1;pointer-events:none}.apis-corner-labels{width:100%;display:flex;flex-direction:column;gap:400px;padding:4rem;box-sizing:border-box}.apis-label-row{display:flex;justify-content:space-between}.apis-label{display:flex;flex-direction:column;gap:.5rem}.apis-label-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#999}.apis-label-value{font-size:1.1rem;font-weight:600}.apis-credits{margin-top:4rem}.apis-credits-title{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#1a1a1a;margin-bottom:2rem}.apis-credits-text{font-size:2.5rem;font-weight:600;line-height:1.2;margin-bottom:3rem}.apis-credits-year{font-size:.8rem;font-weight:600;color:#999}.apis-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#0000000d;z-index:20}.apis-progress-fill{width:0%;height:100%;background:#1a1a1a;transition:width .1s linear}.apis-text-right{text-align:right}.apis-text-muted{color:#999}.demo-instructions{text-align:center;margin-top:2rem;color:#666;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.75rem}@media(max-width:992px){.apis-demo-frame,.apis-section{height:600px}.apis-heading-xl{font-size:5rem}.apis-heading-lg{font-size:4rem}.apis-bg-text{font-size:15rem}}@media(max-width:768px){.apis-demo-viewport{padding:0 1.5rem}.apis-demo-frame{height:650px;border-radius:32px}.apis-section{height:650px;padding:0 1.5rem}.apis-heading-xl{font-size:3.5rem}.apis-heading-lg{font-size:2.5rem}.apis-credits-text{font-size:1.5rem}.apis-bg-text{font-size:8rem}.apis-focus-ring{width:200px;height:200px}}.footer-nav{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.nav-item-interactive{position:relative;font-size:4rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:color .3s ease;display:inline-flex;align-items:center;justify-content:center;letter-spacing:-.02em}.nav-item-interactive:hover{color:var(--text-secondary)}.nav-text{position:relative;z-index:10}.hover-content{position:absolute;top:50%;transform:translateY(-50%) scale(.8);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:1rem;z-index:2005;white-space:nowrap}.hover-content.left{right:100%;padding-right:2rem;justify-content:flex-end}.hover-content.right{left:100%;padding-left:2rem;justify-content:flex-start}.nav-item-interactive:hover .hover-content{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto}.nav-item-interactive:hover .hover-content.left{right:120%}.nav-item-interactive:hover .hover-content.right{left:120%}.hover-profile-img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 8px 20px #00000026}.icon-group-row{display:flex;gap:.8rem;align-items:center}.hover-icon-circle{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#333;box-shadow:0 5px 15px #0000001a;border:1px solid rgba(0,0,0,.05)}.hover-tool-icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));transition:transform .3s ease}.curve-spread .hover-tool-icon:nth-child(1){transform:translateY(5px) rotate(-10deg)}.curve-spread .hover-tool-icon:nth-child(2){transform:translateY(-5px) rotate(5deg)}.mini-screens-group{display:flex;gap:10px}.mini-screen{width:80px;height:50px;object-fit:cover;border-radius:8px;border:2px solid white;box-shadow:0 8px 20px #00000026;transition:transform .3s ease}.mini-screen:nth-child(1){transform:rotate(-5deg)}.mini-screen:nth-child(2){transform:rotate(5deg)}.icon-circle-large{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.icon-circle-large.email{background:#000;color:#fff}.icon-circle-large.phone{background:#fff;color:#000;border:1px solid rgba(0,0,0,.1)}@media(max-width:768px){.nav-item-interactive{font-size:3rem}.hover-content.left{padding-right:1rem}.hover-content.right{padding-left:1rem}}.content-studio-full{padding-top:4rem;padding-bottom:8rem}.studio-two-column{display:grid;grid-template-columns:350px 1fr;gap:4rem;position:relative;align-items:start}.studio-sidebar-fixed{position:sticky;top:120px;align-self:start;z-index:10}.sidebar-sticky-content{background:#fff;padding:2.5rem;border-radius:32px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #00000008}.info-item{margin-bottom:2.5rem}.info-item:last-child{margin-bottom:0}.info-item h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.info-item p{font-size:1.1rem;font-weight:500;line-height:1.6}.studio-content-area{display:flex;flex-direction:column;gap:6rem}.studio-content-section{display:flex;flex-direction:column;gap:3rem}.content-section-header{margin-bottom:1rem}.content-section-header h2{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.header-cursive{font-family:var(--font-cursive);font-size:2.5rem;color:var(--text-secondary);display:block;margin-bottom:.5rem;transform:rotate(-2deg);padding-left:.5rem}.reels-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem}.shorts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.reel-item{display:flex;flex-direction:column;gap:1rem}.reel-video-wrapper,.short-video-wrapper{position:relative;width:100%;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px #0000001a}.reel-video-wrapper iframe,.short-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.reel-tools-row{display:flex;gap:.5rem;padding-left:.5rem}.tool-icon{width:24px;height:24px;object-fit:contain;filter:grayscale(1);opacity:.6;transition:all .3s ease}.reel-item:hover .tool-icon{filter:grayscale(0);opacity:1}.instagram-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.instagram-post-embed{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000d;background:#fff;display:flex;justify-content:center}.instagram-post-embed iframe{width:100%;min-height:500px;border:none}.youtube-videos-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}.video-item{display:flex;flex-direction:column;gap:1.25rem}.video-embed-wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px #0000001a}.video-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info-row{display:flex;flex-direction:column;gap:.5rem}.video-title{font-weight:700;font-size:1.1rem;line-height:1.4}.project-tools-mini{display:flex;flex-wrap:wrap;gap:.5rem}.tool-mini-card{background:#f5f5f5;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:500;color:#333}.project-skills-mini{display:flex;flex-wrap:wrap;gap:.5rem}.skill-mini-pill{border:1px solid rgba(0,0,0,.1);padding:.3rem .8rem;border-radius:100px;font-size:.8rem;font-weight:500}@media(max-width:900px){.studio-two-column{grid-template-columns:1fr;gap:3rem}.studio-sidebar-fixed{position:static;margin-bottom:2rem}.content-section-header h2{font-size:2.5rem}.content-studio-full{padding-top:2rem}}