.about-section{width:100vw;min-height:100vh;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:rgba(0,0,0,.15);color:#fff;-ms-overflow-style:none;scrollbar-width:none}.static-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay;z-index:1}.about-section::-webkit-scrollbar{display:none!important}:root{scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}.about-view{min-height:100vh}.about-glass-card{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,rgba(45,45,50,.3),rgba(25,25,30,.7));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:32px;position:relative;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.03);transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));transform-style:preserve-3d;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;animation:aboutCardFloat 7s ease-in-out infinite;will-change:transform}@keyframes aboutCardFloat{0%{transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y))}50%{transform:translate3d(0,-12px,0) rotateX(calc(var(--card-rotate-x) - .6deg)) rotateY(var(--card-rotate-y))}to{transform:translateZ(0) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y))}}.about-glass-card:before{content:"";position:absolute;inset:0;border-radius:32px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02) 40%,rgba(255,255,255,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.experience-section{padding:100px 0 60px;position:relative;flex-direction:column}.experience-header,.experience-section{width:100%;display:flex;align-items:center}.experience-header{gap:30px;margin-bottom:120px;justify-content:center}.header-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);flex:1;max-width:300px}.experience-title{font-family:Michroma;font-size:32px;font-weight:700;letter-spacing:.4em;color:#fff;opacity:.9}.timeline-container{position:relative;width:100%;max-width:1200px;display:flex;flex-direction:column;gap:150px}.timeline-center-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.2) 80%,rgba(255,255,255,.05));transform:translateX(-50%)}.timeline-item{width:100%;justify-content:center}.timeline-content-wrapper,.timeline-item{position:relative;display:flex;align-items:center}.timeline-content-wrapper{width:50%}.timeline-item.left .timeline-content-wrapper{flex-direction:row-reverse;padding-right:60px;margin-right:50%}.timeline-item.right .timeline-content-wrapper{padding-left:60px;margin-left:50%}.timeline-dot{position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:50%;transform:translateY(-50%);z-index:2;box-shadow:0 0 15px rgba(255,255,255,.5)}.timeline-item.left .timeline-dot{right:-6px}.timeline-item.right .timeline-dot{left:-6px}.timeline-connector{height:1px;background:rgba(255,255,255,.2);width:60px}.year-bg-text{position:absolute;font-family:Outfit,sans-serif;font-size:15vw;font-weight:900;color:rgba(255,255,255,.05);pointer-events:none;line-height:1;z-index:0;transition:all .5s ease-out}.timeline-item.active .year-bg-text{color:#fff!important;opacity:1!important}.timeline-item.active .timeline-dot{background:#fff;box-shadow:0 0 25px rgba(255,255,255,.8);transform:translateY(-50%) scale(1.3)}.timeline-item.left .year-bg-text{left:55%}.timeline-item.right .year-bg-text{right:55%}.experience-glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;width:100%;max-width:450px;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1);z-index:1;opacity:.15;transform:translateY(20px)}.timeline-item.active .experience-glass-card{opacity:1;transform:translateY(0)}.timeline-item.active .experience-glass-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.card-period{font-size:12px;font-weight:600;color:#666;margin-bottom:12px;letter-spacing:.1em}.card-job-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1.2}.card-company{font-size:14px;font-weight:500;color:#999;margin-bottom:20px}.card-desc{font-size:14px;line-height:1.6;color:#888}.card-id-tag{position:absolute;top:32px;right:32px;font-size:10px;font-weight:800;color:rgba(255,255,255,.1);letter-spacing:.1em}@media (max-width:900px){.timeline-center-line{left:30px}.timeline-item.left,.timeline-item.right{justify-content:flex-start}.timeline-content-wrapper{width:100%;margin-left:30px!important;padding-left:40px!important;padding-right:20px!important;flex-direction:row!important}.timeline-dot{left:-6px!important;right:auto!important}.year-bg-text{font-size:30vw;top:-40px;left:20px!important;right:auto!important;opacity:.02}.experience-glass-card{max-width:100%}}.about-glass-card:after{content:"";position:absolute;inset:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/Hj6rAAAABnRSTlMAAAAAAABupgeRAAAAPElEQVR42mNgwAIEQwkIgBqAAWwS00A2CjD+n4EBhAAMjA/oABjAGkE2ijI+oAFgAGtE2SjK+IAGQAEGBgC5Yx5E8ZqXUwAAAABJRU5ErkJggg==");background-repeat:repeat;background-size:50px 50px;opacity:.15;pointer-events:none;mix-blend-mode:overlay}.about-content{flex:1}.about-content,.about-view{width:100%;position:relative}.about-view{grid-template-columns:10vw 1fr 10vw;display:grid}.about-left{flex-direction:column;justify-content:space-between;padding:2vh 4vw 8vh;display:flex;position:relative}.about-index-corner{border-left:1px solid #fff6;left:32px}.about-index-corner,.about-index-corner-right{border-top:1px solid #fff6;width:56px;height:56px;position:fixed;top:50px}.about-index-corner-right{border-right:1px solid #fff6;right:32px}.about-vertical-tag{writing-mode:vertical-rl;color:#444;letter-spacing:.15rem;white-space:nowrap;opacity:.6;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;top:54%;left:18.5%;transform:translate(-50%,-50%) rotate(180deg)}.about-vertical-tag:before{content:"";background:linear-gradient(#0000,#ffffff1a 70%,#fff9);width:1px;height:250px;margin-bottom:20px}.about-center{justify-content:center;height:100%}.about-card-wrapper,.about-center{align-items:center;display:flex;position:relative}.about-card-wrapper{--card-rotate-x:0deg;--card-rotate-y:0deg;--card-glow-x:50%;--card-glow-y:50%;--card-image-x:0px;--card-image-y:0px;perspective:1800px;flex-direction:column;width:100%;max-width:62vw}.about-right{justify-content:flex-end;align-items:center;padding-right:3vw;display:flex}.about-bottom{letter-spacing:.15em;justify-content:space-between;align-items:flex-end;width:100%;padding:0 30px 10px;font-size:11px;display:flex;position:absolute;bottom:-30px;left:0}.about-detail-group{flex-direction:column;gap:4px;display:flex}.about-detail-label{color:#fff;text-transform:uppercase;letter-spacing:.02em;font-size:18px;font-weight:800}.about-detail-value{color:#666;text-transform:uppercase;letter-spacing:.2em;margin-top:2px;font-size:12px;font-weight:400}.about-detail-corner{left:32px;border-left:1px solid #fff6}.about-detail-corner,.about-footer-corner{pointer-events:none;width:60px;height:60px;position:fixed;top:76vh;border-bottom:1px solid #fff6}.about-footer-corner{right:32px;border-right:1px solid #fff6}.about-card-container{display:flex;width:100%;height:100%;padding:32px;gap:40px}.about-image-side{flex:0 0 42%;height:100%;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.4)}.about-profile-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1) contrast(1.1);transform:scale(1.05) translate(var(--card-image-x),var(--card-image-y));transition:transform .4s cubic-bezier(.16,1,.3,1)}.about-info-side{flex:1;display:flex;flex-direction:column;color:#fff;padding-right:10px}.about-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.about-name{font-family:Michroma;font-size:52px;font-weight:800;line-height:.9;text-transform:uppercase;letter-spacing:-.02em;margin:0;color:#f0f0f0}.about-role-tag{font-size:11px;font-weight:700;letter-spacing:.2em;color:#888;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:100px;display:inline-block;background:rgba(255,255,255,.03);white-space:nowrap}.about-stats-grid{display:flex;align-items:center;gap:32px;margin-bottom:32px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-stat-item{display:flex;flex-direction:column;gap:6px;flex:1;text-align:center}.about-stat-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}.about-stat-label{font-size:10px;font-weight:600;letter-spacing:.15em;color:#555;text-transform:uppercase}.about-stat-value{font-size:18px;font-weight:700;color:#eee;font-family:Michroma}.about-bio{font-size:15px;line-height:1.6;color:#999;margin-bottom:24px;font-weight:400}.about-skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.about-skill-tag{font-size:12px;padding:6px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#bbb;display:flex;align-items:center;gap:6px;transition:all .3s ease}.about-skill-tag:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;transform:translateY(-2px)}.skill-star{font-size:10px;color:#666}.about-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.about-footer-id{font-weight:700}.about-footer-id,.about-footer-meta{font-size:12px;letter-spacing:.1em;color:#444}.about-footer-meta{font-weight:500}@media (max-width:1200px){.about-name{font-size:42px}.about-card-container{padding:24px;gap:30px}}@media (max-width:900px){.about-glass-card{aspect-ratio:auto;min-height:80vh}.about-card-container{flex-direction:column;overflow-y:auto}}.about-scroll-indicator{position:absolute;bottom:-140px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.8;animation:aboutFadeInUp 1s ease-out .5s forwards}.about-scroll-text{font-size:11px;font-weight:600;letter-spacing:.3em;color:#444;padding:4px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.about-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,#444,transparent)}.about-scroll-cross{font-size:18px;color:#333;font-weight:300}@keyframes aboutFadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:.8;transform:translate(-50%)}}@media (max-width:900px){.about-scroll-indicator{display:none}}