.bio-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1rem;background:transparent;padding:1rem 0;border-radius:1.5rem;width:100%;max-width:1200px;margin:0 auto}@media (max-width:768px){.bio-grid{grid-template-columns:1fr;grid-auto-rows:minmax(150px,auto);gap:1rem;padding:.5rem 0}.bio-grid .col-span-2,.bio-grid .col-span-3{grid-column:1!important}.bio-grid .row-span-2{grid-row:auto!important}}@media (min-width:769px) and (max-width:1024px){.bio-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(180px,auto);gap:1.5rem}.bio-grid .col-span-2,.bio-grid .col-span-3{grid-column:span 2!important}}.bio-main{grid-area:backend;grid-column:1/span 2;grid-row:1/span 2}.bio-item{position:relative;background:rgba(0,0,0,.3);border:1px solid hsla(36,63%,75%,.15);border-radius:.75rem;overflow:visible;transition:all .3s;color:var(--text-muted,#c9c1b3);padding:1.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.04)}@media (max-width:768px){.bio-item{padding:1rem}}.bio-item:hover{background:rgba(0,0,0,.4);border-color:hsla(36,63%,75%,.25);box-shadow:0 4px 12px hsla(36,63%,75%,.1);cursor:pointer}.bio-item-content{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.icon{width:2.5rem;height:2.5rem;color:var(--accent-secondary,#e8c999);margin-bottom:.5rem}@media (max-width:768px){.icon{width:2rem;height:2rem}}.item-title{font-size:1.25rem;font-weight:600;color:var(--accent-secondary,#e8c999)}@media (max-width:768px){.item-title{font-size:1.1rem}}.item-description{font-size:1rem;color:var(--text-muted,#c9c1b3)}.bio-big{grid-column:span 2}.bio-big,.bio-tall{grid-row:span 2}.bio-wide{grid-column:span 2}.bio-small{grid-column:span 1;grid-row:span 1}.bio-small:nth-of-type(2){grid-area:devops}.bio-small:nth-of-type(3){grid-area:frontend}.bio-small:nth-of-type(4){grid-area:security}.bio-small:nth-of-type(5){grid-area:data}@media (max-width:768px){.bio-big,.bio-small,.bio-tall,.bio-wide{grid-column:auto;grid-row:auto}}