:root{--about-max-width: 1400px;--about-side-gutter: 60px}.aboutme{display:flex;justify-content:center;padding:0 var(--about-side-gutter);margin:0;width:100%;position:relative;top:-50px;z-index:-1}.aboutme .inner{display:flex;flex-direction:row;align-items:center;gap:60px;width:100%;max-width:var(--about-max-width);margin:0 auto}.aboutme .content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background-color:var(--secondary-black-color);padding:80px 60px;flex:1 1 0;max-width:720px;border-radius:20px}.aboutme .content h2{font-style:normal;margin-top:0;max-width:500px;font-weight:700;font-size:64px;line-height:77px;display:flex;text-transform:capitalize;color:#fff}.aboutme .content p{font-style:normal;font-weight:400;font-size:18px;max-width:539px;line-height:160%;color:#fff;margin-bottom:0}.aboutme .content button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:16px 24px;background:var(--purple-color);border:unset;border-radius:8px;font-style:normal;font-weight:600;font-size:16px;line-height:19px;text-align:center;color:#fff}.aboutme .imgBox{flex:0 0 auto;width:clamp(360px,36vw,500px);aspect-ratio:500 / 650;position:relative}.aboutme .imgBox img{width:100%;height:100%;position:absolute;inset:0;border-radius:20px;object-fit:cover;object-position:100% 40%}.education{display:flex;justify-content:center;align-items:center;padding:80px var(--about-side-gutter);background-color:#0d0d0d}.education .inner{display:flex;flex-direction:row;align-items:stretch;gap:40px;width:100%;max-width:var(--about-max-width);margin:0 auto}.education .imgBox{position:relative;flex:0 0 clamp(320px,34vw,460px);aspect-ratio:5 / 6;align-self:center;border-radius:20px;overflow:hidden}.education .imgBox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.education .content{background:var(--secondary-black-color);display:flex;flex-direction:column;gap:50px;justify-content:center;flex:1 1 0;padding:80px 60px;border-radius:20px}.education .content h2{font-style:normal;font-weight:700;font-size:48px;line-height:58px;color:#fff}.education .content ul{display:flex;flex-direction:column;gap:42px;list-style:none}.education .content ul li{display:flex;flex-direction:column;gap:18px}.education .content ul li h3{font-style:normal;font-weight:700;font-size:24px;line-height:29px;color:#fff}.education .content ul li p{font-style:normal;font-weight:400;font-size:16px;line-height:30px;max-width:514px;color:#fff}.career{display:flex;justify-content:center;padding:80px var(--about-side-gutter)}.career .inner{display:flex;flex-direction:row;align-items:flex-start;gap:60px;width:100%;max-width:var(--about-max-width);margin:0 auto}.career .content{flex:0 0 clamp(360px,40%,520px);position:sticky;top:110px;align-self:flex-start}.career .content h2{font-style:normal;font-weight:700;font-size:48px;line-height:58px;color:#fff}.career .content p{font-family:Sen;font-size:18px;font-style:normal;margin-top:20px;font-weight:400;line-height:30px;color:#fff;max-width:100%}.career .images{flex:1 1 0;column-count:3;column-gap:12px;max-width:none}.career .images>button{display:block;width:100%;margin:0 0 12px;padding:0;border:none;background:none;cursor:zoom-in;border-radius:12px;overflow:hidden;break-inside:avoid;position:relative;transition:transform .25s ease}.career .images>button:hover{transform:translateY(-2px)}.career .images>button img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .45s ease}.career .images>button:hover img{transform:scale(1.05)}@media (max-width: 1240px){.aboutme{padding:0 40px;top:-50px}.aboutme .inner{gap:40px}.aboutme .content{padding:60px 40px;max-width:520px;gap:18px}.aboutme .content h2{font-size:38px;line-height:47px;margin-top:0}.aboutme .content p{font-size:16px;max-width:539px}.aboutme .imgBox{width:clamp(280px,32vw,380px)}.education{padding:60px 40px}.education .inner{gap:30px}.education .imgBox{flex:0 0 clamp(260px,32vw,380px);aspect-ratio:5 / 6}.education .content{padding:60px 40px;gap:40px}.education .content h2{font-size:38px;line-height:47px}.education .content ul{gap:32px}.education .content ul li{gap:10px}.education .content ul li h3{font-size:20px;line-height:24px}.education .content ul li p{font-size:16px;line-height:160%;max-width:414px}.career{padding:60px 40px}.career .inner{gap:40px}.career .content{flex:0 0 clamp(300px,38%,440px);top:100px}.career .content h2{font-size:38px;line-height:47px}.career .content p{font-size:16px;line-height:26px}.career .images{column-count:2;column-gap:10px}.career .images>button{margin-bottom:10px}}@media (max-width: 1035px){.aboutme .inner{gap:30px}.aboutme .content{padding:50px 30px;max-width:480px}.aboutme .imgBox{width:clamp(240px,30vw,340px)}.education .imgBox{flex:0 0 clamp(240px,30vw,320px);aspect-ratio:5 / 6}.education .content{padding:50px 30px}.career .inner{gap:30px}.career .content{flex:0 0 clamp(260px,36%,380px)}.career .images{column-count:2;column-gap:10px}}@media (max-width: 870px){.aboutme{padding:0;top:0;flex-direction:column}.aboutme .inner{flex-direction:column;gap:0;max-width:100%;width:100%;align-items:stretch}.aboutme .content{padding:50px 25px;max-width:100%;width:100%;border-radius:0;gap:18px}.aboutme .content h2{font-size:30px;line-height:37px;margin-top:60px}.aboutme .content p{font-size:16px;line-height:160%}.aboutme .imgBox{width:100%;max-width:100%;aspect-ratio:16 / 12;border-radius:0}.aboutme .imgBox img{border-radius:0}.education{padding:0}.education .inner{flex-direction:column-reverse;max-width:100%;width:100%}.education .imgBox{flex:0 0 auto;width:100%;max-width:100%;aspect-ratio:16 / 10;border-radius:0}.education .imgBox img{object-position:0% 30%}.education .content{padding:50px 30px;border-radius:0;gap:40px;background-color:#010101d9}.education .content h2{font-size:30px;line-height:36px}.education .content ul{gap:30px}.education .content ul li h3{font-size:22px;line-height:26px}.education .content ul li p{font-size:18px;line-height:30px;max-width:540px}.career{padding:40px 25px;background-color:#010101d9}.career .inner{flex-direction:column;gap:30px;max-width:100%;width:100%;align-items:stretch}.career .content{position:static;flex:0 0 auto;top:auto}.career .content h2{font-size:30px;line-height:38px}.career .content p{font-size:18px;line-height:26px;margin-top:18px}.career .images{column-count:2;column-gap:10px}.career .images>button{margin-bottom:10px}}@media (max-width: 620px){.aboutme .content{padding:30px 25px;gap:15px}.aboutme .content h2{font-size:22px;line-height:27px;margin-top:60px}.aboutme .content p{font-size:15px;line-height:150%}.aboutme .imgBox{aspect-ratio:4 / 5}.education .content{padding:40px 25px;gap:30px}.education .content h2{font-size:22px;line-height:26px}.education .content ul li h3{font-size:18px;line-height:22px}.education .content ul li p{font-size:15px;line-height:150%}.career{padding:30px 20px}.career .content h2{font-size:22px;line-height:26px}.career .content p{font-size:15px;line-height:150%;margin-top:16px}.career .images{column-count:2;column-gap:8px}.career .images>button{margin-bottom:8px;border-radius:10px}}