@layer components{.about{border-top:var(--layout-border);border-bottom:var(--layout-border);flex-direction:column;gap:16px;margin:0 auto;display:flex;position:relative}.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;height:60px;padding:9px 20px;display:flex}.about__description-title{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);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{top:var(--navigation-height);background-color:var(--grey-100);border-right:var(--layout-border);border-bottom:var(--layout-border);z-index:1;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky}.about__experiences-title{font-size:var(--h4);font-weight:500}.about__experience{--offset:1px;top:calc(var(--navigation-height) + 60px - var(--offset));background-color:var(--grey-100);border-top:var(--layout-border);flex-direction:column;gap:8px;padding:10px;display:flex;position:sticky;overflow:hidden;@media (width>=992px){padding:12px}@media (width>=1200px){padding:16px}}.about__experience:nth-child(2){--offset:0px;border-top:none}.about__experience-logo{width:110px;height:auto;opacity:var(--experience-logo-opacity);filter:var(--experience-logo-filter);pointer-events:none;position:absolute;top:10px;right:10px}.about__experience-header{font-family:var(--font-code);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}.shortcuts{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));min-height:calc(100vh - (var(--navigation-height) + var(--margin) * 2));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);margin:40px auto;display:flex;position:relative}@media (width>=520px) and (width<=920px){.shortcuts{--padding:50px}}.shortcuts__inner{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;padding:20px;display:flex;position:relative}.shortcuts__inner:before{content:"";background:linear-gradient(to bottom right, transparent 0%, var(--blue) 25%, var(--magenta) 50%, var(--blue) 75%, transparent 100%);opacity:.1;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.shortcuts__title{font-size:var(--h4);text-align:center;font-weight:500}.shortcuts__links{grid-template-columns:repeat(auto-fit,220px);justify-content:center;gap:20px;width:min(100% - 20px,900px);list-style:none;display:grid}.shortcuts__link{height:100%;color:var(--primary);background-color:var(--grey-100);transition:.16s var(--transition-easing);flex-direction:column;text-decoration:none;transition-property:background-color,transform;display:flex}.shortcuts__link:is(:hover,:focus){background-color:var(--grey-000);transform:translateY(-2px)}.shortcuts__link-header{border-bottom:var(--layout-border);align-items:center;padding:7px;display:flex}.shortcuts__link-icon-container{background:var(--gradient);justify-content:center;align-items:center;padding:4px;display:flex}.shortcuts__link-icon{--size:18px;flex:0 0 var(--size);width:var(--size);height:var(--size);fill:var(--white)}.shortcuts__link-name{font-size:var(--p);font-family:var(--monospace-font);flex:100%;padding-left:12px;font-weight:700}.shortcuts__link-description{font-family:var(--monospace-font);padding:12px;line-height:1.4em}.socials{justify-content:center;align-items:center;gap:10px;padding-bottom:20px;list-style:none;display:flex}.socials__item{flex:none}}