@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";:root{color:#f5f1e9;font-synthesis:none;--paper:#f5f1e9;--muted:#aba9be;--peach:#ffc49d;--ink:#252838;--line:#ffffff1c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242434;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--peach);outline-offset:5px}::selection{background:var(--peach);color:#252434}svg{flex-shrink:0}.room-portfolio{background:radial-gradient(at 63% 44%,#45465c 0,#2d2d42 41%,#222232 84%);min-height:100svh;transition:background .8s;position:relative;overflow:hidden}.room-portfolio.night{background:radial-gradient(at 63% 44%,#34334e 0,#1e2034 45%,#161b2b 84%)}.room-header{z-index:2;justify-content:space-between;align-items:center;gap:30px;height:104px;padding:0 4.4%;display:flex;position:relative}.brand{align-items:center;gap:20px;display:flex}.brand-mark{letter-spacing:-5px;font-family:Manrope,sans-serif;font-size:39px;font-weight:800;line-height:1}.brand-mark>span{color:var(--peach)}.brand-title{letter-spacing:1.2px;border-left:1px solid #ffffff26;padding-left:20px;font-family:DM Mono,monospace;font-size:12px;line-height:1.8}.brand-title>span{letter-spacing:0;color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;display:block}.header-actions{align-items:center;gap:30px;font-size:14px;display:flex}.github-link{color:#c5c3d3;align-items:center;gap:7px;display:flex}.available{color:#c1bed0;align-items:center;gap:9px;font-size:12px;display:flex}.available i{background:#abcbb5;border-radius:50%;width:6px;height:6px}.hello-button{border:1px solid #ffffff45;border-radius:30px;align-items:center;gap:20px;padding:10px 18px;font-size:14px;display:flex}.hello-button:hover{background:#ffffff0c}.room-experience{height:calc(100svh - 205px);min-height:650px;max-height:960px;position:relative}.room-intro{z-index:2;pointer-events:none;width:335px;position:absolute;top:12%;left:5%}.room-intro button{pointer-events:auto}.intro-kicker{letter-spacing:1px;color:#c0bdcd;align-items:center;gap:11px;font-family:DM Mono,monospace;font-size:12px;display:flex}.intro-kicker>span{background:var(--peach);width:18px;height:1px}.room-intro h1{letter-spacing:-2.8px;margin:24px 0;font-size:clamp(46px,4vw,62px);font-weight:600;line-height:1.12}.room-intro h1 em{color:var(--peach);font-style:normal}.room-intro p{color:#b8b4c8;margin:0 0 25px;font-size:16px;line-height:1.9}.room-intro p strong{color:var(--paper);font-weight:500}.tour-button{border-bottom:1px solid #c9a896;align-items:center;gap:20px;padding:8px 0;font-size:14px;display:inline-flex}.tour-button:hover{color:var(--peach)}.profile-mini{align-items:center;gap:11px;margin-top:45px;display:flex}.profile-mini img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:43px;height:43px}.profile-mini span{color:#bbb7cb;font-size:12px;line-height:1.65}.profile-mini strong{color:#ded8e8;font-size:12px;font-weight:400}.scene-area{position:absolute;inset:-9% 0 -3% 21%}.room-scene{width:100%;height:100%;position:relative}.room-canvas{cursor:grab;touch-action:pan-y;position:absolute;inset:0;outline-offset:-20px!important}.room-canvas canvas{width:100%;height:100%;display:block}.hotspot{z-index:2;white-space:nowrap;opacity:0;align-items:center;gap:8px;padding:6px;transition:opacity .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot-dot{color:#503f38;background:#fff2de;border:1px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:600;transition:transform .2s;display:grid;box-shadow:0 0 0 5px #fff1d62a,0 3px 15px #0004}.hotspot-label{color:#272738;opacity:0;background:#fff3e2;border-radius:20px;max-width:0;padding:5px 10px;font-size:12px;transition:opacity .2s;position:absolute;left:44px;overflow:hidden;box-shadow:0 3px 12px #0003}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.hotspot.selected .hotspot-label{opacity:1;max-width:170px;overflow:visible}.hotspot:hover .hotspot-dot{background:var(--peach);transform:scale(1.12)}.room-scene:not(.is-ready) .hotspot{visibility:hidden}.scene-name{pointer-events:none;letter-spacing:1.4px;color:#a6a2b7;justify-content:space-between;font-family:DM Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:8%;left:14%;right:11%}.room-tip{color:#9d98b0;z-index:2;align-items:center;gap:12px;display:flex;position:absolute;bottom:2.5%;left:5%}.tip-pointer{color:#c8b2a7;font-size:28px;line-height:1}.room-tip strong{color:#cec6d7;font-size:12px;font-weight:400;display:block}.room-tip div>span{font-size:12px}.room-tools{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0b;border:1px solid #ffffff1c;border-radius:28px;gap:4px;padding:5px;display:flex;position:absolute;bottom:4.5%;right:4.5%}.room-tools button{color:#c7bed5;border-radius:50%;place-items:center;width:36px;height:34px;display:grid}.room-tools button:hover{color:var(--peach);background:#ffffff12}.room-tools button:disabled{opacity:.5;cursor:default}.room-bottom{z-index:3;justify-content:center;align-items:center;gap:25px;height:102px;padding:0 4.5% 20px;display:flex;position:relative}.bottom-note{letter-spacing:.6px;color:#c0b8cc;font-family:DM Mono,monospace;font-size:10px;line-height:1.8;position:absolute;left:4.5%}.bottom-note span{color:#807b95}.room-bottom nav{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#53506550;border:1px solid #d9d0e03a;border-radius:23px;align-items:center;gap:5px;padding:8px;display:flex;box-shadow:0 16px 50px #14132030}.room-bottom nav button{color:#d4cbdf;border-radius:16px;align-items:center;gap:8px;padding:13px 15px;font-size:14px;transition:background .2s,color .2s;display:flex}.room-bottom nav button:hover,.room-bottom nav button.active{color:#3b3034;background:#ffe0c9;box-shadow:0 5px 20px #0002}.room-bottom nav button svg{stroke-width:1.55px}.room-bottom nav kbd{opacity:.45;margin-left:6px;font:10px DM Mono,monospace}.map-toggle{color:#c1b7ce;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;right:4.5%}.room-map{z-index:8;width:350px;color:var(--ink);background:#f3eee5;border-radius:20px;padding:27px;position:fixed;bottom:112px;right:4.5%;box-shadow:0 20px 80px #0005}.room-map h3{margin:0 0 6px;font-size:19px}.room-map p{color:#787686;margin-bottom:20px;font-size:14px}.room-map>button{text-align:left;border-top:1px solid #25243416;align-items:center;gap:10px;width:100%;padding:11px 0;font-size:12px;display:flex}.room-map kbd{background:#e5dfd5;border-radius:5px;place-items:center;width:23px;height:23px;display:grid}.room-map strong{margin-left:auto;font-weight:500}.room-loading,.room-fallback{color:#d1c9df;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;font-size:15px;display:flex;position:absolute;inset:0}.room-loading>span{border:1px solid #ffffff25;border-top-color:var(--peach);border-radius:50%;width:28px;height:28px;animation:1.2s linear infinite spin}.room-fallback{max-width:500px;margin:auto}.room-fallback p{margin-bottom:0;font-size:26px}.room-fallback>span{color:var(--muted);font-size:16px}.room-panel{width:min(510px,100vw - 40px);height:calc(100svh - 56px);max-height:calc(100svh - 56px);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f2ea;border:1px solid #ffffff80;border-radius:25px;margin:0;padding:0;position:fixed;inset:28px 28px 28px auto;overflow:hidden;box-shadow:0 20px 120px #0a08165c}.room-panel::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11112657}.panel-shell{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex}.panel-top{justify-content:space-between;align-items:center;padding:20px 25px 13px;display:flex}.panel-source{color:#86808f;align-items:center;gap:9px;font-size:12px;display:flex}.panel-close{color:#77717e;border:1px solid #25243420;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.panel-close:hover{color:#272434;background:#e8dfd2}.panel-heading{border-bottom:1px solid #28263815;padding:12px 30px 22px}.eyebrow{letter-spacing:.5px;color:#a47d5e;margin-bottom:12px;font-family:DM Mono,monospace;font-size:12px;display:block}.panel-heading h2{letter-spacing:-1.8px;margin:0;font-size:40px;font-weight:600;line-height:1.1}.panel-heading h2>span{color:#c4865d}.panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d2c7ba transparent;flex:1;min-height:0;padding:26px 30px;overflow:auto}.panel-content p{color:#777280;font-size:16px;line-height:1.8}.panel-content .lead{color:#333345;letter-spacing:-.4px;font-size:23px;font-weight:500;line-height:1.45}.panel-content h3{letter-spacing:-.45px;font-size:20px;font-weight:600;line-height:1.4}.panel-footer{background:#f0ebe3;border-top:1px solid #28263815;justify-content:space-between;gap:20px;padding:17px 25px;display:flex}.panel-footer button{color:#7c717b;align-items:center;gap:7px;font-size:12px;display:flex}.panel-footer button:last-child{color:#9b6240}.about-photo{align-items:center;gap:18px;margin-bottom:28px;display:flex}.about-photo img{object-fit:cover;border-radius:13px;width:91px;height:110px}.about-photo h3{margin-bottom:9px;font-size:19px}.about-photo .eyebrow{margin-bottom:6px;font-size:10px}.location{color:#97909a;align-items:center;gap:4px;font-size:12px;display:flex}.fact-row{border-block:1px solid #28263815;grid-template-columns:1fr 1fr;margin:25px 0;padding:18px 0;display:grid}.fact-row>div{border-left:1px solid #28263815;padding-left:20px}.fact-row>div:first-child{border:0;padding-left:0}.fact-row strong{letter-spacing:-1.5px;color:#a76c47;font-family:Manrope,sans-serif;font-size:35px;font-weight:500;display:block}.fact-row strong span{font-size:19px}.fact-row>div>span{color:#8d838c;font-size:12px;display:block}.panel-link{color:#a06949;border-bottom:1px solid #c9a085;align-items:center;gap:12px;margin-top:12px;padding:5px 0;font-size:14px;display:inline-flex}.filters{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.filters button{color:#8a7c77;border:1px solid #cfc6bd;border-radius:20px;padding:6px 12px;font-size:13px}.filters button.active{color:#faf4e8;background:#3f4664;border-color:#3f4664}.room-project{background:#fffaf2;border:1px solid #dfd5ca;border-radius:13px;margin-bottom:13px;overflow:hidden}.project-toggle{text-align:left;align-items:center;gap:12px;width:100%;padding:18px 15px;display:flex}.project-number{color:#b3a596;font-family:DM Mono,monospace;font-size:12px}.project-toggle>span:nth-child(2){flex:1}.project-toggle small{color:#a98c78;font-family:DM Mono,monospace;font-size:10px}.project-toggle h3{margin:6px 0 0;font-size:17px;line-height:1.35}.project-toggle>svg{color:#a49283;transition:transform .2s}.expanded .project-toggle>svg{transform:rotate(180deg)}.project-detail{overflow:hidden}.project-inner{padding:0 20px 23px}.date{color:#a7988b;font-family:DM Mono,monospace;font-size:12px}.project-impact{border-block:1px solid #dfd5ca;align-items:center;gap:15px;margin-top:14px;padding:17px 0;display:flex}.project-impact strong{color:#ae7b56;letter-spacing:-1px;font-size:30px;font-weight:500;line-height:1.1}.project-impact span{color:#99897c;font-size:12px;line-height:1.5}.project-inner p{margin-top:17px;font-size:16px}.pipeline{flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0;display:flex}.pipeline span{color:#6b738b;background:#e5e7ec;border:1px solid #d0d4df;border-radius:5px;padding:6px 9px;font-size:12px}.pipeline svg{color:#b4a18d}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{color:#95887c;border:1px solid #dfd5ca;border-radius:4px;padding:4px 7px;font-size:12px}.skill-categories{flex-wrap:wrap;gap:7px;margin:22px 0 29px;display:flex}.skill-categories button{color:#8c8179;border:1px solid #d1c7bd;border-radius:20px;padding:7px 11px;font-size:13px}.skill-categories button.active{color:#fff1e0;background:#424964;border-color:#424964}#tool-panel h3{margin-bottom:18px}.tool-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tool-grid>div{background:#fbf7f0;border:1px solid #ded5cb;border-radius:8px;align-items:center;gap:9px;padding:14px 12px;font-size:14px;line-height:1.4;display:flex}.tool-grid>div>span{color:#b6a697;font-family:DM Mono,monospace;font-size:10px}.journey-item{gap:15px;margin:24px 0 30px;display:flex}.journey-icon{color:#787a9a;background:#e6e1e4;border-radius:10px;align-self:flex-start;padding:10px;display:flex}.journey-item h3{margin:8px 0;font-size:18px}.journey-item>div{min-width:0}.journey-item .job-title{color:#a17d60;font-size:14px}.journey-item ul{color:#8e8490;padding-left:17px;font-size:16px;line-height:1.85}.journey-item li{margin-bottom:12px;padding-left:3px}.journey-item strong{color:#56506c;font-weight:500}.achievement{background:#efe4d5;border:1px solid #ddcdb9;border-radius:11px;align-items:center;gap:18px;margin-bottom:12px;padding:20px 16px;display:flex}.achievement>svg{color:#b58a52}.achievement .date{color:#b39371;font-size:11px}.achievement h3{color:#9e764b;margin:8px 0;font-size:21px}.achievement p{color:#a29386;margin:0;font-size:14px}.credentials-title{margin:30px 0 15px}.credentials>div{border-top:1px solid #dfd5ca;padding:15px 0}.credentials>div>span{color:#ae866a;font-size:12px}.credentials h4{margin:7px 0;font-size:15px;font-weight:500}.credentials small{color:#a7988b;font-size:12px}.contact-address{color:#9b775c;border:1px solid #d6c8b9;border-radius:9px;align-items:center;gap:9px;margin-top:24px;padding:15px 11px;display:flex}.contact-address a{overflow-wrap:anywhere;color:#696177;flex:1;font-size:13px}.contact-address button{padding:3px;display:flex}.copy-status{color:#997459;height:22px;font-size:12px;display:block}.socials{flex-wrap:wrap;gap:14px;margin:4px 0 27px;display:flex}.socials>a{color:#988374;align-items:center;gap:5px;font-size:13px;display:flex}.panel-content form label{color:#8c7f84;margin-bottom:7px;font-size:14px;display:block}.panel-content input,.panel-content textarea{color:#3d394c;resize:vertical;background:#fffbf5;border:1px solid #d6cabe;border-radius:7px;width:100%;margin-bottom:19px;padding:11px 13px;font-size:16px;display:block}.panel-content input::placeholder,.panel-content textarea::placeholder{color:#b4a9a3}.primary-button{color:#fff3df;background:#404960;border-radius:30px;align-items:center;gap:20px;padding:12px 18px;font-size:14px;display:inline-flex}.form-note{color:#a2958b;margin-top:13px;font-size:12px;display:block}.skip-link{z-index:20;background:var(--peach);color:#282434;padding:8px;position:absolute;top:-60px;left:10px}.skip-link:focus{top:10px}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1700px){.room-experience{height:calc(100svh - 230px);max-height:none}.room-intro{width:370px;top:20%;left:7%}.room-intro h1{font-size:69px}.scene-area{top:-4%;left:20%}.room-header{padding-inline:6%}.room-bottom{height:126px}.room-bottom nav{padding:10px}.room-bottom nav button{padding:15px 23px}.scene-name{bottom:12%}}@media (width<=1180px){.room-header{height:90px}.header-actions{gap:20px}.available{display:none}.room-intro{width:275px;top:13%;left:4%}.room-intro h1{font-size:47px}.scene-area{inset:-3% -8% 2% 18%}.profile-mini{margin-top:30px}.scene-name{font-size:9px;bottom:8%;left:25%;right:15%}.room-tip{bottom:3%;left:4%}.room-tools{bottom:3%}.room-bottom nav button{gap:7px;padding:12px}.room-bottom nav kbd{display:none}.bottom-note{font-size:9px}.map-toggle{font-size:11px}.room-bottom{justify-content:center}.room-bottom nav{gap:1px}.room-experience{height:calc(100svh - 185px);min-height:650px}}@media (width<=880px){.room-bottom .bottom-note{display:none}.room-bottom .map-toggle{margin-left:5px;position:static}.room-bottom{gap:12px}.room-header{padding-inline:5%}.room-intro{width:238px;top:8%}.room-intro h1{font-size:43px}.scene-area{inset:10% -12% -2% 13%}.room-tip,.room-tools{bottom:0}.room-experience{min-height:665px}.room-bottom nav button{font-size:13px}.scene-name{font-size:9px;bottom:13%;left:25%}}@media (width<=650px){.room-portfolio{background:radial-gradient(at 60% 48%,#46465e 0,#2d2d42 45%,#232234 90%);min-height:100svh;overflow:clip visible}.room-header{gap:10px;height:82px;padding-inline:6%}.brand{gap:13px}.brand-mark{font-size:33px}.brand-title{letter-spacing:.8px;padding-left:13px;font-size:10px}.brand-title>span{font-size:10px}.header-actions{gap:0}.github-link{display:none}.hello-button{gap:8px;padding:8px 12px;font-size:12px}.room-experience{height:auto;min-height:880px;max-height:none}.room-intro{pointer-events:auto;width:auto;margin:30px 7% 0;position:relative;top:auto;left:auto}.intro-kicker{letter-spacing:1px;font-size:10px}.room-intro h1{letter-spacing:-2px;margin:18px 0;font-size:43px;line-height:1.1}.room-intro h1 br:nth-child(2){display:none}.room-intro h1 em:before{content:" "}.room-intro p{margin-bottom:14px;font-size:16px;line-height:1.75}.room-intro p br:first-of-type{display:none}.room-intro p strong:after{content:" "}.tour-button{gap:13px;padding:5px 0;font-size:14px}.profile-mini{display:none}.scene-area{height:540px;inset:290px -7% auto}.room-scene{width:100%;height:100%}.scene-name{letter-spacing:.6px;font-size:9px;bottom:12%;left:17%;right:17%}.scene-name>span:last-child{display:none}.hotspot-dot{width:27px;height:27px;font-size:12px;box-shadow:0 0 0 4px #fff1d626,0 3px 12px #0004}.room-tip{gap:8px;bottom:63px;left:7%}.room-tip strong,.room-tip div>span{font-size:12px}.room-tools{gap:1px;padding:3px;bottom:15px;right:6%}.room-tools button{width:33px;height:31px}.room-bottom{pointer-events:none;background:linear-gradient(#0000,#232334f2);justify-content:center;gap:0;height:100px;padding:0 0 24px;position:sticky;bottom:0}.room-bottom nav{pointer-events:auto;background:#514b65bd;border-radius:20px;gap:0;padding:6px}.room-bottom nav button{border-radius:14px;flex-direction:column;gap:5px;min-width:60px;padding:10px 13px;font-size:12px;line-height:1.2}.room-bottom nav button svg{width:19px;height:19px}.room-bottom .map-toggle{display:none}.room-map{width:calc(100vw - 40px);bottom:110px;right:20px}.room-panel{border-radius:20px;width:auto;height:calc(100svh - 28px);max-height:calc(100svh - 28px);inset:auto 10px 10px}.panel-top{padding:14px 20px 8px}.panel-heading{padding:10px 23px 17px}.panel-heading h2{font-size:35px}.panel-content{padding:22px}.panel-footer{gap:10px;padding:16px 20px}.panel-footer button{font-size:12px}.about-photo{gap:14px}.about-photo img{width:75px;height:96px}.about-photo h3{font-size:17px}.panel-content .lead{font-size:22px}.tool-grid{gap:7px}.tool-grid>div{gap:6px;padding:12px 9px;font-size:14px}.contact-address a{font-size:12px}.contact-address{gap:6px;padding:12px 9px}.project-impact strong{font-size:27px}.project-toggle h3{font-size:16px}.project-toggle{gap:10px;padding:16px 12px}.project-inner{padding:0 16px 21px}.skill-categories button{font-size:13px}.journey-item{gap:12px}.journey-icon{padding:8px}.journey-item h3{font-size:17px}.achievement{gap:13px;padding:17px 13px}.achievement h3{font-size:19px}}@media (width<=370px){.room-bottom nav button{min-width:56px;padding:10px}.hello-button{padding:8px 10px;font-size:11px}.brand-title>span{display:none}.scene-area{top:285px}.room-intro h1{font-size:39px}.room-experience{min-height:860px}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=1181px){.scene-area{top:-1%;bottom:0}.scene-name{bottom:5%;left:21%;right:17%}}