.page-about{color:#111;--about-gutter:clamp(1.25rem, 4vw, 2.5rem);background:#fff;font-family:Montserrat,sans-serif;overflow-x:hidden}.page-about .about-container{width:min(1120px, calc(100% - 2 * var(--about-gutter)));grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);align-items:start;gap:clamp(2rem,4vw,4rem);margin:clamp(2.5rem,5vw,4rem) auto;display:grid}.page-about .about-image{width:100%;min-width:0;position:relative}.page-about .about-image img{border-radius:20px;width:100%;height:auto;transition:transform .3s;display:block;box-shadow:0 10px 30px #00000026}.page-about .about-image img:hover{transform:scale(1.03)}.page-about .about-text{min-width:0}.page-about .about-text h1{background:linear-gradient(90deg,#1a3c40,#5a9ca7);-webkit-text-fill-color:transparent;letter-spacing:1.5px;-webkit-background-clip:text;margin:0 0 1.5rem;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:700;line-height:1.2}.page-about .about-text .about-bio{text-align:justify;text-align-last:left;color:#333;word-spacing:normal;letter-spacing:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin:0 0 1.25rem;font-size:1.0625rem;font-weight:300;line-height:1.8}.page-about .about-actions{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2rem;display:flex}.page-about .about-contact{color:#333;text-align:left;overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:500;line-height:1.7}.page-about .connect-btn{color:#fff;letter-spacing:1px;background:#000;border-radius:30px;justify-content:center;align-items:center;min-height:44px;padding:.8rem 1.6rem;font-size:1rem;font-weight:300;line-height:1.5;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex}.page-about .connect-btn:hover{background:var(--button-hover-color);transform:scale(1.05)}@media (max-width:959px){.page-about .about-container{grid-template-columns:minmax(0,1fr);justify-items:center;gap:2rem;margin-block:2.5rem}.page-about .about-image{width:min(100%,320px)}.page-about .about-text{width:100%;max-width:680px}.page-about .about-text h1{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem)}.page-about .about-text .about-bio{font-size:1rem}}@media (max-width:600px){.page-about .about-text h1{letter-spacing:.5px;font-size:clamp(1.5rem,6vw,2rem)}.page-about .about-container{gap:1.75rem;margin-block:2rem}.page-about .about-image{width:min(100%,280px)}.page-about .about-text .about-bio{text-align:left;font-size:1rem;line-height:1.75}.page-about .about-actions{margin-top:1.5rem}.page-about .about-contact{font-size:.95rem}}.page-about .social-links{text-align:center;color:#333;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4rem;padding:3rem 4rem;font-size:1rem;display:flex}.page-about .social-links a{color:#333;flex-direction:column;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:300;text-decoration:none;transition:color .3s,transform .3s;display:flex}.page-about .social-links a .icon{font-size:3rem;transition:transform .3s}.page-about .social-links a:hover{color:#000;transform:translateY(-8px)}.page-about .social-links a:hover .icon{transform:scale(1.15)}.page-about footer{text-align:center;color:#333;background-color:#e6f0f0;padding:2rem 1rem;font-size:.95rem}@media (max-width:1024px){.page-about .social-links{gap:3rem;padding:3rem 2rem}.page-about .social-links a{font-size:1.3rem}.page-about .social-links a .icon{font-size:2.8rem}}@media (max-width:768px){.page-about .social-links{gap:2.5rem}.page-about .social-links a{font-size:1.2rem}.page-about .social-links a .icon{font-size:2.5rem}}@media (max-width:600px){.page-about .social-links{gap:2rem;padding:2.5rem 1.5rem}.page-about .social-links a{font-size:1.1rem}.page-about .social-links a .icon{font-size:2.2rem}}@media (max-width:400px){.page-about .social-links{gap:1.5rem}.page-about .social-links a{font-size:1rem}.page-about .social-links a .icon{font-size:2rem}}@media (min-width:768px) and (max-width:959px) and (orientation:landscape){.page-about .about-container{grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);align-items:start;gap:2rem}.page-about .about-image{width:100%}.page-about .about-text{max-width:none}.page-about .about-text h1{text-align:left;font-size:1.9rem}}.page-about .about-profile-card{background:#fff;border:none;border-radius:20px;padding:clamp(1.25rem,2.5vw,2rem);box-shadow:0 8px 28px #1a3c4012}.page-about .about-biography .about-bio{text-align:justify;text-align-last:left;word-spacing:normal;-webkit-hyphens:none;hyphens:none}.page-about .about-biography .about-bio:last-child{margin-bottom:0}@media (max-width:600px){.page-about .about-profile-card{border-radius:16px;padding:1.25rem}.page-about .about-text h1{font-size:clamp(1.35rem,5.5vw,1.8rem)}.page-about .about-biography .about-bio{line-height:1.55}}
