.portfolio-experience-layer{--experience-ink:#10120f;--experience-paper:#f3f1eb;isolation:isolate;background:var(--experience-ink);color:var(--experience-paper);padding:clamp(6rem,10vw,10rem) clamp(1rem,4vw,4rem) 0;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.portfolio-experience-inner,.portfolio-project-deck{max-width:1520px;margin-inline:auto}.portfolio-experience-heading{border-block-end:1px solid color-mix(in srgb, var(--experience-paper) 22%, transparent);grid-template-columns:.7fr 1.5fr;gap:.75rem 3rem;padding-block-end:clamp(2.5rem,5vw,5rem);display:grid}.portfolio-experience-heading>span,.portfolio-experience-heading>p{letter-spacing:.16em;text-transform:uppercase;opacity:.66;margin:0;font-size:.72rem}.portfolio-experience-heading>p{text-align:end}.portfolio-experience-heading h2{letter-spacing:-.065em;grid-column:1/-1;max-width:14ch;margin:clamp(3rem,7vw,7rem) 0 0;font-size:clamp(3.2rem,8vw,8.4rem);font-weight:600;line-height:.9}.portfolio-experience-heading h2 em{color:var(--experience-accent);margin-inline-start:clamp(0rem,9vw,10rem);font-family:Georgia,serif;font-weight:400;display:block}.portfolio-case-proof{border:1px solid color-mix(in srgb, var(--experience-paper) 18%, transparent);background:color-mix(in srgb, var(--experience-paper) 16%, transparent);grid-template-columns:.48fr repeat(3,minmax(0,1fr)) auto;align-items:stretch;margin-block:2rem;display:grid}.portfolio-case-proof>span,.portfolio-case-proof article,.portfolio-case-proof>a{background:var(--experience-ink);min-width:0}.portfolio-case-proof>span{color:var(--experience-accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;padding:1.2rem;font-size:.66rem;display:flex}.portfolio-case-proof article{border-inline-start:1px solid color-mix(in srgb, var(--experience-paper) 18%, transparent);grid-template-columns:auto 1fr;gap:.45rem .7rem;padding:1.15rem;display:grid}.portfolio-case-proof article i{color:var(--experience-accent);font-size:.62rem;font-style:normal}.portfolio-case-proof article strong{font-size:.78rem}.portfolio-case-proof article p{color:color-mix(in srgb, var(--experience-paper) 63%, transparent);grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.35}.portfolio-case-proof>a{background:var(--experience-accent);color:#10120f;justify-content:space-between;align-items:center;gap:1.5rem;min-height:88px;padding:1.2rem;font-size:.78rem;font-weight:800;text-decoration:none;display:flex}.portfolio-experience-tabs{background:color-mix(in srgb, var(--experience-paper) 18%, transparent);border:1px solid color-mix(in srgb, var(--experience-paper) 18%, transparent);grid-template-columns:repeat(3,1fr);gap:1px;margin-block:2rem;display:grid}.portfolio-experience-tabs button{background:var(--experience-ink);min-height:84px;color:inherit;font:inherit;cursor:pointer;text-align:start;border:0;align-items:center;gap:1rem;padding:1rem 1.4rem;font-size:clamp(.95rem,1.3vw,1.22rem);transition:background .22s,color .22s,transform .22s;display:flex}.portfolio-experience-tabs button span{letter-spacing:.12em;opacity:.5;font-size:.65rem}.portfolio-experience-tabs button:hover{background:color-mix(in srgb, var(--experience-accent) 14%, var(--experience-ink))}.portfolio-experience-tabs button[aria-selected=true]{background:var(--experience-accent);color:#10120f}.portfolio-experience-tabs button:focus-visible{outline:3px solid var(--experience-paper);outline-offset:-5px}.portfolio-experience-stage{--spot-x:50%;--spot-y:50%;background:#1a1b18;border-radius:2px;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:clamp(640px,72vw,900px);display:grid;position:relative;overflow:hidden}.portfolio-experience-stage:after{content:"";pointer-events:none;background:radial-gradient(380px circle at var(--spot-x) var(--spot-y), color-mix(in srgb, var(--experience-accent) 22%, transparent), transparent 68%);z-index:2;mix-blend-mode:screen;position:absolute;inset:0}.portfolio-experience-media{min-height:100%;position:relative;overflow:hidden}.portfolio-experience-media video,.portfolio-experience-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-experience-media img{display:none}.portfolio-experience-media img.is-primary{animation:12s cubic-bezier(.2,.8,.2,1) infinite alternate portfolio-image-drift;display:block;scale:1.06}.portfolio-experience-stage[data-chapter="2"] .portfolio-experience-media img.is-primary{object-position:62% center}.portfolio-experience-stage[data-chapter="3"] .portfolio-experience-media img.is-primary{object-position:36% center}.portfolio-experience-media:after{content:"";background:linear-gradient(90deg,#0000 60%,#00000094);position:absolute;inset:0}.portfolio-experience-scan{z-index:1;letter-spacing:.1em;border:1px solid #ffffff80;border-radius:100%;place-items:center;width:66px;height:66px;font-size:.66rem;display:grid;position:absolute;inset:2rem auto auto 2rem}.portfolio-experience-story{z-index:3;background:color-mix(in srgb, var(--experience-ink) 93%, transparent);flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);animation:.42s cubic-bezier(.2,.8,.2,1) both portfolio-story-in;display:flex;position:relative}.portfolio-experience-story>span{color:var(--experience-accent);letter-spacing:.18em;font-size:.68rem}.portfolio-experience-story h3{letter-spacing:-.045em;margin:1.5rem 0;font-size:clamp(2.2rem,4vw,4.8rem);line-height:.98}.portfolio-experience-story>p{max-width:48ch;color:color-mix(in srgb, var(--experience-paper) 70%, transparent);margin:0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}.portfolio-experience-story ul{border-block-start:1px solid #ffffff29;margin:3rem 0;padding:0;list-style:none}.portfolio-experience-story li{border-block-end:1px solid #ffffff29;gap:1rem;padding-block:1rem;display:flex}.portfolio-experience-story li i{color:var(--experience-accent);font-size:.7rem;font-style:normal}.portfolio-experience-story>a{background:var(--experience-accent);color:#10120f;align-items:center;gap:1rem;width:fit-content;min-height:52px;padding:0 1.3rem;font-weight:700;text-decoration:none;display:inline-flex}.portfolio-experience-story>a:hover b{transform:translate(5px)}.portfolio-experience-story>a b{transition:transform .2s}.portfolio-project-deck{padding-block:clamp(7rem,12vw,12rem) clamp(5rem,8vw,8rem)}.portfolio-project-deck>header{justify-content:space-between;align-items:end;gap:2rem;margin-block-end:3rem;display:flex}.portfolio-project-deck header span{color:var(--experience-accent);letter-spacing:.17em;font-size:.68rem}.portfolio-project-deck h2{letter-spacing:-.06em;margin:.9rem 0 0;font-size:clamp(2.8rem,6vw,6.8rem);line-height:.95}.portfolio-project-deck header>a{color:inherit;white-space:nowrap;border-block-end:1px solid;padding-block-end:.6rem;text-decoration:none}.portfolio-project-deck nav{background:#ffffff26;border:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.portfolio-project-deck nav a{color:#fff;background:#20211f;flex-direction:column;justify-content:end;min-height:310px;padding:1.6rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.portfolio-project-deck nav img{object-fit:cover;filter:brightness(.48)saturate(.72);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s;position:absolute;inset:0}.portfolio-project-deck nav a:after{content:"";background:linear-gradient(#0000 28%,#000000e0);position:absolute;inset:0}.portfolio-project-deck nav a>:not(img){z-index:1;position:relative}.portfolio-project-deck nav a>span{color:#ffffffb8;justify-content:space-between;gap:1rem;margin-block-end:.65rem;font-size:.72rem;display:flex}.portfolio-project-deck nav a>span i{color:var(--experience-accent);font-style:normal}.portfolio-project-deck nav strong{font-size:clamp(1.6rem,2.6vw,3rem);line-height:1}.portfolio-project-deck nav small{opacity:0;max-height:0;margin-block-start:0;transition:all .25s;transform:translateY(10px)}.portfolio-project-deck nav a:hover img{filter:brightness(.7)saturate();transform:scale(1.055)}.portfolio-project-deck nav a:hover small,.portfolio-project-deck nav a:focus-visible small,.portfolio-project-deck nav a.is-current small{opacity:1;max-height:2rem;margin-block-start:1rem;transform:none}.portfolio-project-deck nav a.is-current{box-shadow:inset 0 0 0 3px var(--experience-accent)}.portfolio-experience--experience{--experience-ink:#181311;--experience-paper:#f5ede4}.portfolio-experience--experience .portfolio-experience-stage,.portfolio-experience--experience .portfolio-experience-tabs{border-radius:34px}.portfolio-experience--experience .portfolio-experience-stage{overflow:hidden}.portfolio-experience--commerce{--experience-ink:#10100f;--experience-paper:#f7f3e9}.portfolio-experience--commerce .portfolio-experience-heading h2{text-transform:uppercase}.portfolio-experience--commerce .portfolio-project-deck nav{transform:rotate(-.3deg)}.portfolio-experience-project--saas{--experience-ink:#07110c;--experience-paper:#e2f8e8;background-image:linear-gradient(#6cff910e 1px,#0000 1px),linear-gradient(90deg,#6cff910e 1px,#0000 1px);background-size:42px 42px}.portfolio-experience-project--saas .portfolio-experience-heading h2{text-transform:uppercase;font-family:Arial Narrow,Arial,sans-serif}.portfolio-experience-project--saas .portfolio-experience-stage{border:1px solid #6cff9152;border-radius:22px;box-shadow:0 0 80px #3dff7814}.portfolio-experience-project--saas .portfolio-experience-story{background:#050e09f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.portfolio-experience-project--saas .portfolio-experience-tabs button{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.portfolio-experience-project--education{--experience-ink:#17182e;--experience-paper:#f3f0ff;background:radial-gradient(circle at 80% 8%, #7e90ff33, transparent 34%), var(--experience-ink)}.portfolio-experience-project--education .portfolio-experience-heading h2{max-width:12ch}.portfolio-experience-project--education .portfolio-experience-heading h2 em{font-family:Arial,sans-serif;font-weight:800}.portfolio-experience-project--education .portfolio-experience-tabs,.portfolio-experience-project--education .portfolio-experience-stage{border-radius:44px;overflow:hidden}.portfolio-experience-project--education .portfolio-experience-tabs button{border-radius:42px}.portfolio-experience-project--education .portfolio-experience-story{background:#17182eed}.portfolio-experience-project--event{--experience-ink:#160d0b;--experience-paper:#fff0db;background:repeating-linear-gradient(-8deg, transparent 0 110px, #ff5b3614 110px 112px), var(--experience-ink)}.portfolio-experience-project--event .portfolio-experience-heading h2{text-transform:uppercase;max-width:11ch;transform:rotate(-1.5deg)}.portfolio-experience-project--event .portfolio-experience-heading h2 em{color:#ff6242;font-family:Arial,sans-serif;font-weight:900}.portfolio-experience-project--event .portfolio-experience-tabs{transform:rotate(.55deg)}.portfolio-experience-project--event .portfolio-experience-tabs button[aria-selected=true]{transform:translateY(-6px)rotate(-1.5deg)}.portfolio-experience-project--event .portfolio-experience-stage{border-radius:6px;box-shadow:18px 18px #ff6242}.portfolio-experience-project--local-service{--experience-ink:#151512;--experience-paper:#fff8d9;background:#151512}.portfolio-experience-project--local-service:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 28px,#f6cc420f 28px 42px);position:absolute;inset:0}.portfolio-experience-project--local-service .portfolio-experience-heading,.portfolio-experience-project--local-service .portfolio-experience-tabs,.portfolio-experience-project--local-service .portfolio-experience-stage{border:2px solid #f6cc42}.portfolio-experience-project--local-service .portfolio-experience-tabs{background:#f6cc42;gap:2px}.portfolio-experience-project--local-service .portfolio-experience-tabs button[aria-selected=true]{background:#f6cc42}.portfolio-experience-project--local-service .portfolio-experience-stage{box-shadow:14px 14px #f6cc42}.portfolio-experience-project--local-service .portfolio-experience-story h3{text-transform:uppercase}.portfolio-experience-project--nonprofit{--experience-ink:#1c3026;--experience-paper:#fff4e7;background:radial-gradient(circle at 12% 16%, #ec6d4b33 0 9%, transparent 9.2%), radial-gradient(circle at 88% 70%, #ffcc8226 0 14%, transparent 14.2%), var(--experience-ink)}.portfolio-experience-project--nonprofit .portfolio-experience-heading h2,.portfolio-experience-project--nonprofit .portfolio-experience-story h3{font-family:Georgia,serif;font-weight:400}.portfolio-experience-project--nonprofit .portfolio-experience-tabs{border-radius:999px;overflow:hidden}.portfolio-experience-project--nonprofit .portfolio-experience-tabs button{border-radius:999px;justify-content:center}.portfolio-experience-project--nonprofit .portfolio-experience-stage{border-radius:46% 46% 28px 28px/12% 12% 28px 28px}.portfolio-experience-project--b2b{--experience-ink:#161a17;--experience-paper:#e8ebe8;background:linear-gradient(120deg,#ffffff0d,#0000 30%),#161a17}.portfolio-experience-project--b2b .portfolio-experience-heading h2{letter-spacing:-.045em;max-width:13ch}.portfolio-experience-project--b2b .portfolio-experience-tabs,.portfolio-experience-project--b2b .portfolio-experience-stage{border:1px solid #727b75}.portfolio-experience-project--b2b .portfolio-experience-tabs button,.portfolio-experience-project--b2b .portfolio-experience-story{background:#1b201c}.portfolio-experience-project--b2b .portfolio-experience-tabs button[aria-selected=true]{background:#8ef0b3}.portfolio-experience-project--b2b .portfolio-experience-story>span,.portfolio-experience-project--b2b .portfolio-experience-story li i{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.portfolio-experience-project--marketplace{--experience-ink:#10152b;--experience-paper:#f1f3ff;background:radial-gradient(circle at 88% 12%, #697cff3d, transparent 28%), var(--experience-ink)}.portfolio-experience-project--marketplace .portfolio-experience-heading h2 em{font-family:Arial,sans-serif;font-weight:800}.portfolio-experience-project--marketplace .portfolio-experience-tabs{background:#ffffff12;border-radius:24px;gap:.55rem;padding:.55rem}.portfolio-experience-project--marketplace .portfolio-experience-tabs button{border:1px solid #ffffff1f;border-radius:17px}.portfolio-experience-project--marketplace .portfolio-experience-stage{border:1px solid #9ca9ff59;border-radius:32px}.portfolio-experience-project--marketplace .portfolio-experience-story{background:#10152beb}.portfolio-experience-project--mobile-app{--experience-ink:#0d140f;--experience-paper:#eff8ee;background:radial-gradient(circle at 50% 0, #acff7621, transparent 38%), var(--experience-ink)}.portfolio-experience-project--mobile-app .portfolio-experience-heading{max-width:1180px;margin-inline:auto}.portfolio-experience-project--mobile-app .portfolio-experience-heading h2{max-width:10ch}.portfolio-experience-project--mobile-app .portfolio-experience-tabs{border-radius:999px;max-width:920px;margin-inline:auto;overflow:hidden}.portfolio-experience-project--mobile-app .portfolio-experience-stage{border:8px solid #020403;border-radius:54px;grid-template-columns:minmax(320px,.85fr) minmax(360px,1.15fr);max-width:1180px;margin-inline:auto;box-shadow:0 40px 100px #0000008c}.portfolio-experience-project--mobile-app .portfolio-experience-media{border-radius:44px 0 0 44px}@keyframes portfolio-image-drift{0%{transform:translate(-1.5%)scale(1.06)}to{transform:translate(1.5%,-1%)scale(1.12)}}@keyframes portfolio-story-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:900px){.portfolio-experience-heading{grid-template-columns:1fr}.portfolio-experience-heading>p{text-align:start}.portfolio-experience-heading h2{margin-block-start:3rem}.portfolio-experience-heading h2 em{margin-inline-start:0}.portfolio-case-proof{grid-template-columns:1fr 1fr}.portfolio-case-proof>span,.portfolio-case-proof>a{grid-column:1/-1}.portfolio-case-proof article{border-block-start:1px solid color-mix(in srgb, var(--experience-paper) 18%, transparent)}.portfolio-experience-tabs{grid-template-columns:1fr}.portfolio-experience-tabs button{min-height:60px}.portfolio-experience-stage{grid-template-columns:1fr;min-height:0}.portfolio-experience-media{min-height:58vw}.portfolio-experience-media:after{background:linear-gradient(#0000,#000000bf)}.portfolio-experience-story{min-height:540px}.portfolio-project-deck nav{grid-template-columns:repeat(2,1fr)}.portfolio-project-deck nav a{min-height:270px}.portfolio-experience-project--event .portfolio-experience-stage{box-shadow:8px 8px #ff6242}.portfolio-experience-project--mobile-app .portfolio-experience-stage{grid-template-columns:1fr}.portfolio-experience-project--mobile-app .portfolio-experience-media{border-radius:44px 44px 0 0}}@media (max-width:600px){.portfolio-experience-layer{padding-inline:.8rem}.portfolio-experience-heading{padding-inline:.3rem}.portfolio-experience-heading h2{font-size:clamp(2.8rem,14vw,4.7rem)}.portfolio-case-proof{grid-template-columns:1fr}.portfolio-case-proof>span,.portfolio-case-proof>a{grid-column:1}.portfolio-case-proof article{min-height:104px}.portfolio-experience-tabs{overflow:hidden;border-radius:20px!important}.portfolio-experience-stage{border-radius:24px!important}.portfolio-experience-media{min-height:78vw}.portfolio-experience-story{min-height:570px;padding:2rem 1.35rem}.portfolio-project-deck>header{flex-direction:column;align-items:start}.portfolio-project-deck nav{grid-template-columns:1fr}.portfolio-project-deck nav a{min-height:235px}.portfolio-experience--commerce .portfolio-project-deck nav{transform:none}.portfolio-experience-project--nonprofit .portfolio-experience-tabs{border-radius:22px}.portfolio-experience-project--nonprofit .portfolio-experience-stage{border-radius:32px}.portfolio-experience-project--local-service .portfolio-experience-stage{box-shadow:7px 7px #f6cc42}.portfolio-experience-project--mobile-app .portfolio-experience-tabs{border-radius:20px}.portfolio-experience-project--mobile-app .portfolio-experience-stage{border-width:5px;border-radius:34px!important}}@media (prefers-reduced-motion:reduce){.portfolio-experience-media video{display:none}.portfolio-experience-media img{display:block}.portfolio-experience-media img.is-primary{animation:none;scale:1}.portfolio-experience-story{animation:none}.portfolio-project-deck nav img,.portfolio-experience-story>a b{transition:none}}