.about-intro{width:75%;margin:0 auto;display:flex;gap:8em}.about-portrait-img{flex:1 1}.about-portrait{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.about-copy-wrapper{flex:1.8 1}.about-copy-wrapper h1{margin-bottom:2em}.about-copy-wrapper h3{margin-bottom:.5em}.about-intro .about-copy-title,.about-intro .line-wrapper,.work-header .line-wrapper,.work-name h3 .line-wrapper,.work-year .line-wrapper{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.about-intro .about-copy-title h1,.work-header .line-wrapper span,.work-name h3 .line-wrapper span,.work-year h3 .line-wrapper span{position:relative;transform:translateY(70px);will-change:transform}.about-intro .line-wrapper span{position:relative;transform:translateY(30px);will-change:transform}.about-hero-img{width:100%;height:75vh;overflow:hidden;margin:8em 0}.work-wrapper{width:85%;margin:0 auto 16em}.work-wrapper .work-header{margin-bottom:2em}.work-item{width:100%;padding:1.25em 0;display:flex;justify-content:space-between;gap:2em;border-bottom:1px solid var(--text-darker)}.work-wrapper h3{font-size:18px}@media (max-width:900px){.about-intro{width:100%;flex-direction:column;gap:8em}.about-copy-wrapper h1{margin-bottom:1em}.work-wrapper{width:100%}}