.about-hero{position:relative;width:100vw;min-height:100vh;padding:10em 6em;display:flex;align-items:center;background-color:#0c0c0c;color:#f0f0f0;overflow:hidden}.about-hero:before{content:"";position:absolute;top:50%;left:15%;width:500px;height:500px;background:radial-gradient(circle,rgba(50,80,140,.12) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.about-hero-content{display:flex;width:100%;max-width:1400px;margin:0 auto;gap:6em;align-items:center;position:relative;z-index:1}.about-hero-left{flex:.9;display:flex}.about-hero-portrait{position:relative;width:100%;aspect-ratio:3/4;border-radius:2em;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 80px #32508c14;background:#1a1a1a}.about-hero-portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2);transition:filter .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1)}.about-hero-portrait:hover img{filter:grayscale(0%) contrast(1);transform:scale(1.05)}.about-hero-right{flex:1.3;display:flex;flex-direction:column;justify-content:center;gap:2.5em}.about-label{font-size:1rem;letter-spacing:.25em;text-transform:uppercase;opacity:.5;font-weight:500;color:#7a9ad4}.about-hero-right h2{font-size:5rem;line-height:1.05;letter-spacing:-.02em;text-transform:none;font-weight:700;color:#fff}.about-hero-right p.ss{font-size:1.5rem;line-height:1.7;color:#ffffff8c;font-weight:400;max-width:90%}.about-stats-row{display:flex;gap:4em;padding:2em 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.about-stat{display:flex;flex-direction:column;gap:.3em}.stat-number{font-size:3rem;font-weight:700;line-height:1;font-family:Helvetica Neue,Arial,sans-serif;color:#fff}.stat-label{font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;opacity:.4;color:#7a9ad4}.about-tags{display:flex;gap:1em;flex-wrap:wrap}.about-tags .tag{font-family:Helvetica Neue,Arial,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;padding:.8em 1.8em;border:1px solid rgba(122,154,212,.15);border-radius:100px;background:transparent;transition:all .3s ease;cursor:default;color:#fff9}.about-tags .tag:hover{background:#7a9ad4;color:#0c0c0c;transform:translateY(-3px);box-shadow:0 10px 30px #7a9ad426}.about-copy{position:relative;width:100vw;height:100%;padding:8em 2em}.about-copy .about-copy-content{text-align:center;width:50%;margin:0 auto;display:flex;flex-direction:column;background-color:var(--accent1);border:.25em solid var(--fg);border-radius:1em;padding:3em 2em;gap:2em}.about-copy .about-copy-content h3{font-weight:400}.about-copy .about-copy-content h3 span{font-weight:900}.about-copy .tag{position:absolute;width:max-content;background-color:var(--fg);border-radius:.5em}.about-copy .tag p{text-transform:uppercase;color:var(--bg);font-size:1rem;padding:.75em .5em .5em}.about-copy #tag-1{top:50%;left:25%;transform:translate(-50%,-50%) rotate(20deg)}.about-copy #tag-2{top:65%;left:10%;transform:translate(-50%,-50%) rotate(-45deg)}.about-copy #tag-3{top:50%;left:75%;transform:translate(-50%,-50%) rotate(5deg)}.about-copy #tag-4{top:75%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.about-copy #tag-5{top:100%;left:80%;transform:translate(-50%,-50%) rotate(-60deg)}.skills{position:relative;width:100%;height:100%;padding:4em 2em}.skills .skills-copy{margin:0 auto;padding:2em;width:max-content;text-align:center;border:.2em dashed var(--fg);border-radius:1em}.stats{padding:8em 2em;display:flex;flex-direction:column;gap:2em}.stats .stats-row{display:flex;gap:2em}.stats .stats-header{flex:1}.stats .stats-item-1{flex:1;background-color:var(--accent1)}.stats .stats-item-2{flex:3;background-color:var(--accent3)}.stats .stats-item-3{flex:2;background-color:var(--fg);color:var(--bg)}.stats .stats-item-1,.stats .stats-item-2,.stats .stats-item-3{aspect-ratio:16/7;padding:2em;border-radius:1em}.stats .stats-col{display:flex;flex-direction:column;justify-content:space-between}@media(max-width:1000px){.about-hero{padding:6em 2em}.about-hero-content{flex-direction:column;gap:4em}.about-hero-right h2{font-size:3rem}.about-hero-portrait{width:100%}.about-hero-right p.ss{font-size:1.25rem;max-width:100%}.about-stats-row{gap:2em}.stat-number{font-size:2rem}.about-tags .tag{padding:.6em 1.2em;font-size:.8rem}.about-copy .about-copy-content{width:100%}.about-copy .about-copy-content h3{font-size:1.5rem}.about-copy .tag{display:none}.skills .skills-copy{padding:0;width:100%;text-align:center;border:none;border-radius:0}.stats .stats-row{flex-direction:column}.stats .stats-col{width:100%;text-align:center;gap:4em}.stats .stats-header{gap:2em;margin-bottom:2em}}