:root{--paper:#faf9f7;--ink:#363636;--blue:#304e80;--line:#d4d2cf}header{background:#faf9f7ee}.hero-resume{padding-top:34px;padding-bottom:0}.banner-meta{display:flex;align-items:center;gap:28px;color:#777;font-size:15px;letter-spacing:5px}.banner-meta i{height:1px;background:#aaa;flex:1}.banner-meta>span:last-child{font-size:14px;line-height:1;letter-spacing:3px}.banner-stage{position:relative;height:clamp(510px,55vw,770px);margin-top:12px;isolation:isolate}.banner-copy{position:absolute;top:9%;left:0;z-index:2}.banner-copy h1{font-size:clamp(72px,8.6vw,124px);line-height:.89;font-weight:300;letter-spacing:-.075em;margin:0;max-width:70%;font-family:'Helvetica Neue',Arial,sans-serif}.banner-copy h2{font-size:clamp(24px,3.5vw,50px);margin:33px 0 0;font-weight:750;letter-spacing:-2px}.banner-rule{width:92px;height:1px;background:#363636;margin-top:32px}.banner-hello{font-size:clamp(35px,4.7vw,66px);line-height:.9;font-weight:800;color:#dce6ed;margin:40px 0 0;letter-spacing:-3px}.banner-hello strong{font-size:.62em;letter-spacing:0;color:#363636}.banner-portrait{position:absolute;right:-1%;bottom:0;width:59%;height:100%;object-fit:contain;object-position:bottom;z-index:1;mix-blend-mode:multiply;clip-path:polygon(31% 0,65% 0,71% 11%,71% 39%,73% 49%,92% 62%,100% 100%,0 100%,7% 66%,27% 51%,30% 40%,28% 20%)}.banner-stamp{position:absolute;right:0;top:11%;width:16%;z-index:3;overflow:visible}.banner-stamp text{font-size:13px;letter-spacing:3px;fill:#222}.banner-stamp .stamp-initial{font-size:51px;letter-spacing:-2px;fill:transparent;stroke:#444;stroke-width:1.4}.banner-curve{position:absolute;bottom:3%;left:20%;width:35%;z-index:3;overflow:visible}.banner-curve text{font-size:25px;letter-spacing:7px;font-family:KaiTi,STKaiti,serif;fill:#363636}.banner-stats{position:relative;z-index:4;background:#eae7e4;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0}.banner-stats>div{display:flex;justify-content:center;align-items:center;gap:22px;border-right:1px solid #555}.banner-stats>div:last-child{border:0}.banner-stats p{margin:0}.banner-stats strong{display:block;font-size:46px;line-height:1.05;font-weight:300;letter-spacing:-3px}.banner-stats em{font-size:25px;font-style:normal;letter-spacing:0;margin-left:6px}.banner-stats small{display:block;font-size:18px;margin-top:5px}.stat-symbol{font-size:57px;font-weight:300}.carousel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.carousel-toolbar p{font-size:12px;color:#777}.carousel-toolbar button{width:44px;height:44px;border:1px solid #ccc;background:transparent;border-radius:50%;margin-left:8px}.carousel-toolbar button:hover{background:#304e80;color:#fff}#project-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:3px 2px 22px;scrollbar-width:thin;scrollbar-color:#a5baca #eae7e4;overscroll-behavior-x:contain}#project-grid .project{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;border:1px solid #e5e1dc;border-radius:14px;overflow:hidden;background:#fff;opacity:1;transform:none}#project-grid .project[hidden]{display:none}#project-grid .visual{border:0;aspect-ratio:1.05;padding:45px 23px 28px;gap:18px}#project-grid .project-info{padding:20px;gap:9px}#project-grid .project-info h3{font-size:18px}#project-grid .project-info p{font-size:11px}#project-grid .cover-label{font-size:9px;letter-spacing:0}#project-grid .cover-emblem{flex-direction:row;padding-left:12px;padding-right:12px}#project-grid .cover-health img{max-height:25%}.profile-photo img{object-position:center 20%}.profile-stats{margin-bottom:20px}.experience{display:block;padding-top:75px;padding-bottom:70px}.experience-heading{display:flex;align-items:center;gap:28px;margin-bottom:48px}.experience-heading h2{color:#304e80;font-size:40px;letter-spacing:0;margin:0}.experience-heading span{font-size:22px;color:#999}.experience-heading i{height:1px;background:#999;flex:1}.experience-timeline{margin-left:16px;border-left:1px solid #c4d8e6}.experience-item{position:relative;display:grid;grid-template-columns:155px minmax(0,1fr);gap:26px;margin-left:32px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #aaa}.experience-item:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}.experience-item:before{content:'';position:absolute;left:-45px;top:3px;width:25px;height:25px;border-radius:50%;background:#a2c3d5}.experience-date{font-size:28px;color:#777;line-height:1.18;letter-spacing:-1px}.experience-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.experience-title h3,.experience-title h4{font-size:27px;color:#222;margin:0;font-weight:750;line-height:1.5}.experience-title h3 span{font-weight:300;margin-left:5px;white-space:nowrap}.experience-title h4{white-space:nowrap}.experience-body ul{padding-left:19px;margin:0;color:#666;font-size:17px;line-height:1.95;list-style:disc}.experience-body li{padding-left:0}.experience-foot{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:40px;font-size:12px;color:#777}.experience-foot button{background:none;border:0;padding:0}.experience-foot span{margin-left:auto}
@media(min-width:1500px){.banner-stage{height:760px}}
@media(max-width:1050px){.banner-stage{height:560px}.banner-copy h1{font-size:9vw}.banner-copy h2{font-size:3.4vw}.banner-portrait{width:63%;right:-3%}.banner-stamp{right:0}.banner-hello{font-size:5vw}.banner-stats strong{font-size:38px}.banner-stats small{font-size:14px}.stat-symbol{font-size:40px}.experience-item{grid-template-columns:120px 1fr;gap:20px}.experience-date{font-size:23px}.experience-title h3,.experience-title h4{font-size:20px}.experience-body ul{font-size:15px}.experience-title{gap:10px}.experience-heading h2{font-size:34px}}
@media(max-width:700px){.nav{height:65px}.hero-resume{padding-top:24px}.banner-meta{font-size:10px;letter-spacing:3px;gap:14px}.banner-meta>span:last-child{font-size:10px}.banner-stage{height:590px;margin-top:22px}.banner-copy{top:0;width:100%}.banner-copy h1{font-size:15.2vw;line-height:.9;max-width:100%}.banner-copy h2{font-size:5.7vw;margin-top:18px;letter-spacing:-1px}.banner-rule{margin-top:22px;width:55px}.banner-hello{font-size:9vw;margin-top:25px;letter-spacing:-2px}.banner-portrait{width:85%;height:70%;right:-7%}.banner-stamp{width:25%;top:39%;right:0}.banner-curve{width:45%;left:0;bottom:5%;transform:rotate(-12deg)}.banner-stats{padding:18px 0;border-radius:10px}.banner-stats>div{gap:0}.stat-symbol{display:none}.banner-stats strong{font-size:29px;letter-spacing:-1px}.banner-stats small{font-size:10px}.banner-stats em{font-size:15px}.experience{padding-top:50px}.experience-heading{gap:14px;margin-bottom:34px}.experience-heading h2{font-size:28px}.experience-heading span{font-size:12px}.experience-item{grid-template-columns:1fr;gap:12px;margin-left:23px;margin-bottom:27px;padding-bottom:27px}.experience-item:before{left:-32px;width:17px;height:17px}.experience-timeline{margin-left:8px}.experience-date{font-size:16px;letter-spacing:0}.experience-date br{display:none}.experience-date br:after{content:' — '}.experience-title{display:block;margin-bottom:12px}.experience-title h3{font-size:21px}.experience-title h3 span{font-size:15px}.experience-title h4{font-size:16px;margin-top:5px;color:#304e80}.experience-body ul{font-size:13px;line-height:1.95;padding-left:17px}.experience-foot{font-size:11px;gap:18px}.experience-foot span{margin-left:0;width:100%}#project-grid .project{flex-basis:85%}#project-grid .project-info h3{font-size:19px}#project-grid .visual{aspect-ratio:1.2}.section-head{align-items:flex-start}.about{margin-top:50px}}
@media(max-width:390px){.banner-stage{height:530px}.banner-stamp{top:42%}}
@media print{.experience-heading{display:flex!important;margin-bottom:20px}.experience-heading h2{font-size:23px}.experience-heading span{font-size:14px}.experience-item{grid-template-columns:90px 1fr;gap:18px;margin-bottom:22px;padding-bottom:22px;break-inside:avoid}.experience-date{font-size:14px}.experience-title{display:flex;margin-bottom:10px}.experience-title h3,.experience-title h4{font-size:14px}.experience-title h3 span{font-size:12px}.experience-body ul{font-size:10px;line-height:1.8}.experience-foot{display:none}}

.stat-symbol{width:64px;height:64px;flex-shrink:0}@media(max-width:1050px){.stat-symbol{width:44px;height:44px}}.profile-photo{overflow:hidden}.profile-photo img{clip-path:polygon(30% 0,69% 0,72% 43%,100% 65%,100% 100%,0 100%,0 65%,27% 43%)}