.portfolio-site{--bg:#101113;--fg:#eae7df;--muted:#999b9c;--accent:#a8cde0;--border:#363738;background:var(--bg)}.portfolio-site .container,.portfolio-site .header{width:calc(100% - 100px);max-width:1440px}.portfolio-site .header{border:0;height:90px}.portfolio-site .logo{font-family:var(--font-dm-sans),sans-serif;font-size:31px;font-weight:700}.portfolio-site .nav{font-family:var(--font-dm-sans),sans-serif;margin-left:auto;margin-right:70px;font-size:14px}.portfolio-site .hero{isolation:isolate;min-height:880px;padding:42px 0 70px;display:block}.hero-identity{align-items:center;gap:22px;margin-bottom:42px;font-size:14px;display:flex}.hero-identity>span+span{color:#909395;border-left:1px solid #56595b;padding-left:22px;font-size:12px}.portfolio-site .hero-content{z-index:2;pointer-events:none;position:relative}.portfolio-site .hero h1{letter-spacing:-.065em;max-width:100%;font-size:clamp(64px,8.3vw,126px);font-weight:500;line-height:.98}.portfolio-site .hero h1 .hero-title-line{color:var(--fg);display:block}.portfolio-site .hero h1 .hero-title-accent{color:#a8cde0;letter-spacing:-.065em;margin:8px 0 0 11%;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;display:block}.portfolio-site .hero-art{z-index:1;opacity:.8;filter:saturate(.6);width:53%;height:650px;margin:0;position:absolute;top:195px;right:-3%}.hero-intro{z-index:3;width:34%;max-width:410px;margin-top:54px;position:relative}.hero-intro p{color:#a5a5a2;font-size:15px;line-height:1.8}.hero-project-link{border-bottom:1px solid #747775;justify-content:space-between;align-items:center;margin-top:22px;padding:19px 0;font-size:17px;display:flex}.hero-project-link svg{transition:transform .3s}.hero-project-link:hover svg{transform:translateY(5px)}.hero-about-link{color:#b9b9b6;z-index:3;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;bottom:46px;right:0}.portfolio-site .section-label{font-family:var(--font-dm-sans),sans-serif;text-transform:none;letter-spacing:0;color:#b1b1ad;font-size:13px}.portfolio-site .section-label>span{display:none}.portfolio-site h2{letter-spacing:-.055em;font-size:clamp(38px,4.4vw,66px);font-weight:450}.portfolio-site h2>span{color:#a6a7a1;font-family:Georgia,Times New Roman,serif;font-style:italic}.portfolio-site .about-pin{border-top:1px solid var(--border)}.portfolio-site .about-stage{grid-template-columns:1fr .8fr;gap:12%}.portfolio-site .about-main h2{font-size:clamp(40px,5vw,70px)}.portfolio-site .about-cipher{max-width:540px;font-size:clamp(19px,1.8vw,26px);line-height:1.6}.portfolio-site .about-giant{display:none}.portfolio-site .deck-card{color:#24272a;background:#d9d7ce;border:0;border-radius:0;padding:34px;box-shadow:0 14px 35px #0005}.portfolio-site .deck-card:before{background:0 0}.portfolio-site .deck-card:nth-child(2){background:#b8cbd1}.portfolio-site .deck-card:nth-child(3){background:#c2c1b9}.portfolio-site .deck-icon{color:#424b50}.portfolio-site .deck-number{color:#0000000c;font-family:Georgia,serif;font-size:170px;top:45px}.portfolio-site .deck-card h3{color:#22282b;letter-spacing:-1px;font-family:Georgia,serif;font-size:35px;font-weight:400}.portfolio-site .deck-card p{color:#4a5154}.portfolio-site .deck-card-foot{border-color:#0002}.portfolio-site .deck-card-foot span{color:#505b60}.portfolio-site .projects-story{border-top:1px solid var(--border);padding-top:110px}.portfolio-site .story-heading{align-items:flex-end;margin-bottom:45px}.portfolio-site .filters{border:0;gap:19px;padding:0;display:flex}.portfolio-site .filters button{background:0 0;border-bottom:1px solid #0000;border-radius:0;padding:9px 0}.portfolio-site .filters button.active{color:#eae7df;background:0 0;border-bottom-color:#eae7df}.portfolio-site .filters button>span{display:none}.portfolio-site .chapter-meta{border:0;justify-content:flex-end}.portfolio-site .chapter-meta>span:first-child{display:none}.portfolio-site .chapter-meta>span:last-child{color:#e0dfd5;font-family:Georgia,serif;font-size:27px}.portfolio-site .chapter-layout{grid-template-columns:1.4fr 1fr;gap:6%}.portfolio-site .chapter-reverse .chapter-layout{grid-template-columns:1fr 1.4fr}.portfolio-site .chapter-copy h3,.portfolio-site .project-chapter[data-stage="0"] .chapter-copy h3{letter-spacing:-.055em;margin-top:16px;font-size:clamp(38px,4.3vw,67px);font-weight:450;line-height:1.02}.portfolio-site .chapter-category{font-family:var(--font-dm-sans),sans-serif;color:#b1babd}.portfolio-site .chapter-visual>.project-preview{background:#b7c6ca;border:0;border-radius:0;height:430px}.portfolio-site .chapter-reverse .chapter-visual>.project-preview{background:#c5c0b4}.portfolio-site .project-chapter:last-child .chapter-visual>.project-preview{background:#9eafb8}.portfolio-site .project-skeleton{border-radius:5px;width:82%;height:70%;min-height:255px;box-shadow:22px 25px #00000012,0 30px 60px #1c2a3c40}.portfolio-site .chapter-steps{border:0;gap:16px;margin-top:27px}.portfolio-site .chapter-steps button{font-family:var(--font-dm-sans),sans-serif;font-size:12px}.portfolio-site .chapter-steps button>span{display:none}.portfolio-site .chapter-description{font-size:18px;line-height:1.65}.portfolio-site .chapter-stack .tags>span{font-family:var(--font-dm-sans),sans-serif;background:0 0;border:0;border-bottom:1px solid #626c72;padding:9px 0;font-size:16px}.portfolio-site .chapter-stack .tags{gap:20px}.portfolio-site .chapter-action{border:0;border-bottom:1px solid #646d72;border-radius:0;padding:14px 0}.portfolio-site .chapter-bottom{border:0}.portfolio-site .toolkit-story{border-top:1px solid var(--border)}.portfolio-site .toolkit-heading h2>span{color:#a6a7a1}.portfolio-site .toolkit-meta{display:none}.portfolio-site .toolkit-steps{margin-top:30px}.portfolio-site .toolkit-steps button{font-family:var(--font-dm-sans),sans-serif;font-size:15px}.portfolio-site .toolkit-stage{grid-template-columns:1.3fr 1fr;gap:8%}.portfolio-site .stack-scene{background:0 0;border:0;border-radius:0}.portfolio-site .stack-scene:before{background:0 0}.portfolio-site .toolkit-detail{border-left:1px solid #3b3d40;padding-left:35px}.portfolio-site .detail-eyebrow{display:none}.portfolio-site .toolkit-detail h3{font-family:Georgia,serif;font-size:36px;font-style:italic;font-weight:400}.portfolio-site .tool-mark{color:#a8cde0;background:0 0;border:0}.portfolio-site .tool-tile-number{display:none}.portfolio-site .contact-section{color:#1c2327;background:#d9d7ce;padding:100px 0 80px}.portfolio-site .contact-section .section-label{color:#575e60}.portfolio-site .contact-layout h2{max-width:850px;font-size:clamp(42px,6.7vw,96px);line-height:1.04}.portfolio-site .contact-layout h2>span{color:#586b73;font-family:Georgia,serif;font-style:italic}.portfolio-site .contact-arrow{color:#1c2327;border:0;width:95px;height:95px}.portfolio-site .contact-arrow svg{width:70px;height:70px}.portfolio-site .contact-bottom{border-color:#a7aaa5}.portfolio-site .contact-bottom>p,.portfolio-site .contact-placeholder{color:#505c60}.portfolio-site .footer{border:0;padding-block:32px}@media (min-width:1600px){.portfolio-site .hero{min-height:980px}}@media (max-width:1000px){.portfolio-site .container,.portfolio-site .header{width:calc(100% - 60px)}.portfolio-site .hero{min-height:810px}.portfolio-site .hero-art{width:61%;height:520px;top:230px}.hero-intro{width:42%}.portfolio-site .about-stage{gap:6%}.portfolio-site .toolkit-stage{gap:4%}}@media (max-width:900px){.portfolio-site .about-stage,.portfolio-site .toolkit-stage{grid-template-columns:1fr}.portfolio-site .about-deck{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.portfolio-site .deck-card{padding:20px}.portfolio-site .deck-card h3{font-size:26px}.portfolio-site .deck-number{font-size:100px}.portfolio-site .toolkit-detail{border-left:0;padding-left:0}.portfolio-site .stack-scene{height:430px}}@media (max-width:650px){.portfolio-site .container,.portfolio-site .header{width:calc(100% - 40px)}.portfolio-site .header{height:76px}.portfolio-site .nav{margin:0}.portfolio-site .hero{min-height:960px;padding-top:28px}.hero-identity{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:35px}.hero-identity>span+span{border:0;padding:0;font-size:11px}.portfolio-site .hero h1{letter-spacing:-.06em;font-size:clamp(36px,8.3vw,54px);line-height:1.04}.portfolio-site .hero h1 .hero-title-accent{margin-left:6%;font-size:1.13em}.portfolio-site .hero-art{width:110%;height:390px;top:275px;right:-5%}.hero-intro{width:100%;max-width:none;margin-top:395px}.hero-intro p{font-size:14px}.hero-project-link{font-size:16px}.hero-about-link{font-size:12px;bottom:28px}.portfolio-site .about-deck{grid-template-columns:1fr}.portfolio-site .deck-card{min-height:240px;padding:30px}.portfolio-site .deck-card h3{font-size:33px}.portfolio-site .story-heading{align-items:flex-start;gap:30px}.portfolio-site .chapter-layout,.portfolio-site .chapter-reverse .chapter-layout{grid-template-columns:1fr;gap:28px}.portfolio-site .chapter-visual>.project-preview{height:300px}.portfolio-site .project-skeleton{min-height:190px}.portfolio-site .chapter-copy h3,.portfolio-site .project-chapter[data-stage="0"] .chapter-copy h3{font-size:43px}.portfolio-site .chapter-description{font-size:16px}.portfolio-site .contact-section{padding:65px 0}.portfolio-site .contact-layout h2{font-size:43px}.portfolio-site .contact-arrow{width:45px;height:45px}.portfolio-site .contact-arrow svg{width:40px;height:40px}.portfolio-site .stack-scene{height:350px}}.project-preview.has-image{align-items:stretch;padding:0}.project-preview.has-image img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-site .nav{margin-right:44px}.lang-switch{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.04em;align-items:center;gap:4px;margin-right:44px;font-size:12.5px;display:flex}.lang-switch a{color:#7f8385;padding:6px 7px;transition:color .25s;position:relative}.lang-switch a+a:before{content:"";background:#45484a;width:1px;height:10px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)}.lang-switch a:after{content:"";transform-origin:0;background:#eae7df;height:1px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:1px;left:7px;right:7px;transform:scaleX(0)}.lang-switch a:hover{color:#d8d6ce}.lang-switch a[aria-current]{color:#eae7df}.lang-switch a[aria-current]:after{transform:scaleX(1)}.lang-switch a:focus-visible{outline-offset:2px;outline:1px solid #a8cde0}@media (max-width:800px){.portfolio-site .nav{margin-right:28px}.lang-switch{margin-right:24px}}@media (max-width:560px){.lang-switch{margin-left:auto;margin-right:14px;font-size:11.5px}.lang-switch a{padding:6px 5px}.lang-switch a:after{left:5px;right:5px}.portfolio-site .header-contact{margin-left:0}}.portfolio-site{overflow-x:clip}.portfolio-site .header{z-index:40;transition:transform .45s cubic-bezier(.22,1,.36,1);position:sticky;top:0}.portfolio-site .header:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);opacity:0;pointer-events:none;background:#101113d9;border-bottom:1px solid #2a2c2e;width:100vw;transition:opacity .35s;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.portfolio-site .header[data-state=pinned]:before,.portfolio-site .header[data-menu]:before{opacity:1}.portfolio-site .header[data-state=hidden]:not([data-menu]):not(:focus-within){transform:translateY(-100%)}@media (max-width:560px){.portfolio-site .nav.open{background:#161719f5;border-color:#2a2c2e;top:100%}.portfolio-site .nav.open a{color:#c9c7bf}}@media (prefers-reduced-motion:reduce){.portfolio-site .header,.portfolio-site .header:before{transition:none}}.lang-switch.in-footer{margin:0 0 0 auto}.footer .lang-switch.in-footer+.socials{margin-left:32px}@media (max-width:560px){.lang-switch.in-footer{margin:0}.footer .lang-switch.in-footer+.socials{margin-left:auto}}.portfolio-site .deck-card[data-fit]{padding:24px 26px}.portfolio-site .deck-card[data-fit] h3{font-size:clamp(24px,2.1vw,29px)}.portfolio-site .deck-card[data-fit] p{margin-top:8px;font-size:13.5px;line-height:1.6}.portfolio-site .deck-card[data-fit] .deck-card-foot{margin-top:16px}.portfolio-site .deck-card[data-fit] .deck-number{display:none}.portfolio-site .deck-card[data-fit=scroll]{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.portfolio-site{--header-space:0px}.portfolio-site:has(.header[data-state=pinned]){--header-space:90px}@media (max-width:650px){.portfolio-site:has(.header[data-state=pinned]){--header-space:76px}}@media (min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.portfolio-site .toolkit-pin{padding-top:calc(34px + var(--header-space));transition:padding-top .45s cubic-bezier(.22,1,.36,1)}.portfolio-site .about-pin,.portfolio-site .xp-pin{padding-top:var(--header-space);transition:padding-top .45s cubic-bezier(.22,1,.36,1)}.portfolio-site .chapter-pin{padding-top:calc(25px + var(--header-space));transition:padding-top .45s cubic-bezier(.22,1,.36,1)}.portfolio-site .toolkit-stage{min-height:0}.portfolio-site .toolkit-detail{max-height:100%;position:relative;overflow:hidden}}.portfolio-site .toolkit-detail[data-fit] h3{font-size:30px}.portfolio-site .toolkit-detail[data-fit]>p{margin-top:8px;font-size:13.5px;line-height:1.6}.portfolio-site .toolkit-detail[data-fit] .tool-tiles{gap:6px 10px;margin-top:14px}.portfolio-site .toolkit-detail[data-fit] .tool-tile{gap:10px;padding:8px 10px}.portfolio-site .toolkit-detail[data-fit] .tool-mark{width:28px;height:28px;font-size:10.5px}.portfolio-site .toolkit-detail[data-fit] .tool-tile h4{margin-bottom:2px;font-size:12.5px}.portfolio-site .toolkit-detail[data-fit] .tool-tile p{font-size:10.5px}.portfolio-site .toolkit-detail[data-fit] .tool-code{display:none}.portfolio-site .toolkit-detail[data-fit=scroll]{overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px;overflow-y:auto}.portfolio-site .phase-intro{display:block}.portfolio-site .phase-kicker{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.02em;color:#8a8f92;margin-bottom:10px;font-size:12px;display:block}.portfolio-site .phase-scroll{display:none}.portfolio-site .chapter-phase+.chapter-phase{margin-top:26px}.chapter-links{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.chapter-link{color:#dcdad2;border:1px solid #55595c;border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:14px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.chapter-link svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.chapter-link:hover{color:#fff;border-color:#eae7df}.chapter-link:hover svg{transform:translate(2px,-2px)}.chapter-link.primary{color:#141517;background:#eae7df;border-color:#eae7df}.chapter-link.primary:hover{color:#101113;background:#fff}.portfolio-site .chapter-visual{cursor:zoom-in}@media (min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.portfolio-site .chapter-phases{height:auto;display:grid}.portfolio-site .chapter-phase{grid-area:1/1;position:relative;inset:auto}.portfolio-site .chapter-phase+.chapter-phase{margin-top:0}.portfolio-site .phase-kicker{display:none}.portfolio-site .phase-scroll{margin-top:22px;display:flex}.portfolio-site .project-chapter[data-stage="2"] .chapter-link{animation:.6s cubic-bezier(.22,1,.36,1) .25s both tech-arrive}}.rich-text>*+*{margin-top:.85em}.rich-text ul{flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.rich-text li{padding-left:1.35em;position:relative}.rich-text li:before{content:"";opacity:.55;background:currentColor;width:.75em;height:1px;position:absolute;top:.78em;left:0}@media (min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.portfolio-site .chapter-phases{max-height:max(220px,100svh - 580px);overflow:hidden}.portfolio-site .chapter-phases[data-fit] .chapter-description{font-size:15px;line-height:1.6}.portfolio-site .chapter-phases[data-fit=scroll] .rich-text{transition:translate .6s cubic-bezier(.22,1,.36,1)}.portfolio-site .chapter-phases[data-fit=scroll] .rich-text :is(p,li){transition:opacity .35s}.portfolio-site .chapter-phases[data-fit=scroll] .rich-text [data-off]{visibility:hidden;transition:opacity .35s,visibility 0s .35s;opacity:0!important}.portfolio-site .step-pages{font-style:normal;font-family:var(--mono);letter-spacing:.06em;opacity:.65;margin-left:2px;font-size:9px}.portfolio-site .step-pages:empty{display:none}}.project-preview.has-image picture{width:100%;height:100%;display:block}.project-preview.has-image picture img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:900px){.portfolio-site .chapter-visual>.project-preview.has-mobile-image,.project-dialog .project-preview.has-mobile-image{height:auto}.project-preview.has-mobile-image picture img{object-fit:contain;height:auto}}
.portfolio-site .portrait-intro{--portrait-progress:0;background:#101113;height:220svh;margin-top:-90px;position:relative}.portrait-pin{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.portrait-frame{--p:var(--portrait-progress);--t0:19;--t1:10;--r0:9;--r1:4;--w0:34;--w1:92;--h0:66;--h1:86;--sx:calc((var(--w0) + (var(--w1) - var(--w0)) * var(--p)) / var(--w1));--sy:calc((var(--h0) + (var(--h1) - var(--h0)) * var(--p)) / var(--h1));top:calc(var(--t1) * 1svh);right:calc(var(--r1) * 1vw);width:calc(var(--w1) * 1vw);height:calc(var(--h1) * 1svh);transform-origin:100% 0;transform:translate(calc((var(--r1) - var(--r0)) * (1 - var(--p)) * 1vw),calc((var(--t0) - var(--t1)) * (1 - var(--p)) * 1svh)) rotate(calc(-5deg + var(--p) * 5deg)) scale(var(--sx),var(--sy));will-change:transform;background:#222a30;position:absolute;overflow:hidden}.portrait-frame:after{content:"";will-change:opacity;opacity:var(--portrait-progress);pointer-events:none;background:linear-gradient(90deg,#101113bb,#0000 70%),linear-gradient(#0000 40%,#101113aa);position:absolute;inset:0}.portrait-frame img,.portrait-fallback{object-fit:cover;width:100%;height:100%;display:block}.portrait-frame img,.portrait-frame .portrait-fallback{transform:scale(calc(1 / var(--sx) * (1.06 - var(--p) * .06)),calc(1 / var(--sy) * (1.06 - var(--p) * .06)));will-change:transform}.portrait-frame img{filter:grayscale()}.portrait-fallback{color:#8c9ba5;background:linear-gradient(145deg,#353d43,#131619);place-content:center;font-size:100px;display:grid}.portrait-type{z-index:2;width:82vw;transform:translateY(calc(var(--portrait-progress)*24svh));will-change:transform;pointer-events:none;position:absolute;top:28svh;left:7vw}.portrait-name{width:max-content;max-width:100%;font-size:clamp(55px,calc(var(--portrait-name-size)*1.5),190px);letter-spacing:-.075em;color:#eae7df;font-weight:450;line-height:.9}.portrait-name>span{display:block}.portrait-name>span+span{color:#b2d3e4;margin-left:6vw;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400}.portrait-continue{z-index:3;color:#bbc8ce;opacity:calc(1 - var(--portrait-progress));padding:12px 0;position:absolute;bottom:6svh;left:7vw}.portrait-continue:hover{color:#fff}@media (max-width:650px){.portfolio-site .portrait-intro{height:185svh;margin-top:-76px}.portrait-frame{--t0:30;--t1:18;--r0:10;--r1:4;--w0:63;--w1:92;--h0:57;--h1:75}.portrait-type{transform:translateY(calc(var(--portrait-progress)*42svh));top:19svh;left:7vw}.portrait-name{font-size:clamp(38px,calc(var(--portrait-name-size)*2),84px)}.portrait-name>span+span{margin-left:5vw}.portrait-continue{bottom:4svh}}@media (prefers-reduced-motion:reduce){.portfolio-site .portrait-intro{height:100svh}.portrait-pin{position:relative}.portrait-frame,.portrait-type{will-change:auto}}
.xp-story{border-top:1px solid var(--border);padding-top:110px;position:relative;overflow:clip}.xp-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px;display:flex}.xp-heading h2>span{color:#a6a7a1;font-family:Georgia,Times New Roman,serif;font-style:italic}.xp-heading>p{color:#89929e;padding-bottom:5px;font-size:14px;line-height:1.9}.xp-pin{flex-direction:column;padding-bottom:90px;display:flex}.xp-meta{justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.xp-hint{color:#9a9c9b;align-items:center;gap:10px;font-size:13px;display:none}.xp-hint svg{animation:1.8s ease-in-out infinite down}.xp-counter{color:#e0dfd5;font-variant-numeric:tabular-nums;margin-left:auto;font-family:Georgia,Times New Roman,serif;font-size:27px}.xp-counter i{color:#6d7072;font-style:normal}.xp-viewport{position:relative}.xp-row{gap:18px;width:calc(100% - 100px);max-width:1440px;margin:auto;display:grid;position:relative}.xp-card{--paper:#d9d7ce;--ink:#22282b;--soft:#4a5154;background:var(--paper);min-width:0;color:var(--ink);opacity:0;flex-direction:column;padding:34px;transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 14px 35px #0005}.xp-card[data-seen]{opacity:1;transform:none}.xp-card:nth-child(4n+2){--paper:#b8cbd1}.xp-card:nth-child(4n+3){--paper:#c2c1b9}.xp-card:nth-child(4n+4){--paper:#9eafb8}.xp-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.xp-type{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:#3b4346;border:1px solid #22282b33;border-radius:999px;padding:5px 10px;font-size:10px}.xp-now{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:#2b5a45;align-items:center;gap:7px;font-size:10px;display:flex}.xp-now i{background:#2f8f62;border-radius:50%;width:7px;height:7px;animation:2s infinite xp-pulse}.xp-period{letter-spacing:-.03em;color:#394145;margin-top:30px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,2.5vw,38px);font-style:italic;line-height:1.05}.xp-card h3{font-family:var(--font-dm-sans),sans-serif;letter-spacing:-.04em;color:var(--ink);margin-top:14px;font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.15}.xp-company{color:#3a4245;margin-top:8px;font-size:14px;font-weight:500}.xp-company span{color:#5d6668;font-weight:400}.xp-description{color:var(--soft);margin-top:18px;font-size:15px;line-height:1.7}.xp-highlights{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.xp-highlights li{color:#384043;padding-left:22px;font-size:14px;line-height:1.55;position:relative}.xp-highlights li:before{content:"";background:#22282b88;width:12px;height:1px;position:absolute;top:.75em;left:0}.xp-card-foot{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:auto;padding-top:26px;display:flex}.xp-tags{flex-wrap:wrap;gap:6px 18px;display:flex}.xp-tags span{color:#2d3437;border-bottom:1px solid #22282b55;padding:6px 0;font-size:14px}.xp-link{color:var(--ink);border-bottom:1px solid;flex-shrink:0;align-items:center;gap:6px;padding-bottom:3px;font-size:13px;display:flex}.xp-number{color:#0000000c;pointer-events:none;font-family:Georgia,serif;font-size:170px;line-height:1;position:absolute;bottom:-28px;right:22px}.xp-timeline{height:74px;margin-top:34px;position:relative}.xp-line{background:#3b3d40;height:1px;position:absolute;top:9px;left:0;right:0}.xp-line i{transform-origin:0;height:100%;transform:scaleX(var(--fill,0));background:#a8cde0;display:block;box-shadow:0 0 10px #a8cde088}.xp-marker{left:calc(var(--x) * 100%);color:#7d8082;white-space:nowrap;background:0 0;flex-direction:column;align-items:center;gap:12px;padding:0;font-size:12.5px;transition:color .4s;display:flex;position:absolute;top:0;transform:translate(-50%)}.xp-marker:first-of-type{align-items:flex-start;transform:none}.xp-marker:last-of-type{align-items:flex-end;transform:translate(-100%)}.xp-marker i{background:var(--bg);border:1px solid #55585a;border-radius:50%;width:19px;height:19px;transition:border-color .4s,background .4s,box-shadow .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}.xp-marker.is-passed{color:#c8c9c3}.xp-marker.is-passed i{background:radial-gradient(circle,#a8cde0 0 3px,var(--bg) 4px);border-color:#a8cde0}.xp-marker.is-active{color:#eae7df}.xp-marker.is-active i{background:#a8cde0;transform:scale(1.15);box-shadow:0 0 0 5px #a8cde022,0 0 18px #a8cde088}.xp-marker:hover{color:#eae7df}@keyframes xp-pulse{0%{box-shadow:0 0 #2f8f6288}70%{box-shadow:0 0 0 7px #2f8f6200}to{box-shadow:0 0 #2f8f6200}}.xp-row{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-timeline,.xp-meta{display:none}@media (min-width:901px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.xp-track{height:calc(var(--count,4) * 75svh + 100svh)}.xp-pin{perspective:1600px;justify-content:center;height:100svh;padding:0;position:sticky;top:0}.xp-meta,.xp-hint{display:flex}.xp-timeline{display:block}.xp-viewport{transform-style:preserve-3d}.xp-row{width:max-content;max-width:none;transform-style:preserve-3d;will-change:transform;gap:40px;margin:0;display:flex}.xp-card,.xp-card[data-seen]{--d:0;--ad:0;width:clamp(360px,38vw,560px);height:auto;min-height:clamp(420px,56svh,540px);max-height:calc(100svh - 210px);opacity:calc(1 - var(--ad) * .3);transform:translateZ(calc(var(--ad) * -140px)) rotateY(calc(var(--d) * -24deg)) scale(calc(1 - var(--ad) * .04));filter:brightness(calc(1 - var(--ad) * .38)) saturate(calc(1 - var(--ad) * .3));cursor:pointer;flex-shrink:0;transition:box-shadow .6s}.xp-card.is-active{cursor:default;box-shadow:0 30px 70px -10px #000a}.xp-highlights li{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);transform:translate(-14px)}.xp-card.is-active .xp-highlights li{opacity:1;transition-delay:calc(var(--h) * .11s + .15s);transform:none}.xp-card .xp-period{transition:transform .8s cubic-bezier(.22,1,.36,1)}.xp-card:not(.is-active) .xp-period{transform:translateY(6px)}}@media (min-width:901px) and (max-height:820px){.xp-card{padding:26px}.xp-period{margin-top:20px}.xp-description{margin-top:12px;font-size:14px}.xp-highlights{margin-top:10px}.xp-number{font-size:130px}.xp-timeline{margin-top:24px}}@media (max-width:1000px){.xp-row{width:calc(100% - 60px)}}@media (max-width:800px){.xp-heading{flex-direction:column;align-items:flex-start;gap:20px}.xp-story{padding-top:85px}}@media (max-width:650px){.xp-story{padding-top:63px}.xp-row{grid-template-columns:1fr;width:calc(100% - 40px)}.xp-card{padding:26px}.xp-number{font-size:120px;bottom:-20px}.xp-pin{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){.xp-card{opacity:1;transform:none}}.xp-card[data-fit]{padding:26px 28px}.xp-card[data-fit] .xp-period{margin-top:16px;font-size:clamp(24px,2vw,30px)}.xp-card[data-fit] h3{margin-top:8px;font-size:clamp(20px,1.6vw,24px)}.xp-card[data-fit] .xp-company{margin-top:4px;font-size:13px}.xp-card[data-fit] .xp-description{margin-top:10px;font-size:13.5px;line-height:1.6}.xp-card[data-fit] .xp-highlights{gap:4px;margin-top:10px}.xp-card[data-fit] .xp-highlights li{font-size:13px;line-height:1.45}.xp-card[data-fit] .xp-card-foot{padding-top:14px}.xp-card[data-fit] .xp-tags span{padding:4px 0;font-size:12.5px}.xp-card[data-fit] .xp-number{display:none}.xp-card[data-fit=scroll]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#22282b40 transparent;overflow-y:auto}.xp-card[data-fit=scroll]::-webkit-scrollbar{width:6px}.xp-card[data-fit=scroll]::-webkit-scrollbar-thumb{background:#22282b40;border:0;border-radius:6px}.xp-card[data-fit=scroll]::-webkit-scrollbar-track{background:0 0;border:0}
.tool-mobile-list,.scene-mobile-label,.deck-dots,.xp-hint-mobile{display:none}@media (max-width:900px){.portfolio-site .about-stage>*{min-width:0}.portfolio-site .about-deck-wrap{margin:0 -30px}.portfolio-site .about-deck{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:1000px;gap:14px;height:auto;margin:0;padding:18px 11% 26px;display:flex;overflow-x:auto;transform:none}.portfolio-site .about-deck::-webkit-scrollbar{display:none}.portfolio-site .about-deck .deck-card{scroll-snap-align:center;will-change:transform;flex:0 0 78%;min-height:320px;transform:rotateY(calc(var(--m,0) * -24deg)) scale(calc(1 - var(--am,0) * .08))!important;opacity:calc(1 - var(--am,0) * .4)!important}.deck-dots{align-items:center;gap:4px;padding:0 30px;display:flex}.deck-dots button{background:0 0;border-radius:0;padding:10px 3px}.deck-dots i{background:#4a4d50;width:16px;height:2px;transition:width .4s cubic-bezier(.22,1,.36,1),background .4s;display:block}.deck-dots button[aria-current] i{background:#eae7df;width:36px}.deck-hint{color:#8a8d8f;margin-left:auto;font-size:12px}.portfolio-site #tool-panel{display:none}.portfolio-site .stack-scene{top:var(--header-space,0px);z-index:2;--size:180px;--gap:46px;background:linear-gradient(#101113 92%,#10111300);height:310px;transition:top .45s cubic-bezier(.22,1,.36,1);position:sticky}.portfolio-site .stack-scene .stack-world{top:66%}.portfolio-site .stack-scene .stack-layer.is-above .layer-plate{transform:translateZ(46px)}.portfolio-site .stack-scene .stack-layer.is-active .layer-plate{transform:translateZ(22px)}.scene-mobile-label{z-index:3;color:#d8d6ce;justify-content:center;align-items:center;gap:9px;font-size:13px;animation:.5s cubic-bezier(.22,1,.36,1) m-label;display:flex;position:absolute;bottom:26px;left:0;right:0}.scene-mobile-label svg{color:#a8cde0}.scene-mobile-label span{font-family:var(--font-plex-mono),monospace;color:#85888a;font-size:11px}.tool-mobile-list{flex-direction:column;padding-bottom:26vh;display:flex}.tool-mobile-item{opacity:.32;border-top:1px solid #2c2e30;padding:26px 0 30px;transition:opacity .5s}.tool-mobile-item.is-active{opacity:1}.tool-mobile-item .detail-eyebrow{display:none}.tool-mobile-item h3{letter-spacing:-1px;color:#eae7df;font-family:Georgia,Times New Roman,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.15}.tool-mobile-item>p{color:#9a9c9b;margin-top:12px;font-size:14.5px;line-height:1.7}.tool-mobile-item .tool-tiles{grid-template-columns:1fr;margin-top:18px}.tool-mobile-item .tool-tile{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.22,1,.36,1);animation:none;transform:translateY(14px)}.tool-mobile-item[data-seen] .tool-tile{opacity:1;transition-delay:calc(var(--t) * 80ms);transform:none}.portfolio-site .xp-meta{display:flex}.portfolio-site .xp-hint{display:none}.xp-hint-mobile{color:#9a9c9b;align-items:center;gap:8px;font-size:12.5px;display:flex}.xp-hint-mobile svg{animation:1.6s ease-in-out infinite m-nudge}.portfolio-site .xp-counter{font-size:22px}.xp-viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:1100px;overflow-x:auto}.xp-viewport::-webkit-scrollbar{display:none}.portfolio-site .xp-row{gap:16px;width:max-content;max-width:none;margin:0;padding:12px calc(50vw - min(84vw,520px)/2) 22px;display:flex}.portfolio-site .xp-card,.portfolio-site .xp-card[data-seen]{scroll-snap-align:center;opacity:calc(1 - var(--ad,0) * .4);transform:rotateY(calc(var(--d,0) * -20deg)) scale(calc(1 - var(--ad,0) * .07));filter:brightness(calc(1 - var(--ad,0) * .25));flex:0 0 min(84vw,520px);transition:none}.portfolio-site .xp-timeline{height:62px;margin-top:14px;display:block}.xp-marker{font-size:11px}.portfolio-site .story-heading{margin-bottom:22px}.portfolio-site .chapter-meta{display:none}.portfolio-site .chapter-pin{padding-top:14px}.portfolio-site .chapter-layout{padding-top:0}}@media (max-width:650px){.portfolio-site .about-deck-wrap{margin:0 -20px}.portfolio-site .about-deck{padding-inline:8%}.portfolio-site .about-deck .deck-card{flex-basis:84%}.deck-dots{padding:0 20px}.portfolio-site .stack-scene{--size:150px;--gap:40px;height:290px}.portfolio-site .stack-scene .stack-world{top:64%}}@supports (animation-timeline:view()){@media (max-width:900px) and (prefers-reduced-motion:no-preference){.portfolio-site .chapter-visual{animation:linear both m-unveil;animation-timeline:view();animation-range:entry cover 38%}.portfolio-site .chapter-copy>*{animation:linear both m-rise;animation-timeline:view();animation-range:entry entry 85%}.portfolio-site :is(.story-heading,.toolkit-heading,.xp-heading)>*,.portfolio-site .about-main>:is(.section-label,h2){animation:linear both m-rise;animation-timeline:view();animation-range:entry cover 30%}}}@keyframes m-unveil{0%{clip-path:inset(14% 10%);transform:scale(.94)}to{clip-path:inset(0);transform:none}}@keyframes m-rise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}@keyframes m-label{0%{opacity:0;transform:translateY(8px)}}@keyframes m-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.portfolio-site .about-deck .deck-card,.portfolio-site .xp-card,.portfolio-site .xp-card[data-seen]{filter:none;opacity:1!important;transform:none!important}.tool-mobile-item,.tool-mobile-item .tool-tile{opacity:1;transform:none}}