.about .about-meta{color:var(--accent-color);font-weight:600;margin-bottom:1rem;display:inline-block}.about .about-title{font-size:1.75rem;margin-bottom:1rem;line-height:1.2;font-weight:700}@media (max-width:992px){.about .about-title{font-size:2rem}}.about .about-description{margin-bottom:2rem;color:color-mix(in srgb,var(--default-color),transparent 20%)}.about .feature-list-wrapper{margin-bottom:2rem}.about .feature-list{list-style:none;padding:0;margin:0}.about .feature-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem}.about .feature-list li i{color:var(--accent-color);font-size:1.25rem}.about .profile .profile-image{width:60px;height:60px;border-radius:50%;object-fit:cover}.about .profile .profile-name{font-size:1.125rem;margin:0}.about .profile .profile-position{color:var(--accent-color);margin:0;font-size:.875rem}.about .contact-info{padding:1rem 1.5rem;background-color:var(--surface-color);border-radius:.5rem;box-shadow:0 0 15px rgb(0 0 0 / .06)}.about .contact-info i{color:var(--accent-color);font-size:1.5rem}.about .contact-info .contact-label{color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:.875rem;margin:0}.about .contact-info .contact-number{font-weight:600;margin:0}.about .image-wrapper{position:relative}@media (max-width:992px){.about .image-wrapper{padding-left:0;margin-top:3rem;display:flex;flex-direction:column;gap:2rem}}@media (max-width:992px){.about .image-wrapper .images{display:flex;flex-direction:column;gap:1.5rem}}@media (max-width:992px){.about .image-wrapper .main-image{margin-left:0}}.about .image-wrapper .small-image{position:absolute;top:20%;left:-10%;width:45%;border:8px solid var(--surface-color)}@media (max-width:992px){.about .image-wrapper .small-image{position:static;width:100%;margin:0 auto;border:0}}.about .image-wrapper .experience-badge{position:absolute;bottom:5%;right:5%;background-color:var(--accent-color);color:var(--contrast-color);padding:1.5rem;border-radius:.5rem;text-align:center;min-width:200px;animation:experience-float 3s ease-in-out infinite}@media (max-width:992px){.about .image-wrapper .experience-badge{position:static;width:fit-content;margin:0 auto}}.about .image-wrapper .experience-badge h3{color:var(--contrast-color);font-size:2.5rem;margin:0;line-height:.5}.about .image-wrapper .experience-badge h3 span{font-size:1rem;display:inline-block;margin-left:.25rem}.about .image-wrapper .experience-badge p{margin:.5rem 0 0;font-size:.875rem}@keyframes experience-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}