.about-page{--fg:#111;--bg:#fff;--accent1:#f5c518;--accent3:#ff6f61}.about-hero{position:relative;width:100vw;height:100svh;padding:8em 2em 6em;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--fg);color:var(--bg);overflow:hidden}.about-hero .about-hero-header{text-align:center}.about-hero .about-hero-header h1{font-size:7.5rem}.about-hero .about-hero-bio{text-align:center;width:50%;display:flex;flex-direction:column;gap:2em}.about-hero .about-hero-portrait{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) rotate(10deg);width:15%;aspect-ratio:5/7;border-radius:1em;overflow:hidden;border:.25em solid var(--accent3);outline:.25em solid var(--accent1)}.about-copy{position:relative;width:100vw;height:auto;padding:8em 2em;overflow:visible}.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;z-index:1}.about-copy .tag p{text-transform:uppercase;color:var(--bg);font-size:1rem;padding:.75em .5em .5em}#tag-1{top:50%;left:25%;transform:translate(-50%,-50%) rotate(20deg)}#tag-2{top:65%;left:15%;transform:translate(-50%,-50%) rotate(-45deg)}#tag-3{top:50%;left:75%;transform:translate(-50%,-50%) rotate(5deg)}#tag-4{top:75%;left:75%;transform:translate(-50%,-50%) rotate(45deg)}#tag-5{top:90%;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;flex-direction:column}.stats,.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:8em 2em 4em}.about-hero .about-hero-header h1{font-size:4rem}.about-hero .about-hero-bio{width:100%}.about-hero .about-hero-portrait{width:25%;top:50%;transform:translate(-50%,-50%) rotate(0deg)}.about-copy .about-copy-content{width:100%}.about-copy .about-copy-content h3{font-size:1.5rem}.about-copy .tag{display:block;font-size:.8rem;padding:.5em .3em .3em}#tag-1{top:25%;left:15%;transform:translate(-50%,-50%) rotate(10deg)}#tag-2{top:15%;left:75%;transform:translate(-50%,-50%) rotate(-20deg)}#tag-3{top:55%;left:10%;transform:translate(-50%,-50%) rotate(5deg)}#tag-4{top:65%;left:75%;transform:translate(-50%,-50%) rotate(20deg)}#tag-5{top:85%;left:50%;transform:translate(-50%,-50%) rotate(-25deg)}.skills .skills-copy{padding:0;width:100%;border:none}.stats .stats-row{flex-direction:column}.stats .stats-col{width:100%;text-align:center;gap:4em}.stats .stats-header{gap:2em;margin-bottom:2em}}@media (max-width:480px){.about-copy .tag{font-size:.7rem;padding:.4em .2em}#tag-1{top:24%;left:15%;transform:translate(-50%,-50%) rotate(5deg)}#tag-2{top:15%;left:80%;transform:translate(-50%,-50%) rotate(-10deg)}#tag-3{top:55%;left:11%;transform:translate(-50%,-50%) rotate(0deg)}#tag-4{top:55%;left:88%;transform:translate(-50%,-50%) rotate(10deg)}#tag-5{top:90%;left:20%;transform:translate(-50%,-50%) rotate(-15deg)}.about-copy .about-copy-content h3{font-size:1.25rem}}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6em 2em;background-color:var(--bg);color:var(--fg)}.skills-heading{font-size:3rem;margin-bottom:2em;letter-spacing:.1em;text-transform:uppercase}.skills-box{border:.25em dashed var(--fg);border-radius:1.5em;padding:2.5em 3em;font-family:Courier New,Courier,monospace;background-color:#f8f9f7;text-align:left;width:max-content;min-width:340px}.skill-item{display:flex;align-items:center;gap:1em;margin:.5em 0;white-space:nowrap}.skill-item img{width:30px;height:30px;object-fit:contain}.skill-item p{font-size:1rem;font-weight:600;margin:0;letter-spacing:.05em}.skill-item p span{font-weight:700}@media (max-width:768px){.skills{padding:4em 1em}.skills-heading{font-size:1.5rem}.skills-box{padding:1.5em}.skill-item img{width:24px;height:24px}.skill-item p{font-size:.9rem}}