@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Regular-DF_3XEGl.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-RegularItalic-CFA72IC_.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Medium-DSttQARu.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Semibold-Dg2-djaL.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Bold-CkqE-6tD.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SF-Pro-Display-Black-85SZiFK-.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#121415;color:#f5fbef;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio-header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 50px;z-index:1000;background-color:#2e2836;overflow:hidden}.portfolio-header:before{content:"";position:absolute;top:-50px;left:-20px;width:33%;height:200px;background-color:#f5fbef;border-radius:0 0 60%;z-index:0}.left-header,.right-header{position:relative;z-index:1}.left-header{display:flex;align-items:center;gap:50px}.logo{height:40px;width:auto}.brand-name{color:#121415;font-family:SF Pro Display,sans-serif;font-weight:900;font-size:1.6rem;letter-spacing:-.5px}.right-header{display:flex;gap:35px}.right-header a{text-decoration:none;color:#d0d2f0;font-family:SF Pro Display,sans-serif;font-weight:500;font-size:1.1rem;transition:color .3s ease}.right-header a:hover{color:#eac0bf}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:85px;height:21px;cursor:pointer;z-index:100;margin-right:5px}.hamburger .bar{height:3px;width:35px;background-color:#121415;border-radius:10px;transition:all .3s ease}.hamburger.active .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.portfolio-header{background-color:#f5fbef;overflow:visible;justify-content:left;gap:70px}.left-header{gap:59px}.portfolio-header:before{display:none}.hamburger{display:flex}.right-header{position:absolute;top:100%;left:0;width:100%;background-color:#2e2836;flex-direction:column;align-items:flex-start;padding:40px 50px;gap:40px;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s ease-in-out}.right-header.mobile-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);box-shadow:0 10px 20px #00000080}.right-header a{color:#d0d2f0;font-size:1.5rem;font-weight:500}}.about-pane{min-height:100vh;background-color:#252627;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0 60px;font-family:SF Pro Display,sans-serif}.about-banner{width:100%;background-color:#121415;display:flex;align-items:stretch;margin-bottom:50px}.banner-accent-left{width:calc(max(50vw - 575px,20px) + 25px);background-color:#986c6a;flex-shrink:0}.banner-name{color:#f5fbef;font-weight:900;font-size:2.5rem;padding:15px 30px;margin:0;letter-spacing:-.5px;white-space:nowrap}.banner-accent-right{flex-grow:1;background-color:#118ab2}.about-content{display:flex;width:100%;max-width:1100px;gap:50px;margin-bottom:60px;padding:0 20px}.about-statement{flex:1}.statement-title{color:#f5fbef;font-weight:400;font-style:italic;font-size:1.5rem;border-left:6px solid #986c6a;padding-left:15px;margin-bottom:20px}.statement-text{color:#f5fbef;font-weight:400;font-size:1.05rem;line-height:1.8;text-align:justify}.about-profile-card{flex:1.4;background-color:#121415;border:2px solid #118ab2;border-radius:24px;padding:30px;display:flex;flex-direction:column;align-items:center}.profile-image-container{width:150px;height:150px;border-radius:50%;border:4px solid #f5fbef;padding:4px;background-color:#2e2836;margin-bottom:20px}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.pill{color:#f5fbef;font-size:.85rem;padding:6px 16px;border-radius:20px;font-weight:500;text-align:center}.main-pill{background-color:#2e2836;margin-bottom:15px}.sub-pills-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px}.sub-pill{background-color:#5a4040}.about-actions{display:flex;gap:30px;padding:0 20px}.action-btn{display:flex;align-items:center;gap:10px;color:#f5fbef;text-decoration:none;border:1px solid #f5fbef;padding:12px 24px;border-radius:30px;transition:all .3s ease}.action-btn i{font-style:italic;font-weight:300;font-size:1.1rem}.action-btn:hover{background-color:#f5fbef;color:#121415}.btn-icon{width:18px;height:auto;display:block;transition:all .3s ease}.action-btn:hover .btn-icon{filter:invert(1)}@media(max-width:768px){.about-content{flex-direction:column}.banner-name{font-size:1.8rem}.about-actions{flex-direction:column}}.projects-pane{min-height:100vh;background-color:#121415;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0;font-family:SF Pro Display,sans-serif}.projects-banner{width:100%;background-color:#252627;display:flex;align-items:stretch;margin-bottom:70px}.projects-banner .banner-accent-left{width:calc(max(50vw - 575px,20px) + 25px);background-color:#118ab2;flex-shrink:0}.projects-banner .banner-name{color:#f5fbef;font-weight:900;font-size:2.5rem;padding:15px 30px;margin:0;letter-spacing:-.5px}.projects-banner .banner-accent-right{flex-grow:1;background-color:#986c6a}.projects-content{display:flex;flex-direction:column;width:100%;max-width:1150px;gap:80px;padding:0 20px}.project-card{display:flex;flex-direction:row;align-items:center;position:relative;gap:50px}.project-image-container{flex:1;overflow:visible}.project-image{width:100%;height:auto;border-radius:68px;border:4px solid #986c6a;box-shadow:0 0 20px 2px #118ab266;margin:0;transition:transform .3s cubic-bezier(.3,.8,.3,1),margin .3s cubic-bezier(.3,.8,.3,1),background-color .3s ease,box-shadow .3s ease}.project-card:hover .project-image{transform:scale(1.25);margin:10px 20px;z-index:2;box-shadow:0 15px 30px #0009}.project-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.project-card:hover .project-info{transform:translate(60px)}.project-card.reversed:hover .project-info{transform:translate(-60px)}.project-year-roles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:23px}.meta-pill{color:#f5fbef;font-size:.85rem;font-weight:600;padding:6px 18px;border-radius:30px;background-color:transparent;border:1px solid #986c6a;transition:transform .3s cubic-bezier(.3,.8,.3,1),margin .3s cubic-bezier(.3,.8,.3,1),background-color .3s ease,box-shadow .3s ease}.meta-pill:hover{transform:scale(1.2);margin:0 24px;z-index:2;background-color:#121415;box-shadow:0 10px 20px #00000080;cursor:default}.project-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.project-title-link{color:#f5fbef;font-weight:400;font-style:italic;font-size:2rem;margin-bottom:15px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:color .3s ease}.title-link-icon{font-size:1.5rem;font-weight:400;color:#d0d2f0;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.project-title-link:hover{color:#d0d2f0}.project-title-link:hover .title-link-icon{transform:translateY(-4px);color:#f5fbef}.circles-icon{height:35px;width:auto}.project-description{color:#fff;font-size:1.05rem;line-height:1.8;margin-bottom:25px}.project-tech{display:flex;flex-wrap:wrap;gap:12px}.tech-pill{color:#f5fbef;font-size:.85rem;font-weight:600;padding:6px 18px;border-radius:30px;background-color:transparent;border:1px solid #118ab2;transition:transform .3s cubic-bezier(.3,.8,.3,1),margin .3s cubic-bezier(.3,.8,.3,1),background-color .3s ease,box-shadow .3s ease}.tech-pill:hover{transform:scale(1.2);margin:0 24px;z-index:2;background-color:#121415;box-shadow:0 10px 20px #00000080;cursor:default}.project-card.reversed{flex-direction:row-reverse}.project-card.reversed .project-year-roles{justify-content:flex-end}.project-card.reversed .circles-icon{transform:scaleX(-1)}.project-card.reversed .project-info{align-items:flex-end;text-align:right}.project-card.reversed .project-header{flex-direction:row-reverse}.project-card.reversed .project-tech{justify-content:flex-end}@media(max-width:768px){.project-card,.project-card.reversed{flex-direction:column;gap:30px}.project-info,.project-card.reversed .project-info{align-items:center;text-align:center}.project-header,.project-card.reversed .project-header{flex-direction:row;justify-content:center}.project-tech,.project-card.reversed .project-tech,.project-year-roles,.project-card.reversed .project-year-roles{justify-content:center}}.skills-panel{min-height:100vh;background-color:#252627;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0 100px;font-family:SF Pro Display,sans-serif}.skills-banner{width:100%;background-color:#121415;display:flex;align-items:stretch;margin-bottom:60px}.skills-banner .banner-accent-left{background-color:#986c6a;flex-grow:1;width:73%}.skills-banner .banner-name{color:#f5fbef;font-weight:900;font-size:2.5rem;padding:15px 30px;margin:0;letter-spacing:-.5px}.skills-banner .banner-accent-right{width:calc(max(50vw - 575px,20px) + 25px);flex-shrink:0;background-color:#118ab2}.skills-content{display:flex;flex-direction:column;width:100%;max-width:1150px;padding:0 20px;gap:40px}.skills-category{display:flex;flex-direction:column;gap:20px}.category-title{color:#f5fbef;font-size:1.8rem;font-weight:400;font-style:italic;border-left:6px solid #d0d2f0;padding-left:15px;margin:0}.skills-grid{display:flex;flex-wrap:wrap;gap:15px}.skill-pill{display:flex;align-items:center;gap:10px;border:2px solid #d0d2f0;border-radius:30px;padding:8px 20px;background-color:#000;color:#f5fbef;font-weight:600;font-size:1rem;margin:0;transition:transform .3s cubic-bezier(.3,.8,.3,1),margin .3s cubic-bezier(.3,.8,.3,1),background-color .3s ease,box-shadow .3s ease}.skill-pill:hover{transform:scale(1.4);margin:8px 24px;z-index:2;background-color:#121415;box-shadow:0 10px 20px #00000080;cursor:default}.portfolio-buttons-container{display:flex;flex-direction:row;justify-content:center;gap:110px;width:100%;margin-top:40px}.portfolio-btn{display:flex;align-items:center;justify-content:center;gap:20px;background-color:#d0d2f0;color:#121415;text-decoration:none;font-weight:600;font-size:1.1rem;padding:16px 30px;border-radius:40px;margin:0;width:100%;max-width:500px;flex:1;transition:all .3 ease}.portfolio-btn i{font-style:italic;font-weight:500}.portfolio-btn:hover{background-color:#f5fbef;transform:translateY(-2px);box-shadow:0 5px 15px #d0d2f04d}.portfolio-btn:hover .btn-icon{filter:invert(1)}@media(max-width:768px){.portfolio-buttons-container{flex-direction:column}.category-title{font-size:1.5rem}.portfolio-btn{font-size:1rem}.skills-banner .banner-accent-left{width:63%;flex-grow:0}.skills-banner .banner-name{font-size:2rem;padding:15px;flex-grow:1;text-align:right}}.orgs-pane{min-height:100vh;background-color:#121415;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0 100px;font-family:SF Pro Display,sans-serif}.orgs-banner{width:100%;background-color:#252627;display:flex;align-items:stretch;margin-bottom:70px}.orgs-banner .banner-accent-left{width:calc(max(50vw - 575px,20px) + 25px);background-color:#118ab2;flex-shrink:0}.orgs-banner .banner-accent-right{flex-grow:1;background-color:#986c6a}.orgs-content{width:100%;max-width:1150px;padding:0 20px}.org-timeline{display:flex;flex-direction:column;padding-left:50px}.timeline-item{display:flex;gap:30px}.timeline-graphics{display:flex;flex-direction:column;align-items:center;width:40px}.timeline-circle{width:32px;height:32px;border-radius:50%;border-width:5px;border-style:solid;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inner-circle{width:14px;height:14px;border-radius:50%}.timeline-line{width:3px;background-color:#118ab2;flex-grow:1;margin:10px 0}.timeline-info{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:60px}.org-role{color:#f5fbef;font-size:2.5rem;font-weight:700;margin:0 0 5px;line-height:1.1}.org-name{color:#f5fbef;font-size:1.4rem;font-weight:400;font-style:italic;margin:0 0 20px}.org-desc{color:#f5fbef;font-size:1.05rem;line-height:1.8;margin:0 0 30px;max-width:900px}.org-date{align-self:flex-end;color:#f5fbef;font-size:1.3rem;font-weight:600;border:1.5px solid #118ab2;border-radius:40px;padding:10px 30px;margin:0;transition:transform .3s cubic-bezier(.3,.8,.3,1),margin .3s cubic-bezier(.3,.8,.3,1),background-color .3s ease,box-shadow .3s ease}.org-date:hover{transform:scale(1.2);margin:0 24px;z-index:2;background-color:#121415;box-shadow:0 10px 20px #00000080;cursor:default}@media(max-width:768px){.org-timeline{padding-left:0}.org-role{font-size:1.8rem}.org-name{font-size:1.1rem}.org-date{font-size:1.1rem;align-self:flex-start}}.school-panel{min-height:100vh;background-color:#1c1921;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0 100px;font-family:SF Pro Display,sans-serif}.school-banner{width:100%;background-color:#121415;display:flex;align-items:stretch;margin-bottom:100px}.school-banner .banner-accent-left{flex:1;background-color:#118ab2;width:unset}.school-banner .banner-name{color:#f5fbef;font-weight:900;font-size:2.5rem;padding:15px 30px;margin:0;letter-spacing:-.5px}.school-banner .banner-accent-right-group{flex:1;display:flex}.school-banner .banner-accent-rose{width:60px;background-color:#986c6a;flex-shrink:0}.school-banner .banner-accent-lavender{flex-grow:1;background-color:#d0d2f0}.school-content{width:100%;max-width:1150px;padding:0 20px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.profile-column{display:flex;flex-direction:column;align-items:center}.column-header-container{min-height:80px;display:flex;align-items:flex-end;margin-bottom:40px}.column-header{border-top:2px solid #118ab2;border-bottom:2px solid #118ab2;padding:8px 20px;display:inline-block}.column-header h3{color:#f5fbef;font-style:italic;font-weight:400;font-size:1.15rem;margin:0;white-space:pre-line;line-height:1.3}.column-content{display:flex;flex-direction:column;gap:35px}.profile-item{color:#f5fbef;font-weight:900;font-style:italic;margin:0;line-height:1.15;white-space:pre-line;transition:transform .3s cubic-bezier(.25,.8,.25,1),margin .3s cubic-bezier(.3,.8,.3,1),color .3s ease;transform-origin:center}.profile-item:hover{margin:5px 0;transform:scale(1.45);color:#fff}.text-large{font-size:4rem}.text-normal{font-size:1.8rem;letter-spacing:-.5px}@media(max-width:900px){.profile-grid{grid-template-columns:repeat(2,1fr);row-gap:60px}}@media(max-width:500px){.profile-grid{grid-template-columns:1fr}.column-header-container{min-height:auto}}.contact-panel{min-height:100vh;background-color:#033647;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 0 120px;font-family:SF Pro Display,sans-serif}.contact-banner{width:100%;background-color:transparent;display:flex;align-items:stretch;margin-bottom:70px}.contact-banner .banner-accent-left,.contact-banner .banner-accent-right{flex:1;background-color:#f5fbef;width:unset}.contact-banner .banner-name{color:#f5fbef;font-weight:900;font-size:3rem;padding:15px 40px;margin:0;letter-spacing:-.5px}.contact-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 20px}.contact-intro{color:#f5fbef;font-size:1.25rem;line-height:1.8;text-align:center;margin-bottom:80px;font-weight:400}.contact-list{display:flex;flex-direction:column;gap:50px;align-items:flex-start}.contact-item{display:flex;align-items:center;gap:30px;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.contact-item:hover{transform:translate(10px);opacity:.8}.icon-container{width:60px;display:flex;justify-content:center}.contact-icon{width:100%;height:auto}.contact-separator{width:3px;height:60px;background-color:#f5fbef;border-radius:2px}.contact-text{color:#f5fbef;font-size:2.2rem;font-weight:700;letter-spacing:-.5px}@media(max-width:768px){.contact-banner .banner-name{font-size:2rem;padding:15px 20px}.contact-intro{font-size:1.1rem;margin-bottom:50px}.contact-text{font-size:1.5rem}.contact-separator{height:40px}.icon-container{width:40px}}.website-footer{width:100%;height:100px;background-color:#252627;display:flex;align-items:center;justify-content:space-between;overflow:hidden;font-family:SF Pro Display,sans-serif;margin-top:auto}.footer-brand{background-color:#f5fbef;height:100%;min-width:350px;display:flex;align-items:center;padding-left:80px;padding-right:60px;border-bottom-right-radius:150px}.footer-brand h2{color:#121415;font-size:2.5rem;font-weight:900;letter-spacing:-1px;margin:0}.footer-copyright{flex-grow:1;display:flex;align-items:center;justify-content:flex-end;padding-right:80px;height:100%}.footer-copyright p{color:#d0d2f0;font-size:1.1rem;font-weight:400;margin:0}@media(max-width:768px){.portfolio-footer{height:90px;padding:0 25px;background-color:#2e2836}.footer-brand{background-color:transparent;min-width:auto;padding:45px;border-radius:0}.footer-brand h2{color:#f5fbef;font-size:1.8rem}.footer-copyright{padding:25px;flex-grow:0}.footer-copyright p{display:flex;flex-direction:column;align-items:center;font-size:.9rem;line-height:1.4}}