:root{--pf-paper: #f2efe8;--pf-paper-2: #e7e1d6;--pf-ink: #121218;--pf-muted: #696963;--pf-line: rgba(18, 18, 24, .17);--pf-lime: #c9ff43;--pf-violet: #755cff;--pf-coral: #ff7867;--pf-gold: #dcae31;--pf-shell: min(1240px, calc(100vw - 80px) );--pf-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--pf-mono: var(--font-google-sans-code), "SFMono-Regular", Consolas, monospace}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--pf-paper);color:var(--pf-ink);font-family:var(--pf-display)}body.menu-open{overflow:hidden}.portfolio-shell{width:var(--pf-shell);margin-inline:auto}.skip-link{position:fixed;z-index:1000;left:20px;top:12px;padding:12px 16px;background:var(--pf-lime);color:var(--pf-ink);transform:translateY(-180%);transition:transform .2s}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portfolio-header{position:absolute;z-index:90;inset:0 0 auto;height:94px;border-bottom:1px solid rgba(242,239,232,.16);color:#fff;transition:background .3s,height .3s}.portfolio-header.is-scrolled{position:fixed;height:72px;color:var(--pf-ink);background:#f2efe8e0;border-bottom-color:var(--pf-line);backdrop-filter:blur(18px)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.wordmark{justify-self:start;display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:-.04em}.wordmark i{width:7px;height:7px;border-radius:50%;background:var(--pf-lime)}.desktop-nav{display:flex;gap:34px}.desktop-nav a,.header-contact{color:inherit;text-decoration:none;font-family:var(--pf-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.desktop-nav a{opacity:.74;transition:opacity .2s}.desktop-nav a:hover{opacity:1}.header-contact{justify-self:end;display:flex;gap:10px;align-items:center}.header-contact span{color:var(--pf-lime);font-size:1rem}.is-scrolled .header-contact span{color:var(--pf-violet)}.mobile-menu-button,.mobile-nav{display:none}.hero{min-height:880px;padding-top:94px;position:relative;overflow:hidden;background:var(--pf-ink);color:#fff}.hero:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,black,transparent 70%)}.hero-grid{min-height:710px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:90px;position:relative;z-index:1}.hero-copy{padding:70px 0 54px}.availability{margin:0 0 34px;display:flex;align-items:center;gap:10px;color:#a9aaa6;font-family:var(--pf-mono);font-size:.67rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.availability span{width:8px;height:8px;border-radius:50%;background:var(--pf-lime);box-shadow:0 0 0 6px #c9ff431a}.hero h1{margin:0 0 32px;font-size:clamp(4.6rem,7vw,7.8rem);font-weight:690;letter-spacing:-.075em;line-height:.87}.hero h1 em{color:var(--pf-lime);font-style:normal}.hero-lead{max-width:670px;margin:0 0 38px;color:#acada8;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid;text-decoration:none;font-family:var(--pf-mono);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button-primary{border-color:var(--pf-lime);background:var(--pf-lime);color:var(--pf-ink)}.button-ghost{border-color:#ffffff47;color:#fff}.button-ghost:hover{background:#fff;color:var(--pf-ink)}.hero-stage{min-height:550px;position:relative}.stage-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-a{width:520px;height:520px;left:3%;top:2%}.orbit-b{width:350px;height:350px;right:-20%;bottom:-2%}.stage-card{position:absolute;border:1px solid rgba(255,255,255,.15);background:#1d1d25d6;backdrop-filter:blur(12px);box-shadow:0 24px 80px #00000040}.stage-card-main{inset:80px 70px 95px 5px;padding:42px;transform:rotate(-4deg);background:var(--pf-violet);border-color:var(--pf-violet)}.stage-card-main:before{content:"";position:absolute;width:140px;height:140px;right:22px;top:22px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.stage-kicker,.stage-card-main i,.stage-card-stack span{font-family:var(--pf-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase}.stage-card-main strong{display:block;margin-top:42px;font-size:clamp(3.1rem,4.7vw,5.2rem);line-height:.9;letter-spacing:-.07em}.stage-card-main i{position:absolute;left:42px;bottom:36px;font-style:normal;opacity:.65}.stage-card-stat{right:-28px;top:24px;width:180px;padding:24px;transform:rotate(6deg)}.stage-card-stat strong{display:block;color:var(--pf-lime);font-size:3.3rem;line-height:1}.stage-card-stat span{color:#b9bab5;font-size:.69rem;line-height:1.5}.stage-card-stack{right:-10px;bottom:30px;padding:22px 26px;transform:rotate(3deg)}.stage-card-stack span{color:var(--pf-coral)}.stage-card-stack strong{display:block;margin-top:10px;font-family:var(--pf-mono);font-size:.66rem;line-height:1.7}.stage-note{position:absolute;left:-15px;bottom:36px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--pf-mono);font-size:.58rem;letter-spacing:.15em;color:#6f706d}.hero-marquee{height:76px;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.15);background:var(--pf-lime);color:var(--pf-ink)}.hero-marquee>div{display:flex;align-items:center;gap:34px;min-width:max-content;animation:marquee 24s linear infinite;font-weight:800;font-size:.78rem;letter-spacing:.12em}.hero-marquee i{font-style:normal;font-size:1.3rem}@keyframes marquee{to{transform:translate(-48%)}}.section{padding-block:140px}.section-label{margin:0;font-family:var(--pf-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.section-heading{display:grid;grid-template-columns:.5fr 1.5fr;gap:70px;align-items:start}.section-heading>div{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:end}.section-heading h2,.capabilities h2,.about h2,.contact h2{margin:0;font-size:clamp(3.6rem,6vw,6.7rem);line-height:.93;letter-spacing:-.065em}.section-heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--pf-violet)}.section-heading>div>p{margin:0 0 10px;color:var(--pf-muted);font-size:.98rem;line-height:1.7}.project-list{margin-top:86px;display:grid;gap:28px}.project-card{min-height:610px;display:grid;grid-template-columns:1.32fr .68fr;border:1px solid var(--pf-line);background:#fbfaf7;overflow:hidden}.project-card:nth-child(2n){grid-template-columns:.68fr 1.32fr}.project-card:nth-child(2n) .project-visual{order:2}.project-card:nth-child(2n) .project-copy{order:1}.project-visual{height:550px;margin:26px;position:relative;overflow:hidden;background:#ddd}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.65,.2,1)}.project-card:hover .project-visual img{transform:scale(1.025)}.browser-bar{position:absolute;z-index:2;left:0;right:0;top:0;height:36px;padding:0 13px;display:flex;align-items:center;gap:7px;background:#121218e6;color:#fff;backdrop-filter:blur(8px)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#777}.browser-bar i:first-child{background:var(--pf-coral)}.browser-bar i:nth-child(2){background:var(--pf-gold)}.browser-bar i:nth-child(3){background:#92c35b}.browser-bar span{margin-left:auto;font-family:var(--pf-mono);font-size:.53rem;letter-spacing:.05em;opacity:.62}.project-copy{padding:48px 46px;display:flex;flex-direction:column;align-items:flex-start}.project-meta{width:100%;display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--pf-line);font-family:var(--pf-mono);font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.project-meta span:last-child{color:var(--pf-muted);text-align:right}.project-copy h3{margin:58px 0 22px;font-size:clamp(2.6rem,4.1vw,4.5rem);line-height:.9;letter-spacing:-.065em}.project-copy>p{margin:0 0 25px;color:var(--pf-muted);font-size:.94rem;line-height:1.7}.project-impact{margin:0 0 28px;font-size:.82rem;line-height:1.6}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 34px;padding:0;list-style:none}.tag-list li{padding:7px 10px;border:1px solid var(--pf-line);border-radius:30px;font-family:var(--pf-mono);font-size:.54rem;font-weight:600;letter-spacing:.04em}.project-link{margin-top:auto;display:flex;align-items:center;gap:22px;padding-bottom:6px;border-bottom:1px solid;color:var(--pf-ink);text-decoration:none;font-family:var(--pf-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.project-link span{font-size:1rem;transition:transform .2s}.project-link:hover span{transform:translate(3px,-3px)}.project-gold .project-visual{background:#d5c5a8}.project-gold .project-meta>span:first-child{color:#9a6800}.project-violet .project-visual{background:#ebd8ee}.project-violet .project-meta>span:first-child{color:var(--pf-violet)}.project-sand .project-visual{background:#dfd3c0}.project-sand .project-meta>span:first-child{color:#98713f}.project-red .project-visual{background:#170a0a}.project-red .project-meta>span:first-child{color:#b61622}.github-callout{margin-top:28px;padding:48px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:50px;align-items:center;background:var(--pf-lime)}.github-callout h3{margin:12px 0 0;font-size:2rem;letter-spacing:-.04em}.github-callout p{margin:0;max-width:520px;line-height:1.65}.button-dark{background:var(--pf-ink);border-color:var(--pf-ink);color:#fff;white-space:nowrap}.capabilities{background:var(--pf-ink);color:#fff}.capabilities-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.capabilities-intro{position:sticky;top:130px;align-self:start}.capabilities-intro .section-label{color:var(--pf-lime)}.capabilities h2{margin-top:32px}.capabilities h2 em{color:var(--pf-lime);font-style:normal}.capability-list{border-top:1px solid rgba(255,255,255,.18)}.capability-list article{min-height:210px;padding:44px 0;display:grid;grid-template-columns:70px 1fr;gap:30px;border-bottom:1px solid rgba(255,255,255,.18)}.capability-list article>span{color:var(--pf-lime);font-family:var(--pf-mono);font-size:.63rem}.capability-list h3{margin:0 0 16px;font-size:2.3rem;letter-spacing:-.045em}.capability-list p{margin:0;max-width:580px;color:#a8a9a4;line-height:1.75}.about{background:#f8f6f0}.about-grid{display:grid;grid-template-columns:.42fr 1.58fr;gap:100px}.about-badge{width:260px;height:340px;padding:26px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--pf-violet);color:#fff;transform:rotate(-4deg)}.about-badge:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.28);border-radius:50% 50% 45% 55%}.about-badge span{font-size:6.5rem;font-weight:800;letter-spacing:-.1em}.about-badge i{position:absolute;right:26px;bottom:25px;font-family:var(--pf-mono);font-size:.55rem;font-style:normal;letter-spacing:.12em;line-height:1.5}.about-copy .section-label{margin-bottom:35px}.about h2{font-size:clamp(3.2rem,5.3vw,5.8rem)}.about-columns{margin-top:56px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.about-columns p{margin:0;color:var(--pf-muted);line-height:1.8}.credential-row{margin-top:55px;padding-top:25px;border-top:1px solid var(--pf-line);display:grid;grid-template-columns:repeat(2,1fr);gap:40px;font-family:var(--pf-mono);font-size:.65rem;line-height:1.6}.credential-row b{display:block;color:var(--pf-violet);font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.contact{padding:150px 0;background:var(--pf-violet);color:#fff;text-align:center}.contact-inner{display:flex;flex-direction:column;align-items:center}.contact .section-label{color:var(--pf-lime);margin-bottom:35px}.contact h2 em{color:var(--pf-lime)}.contact>.portfolio-shell>p:not(.section-label){max-width:620px;margin:32px auto;color:#d6d1ff;line-height:1.7}.contact-mail{margin-top:18px;padding-bottom:10px;display:inline-flex;gap:24px;border-bottom:2px solid var(--pf-lime);color:#fff;text-decoration:none;font-size:clamp(1rem,2vw,1.35rem);font-weight:650}.contact-mail span{color:var(--pf-lime)}.contact-links{margin-top:48px;display:flex;gap:25px}.contact-links a{color:#fff;font-family:var(--pf-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portfolio-footer{padding:30px 0;background:var(--pf-ink);color:#92938e}.portfolio-footer>div{display:flex;justify-content:space-between;gap:30px;font-family:var(--pf-mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase}.portfolio-footer a{color:var(--pf-lime);text-decoration:none}@media(max-width:1050px){:root{--pf-shell: min(100vw - 50px, 940px)}.hero-grid{gap:35px}.stage-card-stat{right:0}.stage-card-stack{right:10px}.hero h1{font-size:clamp(4.2rem,7.7vw,6.2rem)}.section-heading{grid-template-columns:.35fr 1.65fr}.section-heading>div{gap:35px}.project-card,.project-card:nth-child(2n){grid-template-columns:1.1fr .9fr}.project-visual{height:500px}.project-copy{padding:38px 30px}.github-callout{grid-template-columns:1fr 1.2fr}.github-callout .button{grid-column:2;justify-self:start}.about-grid{grid-template-columns:.35fr 1.65fr;gap:60px}.about-badge{width:210px;height:290px}}@media(max-width:760px){:root{--pf-shell: calc(100vw - 34px) }.portfolio-header{height:76px}.portfolio-header.is-scrolled{height:66px}.header-inner{grid-template-columns:1fr auto}.desktop-nav,.header-contact{display:none}.mobile-menu-button{width:44px;height:44px;padding:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;border:0;background:transparent;color:inherit}.mobile-menu-button i{width:25px;height:1px;background:currentColor;transition:.25s}.mobile-menu-button i:last-child{width:17px}.mobile-menu-button[aria-expanded=true] i:first-of-type{transform:translateY(4px) rotate(45deg)}.mobile-menu-button[aria-expanded=true] i:last-child{width:25px;transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:88;inset:66px 0 0;padding:35px 17px;display:flex;flex-direction:column;background:var(--pf-paper);color:var(--pf-ink);transform:translate(100%);visibility:hidden;transition:transform .35s,visibility .35s}.mobile-nav.is-open{transform:none;visibility:visible}.mobile-nav a{padding:23px 5px;border-bottom:1px solid var(--pf-line);color:inherit;text-decoration:none;font-size:2rem;font-weight:650;letter-spacing:-.05em}.hero{min-height:0;padding-top:76px}.hero-grid{min-height:0;grid-template-columns:1fr;padding-top:65px}.hero-copy{padding:0}.hero h1{font-size:clamp(3.7rem,16.5vw,5rem);line-height:.89}.hero-lead{font-size:.98rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-stage{min-height:480px;margin-top:5px}.stage-card-main{inset:70px 28px 65px 5px;padding:28px}.stage-card-main strong{margin-top:42px;font-size:3.5rem}.stage-card-main i{left:28px;bottom:28px}.stage-card-stat{width:135px;right:0;top:20px;padding:17px}.stage-card-stat strong{font-size:2.6rem}.stage-card-stat span{font-size:.58rem}.stage-card-stack{right:0;bottom:20px;padding:17px}.orbit-a{width:390px;height:390px}.stage-note{display:none}.hero-marquee{height:65px}.section{padding-block:90px}.section-heading{grid-template-columns:1fr;gap:32px}.section-heading>div{grid-template-columns:1fr;gap:25px}.section-heading h2,.capabilities h2,.about h2,.contact h2{font-size:clamp(3.2rem,14.5vw,4.3rem)}.section-heading>div>p{max-width:520px}.project-list{margin-top:55px;gap:18px}.project-card,.project-card:nth-child(2n){min-height:0;grid-template-columns:1fr}.project-card:nth-child(2n) .project-visual{order:1}.project-card:nth-child(2n) .project-copy{order:2}.project-visual{height:300px;margin:12px}.project-copy{padding:30px 24px 34px}.project-copy h3{margin:38px 0 18px;font-size:3.1rem}.project-link{margin-top:10px}.github-callout{margin-top:18px;padding:32px 25px;grid-template-columns:1fr;gap:25px}.github-callout .button{grid-column:auto;width:100%}.capabilities-grid{grid-template-columns:1fr;gap:55px}.capabilities-intro{position:static}.capability-list article{min-height:0;grid-template-columns:40px 1fr;gap:15px;padding:35px 0}.capability-list h3{font-size:1.9rem}.about-grid{grid-template-columns:1fr;gap:65px}.about-badge{width:185px;height:240px;margin-inline:auto}.about-badge span{font-size:5rem}.about-columns,.credential-row{grid-template-columns:1fr;gap:24px}.about-columns,.credential-row{margin-top:38px}.contact{padding:100px 0}.contact-mail{font-size:.93rem;gap:12px}.portfolio-footer>div{flex-direction:column;align-items:center;text-align:center;gap:10px}}@media(max-width:390px){.hero h1{font-size:3.55rem}.project-visual{height:260px}.stage-card-main strong{font-size:3.15rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-marquee>div{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}