.bio-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:2rem;background:transparent;padding:2rem 0;border-radius:1.5rem;width:100%;max-width:1200px;margin:0 auto;grid-template-areas:"backend devops frontend" "backend security data"}.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)}.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;margin-bottom:.5rem}.icon,.item-title{color:var(--accent-secondary,#e8c999)}.item-title{font-size:1.25rem;font-weight:600}.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}