.about-container{flex-direction:column;align-items:center;min-height:100vh;display:flex}.about-content{max-width:70rem;margin:110px 0 20px}@media (max-width:900px){.about-content{max-width:40rem}}.about-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:1rem;width:100%;max-width:100%;display:grid}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}.about-image-section{flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.about-image-container{background-color:#e5e5e5;width:100%;max-width:400px;height:600px;position:relative;overflow:hidden}.about-image{object-fit:cover;filter:grayscale();transition:filter .3s}.about-image-container:hover .about-image{filter:grayscale(0%)}.about-social-icons{justify-content:flex-start;gap:1.5rem;display:flex}.about-social-link{justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .3s;display:flex}.about-social-link:hover{color:#fff;background-color:#000}.about-social-icon{width:1.5rem;height:1.5rem}.about-text-section{flex-direction:column;gap:.8rem;width:100%;max-width:100%;padding-top:50px;display:flex}.about-header h1{font-size:3rem;font-family:var(--font-montserrat);text-transform:uppercase;font-weight:200}@media (min-width:768px){.about-header h1{font-size:3.75rem}}.about-header p{opacity:.7;font-size:1.25rem}.about-bio{flex-direction:column;gap:1rem;display:flex}.about-bio p{font-size:1rem;line-height:1.75}.about-education h2{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.about-education p{font-size:1.125rem}.about-skills h2{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.about-skills-list{flex-wrap:wrap;gap:.75rem;display:flex}.about-skill-tag{border:2px solid #000;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.experience-section{width:100%;padding:5rem 1.5rem}.experience-content{flex-direction:column;gap:1rem;max-width:70rem;margin:auto;display:flex}@media (max-width:900px){.experience-content{gap:2rem;max-width:40rem}}.education-box{background-color:#fff}.education-box h2{border-bottom:2px solid #000;margin-bottom:.5rem;padding-bottom:.5rem;font-size:2rem;font-weight:700}.education-details{padding:20px}.education-details h3{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.education-details .institution{margin-bottom:.25rem;font-size:1.125rem;font-weight:500}.education-details .location,.education-details .graduation{opacity:.7;margin-bottom:.25rem;font-size:1rem}.experience-box{background-color:#fff}.experience-box h2{border-bottom:2px solid #000;margin-bottom:.5rem;padding-bottom:.5rem;font-size:2rem;font-weight:700}.experience-list{flex-direction:column;gap:1rem;display:flex}.experience-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:flex-start;width:100%;padding:1.25rem;transition:background-color .2s;display:flex}.experience-item:hover{background-color:#f0f0f0}.experience-info{flex:1}.experience-info h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.experience-info .company{opacity:.8;margin-bottom:.25rem;font-size:1rem;font-weight:500}.experience-info .duration{opacity:.6;font-size:.875rem}.chevron{flex-shrink:0;margin-left:1rem;transition:transform .3s}.chevron.open{transform:rotate(180deg)}.experience-details{max-height:0;padding:0 1.25rem;transition:max-height .3s,padding .3s;overflow:hidden}.experience-details.open{max-height:500px;padding:0 1.25rem 1.25rem}.experience-details ul{margin:0;padding-left:1.5rem;list-style:outside}.experience-details li{margin-bottom:.75rem;font-size:.95rem;line-height:1.6}.experience-details li:last-child{margin-bottom:0}