.portfolio{--paper:#f6f4ef;--ink:#252523;--muted:#6d6b66;--green:#536345;--line:#dedbd3}.portfolio .page-width{width:min(1280px,100% - 120px)}.portfolio .site-header{background:#181918ed;border-color:#ffffff16}.portfolio .nav-inner{height:78px}.portfolio .main-nav>a{color:#cecec5;font-size:13px}.portfolio .main-nav .nav-contact{border-color:#8b8c7d;border-radius:30px}.portfolio .brand-name>span{color:#aaa99f}.portfolio .immersive-hero{background:#181918}.portfolio .immersive-hero:before{background:radial-gradient(at 82% 42%,#53634520,#0000 55%)}.portfolio .immersive-content{grid-template-columns:1.1fr 1fr;min-height:690px}.portfolio .immersive-copy{padding:65px 0 70px}.portfolio .personal-intro{color:#c3c1b7;letter-spacing:2px;margin-bottom:35px}.portfolio .personal-intro img{border-radius:2px;width:42px;height:50px}.portfolio .immersive-copy h1{letter-spacing:-5px;font-weight:400;line-height:1.16}.portfolio .hero-greeting{letter-spacing:3px;color:#c8c5b9;margin-bottom:20px;font-size:24px;display:block}.portfolio .impact-word{color:#f0ece1;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(75px,7.6vw,116px);display:block}.portfolio .name-period{color:#c4cead}.portfolio .immersive-copy .personal-role{letter-spacing:2px;color:#f0ece1;font-size:26px;font-weight:400;margin-top:26px!important}.portfolio .immersive-copy>p:not(.personal-role){color:#b1afa5;font-size:14px;line-height:2}.portfolio .immersive-actions{gap:30px;margin-top:35px}.portfolio .immersive-actions .primary{box-shadow:none;background:#e7e8d7;border-radius:40px;padding-inline:27px}.portfolio .immersive-meta{color:#b1afa5}.portfolio .particle-stage{height:610px}.portfolio .field-coordinate,.portfolio .field-interaction-hint{color:#b7b7a9}.portfolio .immersive-bottom{border-color:#ffffff24;padding-block:25px}.portfolio .eyebrow{letter-spacing:2px;color:#746f63;font-size:12px}.portfolio .work-section{padding-block:125px 110px}.portfolio .section-heading h2,.portfolio .notebook-heading h2,.portfolio .about-copy h2{letter-spacing:-1.5px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(36px,4vw,58px);font-weight:400;line-height:1.3}.chapter-number{letter-spacing:2px;color:#76736b;margin-top:20px;font:11px/1.5 monospace;display:block}.portfolio .section-heading>p,.notebook-heading>p{color:#706d65;font-size:14px}.portfolio .work-toolbar{border-bottom:1px solid #d9d6ce;margin-top:45px;padding-bottom:15px}.portfolio .filters{background:0 0;border:0;border-radius:0;gap:24px;padding:0}.portfolio .filters button{color:#706d65;background:0 0;border-color:#0000;border-radius:0;padding-inline:0}.portfolio .filters button.selected{color:#262723;background:0 0;border-bottom-color:#262723}.portfolio .project-grid{gap:90px;margin-top:55px}.portfolio .project-card{border-color:#d9d6ce;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:55px;padding-bottom:55px}.portfolio .project-card:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.portfolio .project-card:nth-child(2n) .project-visual{order:2}.portfolio .project-card:after{display:none}.portfolio .project-visual{border-radius:0;height:440px;min-height:440px}.portfolio .project-content{padding:0}.portfolio .project-content h3{margin-top:14px;font-size:34px;font-weight:450}.portfolio .project-subtitle{font-size:17px;margin-top:16px!important}.portfolio .project-description{font-size:14px;line-height:2;margin-top:20px!important}.portfolio .tags>span{color:#757168;border:0;border-radius:0;padding:0 12px 0 0;font-size:11px}.portfolio .tags>span+span{border-left:1px solid #cbc7bd;padding-left:12px}.portfolio .project-result{padding:28px 0}.portfolio .project-result strong{color:#333b2c;font-family:Georgia,Songti SC,serif;font-size:40px;font-weight:400}.portfolio .project-open-button{border:0;border-top:1px solid var(--line);color:#4d5944;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:0;font-size:13px;transition:color .2s;display:flex}.portfolio .project-open-button:hover{color:#171a16}.portfolio .project-open-button svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.portfolio .project-open-button:hover svg{transform:translate(3px,-3px)}.portfolio .project-dialog{color:#252523;background:#f6f4ef;border:0;border-radius:0;width:min(980px,100vw - 48px);max-width:none;max-height:min(86dvh,800px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 35px 100px #0008}.portfolio .project-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10110fca}.portfolio .project-dialog-shell{grid-template-columns:300px minmax(0,1fr);min-height:620px;display:grid}.portfolio .project-dialog-aside{color:#e9e7df;background:#20241f;flex-direction:column;justify-content:space-between;align-self:start;min-height:min(86dvh,800px);padding:42px 36px;display:flex;position:sticky;top:0}.portfolio .project-dialog-aside>div:first-child{gap:20px;display:grid}.portfolio .project-dialog-aside>div:first-child>span:last-child{color:#b9bcb0;font-size:12px;line-height:1.8}.portfolio .project-dialog-number{letter-spacing:2px;color:#c8d5ac;font:12px/1 monospace}.portfolio .project-dialog-metric{gap:10px;display:grid}.portfolio .project-dialog-metric strong{color:#f0eddf;letter-spacing:-3px;font:400 68px/1 Georgia,Songti SC,serif}.portfolio .project-dialog-metric span{color:#aeb2a5;font-size:12px;line-height:1.7}.portfolio .project-dialog-period{letter-spacing:1px;color:#8f9588;font:10px/1.6 monospace}.portfolio .dialog-rag{background:#30342f}.portfolio .dialog-growth{background:#3a332c}.portfolio .dialog-delivery{background:#2d342b}.portfolio .project-dialog-content{padding:28px 50px 45px}.portfolio .project-dialog-toolbar{color:#77746c;letter-spacing:1.5px;border-bottom:1px solid #d7d3c9;justify-content:space-between;align-items:center;min-height:48px;padding-bottom:20px;font:10px/1 monospace;display:flex}.portfolio .project-dialog-toolbar button{color:#464942;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;min-width:72px;min-height:44px;padding:0;font-size:12px;display:inline-flex}.portfolio .project-dialog-content>h2{letter-spacing:-1.5px;margin-top:42px;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(36px,4vw,54px);font-weight:400;line-height:1.25}.portfolio .project-dialog-subtitle{color:#66645d;font-size:16px;margin-top:15px!important}.portfolio .project-dialog-details{border-top:1px solid #d7d3c9;margin-top:42px}.portfolio .project-dialog-details>section{border-bottom:1px solid #d7d3c9;grid-template-columns:44px 1fr;gap:20px;padding:25px 0;display:grid}.portfolio .project-dialog-details>section>span{color:#838078;padding-top:3px;font:10px/1 monospace}.portfolio .project-dialog-details h3{font-size:15px;font-weight:550}.portfolio .project-dialog-details p{color:#67655e;font-size:14px;line-height:1.95;margin-top:8px!important}.portfolio .project-dialog-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.portfolio .project-dialog-tags span{color:#69665e;border:1px solid #d2cec3;border-radius:20px;padding:6px 12px;font-size:11px}.portfolio .project-rag .project-visual{background:#e5e3dc}.portfolio .project-growth .project-visual{background:#e8e2d8}.portfolio .project-delivery .project-visual{background:#dedfd7}.portfolio .experience-section{padding-block:110px 90px}.portfolio .experience-row{padding-block:38px}.portfolio .experience-row h3{font-size:26px;font-weight:450}.portfolio .internship-notebook{padding-block:40px 115px}.portfolio .notebook-heading{margin-bottom:50px}.portfolio .notebook-layout{border-color:#bcb8ac;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-top:35px}.portfolio .notebook-index button{color:#726f66;border-color:#dedbd3;min-height:76px;padding-inline:12px;transition:color .2s,background .2s}.portfolio .notebook-index button[aria-selected=true]{color:#f5f1e6;background:#262923}.portfolio .notebook-index button[aria-selected=true] small,.portfolio .notebook-index button[aria-selected=true] .case-index{color:#c3c8b5}.portfolio .notebook-index button:hover:not([aria-selected=true]){background:#eae7df}.portfolio .notebook-panel{animation:.4s both case-arrive}.portfolio .notebook-panel h3{max-width:750px;margin-top:23px;font-size:32px;font-weight:450;line-height:1.6}.portfolio .case-intro{color:#6c695f;line-height:2;margin-top:20px!important}.portfolio .case-topline{color:#726e62}.portfolio .case-status{background:#eae7df;border:0;border-radius:20px;padding:5px 12px}.portfolio .case-facts{margin-block:25px 30px}.portfolio .case-facts li{color:#575d4d}.portfolio .evidence-preview{background:#252a26;border:0;border-radius:0;padding:35px 30px 55px}.portfolio .evidence-preview>img{border:0;transition:transform .5s cubic-bezier(.2,.7,.2,1);box-shadow:0 16px 45px #0003}.portfolio .evidence-preview:hover>img{transform:translateY(-6px)}.portfolio .evidence-claim{background:#252a26;height:450px;padding-top:36px}.portfolio .evidence-claim>img{border-radius:20px;width:230px;height:460px;transform:rotate(-5deg)}.portfolio .evidence-caption{color:#d9dccf;background:#252a26;border-color:#ffffff20;padding:13px 20px;font-size:12px}.portfolio .artifact-preview{background:#e9e6dd;border:0;border-radius:0;padding:35px}.portfolio .artifact-files>div{border-color:#cecabe;padding-block:22px}.portfolio .artifact-files{border-color:#cecabe}.portfolio .case-perspective{margin-top:38px}.portfolio .decision-notes{gap:40px;padding-top:28px}.portfolio .decision-notes p{color:#6c695f;font-size:14px}.portfolio .case-boundary{color:#797568;border-color:#dedbd3}.portfolio .about-section{gap:95px;padding-block:110px 135px}.portfolio .personal-photos{max-width:385px}.portfolio .personal-photo-frame{background:0 0;border:0;padding:0}.portfolio .about-copy>p{line-height:2.1}.portfolio .contact-section{background:#20221e}.portfolio .contact-layout h2{font-family:Songti SC,STSong,serif;font-size:64px;font-weight:400}@keyframes case-arrive{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.portfolio .page-width{width:calc(100% - 72px)}.portfolio .project-card,.portfolio .project-card:nth-child(2n){gap:30px}.portfolio .project-visual{height:370px;min-height:370px}.portfolio .notebook-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.portfolio .impact-word{font-size:84px}.portfolio .about-section{gap:50px}}@media (max-width:780px){.portfolio .page-width{width:calc(100% - 48px)}.portfolio .immersive-content{grid-template-columns:1fr}.portfolio .immersive-copy{padding-block:55px 20px}.portfolio .particle-stage{height:380px}.portfolio .impact-word{font-size:94px}.portfolio .project-card,.portfolio .project-card:nth-child(2n){grid-template-columns:1fr;gap:30px}.portfolio .project-card:nth-child(2n) .project-visual{order:0}.portfolio .project-visual{height:380px;min-height:380px}.portfolio .project-content{padding:0}.portfolio .project-grid{gap:55px}.portfolio .notebook-layout{grid-template-columns:1fr;gap:35px}.portfolio .notebook-index{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio .work-section,.portfolio .experience-section{padding-block:75px}.portfolio .internship-notebook{padding-bottom:75px}.portfolio .about-section{gap:40px;padding-block:70px 90px}.portfolio .filters{gap:20px}.portfolio .project-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.portfolio .project-dialog-shell{grid-template-columns:1fr}.portfolio .project-dialog-aside{min-height:210px;padding:28px;position:relative}.portfolio .project-dialog-metric{align-content:end}.portfolio .project-dialog-metric strong{font-size:52px}.portfolio .project-dialog-period{position:absolute;top:28px;right:28px}.portfolio .project-dialog-content{padding:20px 28px 38px}.portfolio .project-dialog-content>h2{margin-top:30px}.portfolio .project-dialog-details{margin-top:32px}}@media (max-width:520px){.portfolio .page-width{width:calc(100% - 40px)}.portfolio .nav-inner{height:70px}.portfolio .impact-word{letter-spacing:-4px;font-size:76px}.portfolio .hero-greeting{font-size:20px}.portfolio .immersive-copy .personal-role{font-size:22px}.portfolio .immersive-actions{gap:20px}.portfolio .immersive-actions .primary{gap:14px;padding-inline:19px}.portfolio .immersive-copy>p:not(.personal-role){font-size:13px}.portfolio .particle-stage{height:330px}.portfolio .section-heading h2,.portfolio .notebook-heading h2,.portfolio .about-copy h2{font-size:35px}.portfolio .project-content h3{font-size:29px}.portfolio .project-visual{height:310px;min-height:310px}.portfolio .filters{gap:16px}.portfolio .filters button{font-size:12px}.portfolio .notebook-panel h3{font-size:26px}.portfolio .evidence-preview{padding:18px 12px 47px}.portfolio .evidence-claim{height:390px;padding-top:30px}.portfolio .artifact-preview{padding:23px}.portfolio .decision-notes{gap:25px}.portfolio .contact-layout h2{font-size:44px}.portfolio .project-dialog{width:100vw;height:100dvh;max-height:100dvh}.portfolio .project-dialog-aside{min-height:180px;padding:24px 20px}.portfolio .project-dialog-period{top:24px;right:20px}.portfolio .project-dialog-content{padding:14px 20px 34px}.portfolio .project-dialog-content>h2{font-size:36px}.portfolio .project-dialog-details>section{grid-template-columns:32px 1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.portfolio .notebook-panel{animation:none}.portfolio .evidence-preview>img{transition:none}.portfolio .evidence-preview:hover>img{transform:none}.portfolio .project-open-button svg{transition:none}.portfolio .project-open-button:hover svg{transform:none}}