@layer components{.about{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto;display:flex}.about__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));background:linear-gradient(to top left,var(--grey-000)0%,var(--grey-100)50%,var(--grey-000)100%);flex-direction:column;margin-inline:auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.about__inner{--padding:50px}}@media (width>=781px){.about__inner{flex-direction:row}}.about__description{border-bottom:var(--layout-border)}@media (width>=781px){.about__description{top:var(--navigation-height);border-bottom:none;flex:0 0 40%;align-self:flex-start;position:sticky}}@media (width>=921px){.about__description{flex:0 0 35%}}.about__description-header{border-bottom:var(--layout-border);align-items:center;gap:16px;display:flex}.about__description-picture{--size:59px;flex:0 0 var(--size);width:var(--size);height:var(--size);border-right:var(--layout-border)}.about__description-title{font-family:var(--serif-font);font-size:var(--h4);font-weight:500}.about__description-content{font-size:var(--p);color:var(--grey-800);padding:12px;line-height:1.6}@media (width>=921px){.about__description-content{padding:22px}}.about__description-content p:not(:last-child){margin-bottom:20px}.about__description-content :not(pre)>code{background-color:var(--grey-000);border:1px solid var(--grey-200);border-radius:var(--radius-100);padding:2px 4px;font-size:calc(1rem - 1px)}.about__experiences{border-left:var(--layout-border);flex-direction:column;flex:100%;display:flex}.about__experiences-header{border-bottom:var(--layout-border);align-items:center;height:60px;padding:0 20px;display:flex}.about__experiences-title{font-family:var(--serif-font);font-size:var(--h4);font-weight:500}.about__experience{border-bottom:var(--layout-border);flex-direction:column;gap:8px;padding:10px;display:flex;position:relative;overflow:hidden;@media (width>=992px){padding:12px}@media (width>=1200px){padding:16px}}.about__experience:last-child{border-bottom:none}.about__experience-logo{opacity:.1;pointer-events:none;width:110px;height:auto;position:absolute;top:10px;right:10px}.about__experience-header{font-family:var(--monospace-font);flex-wrap:wrap;align-items:center;gap:12px 8px;display:flex}.about__experience-company{font-weight:700}.about__experience-title{flex-wrap:wrap;align-items:center;gap:.5ch;display:flex}.about__experience-description{font-size:var(--p);color:var(--grey-700);line-height:1.6}}