@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600&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 - 760px))}.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{--hero-ink: #e8e5dd;--hero-muted: #a7a8a7;--hero-accent: #d6b99c;position:relative;isolation:isolate;height:100svh;min-height:760px;max-height:1200px;overflow:hidden;background:#030509;color:var(--hero-ink)}.orbit-scene,.orbit-hero-shade{position:absolute;inset:0;z-index:-1}.orbit-scene canvas{position:absolute;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s}.orbit-scene[data-ready=true] canvas{opacity:1}.orbit-poster{position:absolute;top:64%;left:50%;width:min(66%,980px);height:auto;transform:translate(-50%,-50%);transition:opacity .6s}.orbit-scene[data-ready=true] .orbit-poster{opacity:0}.orbit-hero-shade{pointer-events:none;background:linear-gradient(0deg,#030509 0%,transparent 17%)}.intro-content{position:relative;width:calc(100% - 96px);max-width:1500px;margin:0 auto;padding-top:clamp(135px,19svh,220px);text-align:center;pointer-events:none}.intro-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:26px;color:var(--hero-muted);font:11px DM Mono,monospace;letter-spacing:.035em}.intro-eyebrow span{color:#626563}.intro-title{margin:0;font-family:Bricolage Grotesque,Arial,sans-serif;font-size:clamp(64px,8.5vw,144px);font-weight:500;font-optical-sizing:auto;line-height:.98;letter-spacing:-.065em}.intro-title>span{display:inline-block}.intro-period{color:var(--hero-accent)}.intro-description{margin:24px auto 20px;color:var(--hero-muted);font-size:13px;line-height:1.8}.intro-mobile-break{display:none}.intro-cta{display:inline-flex;align-items:center;gap:24px;padding:10px 0;border-bottom:1px solid #8e918b;color:var(--hero-ink);font-size:12px;pointer-events:auto;transition:border-color .2s,color .2s}.intro-cta svg{transition:transform .2s}.intro-cta:hover{color:var(--hero-accent);border-color:var(--hero-accent)}.intro-cta:hover svg{transform:translate(2px,-2px)}.intro-origin{position:absolute;top:81%;left:24px;right:24px;text-align:center;font-size:11px;line-height:1.9;color:var(--hero-muted)}.intro-origin-label{display:block;margin-bottom:3px;color:#d0cfc9;font-family:Bricolage Grotesque,sans-serif;font-size:15px}.intro-origin a{display:inline-flex;align-items:center;gap:3px;color:var(--hero-ink);border-bottom:1px solid #ffffff30}.intro-origin a:hover{border-color:var(--hero-accent);color:var(--hero-accent)}.intro-footer{position:absolute;bottom:26px;left:48px;right:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #ffffff16;font:10px DM Mono,monospace;color:var(--hero-muted)}.intro-availability{display:inline-flex;gap:9px;align-items:center;min-height:44px}.intro-availability>span{width:5px;height:5px;border-radius:50%;background:#b7c5ad}.intro-controls{display:flex;gap:5px;align-items:center}.intro-pause,.intro-scroll{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;color:#b5b7b2;border:0;cursor:pointer}.intro-pause:hover,.intro-scroll:hover{color:var(--hero-ink)}.orbit-hero a:focus-visible,.orbit-hero button:focus-visible{outline:2px solid var(--hero-accent);outline-offset:5px}.nav.intro-nav{top:0;padding:24px 0;background:linear-gradient(#030509ed,transparent)}.intro-nav .nav-inner{width:calc(100% - 96px);max-width:1500px;min-height:44px;padding:0;border:0;background:transparent;box-shadow:none}.intro-nav .nav-logo{display:flex;align-items:center;gap:11px;font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.025em}.intro-brand-mark{width:38px;height:38px;flex-shrink:0}.intro-nav .nav-links{gap:26px}.intro-nav .nav-links a{min-height:44px;padding:0;color:#bfc0ba;font-size:11px;font-weight:400}.intro-nav .nav-links a:hover{background:transparent;color:#f2f0e9}.orbit-hero:is([data-intro=revealing],[data-intro=complete]) .intro-content>*{animation:intro-arrive .85s both cubic-bezier(.22,.68,.2,1);animation-delay:var(--intro-delay, 0s)}.intro-content>:nth-child(2){--intro-delay: .05s}.intro-content>:nth-child(3){--intro-delay: .15s}.intro-content>:nth-child(4){--intro-delay: .22s}@keyframes intro-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.intro-footer,.intro-origin,.intro-nav{transition:opacity .7s}.orbit-hero:is([data-intro=loading],[data-intro=playing]) :is(.intro-content,.intro-footer,.intro-origin,.orbit-poster),.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:26px;right:48px;z-index:2;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#b8bab4;font:10px DM Mono,monospace;cursor:pointer}.intro-skip:hover{color:#fff}@media(max-width:1050px){.intro-content,.intro-nav .nav-inner{width:calc(100% - 64px)}.intro-footer{left:32px;right:32px}.intro-skip{right:32px}.intro-title{font-size:clamp(62px,8.5vw,100px)}}@media(max-width:700px){.orbit-hero{min-height:760px;max-height:none}.intro-content{width:calc(100% - 40px);padding-top:clamp(126px,17svh,175px)}.intro-eyebrow{font-size:9px;margin-bottom:25px;gap:11px}.intro-title{font-size:clamp(58px,14.9vw,94px);line-height:.96}.intro-title>span{display:block}.intro-description{max-width:340px;margin-top:23px;margin-bottom:12px;font-size:11px;line-height:1.85}.intro-mobile-break{display:block}.intro-cta{font-size:11px;min-height:44px}.orbit-poster{top:67%;width:90%}.intro-origin{top:80%;font-size:10px}.intro-origin-label{font-size:13px}.intro-footer{left:20px;right:20px;bottom:16px;padding-top:10px;font-size:8px;gap:5px}.intro-coordinate{display:none}.intro-controls{gap:0}.intro-nav .nav-inner{width:calc(100% - 40px)}.nav.intro-nav{padding:16px 0}.intro-nav .nav-logo{gap:7px;font-size:12px}.intro-brand-mark{width:32px;height:32px}.intro-nav .nav-links{gap:20px}.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}.intro-skip{top:16px;right:20px}}@media(max-width:360px){.intro-nav .nav-logo{font-size:10px}.intro-nav .nav-links{gap:12px}.intro-controls>*{width:38px}.intro-footer{font-size:7px}}@media(prefers-reduced-motion:reduce){.orbit-hero:is([data-intro=revealing],[data-intro=complete]) .intro-content>*{animation:none}.orbit-poster,.orbit-scene canvas,.intro-footer,.intro-origin,.intro-nav{transition:none}.intro-pause,.intro-skip{display:none}}