.about-content{grid-template-columns:repeat(16,1fr);gap:16px;max-width:100%;padding:60px 16px;display:grid}.about-hero{grid-column:1/-1;grid-template-columns:repeat(16,1fr);align-items:start;gap:16px;margin-bottom:80px;display:grid}.about-image{grid-column:3/6;position:sticky;top:100px}.about-image img{width:100%;height:auto;display:block}.about-bio{grid-column:8/16;align-self:end}.about-bio p{letter-spacing:2px;font-size:20px;line-height:24px}.about-section{grid-column:8/17;margin-bottom:60px}.section-title{letter-spacing:2px;margin-bottom:12px;font-size:20px;font-weight:400;line-height:24px}.dotted-line{background-image:radial-gradient(circle,#000 1px,#0000 1px);background-position:0;background-repeat:repeat-x;background-size:16px 2px;height:2px;margin-bottom:24px}.timeline-item{grid-template-columns:80px 1fr;gap:40px;margin-bottom:12px;font-size:16px;line-height:24px;display:grid}.year{font-weight:400}.description{line-height:1.6}.publication-item{cursor:pointer;text-transform:uppercase;grid-template-columns:80px 1fr 60px;align-items:center;gap:40px;margin-bottom:12px;font-size:16px;line-height:24px;transition:background .1s,color .1s;display:grid}.lang{text-transform:uppercase}.publication-item:hover{color:#f24147;background:#fef0f0}.publication-item .underlined-link{border-bottom:none}.publication-item:hover .underlined-link{color:#f24147;border-bottom-color:#0000}.media{flex:1}.publication-action{text-align:right;width:60px;font-size:16px;position:relative}.publication-action:before{content:"()";opacity:1;transition:opacity .1s}.publication-action:after{content:"(VIEW)";opacity:0;transition:opacity .1s;position:absolute;top:0;right:0}.publication-item:hover .publication-action:before{opacity:0}.publication-item:hover .publication-action:after{opacity:1}.underlined-link{color:#151515;border-bottom:2px dotted #151515;text-decoration:none;transition:color .1s,border-bottom-color .1s}.underlined-link:hover{color:#f24147;border-bottom-color:#0000}@media (width<=1024px){.about-hero{grid-template-columns:repeat(8,1fr)}.about-image{grid-column:1/4}.about-bio,.about-section{grid-column:4/9}}@media (width<=768px){.about-content{grid-template-columns:repeat(4,1fr);padding:40px 16px}.about-hero{grid-template-columns:repeat(4,1fr)}.about-image{grid-column:1/-1;margin-bottom:40px;position:static}.about-bio,.about-section{grid-column:1/-1}.timeline-item{grid-template-columns:60px 1fr;gap:20px}.publication-item{grid-template-columns:40px 1fr auto;gap:20px}}
