@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--page: #030509;--surface: #080b12;--surface-soft: #070910;--text: #eeece8;--muted: #9c9da8;--quiet: #828491;--line: rgba(206, 201, 235, .14);--line-strong: rgba(197, 190, 245, .4);--signal: #c5bef5;--warm: #d8c9b8;--radius: 8px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page);scroll-behavior:auto}body{min-width:320px;background:var(--page);color:var(--text);font-family:Manrope,sans-serif;font-size:15px;line-height:1.6}::selection{background:var(--signal);color:var(--page)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--signal);outline-offset:5px}img{display:block;max-width:100%}.container{width:min(1280px,calc(100% - 120px));margin:0 auto}.portfolio-shell{position:relative}.hero-stage{position:sticky;top:0;z-index:0}.content-sheet{position:relative;z-index:2;background:var(--page);border-top:1px solid var(--line);border-radius:28px 28px 0 0;box-shadow:0 -35px 90px #03050975}.sheet-edge{height:34px;display:grid;place-items:center}.sheet-edge span{display:block;height:2px;width:44px;background:#b4a7e142;border-radius:3px}.nav{position:fixed;top:0;right:0;left:0;z-index:20;pointer-events:none}.nav-inner{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.nav-links{display:flex;align-items:center}.nav-links a{display:inline-flex;align-items:center;min-height:34px;transition:color .2s}.section-compact,.contact-section{padding:116px 0;scroll-margin-top:100px}.section-compact+.section-compact>.container,.contact-section>.container{border-top:1px solid var(--line);padding-top:92px}.section-compact+.section-compact,.contact-section{padding-top:0}.section-header{margin-bottom:60px}.split-header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.split-header>p{max-width:320px;color:var(--muted);font-size:13px;line-height:1.8}.section-num{display:block;margin-bottom:23px;color:var(--quiet);font:10px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.section-title{font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.06}.section-title em,.contact-title em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--signal)}.hover-img-project{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(160px,.43fr) 30px;align-items:center;gap:23px;padding:37px 0;border-top:1px solid var(--line);transition:color .3s,background .3s}.hover-img-project:last-child{border-bottom:1px solid var(--line)}.hover-img-index{align-self:start;margin-top:12px;color:var(--quiet);font:10px DM Mono,monospace}.hover-img-name{min-width:0;transition:transform .4s}.hover-img-name h3{font-size:clamp(29px,3.4vw,50px);font-weight:500;letter-spacing:-.05em;line-height:1.25}.hover-img-name>span{display:block;margin-top:10px;color:var(--quiet);font:9px DM Mono,monospace}.hover-img-project>p{color:var(--muted);font-size:12px;transition:transform .4s}.hover-img-arrow{color:var(--signal);transition:transform .4s}.hover-img-project:hover .hover-img-name{transform:translate(10px);color:var(--signal)}.hover-img-project:hover .hover-img-arrow{transform:translate(4px,-4px)}.hover-img-touch{display:none}.hover-img-thumbnail-wrapper{position:fixed;top:0;left:0;width:430px;height:278px;display:flex;flex-direction:column;overflow:hidden;pointer-events:none;z-index:50;border:1px solid #c5bef530;border-radius:10px;box-shadow:0 25px 70px #0009;background:#080b12;visibility:hidden}.hover-img-thumbnail{width:100%;height:100%;flex-shrink:0}.hover-img-thumbnail img{width:100%;height:240px;object-fit:cover;object-position:top}.hover-img-thumbnail>span{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;font:10px DM Mono,monospace;color:var(--signal)}.repo-heading{display:flex;justify-content:space-between;align-items:center;margin:85px 0 28px;gap:20px}.repo-heading>span{font:10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--signal)}.repo-heading>p{color:var(--quiet);font-size:12px}.repo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:50px}.repo-card{display:flex;flex-direction:column;padding:28px 0 35px;border-top:1px solid var(--line);transition:border-color .25s}.repo-card:hover{border-color:var(--signal)}.card-header{display:flex;align-items:center;justify-content:space-between;color:var(--quiet)}.card-type{font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.card-title{margin:18px 0 13px;font-size:23px;font-weight:500;letter-spacing:-.025em}.card-desc{color:var(--muted);font-size:12px;line-height:1.85;max-width:490px}.card-tags{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:25px;color:var(--signal);font:9px DM Mono,monospace}.skills-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.skill-category{min-width:0;padding-top:22px;border-top:1px solid var(--line)}.skill-header{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:25px}.skill-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--signal)}.skill-name{font-size:18px;font-weight:500;letter-spacing:-.03em}.skill-items{display:flex;flex-wrap:wrap;gap:9px}.skill-item{padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:10px}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.activity-card{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--page);transition:border-color .25s}.activity-card:hover{border-color:var(--line-strong)}.activity-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.activity-card-header>div>span{font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--quiet)}.activity-card-header h3{margin-top:6px;font-size:29px;font-weight:500;letter-spacing:-.04em}.activity-card-header>svg{color:var(--signal)}.heatmap-frame{display:grid;min-height:165px;place-items:center;overflow:hidden;border-radius:4px}.heatmap-frame img{width:100%;min-height:140px;object-fit:contain}.activity-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:var(--quiet);font-size:10px}.activity-meta strong{font-family:DM Mono,monospace;color:var(--muted);font-weight:400}.signal-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:45px}.signal-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-card>span{grid-column:1/-1;font:9px DM Mono,monospace;color:var(--quiet);text-transform:uppercase}.signal-card strong{font-size:19px;font-weight:500}.signal-card svg{color:var(--signal)}.credentials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.credential-card{display:grid;grid-template-columns:minmax(130px,.65fr) 1fr;min-height:250px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .25s}.credential-card:hover{border-color:var(--line-strong)}.credential-thumb{display:grid;place-items:center;padding:18px;background:#0a0d15}.credential-thumb img{width:100%;height:auto;object-fit:contain}.credential-body{padding:25px;display:flex;flex-direction:column}.credential-icon{color:var(--signal);margin-bottom:20px}.credential-body>span{font:9px DM Mono,monospace;color:var(--quiet)}.credential-body h3{font-size:20px;line-height:1.25;font-weight:500;margin:8px 0 18px}.credential-body p{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.7}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px}.contact-title{max-width:780px;font-size:clamp(43px,5.5vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.contact-sub{max-width:480px;margin-top:24px;color:var(--muted);font-size:13px;line-height:1.9}.contact-actions{display:flex;flex-wrap:wrap;max-width:245px;gap:12px}.contact-btn{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:15px 23px;margin-bottom:10px;border:1px solid var(--line-strong);border-radius:40px;font-size:12px;transition:background .25s,color .25s}.contact-btn:hover{color:var(--page);background:var(--signal)}.contact-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:11px}.contact-icon:hover{color:var(--signal);border-color:var(--line-strong)}.footer{padding:0 0 36px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:26px;border-top:1px solid var(--line);color:var(--quiet);font:9px DM Mono,monospace}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a:hover{color:var(--signal)}@media(max-width:1050px){.container{width:calc(100% - 72px)}.hover-img-project{grid-template-columns:25px minmax(0,1fr) 160px 25px;gap:15px}.contact-grid{gap:30px}.credentials-grid{grid-template-columns:1fr}.credential-card{min-height:220px}.credential-thumb img{max-height:200px}}@media(max-width:768px){.container{width:calc(100% - 44px)}.hero-stage{top:min(0px,calc(100svh - 1060px))}.content-sheet{border-radius:18px 18px 0 0}.section-compact,.contact-section{padding:75px 0;scroll-margin-top:86px}.section-compact+.section-compact,.contact-section{padding-top:0}.section-compact+.section-compact>.container,.contact-section>.container{padding-top:65px}.section-header{margin-bottom:35px}.split-header{display:block}.split-header>p{margin-top:23px;font-size:12px}.section-num{font-size:9px;margin-bottom:18px}.section-title{font-size:clamp(36px,8vw,55px)}.hover-img-project{grid-template-columns:20px minmax(0,1fr) 24px;gap:15px;padding:25px 0}.hover-img-name h3{font-size:clamp(25px,6.8vw,40px)}.hover-img-name>span{font-size:8px;line-height:1.7}.hover-img-project>p{grid-column:2;grid-row:2;font-size:11px}.hover-img-arrow{grid-column:3;grid-row:1}.hover-img-touch{display:block;grid-column:1/-1;width:100%;height:auto;aspect-ratio:1.74;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:6px}.hover-img-thumbnail-wrapper{display:none}.repo-heading{display:block;margin-top:65px}.repo-heading p{margin-top:12px;font-size:11px}.repo-strip,.skills-row,.activity-grid,.signal-strip{grid-template-columns:1fr}.repo-card{padding-bottom:30px}.skills-row{gap:35px}.skill-header{flex-direction:row;align-items:center;gap:18px}.skill-name{font-size:17px}.activity-card{padding:20px}.credential-card{grid-template-columns:115px 1fr}.credential-body{padding:20px}.credential-body h3{font-size:18px}.contact-grid{display:block}.contact-actions{margin-top:36px}.footer-inner{flex-direction:column;align-items:flex-start;font-size:8px}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hover-img-touch{display:block;grid-column:1/-1;width:100%;height:auto;max-height:390px;object-fit:cover;object-position:top;border-radius:6px}.hover-img-thumbnail-wrapper{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-stage{position:relative;top:auto}}.orbit-hero{position:relative;isolation:isolate;min-height:780px;height:100svh;max-height:1200px;overflow:hidden;background:#030509;color:#eeece8}.orbit-scene,.orbit-hero-shade{position:absolute;inset:0;z-index:-1}.orbit-scene canvas,.orbit-poster{position:absolute;width:100%;height:100%;display:block}.orbit-poster{object-fit:cover;object-position:67% center;transition:opacity 1.4s}.orbit-scene[data-ready=true] .orbit-poster{opacity:0}.orbit-scene canvas{opacity:0;transition:opacity .2s}.orbit-scene[data-ready=true] canvas{opacity:1}.orbit-hero-shade{pointer-events:none;background:linear-gradient(90deg,#030509 0%,rgba(3,5,9,.85) 26%,rgba(3,5,9,.08) 62%,transparent),linear-gradient(0deg,#030509 0%,transparent 18%)}.intro-content{position:relative;width:min(1500px,calc(100% - 120px));margin:0 auto;padding-top:clamp(180px,24vh,290px);pointer-events:none}.intro-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 32px;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#a7abb7}.intro-eyebrow>span:first-child{width:5px;height:5px;background:#bdc3e7;border-radius:50%}.intro-eyebrow-divider{margin:0 3px;color:#555968}.intro-title{margin:0;max-width:800px;font-size:clamp(70px,6.9vw,120px);font-weight:500;line-height:1.015;letter-spacing:-.065em}.intro-title em{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.065em;color:#c5bef5}.intro-description{max-width:390px;margin:29px 0 30px;font-size:14px;line-height:1.8;color:#9c9da8}.intro-cta{display:inline-flex;align-items:center;gap:40px;border:1px solid #7d7e8a;border-radius:100px;padding:15px 23px;font-size:12px;color:#e8e6ef;pointer-events:auto;transition:background .25s,color .25s,border-color .25s}.intro-cta:hover{background:#e8e6ef;border-color:#e8e6ef;color:#080a10}.intro-cta:focus-visible,.intro-footer a:focus-visible,.intro-pause:focus-visible{outline:2px solid #c5bef5;outline-offset:6px}.intro-footer{position:absolute;bottom:30px;left:60px;right:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:#878a99}.intro-availability{display:inline-flex;gap:9px;align-items:center}.intro-availability>span{width:5px;height:5px;border-radius:50%;background:#a6d2b6;box-shadow:0 0 9px #6aa58270}.intro-coordinate{margin-left:auto;margin-right:12%}.intro-controls{display:flex;gap:20px;align-items:center}.intro-pause{display:grid;place-items:center;background:transparent;color:#aaaab8;border:1px solid #ffffff25;border-radius:50%;width:34px;height:34px;cursor:pointer}.intro-pause:hover{border-color:#c5bef5;color:#fff}.intro-scroll{display:grid;place-items:center;width:36px;height:44px;color:#dfdce6}.orbit-hero:is([data-intro=revealing],[data-intro=complete]) .intro-content>*{animation:intro-arrive 1.2s both cubic-bezier(.2,.7,.2,1);animation-delay:var(--intro-delay, 0s)}.intro-content>:nth-child(2){--intro-delay: .12s}.intro-content>:nth-child(3){--intro-delay: .25s}.intro-content>:nth-child(4){--intro-delay: .35s}@keyframes intro-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.nav.intro-nav{top:0;padding:29px 0;background:linear-gradient(#030509e6,transparent)}.intro-nav .nav-inner{width:calc(100% - 120px);max-width:1500px;min-height:40px;padding:0;background:transparent;border:0;box-shadow:none}.intro-nav .nav-logo{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.intro-brand-mark{width:52px;height:52px;flex-shrink:0}.intro-nav .nav-links{gap:23px}.intro-nav .nav-links a{font-size:11px;font-weight:400;color:#c4c1cc;padding:0 4px}.intro-nav .nav-links a:hover{color:#fff;background:transparent}.intro-nav .nav-links a:last-child{border-bottom:1px solid #85818f;border-radius:0}@media(min-width:1800px){.intro-content{padding-top:250px}}@media(max-width:1050px){.intro-content{width:calc(100% - 72px)}.intro-title{font-size:clamp(68px,8vw,100px)}.intro-nav .nav-inner{width:calc(100% - 72px)}.intro-footer{left:36px;right:36px}.intro-coordinate{margin-right:4%}}@media(max-width:700px){.orbit-hero{height:100svh;min-height:850px;max-height:none}.intro-content{width:calc(100% - 44px);padding-top:138px}.intro-eyebrow{font-size:8px;gap:7px;letter-spacing:.055em;margin-bottom:22px}.intro-title{font-size:clamp(46px,14.4vw,80px);line-height:1.02}.intro-description{max-width:285px;font-size:12px;margin-top:22px;margin-bottom:22px}.intro-cta{font-size:11px;padding:12px 18px;gap:28px}.orbit-hero-shade{background:linear-gradient(180deg,#030509 0%,#030509b8 30%,transparent 61%,#030509 98%)}.orbit-poster{object-position:76% center}.intro-footer{left:22px;right:22px;bottom:20px;font-size:7px;letter-spacing:.025em;gap:5px}.intro-coordinate{display:none}.intro-controls{gap:8px}.intro-nav .nav-inner{width:calc(100% - 44px)}.nav.intro-nav{padding:20px 0}.intro-nav .nav-logo{gap:8px;font-size:11px}.intro-brand-mark{width:40px;height:40px}.intro-nav .nav-links{gap:14px}.intro-nav .nav-links a{font-size:10px}.intro-nav .nav-links a:nth-child(2),.intro-nav .nav-links a:nth-child(3){display:none}}@media(prefers-reduced-motion:reduce){.orbit-hero:is([data-intro=revealing],[data-intro=complete]) .intro-content>*{animation:none}.orbit-poster,.orbit-scene canvas{transition:none}.intro-pause{display:none}}.orbit-hero-shade{transition:opacity 1.1s ease}.orbit-hero:is([data-intro=loading],[data-intro=playing]) .orbit-hero-shade{opacity:0}.orbit-hero:is([data-intro=loading],[data-intro=playing]) .orbit-poster{opacity:0}.orbit-hero:is([data-intro=loading],[data-intro=playing]) .intro-content,.orbit-hero:is([data-intro=loading],[data-intro=playing]) .intro-footer{opacity:0;visibility:hidden;pointer-events:none}.intro-footer{transition:opacity .9s ease}.intro-nav{transition:opacity .8s ease}.portfolio-shell:has(.orbit-hero:is([data-intro=loading],[data-intro=playing])) .intro-nav{opacity:0;visibility:hidden;pointer-events:none}.intro-skip{position:absolute;top:35px;right:60px;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 4px;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#a7abb7;font:10px DM Mono,monospace;cursor:pointer}.intro-skip:hover{color:#fff}.intro-skip:focus-visible{outline:2px solid #c5bef5;outline-offset:5px}@media(max-width:700px){.intro-skip{top:22px;right:22px}}@media(prefers-reduced-motion:reduce){.orbit-hero:is([data-intro=revealing],[data-intro=complete]) .intro-content>*{animation:none}.intro-skip,.intro-replay{display:none}.orbit-hero-shade,.intro-footer,.intro-nav{transition:none}}.intro-content{padding-top:clamp(134px,17vh,190px)}.intro-eyebrow{margin-bottom:14px}.intro-name{margin:0 0 23px;font-size:clamp(30px,2.7vw,46px);font-weight:600;letter-spacing:-.045em}.intro-name span{color:#c5bef5}.intro-description{margin-top:23px;margin-bottom:24px}.intro-origin{position:absolute;right:10%;bottom:104px;color:#9c9da8;font-size:11px;line-height:1.8}.intro-origin-label{display:block;margin-bottom:10px;color:#878a99;font:8px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.intro-origin strong{color:#e4dfef;font-weight:500}.intro-origin a{display:inline-flex;align-items:center;gap:18px;margin-top:12px;color:#c5bef5;border-bottom:1px solid #c5bef540}.intro-origin a:hover{color:#fff}.intro-origin{transition:opacity .9s ease}.orbit-hero:is([data-intro=loading],[data-intro=playing]) .intro-origin{opacity:0;visibility:hidden}@media(max-width:700px){.orbit-hero{min-height:1060px}.intro-content{padding-top:123px}.intro-name{font-size:clamp(28px,8.2vw,34px);margin-bottom:21px}.intro-eyebrow{font-size:7px}.intro-origin{bottom:97px;right:24px;left:24px;text-align:center}.intro-origin-label{margin-bottom:4px}.intro-origin a{margin-top:6px}}@media(prefers-reduced-motion:reduce){.intro-origin{transition:none}}@media(max-width:360px){.intro-nav .nav-links{gap:8px}.intro-nav .nav-links a{font-size:9px;padding:0}.intro-nav .nav-logo{gap:6px;font-size:10px}.intro-brand-mark{width:36px;height:36px}}