.about-main{min-height:100vh;background:var(--background);color:var(--foreground)}.about-container{grid-template-rows:5vh auto 1fr 10vh!important;grid-template-areas:"navbar navbar navbar navbar navbar navbar" "about-header about-header about-header about-header about-header about-header" "about-content about-content about-content about-content about-content about-content" "footer footer footer footer footer footer"!important}.about-header{grid-area:about-header;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2vh;text-align:center}.about-title{font-family:MabryPro-Regular;font-weight:700;font-size:5vw;margin-bottom:8vh;color:var(--foreground)}.about-content{grid-area:about-content;display:flex;flex-direction:column;gap:10vh;padding:2vh 6vw 10vh}.about-section{position:relative}.about-section h2{font-family:MabryPro-Regular;font-size:2.5vw;margin-bottom:3vh;color:var(--foreground);position:relative}.intro-content{display:flex;gap:0;align-items:flex-start}.intro-text{flex:2}.intro-text p{letter-spacing:-.0223em;margin-bottom:1.5vh;line-height:1.6;font-size:1.3vw;padding-right:12vw;color:var(--foreground)}.weniweniger{letter-spacing:-.3em}.profile-image{padding-top:.7vh;flex:1;display:flex;justify-content:center;align-items:center;align-self:flex-start}.profile-img{width:100%;object-fit:cover;height:auto;border-radius:12px;box-shadow:0 15px 30px rgba(0,0,0,.4);transition:transform .5s ease,box-shadow .5s ease}.profile-image:hover .profile-img{transform:scale(1.02) translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.5)}.grades-content{display:flex;gap:4vw;justify-content:center}.grade-item{background-color:var(--overlay-background);border:1px solid var(--border-color);border-radius:12px;padding:3vh 2vw;text-align:center;flex:1;max-width:300px;transition:transform .3s ease,box-shadow .3s ease}.grade-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.grade-item h3{font-size:1.2vw;margin-bottom:1vh;color:var(--foreground)}.grade-item .grade{font-family:MabryPro-Regular;font-size:3vw;color:var(--accent);font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2vh}.skill-item{margin-bottom:2vh}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5vh}.skill-name{font-size:1.2vw;color:var(--foreground)}.skill-percentage{font-size:1vw;color:var(--accent-secondary);font-weight:700}.skill-bar{width:100%;height:8px;background-color:var(--overlay-background);border-radius:4px;overflow:hidden;position:relative}.skill-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:4px;position:absolute;top:0;left:0;width:0}.timeline-container{position:relative;display:flex;justify-content:center;min-height:600px;margin-top:4vh}.timeline-line-container{position:absolute;left:50%;transform:translateX(-50%);top:0;height:100%;display:flex;flex-direction:column;align-items:center;z-index:1}.timeline-line{width:3px;background-color:var(--accent);height:0;transform-origin:top}.timeline-items{position:relative;width:100%;z-index:2;padding:60px 0}.timeline-item{position:relative;margin-bottom:120px;display:flex;align-items:center;width:100%}.timeline-item:last-child{margin-bottom:60px}.timeline-item.left{justify-content:flex-end;padding-right:calc(50% + 40px)}.timeline-item.right{justify-content:flex-start;padding-left:calc(50% + 40px)}.timeline-content{background-color:var(--overlay-background);border:1px solid var(--border-color);border-radius:12px;padding:2vh 1.5vw;max-width:400px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.timeline-item.left .timeline-content:after{right:-10px;border-left:10px solid var(--overlay-background)}.timeline-item.left .timeline-content:after,.timeline-item.right .timeline-content:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.timeline-item.right .timeline-content:after{left:-10px;border-right:10px solid var(--overlay-background)}.timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:var(--accent);border-radius:50%;border:4px solid var(--background);box-shadow:0 0 0 2px var(--accent);z-index:3}.timeline-period{font-size:1vw;color:var(--accent);font-weight:700;display:block;margin-bottom:.5vh}.timeline-title{font-size:1.4vw;color:var(--foreground);margin:.5vh 0;line-height:1.3}.timeline-subtitle{font-size:1.1vw;color:var(--text-muted);margin:0;line-height:1.4}.hobbies-link{color:var(--accent);text-decoration:none;position:relative;font-weight:500;transition:color .3s ease}.hobbies-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--accent);transform:scaleX(1);transition:transform .3s ease}.hobbies-link:hover{color:var(--accent-hover)}.hobbies-link:hover:after{transform:scaleX(1.1);background-color:var(--accent-hover)}.about-title:has(.fancy3:hover) .word:not(.fancy3:hover){opacity:.2}.fancy3>.letter3{display:inline-block;transition:transform .3s ease}.fancy3:hover>.letter3{transition:transform 1s linear(0,1.1 50%,1.05 70%,1.015 90%,1 100%)}.fancy3:hover>.letter3:first-child{transform:translate(-20%,-10%) rotate(-6deg)}.fancy3:hover>.letter3:nth-child(2){transform:translate(-5%,5%) rotate(-8deg)}.fancy3:hover>.letter3:nth-child(3){transform:translateY(-15%) rotate(9deg)}.fancy3:hover>.letter3:nth-child(4){transform:translate(25%) rotate(20deg)}.fancy3:hover>.letter3:nth-child(5){transform:translate(15%,-25%) rotate(-20deg)}.fancy3:hover>.letter3:nth-child(6){transform:translate(0) rotate(0deg)}.fancy3:hover>.letter3:nth-child(7){transform:translate(20%,30%) rotate(-45deg)}.fancy3:hover>.letter3:nth-child(8){transform:translate(30%,-10%) rotate(0deg)}.fancy3:hover>.letter1:first-child{transform:translate(-2vw,5vh) rotate(20deg)}.fancy3:hover>.letter1:nth-child(2){transform:translate(-1.3vw,-2.5vh) rotate(-6deg)}.fancy3:hover>.letter1:nth-child(3){transform:translate(-10%,10%) rotate(-8deg)}.fancy3:hover>.letter1:nth-child(4){transform:translateY(-30%) rotate(9deg)}.fancy3:hover>.letter1:nth-child(5){transform:translate(50%) rotate(50deg)}.fancy3:hover>.letter1:nth-child(6){transform:translate(30%,-60%) rotate(-50deg)}@media (max-width:975px){.about-title{font-size:8vw}.about-section h2{font-size:6vw}.intro-content{flex-direction:column;gap:4vh}.intro-text p{font-size:2.6vw}.grades-content{flex-direction:column;gap:3vh}.grade-item h3{font-size:2.5vw}.grade-item .grade{font-size:6vw}.skill-name{font-size:2.5vw}.skill-percentage{font-size:2vw}.timeline-item.left,.timeline-item.right{padding:0;justify-content:center}.timeline-content{max-width:90%}.timeline-period{font-size:2vw}.timeline-title{font-size:3vw}.timeline-subtitle{font-size:2.3vw}}@media (max-width:768px){.about-header{padding:10vh 1rem 4vh}.about-content{padding:0 1rem 6vh;gap:6vh}.skills-grid{grid-template-columns:1fr}.timeline-item.left .timeline-content:after,.timeline-item.right .timeline-content:after{display:none}}@media (max-width:480px){.about-title{font-size:10vw}.about-section h2{font-size:8vw}.grade-item h3,.intro-text p{font-size:3.5vw}.grade-item .grade{font-size:8vw}.skill-name{font-size:3.5vw}.skill-percentage,.timeline-period{font-size:3vw}.timeline-title{font-size:4vw}.timeline-subtitle{font-size:3.2vw}}