.about{text-wrap:balance;flex-direction:row;align-items:center;gap:2rem;padding:2rem 0;display:flex;overflow:hidden;&:first-child{order:1}&>div{min-width:3em}}.about-portrait{align-items:flex-start;row-gap:6rem}.about-portrait-text{z-index:2;flex:1;padding:0 3rem 3rem 0;& .linestat{color:var(--c-offwhite);letter-spacing:.04rem;font-size:1.5rem;font-weight:300;line-height:1.5;text-transform:none!important}& h5:has(.linestat){align-items:center;gap:.5em;display:flex}& h5:has(.linestat):after{content:"";border-top:3px dashed var(--c-blue-light);flex:1;margin-left:.75em;margin-right:-50%}}.about-portrait-col{flex:none;justify-content:flex-end;width:30%;display:flex;position:relative}.about-portrait-col .graphic-grid{--grid-margin:0rem;inset:var(--grid-margin)0 var(--grid-margin)-3.5rem;width:100%;height:calc(100% - var(--grid-margin)*2);align-content:center;margin:0;position:absolute}.about-portrait-img{z-index:3;width:15rem;height:auto;position:relative}@media screen and (width<=768px){.about{flex-direction:column;&:first-child{order:2}&:nth-child(2){order:1}}.about-portrait{align-items:stretch}.about-portrait-text{padding:0;& .linestat{color:var(--c-offwhite);letter-spacing:.04rem;font-size:1.25rem;font-weight:300;line-height:1.5;text-transform:none!important}& h5:has(.linestat){align-items:center;gap:.5em;display:flex}& h5:has(.linestat):after{content:none}}.about-portrait-col{width:100%}.about-portrait-col .graphic-grid{--grid-margin:0rem;inset:unset;align-content:center;justify-self:center;width:calc(85% - 2px);height:120%;margin:0;padding-right:0;position:absolute;right:15%}.about-portrait-img{z-index:3;width:40%;height:auto;position:relative}}