.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(--bg);color:var(--fg);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%}.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-hero .about-hero-bio{display:flex;flex-direction:column;gap:2em}.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 1.5em 3em;min-height:100svh}.about-hero .about-hero-header{overflow:hidden}.about-hero .about-hero-header h1{font-size:clamp(2.5rem,12vw,4rem);line-height:1}.about-hero .about-hero-bio{width:100%;overflow:hidden}.about-hero .about-hero-bio .ss{font-size:.95rem;line-height:1.6}.about-hero .about-hero-bio .mn{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.about-hero .about-hero-portrait{width:30%;top:auto;bottom:15vh;transform:translate(-50%) rotate(0);border-width:.15em;outline-width:.15em;will-change:transform,opacity}.about-hero .about-hero-portrait img{position:absolute;height:110%;width:auto;left:50%;transform:translate(-50%)}.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}}@media (max-width: 600px){.about-hero .about-hero-header h1{font-size:clamp(2rem,14vw,3rem)}.about-hero .about-hero-bio .ss{font-size:.85rem}.about-hero .about-hero-portrait{width:35%;bottom:12vh}}.about-page-hero{position:relative;width:100vw;min-height:70svh;padding:6em 2em 4em;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg);color:var(--fg);overflow:hidden}.about-page-hero-content{flex:1;z-index:2;max-width:45%}.about-page-hero-label{text-transform:uppercase;letter-spacing:.15em;font-size:.9rem;opacity:.6;margin-bottom:1em}.about-page-hero-title{font-size:clamp(3rem,8vw,6rem);line-height:1.05;margin-bottom:.5em}.about-page-hero-subtitle{font-size:clamp(1rem,2vw,1.35rem);max-width:45ch;line-height:1.5;opacity:.8}.about-page-hero-portrait{width:28%;aspect-ratio:5/7;border-radius:1em;overflow:hidden;border:.25em solid var(--accent3);outline:.25em solid var(--accent1);transform:rotate(8deg);flex-shrink:0;margin-left:3em}.about-page-hero-portrait img{width:100%;height:100%;object-fit:cover}.about-page-hero-lanyard{width:55%;aspect-ratio:5/7;flex-shrink:0;margin-left:3em;position:relative}.about-page-story{width:100vw;padding:6em 2em;background-color:var(--bg);color:var(--fg)}.about-page-story-content{max-width:700px;margin:0 auto;text-align:center}.about-page-section-label{text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;opacity:.5;margin-bottom:1.5em}.about-page-story-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1em}.about-page-story-content .ss{font-size:1.1rem;line-height:1.7;opacity:.85}.about-page-hackathons{width:100vw;padding:6em 2em;background-color:var(--bg2);color:var(--fg)}.about-page-hackathons>.about-page-section-label{text-align:center}.about-page-hackathons>h2{text-align:center;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:2em}.about-page-hackathon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5em;max-width:1100px;margin:0 auto}.about-page-hackathon-card{background-color:var(--bg);border:.15em solid var(--fg);border-radius:1em;padding:2em;position:relative;display:flex;flex-direction:column;gap:.5em;box-shadow:6px 6px 0 var(--fg);transition:transform .2s}.about-page-hackathon-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--fg)}.about-page-hackathon-card-accent{width:3em;height:.3em;background-color:var(--accent1);border-radius:.15em;margin-bottom:.5em}.about-page-hackathon-card h3{font-size:1.3rem}.about-page-hackathon-card .mn{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.about-page-hackathon-card .ss{font-size:.95rem;line-height:1.5;opacity:.8}.about-page-leadership{width:100vw;padding:6em 2em;display:flex;align-items:center;gap:4em;background-color:var(--bg);color:var(--fg)}.about-page-leadership-content{flex:1}.about-page-leadership-content h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:.75em}.about-page-leadership-content .ss{font-size:1.05rem;line-height:1.7;opacity:.85;margin-bottom:2em}.about-page-leadership-stats{display:flex;gap:2em}.about-page-stat{flex:1;background-color:var(--bg2);border:.15em solid var(--fg);border-radius:.75em;padding:1.5em;text-align:center}.about-page-stat h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-bottom:.5em}.about-page-stat .mn{font-size:1.5rem;font-weight:700}.about-page-leadership-image{width:35%;aspect-ratio:4/5;border-radius:1em;overflow:hidden;border:.2em solid var(--fg);box-shadow:8px 8px 0 var(--fg);flex-shrink:0}.about-page-leadership-image img{width:100%;height:100%;object-fit:cover}.about-page-visits{width:100vw;padding:6em 2em;background-color:var(--bg2);color:var(--fg)}.about-page-visits>.about-page-section-label{text-align:center}.about-page-visits>h2{text-align:center;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:2em}.about-page-visits-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:1.5em}.about-page-visit-item{display:flex;gap:2em;align-items:flex-start;background-color:var(--bg);border:.15em solid var(--fg);border-radius:1em;padding:1.5em 2em;box-shadow:5px 5px 0 var(--fg)}.about-page-visit-year{font-size:1rem;font-weight:700;white-space:nowrap;padding:.3em .8em;background-color:var(--accent1);color:var(--bg);border-radius:.4em;text-transform:uppercase;letter-spacing:.05em}.about-page-visit-info h3{font-size:1.15rem;margin-bottom:.3em}.about-page-visit-info .ss{font-size:.9rem;line-height:1.5;opacity:.8}.about-page-cta{width:100vw;padding:6em 2em;background-color:var(--bg);color:var(--fg);text-align:center}.about-page-cta-content{max-width:600px;margin:0 auto}.about-page-cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5em}.about-page-cta-content .ss{font-size:1.05rem;line-height:1.6;opacity:.8;margin-bottom:2em}.about-page-cv-btn{display:inline-flex;align-items:center;gap:.75em;padding:.9em 2em;background:linear-gradient(135deg,var(--accent1),#e85d4a);color:var(--bg);border:.2em solid var(--fg);border-radius:.6em;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;box-shadow:6px 6px 0 var(--fg);transition:transform .2s,box-shadow .2s;cursor:pointer}.about-page-cv-btn:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--fg)}.about-page-cv-btn svg{width:1.2em;height:1.2em}@media (max-width: 1000px){.about-page-hero{flex-direction:column;min-height:auto;padding:6em 1.5em 3em;gap:2em;text-align:center}.about-page-hero-content{display:flex;flex-direction:column;align-items:center;max-width:100%}.about-page-hero-subtitle{max-width:100%}.about-page-hero-portrait{width:50%;margin-left:0;transform:rotate(0)}.about-page-hero-lanyard{width:70%;margin-left:0}.about-page-leadership{flex-direction:column;text-align:center;gap:2em}.about-page-leadership-stats{justify-content:center}.about-page-leadership-image{width:60%}.about-page-visit-item{flex-direction:column;gap:1em}}@media (max-width: 600px){.about-page-hero{min-height:auto;padding:5em 1em 2em}.about-page-hero-portrait{width:65%}.about-page-hero-lanyard{width:85%}.about-page-leadership-stats{flex-direction:column;gap:1em}.about-page-leadership-image{width:80%}.about-page-hackathon-grid{grid-template-columns:1fr}}
