.about-header-section{padding:100px 0 40px}.ah-container{grid-template-columns:1fr 360px;align-items:center;gap:60px;max-width:1240px;margin:0 auto;padding:0 56px;display:grid}.ah-title{letter-spacing:-.038em;margin-bottom:24px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.04}.ah-lead{color:var(--text-light);max-width:560px;margin-bottom:20px;font-size:18px;line-height:1.7}.ah-sub{color:var(--text-muted);max-width:560px;font-size:16px;line-height:1.7}.ah-portrait{aspect-ratio:4/5;background:repeating-linear-gradient(135deg,#0c0e0f,#0c0e0f 12px,#101314 12px 24px);border:1px solid #ffffff17;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.ah-portrait:after{content:"";filter:blur(18px);background:radial-gradient(circle,#00e67633,#0000 65%);width:220px;height:220px;position:absolute;bottom:-40px;right:-40px}.ah-portrait-placeholder{font:500 11px var(--font-mono,monospace);color:#4a5057;z-index:1;position:relative}@media (max-width:860px){.ah-container{grid-template-columns:1fr;padding:0 24px}.ah-portrait{aspect-ratio:1;max-width:260px;margin:0 auto}}
.tl-section{padding:90px 0}.tl-container{max-width:1240px;margin:0 auto;padding:0 56px}.tl-heading{letter-spacing:-.03em;text-align:center;margin:0 0 48px;font-size:clamp(28px,4vw,38px);font-weight:600}.tl-list{flex-direction:column;gap:2px;max-width:720px;margin:0 auto;display:flex}.tl-item{border-bottom:1px solid #ffffff0f;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;display:grid}.tl-item:last-child{border-bottom:none}.tl-date{font:600 14px var(--font-mono,monospace);color:var(--green);padding-top:2px}.tl-item-title{margin:0 0 6px;font-size:18px;font-weight:600}.tl-item-text{color:var(--text-muted);white-space:pre-line;margin:0;font-size:14px;line-height:1.65}@media (max-width:600px){.tl-item{grid-template-columns:1fr;gap:6px}.tl-container{padding:0 24px}}
.vg-section{padding:90px 0}.vg-container{max-width:1240px;margin:0 auto;padding:0 56px}.vg-heading{letter-spacing:-.03em;text-align:center;margin:0 0 48px;font-size:clamp(28px,4vw,38px);font-weight:600}.vg-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.vg-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:18px;padding:32px}.vg-icon{background:#00e6761f;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:grid}.vg-card-title{margin:0 0 10px;font-size:19px;font-weight:600}.vg-card-text{color:var(--text-muted);white-space:pre-line;margin:0 0 8px;font-size:14.5px;line-height:1.65}.vg-card-text:last-child{margin-bottom:0}@media (max-width:700px){.vg-grid{grid-template-columns:1fr}.vg-container{padding:0 24px}}
.as-skills-section{padding:70px 0 90px}.as-skills-container{text-align:center;max-width:1240px;margin:0 auto;padding:0 56px}.as-skills-label{margin-bottom:30px}.as-skills-pills{flex-wrap:wrap;justify-content:center;gap:12px;max-width:780px;margin:0 auto;display:flex}.as-skill-pill{color:#e8eaec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;padding:11px 20px;font-size:14px}.as-skill-pill--highlight{color:var(--green);background:#00e67614;border-color:#00e6764d}@media (max-width:600px){.as-skills-container{padding:0 20px}}
.about-cta-section{padding:90px 0 120px}.about-cta-container{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;max-width:720px;margin:0 auto;padding:64px 48px;position:relative;overflow:hidden}.about-cta-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(circle,#00e6762e,#0000 65%);width:400px;height:300px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.about-cta-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(24px,3.5vw,34px);font-weight:600;position:relative}.about-cta-text{color:var(--text-muted);margin:0 0 32px;font-size:16px;line-height:1.7;position:relative}.about-cta-btn{position:relative}@media (max-width:600px){.about-cta-container{margin:0 24px;padding:40px 24px}}
.about-page{width:100%}
