.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:4rem}.about-card{background-color:var(--code-bg);border:1px solid var(--island-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column}.about-card h3{font-family:var(--font-lexend),sans-serif;color:var(--h1-text);font-size:1.2rem;margin-bottom:1rem;border-bottom:1px dashed var(--island-border);padding-bottom:.5rem}.card-profile{grid-column:span 4;align-items:center;text-align:center}.card-skills{grid-column:span 4}.card-telemetry{grid-column:span 4;font-family:var(--font-intel-one),monospace}.card-badges{grid-column:span 12}.profile-avatar{width:160px;height:160px;border-radius:50%;border:2px solid var(--meta-text);margin-bottom:1rem;object-fit:cover}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem}.telemetry-data{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--island-border);font-size:.85rem;color:var(--body-text)}.telemetry-label{color:var(--meta-text)}:root{--timeline-accent: var(--h2-text)}.timeline-wrapper{position:relative;max-width:900px;margin:4rem auto;padding:2rem 0}.timeline-axis{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:var(--island-border);transform:translate(-50%);z-index:1}.timeline-row{display:flex;width:100%;align-items:center;margin-bottom:2rem;position:relative;z-index:2}.timeline-row.left{flex-direction:row}.timeline-row.right{flex-direction:row-reverse}.timeline-box-wrapper{width:50%;display:flex;position:relative;box-sizing:border-box}.timeline-row.left .timeline-box-wrapper{justify-content:flex-end;padding-right:4rem}.timeline-row.right .timeline-box-wrapper{justify-content:flex-start;padding-left:4rem}.timeline-box{background-color:var(--code-bg);border:1px solid var(--node-color);padding:1.25rem;border-radius:8px;width:100%;max-width:400px;position:relative;box-shadow:var(--island-shadow)}.timeline-box:after{content:"";position:absolute;top:50%;width:4rem;border-top:2px dotted var(--node-color);z-index:-1}.timeline-row.left .timeline-box:after{right:-4rem}.timeline-row.right .timeline-box:after{left:-4rem}.timeline-type{font-family:var(--font-intel-one),monospace;font-size:.8rem;color:var(--node-color);text-transform:uppercase;margin:0 0 .5rem}.timeline-title{font-family:var(--font-lexend),sans-serif;color:#fff;font-size:1.2rem;margin:0 0 .5rem}.timeline-desc{color:#fff;font-size:.95rem;margin:0;line-height:1.5}.timeline-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-color:var(--container-bg);border:2px solid var(--node-color);border-radius:50%}.timeline-date-text{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-intel-one),monospace;font-size:.85rem;color:var(--meta-text);white-space:nowrap}.timeline-tick-text{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-intel-one),monospace;font-size:.75rem;color:var(--meta-text);opacity:.5;white-space:nowrap}.timeline-row.left .timeline-tick-text{left:20px;text-align:left}.timeline-row.right .timeline-tick-text{right:20px;text-align:right}.timeline-row.left .timeline-date-text{left:24px}.timeline-row.right .timeline-date-text{right:24px}.timeline-row.empty{height:40px;margin-bottom:0}.timeline-tick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:2px;background-color:var(--island-border)}.timeline-row.break{height:80px;margin-bottom:0}.timeline-break-cover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:50px;background-color:var(--container-bg);display:flex;align-items:center;justify-content:center}.timeline-break-ellipsis{width:20px;height:40px;background-color:var(--island-border);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='10' r='2' fill='black'/%3E%3Ccircle cx='10' cy='20' r='2' fill='black'/%3E%3Ccircle cx='10' cy='30' r='2' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 40'%3E%3Ccircle cx='10' cy='10' r='2' fill='black'/%3E%3Ccircle cx='10' cy='20' r='2' fill='black'/%3E%3Ccircle cx='10' cy='30' r='2' fill='black'/%3E%3C/svg%3E")}.badges-container{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.badge-item{display:block;width:112px;height:112px;transition:transform .2s ease,filter .2s ease}.badge-item img{width:100%;height:100%;object-fit:contain;display:block}.badge-item.clipped img{clip-path:circle(43%)}.badge-item:hover{transform:none;filter:drop-shadow(2px 0px 0px #ffffff) drop-shadow(-2px 0px 0px #ffffff) drop-shadow(0px 2px 0px #ffffff) drop-shadow(0px -2px 0px #ffffff)}@media(max-width:768px){.card-profile,.card-skills,.card-telemetry{grid-column:span 12}.timeline-axis,.timeline-node,.timeline-tick,.timeline-break-cover{left:45px}.timeline-row.left,.timeline-row.right{flex-direction:row}.timeline-box-wrapper{width:100%;padding-left:calc(45px + 2.5rem)!important;padding-right:0!important;justify-content:flex-start!important}.timeline-box:after{width:2.5rem!important;left:-2.5rem!important;right:auto!important}.timeline-date-text,.timeline-tick-text{left:50%!important;right:auto!important;top:50%!important;text-align:center!important}.timeline-date-text{transform:translate(-50%,-50%) rotate(-90deg) translateY(-30px)!important}.timeline-row.left .timeline-tick-text{transform:translate(-50%,-50%) rotate(-90deg) translateY(+20px) translate(-10px)!important}.timeline-row.right .timeline-tick-text{transform:translate(-50%,-50%) rotate(-90deg) translateY(-20px) translate(+10px)!important}}