#about{position:relative;text-align:center;padding:0 0 8rem}#about .container{position:relative;padding:0 1rem}#about .container:first-child{padding-top:30vh}.about-hero-text{font-size:2.5rem;font-weight:400;line-height:1.2;letter-spacing:-.02em;margin:0;text-align:start;text-indent:20%}.about-banner-wrapper{position:relative;width:100%;height:90vh;overflow:hidden;background-color:var(--color-surface);margin-top:2rem}.about-banner-image{position:absolute;top:0;left:0;transform:translateZ(0);width:100%;height:125%;object-fit:cover;object-position:center top;will-change:transform;filter:grayscale(1)}.about-profile-container{display:flex;justify-content:end;margin:1rem 0}.profile-img-wrapper{position:relative;width:210px;height:250px;overflow:hidden;background-color:var(--color-gray)}.profile-img{position:absolute;top:0;left:0;width:100%;height:125%;object-fit:cover;object-position:center center;transform:translateZ(0);filter:brightness(.8);will-change:transform;opacity:0;transition:opacity .7s ease}.profile-img.visible{opacity:1}.about-description{padding-top:3rem}.about-description p,.skill-list{font-size:1.3rem;line-height:1.4;letter-spacing:-.5}#about .skill hr{margin-top:8rem}#about .skill hr:first-child{display:none}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.about-grid-header h3{font-size:5rem;font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.04em;margin-bottom:1rem}.about-grid-story .education{font-size:1.3rem;line-height:1.4;letter-spacing:-.5}.about-grid-story .education span{font-weight:500}.about-grid-story .day{font-size:22rem;letter-spacing:-.07em;line-height:.9;margin:0 0 1rem;text-align:center!important}p.skill-subtitle{font-style:italic;margin:0}.skill-wrapper{display:grid;grid-template-columns:200px 1fr;grid-gap:1rem;gap:1rem;align-items:start;margin-bottom:2rem}.about-grid>div>div:nth-child(3) .skill-wrapper{margin-bottom:0}.skill-item{font-weight:500;text-transform:uppercase;margin:0}.skill-item span{text-transform:capitalize}.skill-list{margin:0;padding:0;list-style:none;text-align:start}@media (max-width:1280px){#about .container{padding:0 2rem}}@media (max-width:980px){.about-grid{grid-template-columns:repeat(1,1fr);gap:3rem}}@media (max-width:640px){#about{padding:0 0 8rem;display:block}#about .container{padding:0 1rem}#about .container:first-child{padding-top:20vh}.about-hero-text{font-size:1.7rem}.about-banner-wrapper{height:40vh}.profile-img-wrapper{width:185px;height:190px}.about-grid-header h3{font-size:2.8rem}.education-wrapper{display:grid;grid-template-columns:60px 1fr}.about-grid-story .education{grid-column:2;font-size:.875rem}.about-grid-story .day{font-size:15rem!important}.about-description p,.about-grid-story .education>span,.skill-list{font-size:1rem;text-align:start}.about-intro p:first-child{font-size:1.5rem}.skill-wrapper{grid-template-columns:120px 1fr}}@media (max-width:400px){.about-intro{grid-template-columns:125px 1fr}}