.about-page-hero{min-height:78vh;padding:135px 0 95px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-page-hero .eyebrow{justify-content:center}.about-page-hero h1{font-size:clamp(48px,7vw,86px);font-weight:700;line-height:1.02;letter-spacing:-.045em;margin:20px 0}.about-page-hero h1 span,.about-story h2 span,.journey h2 span,.about-skills h2 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.about-page-hero>p:last-of-type{max-width:730px;margin:0 auto 30px;color:var(--muted);font-size:13px;line-height:1.85}
.about-story{padding:110px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.story-visual{height:610px;padding:2px;position:relative;overflow:hidden;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad) border-box}.story-visual:before{content:"";position:absolute;inset:30px;border:1px dashed rgba(255,255,255,.14);border-radius:19px}.story-orbit{position:absolute;width:330px;height:330px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(69,228,255,.13),rgba(156,118,255,.08) 45%,transparent 70%);filter:blur(12px)}.photo-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-icon{width:58px;height:58px;border:1px solid rgba(69,228,255,.35);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:25px;box-shadow:0 0 35px rgba(69,228,255,.14);margin-bottom:19px}.photo-placeholder b{font-size:10px;letter-spacing:.17em;font-weight:600}.photo-placeholder small{font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:6px}.story-badge{position:absolute;right:19px;bottom:19px;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(10,14,24,.86);backdrop-filter:blur(15px);box-shadow:var(--glow)}.story-badge strong{font-size:27px;color:var(--cyan);font-weight:700}.story-badge span{font-size:8px;letter-spacing:.12em;color:#b9c2d2}.section-kicker{font-size:9px;letter-spacing:.17em;color:var(--cyan);font-weight:600}.story-content h2,.skills-copy h2{font-size:clamp(38px,5vw,61px);font-weight:600;line-height:1.09;letter-spacing:-.035em;margin:13px 0 31px}.story-paragraphs{display:grid;gap:19px}.story-paragraphs p{margin:0;color:#aab4c6;font-size:12.5px;line-height:1.9}.story-paragraphs p:first-child{padding-left:18px;border-left:2px solid var(--cyan)}
.about-achievements{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 0 105px}.about-achievements article{padding:29px 18px;text-align:center;border:1px solid transparent;border-radius:21px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--grad) border-box;box-shadow:var(--glow),inset 0 1px rgba(255,255,255,.06);transition:.35s}.about-achievements article:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(84,120,255,.17)}.about-achievements strong{display:block;font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.04em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.about-achievements p{margin:6px 0 0;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8f9ab0}
.journey{padding:105px 0}.journey-timeline{position:relative;max-width:1020px;margin:62px auto 0}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.08);transform:translateX(-50%);overflow:hidden}.timeline-line i{display:block;width:100%;height:0;background:var(--grad);box-shadow:0 0 20px rgba(69,228,255,.4);transition:height 1.5s cubic-bezier(.2,.8,.2,1)}.journey-timeline.is-visible .timeline-line i{height:100%}.journey-item{width:50%;padding:0 58px 36px 0;position:relative;opacity:0;transform:translateY(25px);transition:.65s ease}.journey-item:nth-of-type(odd){margin-left:50%;padding:0 0 36px 58px}.journey-timeline.is-visible .journey-item{opacity:1;transform:none}.journey-timeline.is-visible .journey-item:nth-of-type(2){transition-delay:.08s}.journey-timeline.is-visible .journey-item:nth-of-type(3){transition-delay:.16s}.journey-timeline.is-visible .journey-item:nth-of-type(4){transition-delay:.24s}.journey-timeline.is-visible .journey-item:nth-of-type(5){transition-delay:.32s}.journey-timeline.is-visible .journey-item:nth-of-type(6){transition-delay:.4s}.journey-timeline.is-visible .journey-item:nth-of-type(7){transition-delay:.48s}.journey-dot{position:absolute;right:-20px;top:19px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#0d111b,#0d111b) padding-box,var(--grad) border-box;border:2px solid transparent;color:var(--cyan);font-size:8px;font-weight:600;box-shadow:0 0 25px rgba(91,119,255,.18)}.journey-item:nth-of-type(odd) .journey-dot{right:auto;left:-20px}.journey-card{padding:26px 27px;transition:.35s}.journey-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px rgba(76,156,255,.13)}.journey-card small{font-size:8px;letter-spacing:.16em;color:var(--cyan)}.journey-card h3{font-size:18px;font-weight:600;margin:9px 0}.journey-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.about-skills{padding:105px 0 120px;display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:center}.skills-copy>p:not(.section-kicker){font-size:12px;line-height:1.85;color:var(--muted)}.skills-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.skills-note i{font-style:normal;color:var(--cyan)}.skills-note span{font-size:10px;line-height:1.75;color:#a9b2c3}.skills-panel{padding:35px 39px}.skill-meter+.skill-meter{margin-top:23px}.skill-meter>div:first-child{display:flex;justify-content:space-between;gap:20px;margin-bottom:9px}.skill-meter b{font-size:10px;font-weight:600}.skill-meter span{font-size:9px;color:#bdc6d8}.skill-track{height:7px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.skill-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--grad);box-shadow:0 0 15px rgba(69,228,255,.42);transition:width 1.25s cubic-bezier(.2,.8,.2,1)}.about-contact .contact-actions{margin-top:30px}
@media(max-width:920px){.about-story,.about-skills{grid-template-columns:1fr}.story-visual{height:470px}.about-achievements{grid-template-columns:1fr 1fr}.about-skills{gap:34px}.journey-timeline{margin-left:20px}.timeline-line{left:0}.journey-item,.journey-item:nth-of-type(odd){width:100%;margin-left:0;padding:0 0 30px 52px}.journey-dot,.journey-item:nth-of-type(odd) .journey-dot{left:-20px;right:auto}}
@media(max-width:650px){.about-page-hero{min-height:auto;padding:95px 0 75px}.about-page-hero h1{font-size:43px;letter-spacing:-.035em}.about-story,.journey,.about-skills{padding:78px 0}.about-story{gap:36px}.story-visual{height:410px}.story-content h2,.skills-copy h2{font-size:39px}.about-achievements{padding-bottom:75px;gap:10px}.about-achievements article{padding:23px 9px}.about-achievements p{font-size:7px}.skills-panel{padding:27px 21px}.journey-card{padding:22px 20px}.about-contact .contact-actions{align-items:stretch}.about-contact .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.journey-item{opacity:1;transform:none}.timeline-line i{height:100%}.skill-track i{transition:none}}