.about-me-page{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;color:var(--text);background:radial-gradient(circle at 82% 8%,#ff601021,#0000 28%),radial-gradient(circle at 8% 42%,#2a9dff1a,#0000 24%),linear-gradient(#030912 0%,#07111d 48%,#02060c 100%);position:fixed;inset:0;overflow-y:auto}.about-me-shell{width:min(1120px,100%);margin:0 auto;padding:28px clamp(20px,5vw,64px) 64px}.about-me-header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:20px;min-height:70px;margin-bottom:clamp(54px,9vw,108px);padding-bottom:20px;display:flex}.about-me-brand{width:clamp(165px,24vw,240px);display:block}.about-me-brand img{width:100%;height:auto}.about-me-back,.about-me-inline-link,.about-me-project a,.about-me-footer a{color:var(--muted);text-decoration:none;transition:color .16s,border-color .16s}.about-me-back{white-space:nowrap;border:1px solid #ffffff29;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700}.about-me-back:hover,.about-me-inline-link:hover,.about-me-project a:hover,.about-me-footer a:hover{color:var(--orange-2)}.about-me-shell article{max-width:880px;margin:0 auto}.about-me-kicker{color:var(--orange-2);letter-spacing:.17em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.4}.about-me-shell h1{max-width:780px;font-family:var(--font-display);letter-spacing:-.055em;margin:15px 0 0;font-size:clamp(40px,7vw,76px);font-weight:780;line-height:.99}.about-me-lead{color:#e0e7f0;max-width:780px;margin:25px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.56}.about-me-facts{background:#ffffff1a;border:1px solid #ffffff1c;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:42px;display:grid;overflow:hidden}.about-me-facts div{background:#07101ce0;align-content:center;gap:8px;min-height:92px;padding:17px 20px;display:grid}.about-me-facts span,.about-me-education-list span{color:var(--soft);letter-spacing:.04em;font-size:12px}.about-me-facts strong{color:#f4f7fb;font-size:14px;line-height:1.35}.about-me-section{margin-top:clamp(54px,8vw,86px)}.about-me-section h2{color:#f7f9fc;font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(25px,3.2vw,36px);font-weight:740;line-height:1.1}.about-me-section p{max-width:800px;color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.8}.about-me-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.about-me-section-heading h2{margin-top:9px;margin-bottom:0}.about-me-inline-link{flex:none;padding-bottom:4px;font-size:14px;font-weight:700}.about-me-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 24px;display:grid}.about-me-project{background:linear-gradient(145deg,#101e2fd1,#050c15c7);border:1px solid #ffffff1c;border-radius:18px;min-height:170px;padding:22px 23px}.about-me-project h3{color:#f5f7fa;letter-spacing:-.02em;margin:0;font-size:18px}.about-me-project p{margin:11px 0 13px;font-size:14px;line-height:1.65}.about-me-project a{font-size:13px;font-weight:700}.about-me-education-list{gap:12px;display:grid}.about-me-education-list div{border-left:2px solid var(--orange);background:#ffffff09;border-radius:0 12px 12px 0;gap:6px;padding:18px 20px;display:grid}.about-me-education-list strong{color:#f3f6fa;font-size:15px;line-height:1.45}.about-me-approach{background:linear-gradient(135deg,#ff5a1212,#07111d94);border:1px solid #ff8a1538;border-radius:20px;padding:clamp(22px,4vw,36px)}.about-me-approach h2{font-size:clamp(22px,2.8vw,30px)}.about-me-approach p{margin-bottom:0}.about-me-footer{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;max-width:880px;margin:74px auto 0;padding-top:25px;display:flex}.about-me-footer div{gap:5px;display:grid}.about-me-footer strong{color:#f5f7fa;font-size:14px}.about-me-footer span{color:var(--soft);font-size:12px}.about-me-footer nav{flex-wrap:wrap;gap:18px;display:flex}.about-me-footer a{font-size:13px;font-weight:700}@media (max-width:760px){.about-me-shell{padding-top:20px}.about-me-header{margin-bottom:56px}.about-me-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.about-me-projects{grid-template-columns:1fr}.about-me-section-heading{flex-direction:column;align-items:start}}@media (max-width:420px){.about-me-shell{padding-left:17px;padding-right:17px}.about-me-back{padding:9px 11px;font-size:12px}.about-me-facts div{padding:15px 13px}.about-me-footer{flex-direction:column;align-items:start}.about-me-footer nav{gap:14px}}
