.portfolio-home{--ink:#eef2ef;--muted:#a9b5b7;--soft:#879396;--line:rgba(208,233,231,.15);--panel:#11191c;--panel-2:#162126;--accent:#75eee3;--accent-dark:#091412;--paper:#dce4de;color:var(--ink);background:#0b1114;overflow:clip;font-family:var(--body-font)}[data-theme=light] .portfolio-home{--ink:#172326;--muted:#43565a;--soft:#5d7073;--line:rgba(12,50,51,.17);--panel:#edf3ef;--panel-2:#e0ece8;--accent:#087a78;--accent-dark:#f7fffc;--paper:#f4f5ef;background:#f4f7f3}.portfolio-home *,.portfolio-home :after,.portfolio-home :before{box-sizing:border-box}.portfolio-home a{color:inherit}.portfolio-home h1,.portfolio-home h2,.portfolio-home h3,.portfolio-home p{margin:0}.portfolio-home h1,.portfolio-home h2,.portfolio-home h3{font-family:var(--heading-font)}.portfolio-home em{font-family:Georgia,Times New Roman,serif;font-weight:400}.portfolio-hero{min-height:min(830px,100svh);max-width:1600px;margin:auto;padding:144px clamp(24px,5vw,82px) 92px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4vw;position:relative;isolation:isolate}.portfolio-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 75% 46%,rgba(36,117,113,.2),transparent 42%),linear-gradient(140deg,#0b1114 35%,#101c20)}[data-theme=light] .portfolio-hero:before{background:radial-gradient(ellipse at 75% 46%,rgba(70,172,159,.2),transparent 46%),linear-gradient(140deg,#f4f7f3 35%,#e7eeea)}.hero-grain{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;max-width:770px}.hero-kicker,.section-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.16em;font-weight:800;line-height:1.6}.hero-kicker{color:var(--accent);flex-wrap:wrap;margin-bottom:31px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}.kicker-line{width:21px;height:1px;background:currentColor;opacity:.6}.hero-copy h1{font-size:clamp(4.1rem,7.2vw,8rem);line-height:.93;letter-spacing:-.085em;font-weight:700;max-width:870px}.hero-copy h1 em{letter-spacing:-.09em;color:var(--accent);margin-right:.11em}.hero-copy h1>span{white-space:nowrap}.title-stop{color:var(--accent)}.hero-lede{max-width:495px;margin-top:39px!important;color:var(--muted);line-height:1.75;font-size:clamp(1rem,1.3vw,1.19rem)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:33px}.action-primary,.action-secondary{min-height:55px;padding:0 23px;display:inline-flex;justify-content:center;align-items:center;gap:26px;border-radius:4px;font-weight:800;font-size:13px;letter-spacing:.03em;transition:transform .25s ease,background .25s ease,border-color .25s ease}.action-primary{background:var(--accent);color:var(--accent-dark)!important}.action-secondary{border:1px solid var(--line)}.action-primary:hover,.action-secondary:hover{transform:translateY(-3px)}.action-secondary:hover{border-color:var(--accent)}.hero-socials{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:68px;font-size:10px;font-weight:800;letter-spacing:.16em}.hero-socials>span{color:var(--soft)}.hero-socials a{display:inline-flex;align-items:center;gap:5px}.hero-socials a:hover{color:var(--accent)}.hero-visual{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;position:relative;min-width:0;width:100%;aspect-ratio:4/4.8;max-height:630px;perspective:1100px;display:grid;place-items:center}.portrait-stage{position:relative;overflow:hidden;width:77%;height:82%;border-radius:47% 47% 12px 12px;background:#193236;border:1px solid rgba(170,244,232,.34);box-shadow:22px 30px 0 rgba(113,233,223,.055),0 25px 100px rgba(8,99,93,.25);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out}.portrait-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(6,27,29,.82) 100%),radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(100,252,235,.2),transparent 43%);pointer-events:none}.portrait-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.06);user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.portrait-glow{position:absolute;width:55%;aspect-ratio:1;background:var(--accent);filter:blur(90px);opacity:.2;top:-10%;right:-10%;z-index:2;pointer-events:none}.visual-orbit{position:absolute;border-radius:50%;border:1px solid rgba(117,238,227,.19);width:100%;height:95%;transform:rotate(-17deg)}.orbit-two{width:87%;height:105%;transform:rotate(24deg);border-style:dashed;border-color:rgba(117,238,227,.13)}.visual-label{position:absolute;z-index:2;background:rgba(12,25,28,.89);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(117,238,227,.29);color:#eaf8f4;font-size:10px;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:10px;box-shadow:0 18px 40px rgba(0,0,0,.17)}.visual-label-top{top:0;right:0;padding:14px 16px}.visual-label-bottom{bottom:14%;left:0;padding:18px 19px}.label-divider,.visual-label svg{color:#75eee3}.visual-cross{position:absolute;color:var(--accent);font-weight:300;font-size:36px;opacity:.75}.visual-cross-one{top:9%;left:16%}.visual-cross-two{bottom:8%;right:6%;font-size:27px}.hero-index,.hero-scroll{position:absolute;bottom:34px;font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--soft)!important}.hero-scroll{left:clamp(24px,5vw,82px);display:flex;align-items:center;gap:13px}.hero-index{right:clamp(24px,5vw,82px)}.hero-scroll:hover{color:var(--accent)!important}.portfolio-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1600px;margin:0 auto;padding:0 clamp(24px,5vw,82px) 34px;gap:12px}.portfolio-shortcuts a{position:relative;min-height:118px;padding:23px 25px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.portfolio-shortcuts a:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s ease}.portfolio-shortcuts a:focus-visible,.portfolio-shortcuts a:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 35px rgba(3,35,34,.1)}.portfolio-shortcuts a:focus-visible:before,.portfolio-shortcuts a:hover:before{transform:scaleY(1)}.portfolio-shortcuts a>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em}.portfolio-shortcuts a>strong{font-family:var(--heading-font);font-size:clamp(1.1rem,1.7vw,1.55rem);letter-spacing:-.04em}.portfolio-shortcuts a>svg{position:absolute;right:24px;bottom:25px;color:var(--accent);transition:transform .25s ease}.portfolio-shortcuts a:hover>svg{transform:translate(3px,-3px)}@media (max-width:760px){.portfolio-shortcuts{grid-template-columns:1fr;gap:8px;padding-bottom:25px}.portfolio-shortcuts a{min-height:84px;padding:16px 20px}.portfolio-shortcuts a>svg{right:20px;bottom:20px}}.portfolio-ticker{position:relative;isolation:isolate;overflow:hidden;padding:clamp(54px,6vw,90px) 0 27px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 51% 90%,rgba(61,159,148,.18),transparent 42%),linear-gradient(165deg,#0c1519,#14252c 58%,#0a1319)}.portfolio-ticker:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.4;pointer-events:none;background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),rgba(157,236,224,.08) 20%)}.portfolio-ticker:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#75eee3,transparent);opacity:.6}.ticker-intro{max-width:1450px;margin:0 auto 39px;padding:0 clamp(24px,5vw,82px);display:flex;align-items:end;justify-content:space-between;gap:30px}.ticker-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#8deee1;font-size:10px;font-weight:800;letter-spacing:.19em}.ticker-live-dot{width:7px;height:7px;border-radius:50%;background:#8deee1;box-shadow:0 0 14px #8deee1}.ticker-intro h2{margin:15px 0 0;color:#edf7f3;font-size:clamp(2.6rem,4.5vw,5.2rem);line-height:.98;letter-spacing:-.068em}.ticker-intro h2 em{color:#8deee1}.ticker-intro p{max-width:275px;color:#b4c7c5;font-size:13px;line-height:1.7}.ticker-viewport{overflow:hidden;padding:25px 0 37px;perspective:1100px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ticker-track{display:flex;width:max-content;animation:ticker-move-left 43s linear infinite;will-change:transform}.portfolio-ticker.is-paused .ticker-track{animation-play-state:paused;will-change:auto}.portfolio-ticker:hover .ticker-track{animation-play-state:paused}.ticker-run{display:flex;align-items:center;flex:none;gap:24px;padding-right:24px}.ticker-card{--card-glow:#5fede0;position:relative;isolation:isolate;flex:none;display:flex;flex-direction:column;justify-content:space-between;width:clamp(290px,29vw,410px);height:clamp(200px,18vw,250px);overflow:hidden;padding:19px 22px 20px;border:1px solid rgba(165,234,216,.33);border-radius:16px;color:#f2fbf8;background:radial-gradient(circle at 78% 25%,color-mix(in srgb,var(--card-glow) 25%,transparent),transparent 39%),linear-gradient(137deg,#24373d,#102128 62%,#09171e);box-shadow:7px 8px 0 rgba(103,221,203,.12),21px 26px 34px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.2);transform:rotateY(-11deg) rotateX(4deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.ticker-card:nth-child(2n){transform:rotateY(9deg) rotateX(-3deg)}.ticker-card:hover{z-index:2;border-color:var(--card-glow);transform:translateY(-9px) rotateY(0) rotateX(0) scale(1.025);box-shadow:10px 12px 0 rgba(103,221,203,.18),25px 35px 45px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.23)}.ticker-card:before{width:61%;aspect-ratio:1;right:-9%;top:-35%;border:1px solid color-mix(in srgb,var(--card-glow) 55%,transparent);border-radius:50%;box-shadow:0 0 0 23px color-mix(in srgb,var(--card-glow) 7%,transparent),0 0 0 48px color-mix(in srgb,var(--card-glow) 5%,transparent),0 0 45px color-mix(in srgb,var(--card-glow) 15%,transparent)}.ticker-card:after,.ticker-card:before{content:"";position:absolute;z-index:-1}.ticker-card:after{inset:0;opacity:.28;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(233,255,250,.1) 10px 11px);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000);mask-image:linear-gradient(90deg,transparent 35%,#000)}.ticker-card-2{--card-glow:#9ea5ff}.ticker-card-3{--card-glow:#f5bd83}.ticker-card-4{--card-glow:#bca1ff}.ticker-card-5{--card-glow:#8deee1}.ticker-card-bottom,.ticker-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;font-weight:800;letter-spacing:.13em}.ticker-card-top{color:#d2ede7}.ticker-card-top span:last-child{color:var(--card-glow);text-align:right}.ticker-card-center{position:relative;display:flex;align-items:center;min-height:98px}.ticker-card-ghost{position:absolute;right:-3px;top:50%;transform:translateY(-55%);color:rgba(237,255,250,.06);font-family:var(--heading-font);font-size:clamp(7rem,12vw,11rem);font-weight:900;line-height:1;letter-spacing:-.1em;pointer-events:none}.ticker-card strong{position:relative;z-index:1;max-width:95%;color:#f5fffa;font-size:clamp(1.65rem,2.7vw,2.7rem);font-weight:900;line-height:.98;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 7px 24px rgba(0,0,0,.35)}.ticker-card-4 strong{font-size:clamp(1.45rem,2.25vw,2.3rem)}.ticker-card-bottom{padding-top:11px;border-top:1px solid rgba(227,255,248,.25);color:#d1e1dd;font-size:11px;font-weight:500;letter-spacing:.02em}.ticker-card-bottom svg{flex:none;color:var(--card-glow)}.ticker-foot{max-width:1450px;margin:0 auto;padding:5px clamp(24px,5vw,82px) 0;display:flex;justify-content:space-between;gap:20px;color:#a5c7c0;font-size:9px;font-weight:800;letter-spacing:.16em}@keyframes ticker-move-left{to{transform:translate3d(-50%,0,0)}}[data-theme=light] .portfolio-ticker{background:radial-gradient(ellipse at 55% 90%,rgba(75,168,150,.16),transparent 45%),linear-gradient(165deg,#eaf4ef,#d9e8e2 65%,#edf5f1)}[data-theme=light] .portfolio-ticker:before{background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),rgba(20,101,92,.08) 20%)}[data-theme=light] .ticker-intro h2{color:#16332f}[data-theme=light] .ticker-eyebrow,[data-theme=light] .ticker-intro h2 em{color:#087a78}[data-theme=light] .ticker-live-dot{background:#087a78;box-shadow:0 0 14px rgba(8,122,120,.5)}[data-theme=light] .ticker-foot,[data-theme=light] .ticker-intro p{color:#4f7069}@media (max-width:700px){.ticker-intro{display:block;margin-bottom:24px}.ticker-intro p{margin-top:17px}.ticker-viewport{padding:17px 0 30px}.ticker-card{width:280px;height:205px;padding:17px 19px}.ticker-card strong{font-size:1.8rem}.ticker-card-4 strong{font-size:1.55rem}.ticker-foot span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.ticker-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ticker-track{animation:none;transform:none;will-change:auto}.ticker-run[aria-hidden=true]{display:none}.ticker-card,.ticker-card:nth-child(2n){transform:none}}.portfolio-section{max-width:1450px;margin:auto;padding:clamp(86px,10vw,150px) clamp(24px,5vw,82px);scroll-margin-top:110px}.section-eyebrow{color:var(--accent);margin-bottom:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:57px}.portfolio-section h2{font-size:clamp(3rem,5.7vw,6rem);line-height:1.02;letter-spacing:-.065em}.portfolio-section h2 em{color:var(--accent)}.section-heading>p,.stack-heading>p{max-width:330px;color:var(--muted);line-height:1.75;font-size:15px;padding-bottom:5px}.work-section{padding-bottom:110px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{min-width:0;border:1px solid var(--line);background:var(--panel);transition:border-color .3s,transform .3s,box-shadow .3s}.project-card:hover{border-color:rgba(117,238,227,.58);transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.19)}.project-card:first-child{grid-column:1/-1}.project-card-link{display:block;text-decoration:none}.project-media{min-height:350px;position:relative;overflow:hidden}.project-card:first-child .project-media{min-height:465px}.project-open{position:absolute;right:20px;top:20px;width:45px;height:45px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.25);display:grid;place-items:center;border-radius:50%;color:white;z-index:3;transition:background .25s,transform .25s}.project-card:hover .project-open{background:#75eee3;color:#061110;transform:rotate(45deg)}.project-art{width:100%;height:100%;min-height:inherit;position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.project-media:after{content:"ILLUSTRATIVE VISUAL";position:absolute;left:20px;bottom:17px;color:rgba(255,255,255,.76);font-size:8px;font-weight:800;letter-spacing:.14em}.project-art:before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.17) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:linear-gradient(transparent,black 40%);mask-image:linear-gradient(transparent,black 40%)}.project-art-resume{background:radial-gradient(circle at 75% 26%,#3d7e75,transparent 45%),linear-gradient(135deg,#143c40,#162125)}.mock-window{position:absolute;top:14%;left:13%;width:70%;height:70%;background:#f5f3eb;border-radius:10px 10px 0 0;transform:rotate(-6deg);box-shadow:23px 24px 65px rgba(0,0,0,.28);padding:11px;display:flex;gap:5px;align-items:start}.mock-window i{width:6px;height:6px;border-radius:50%;background:#c7cdca}.mock-window span{color:#66807b;font-size:9px;margin-left:auto;letter-spacing:.12em}.resume-preview{position:relative;width:63%;min-height:69%;margin-top:15%;display:grid;grid-template-columns:30% 70%;background:#fcfaf4;transform:rotate(-6deg) translateX(5%);box-shadow:18px 28px 45px rgba(0,0,0,.28)}.resume-side{padding:20px 14px;background:#1a5255;display:flex;flex-direction:column;gap:13px;color:#fff;font-size:clamp(10px,1.3vw,17px);letter-spacing:.04em}.resume-avatar{width:65px;height:65px;max-width:70%;border-radius:50%;border:5px solid rgba(255,255,255,.4);background:linear-gradient(145deg,#ceeeea,#699f9b);margin-bottom:8px}.resume-body i,.resume-side i{display:block;width:78%;height:5px;border-radius:2px;background:rgba(255,255,255,.34)}.resume-side i:nth-of-type(3){width:60%}.resume-body{padding:28px 8%;display:flex;flex-direction:column;gap:15px;color:#254746}.resume-body small{font-size:8px;letter-spacing:.2em}.resume-body strong{font:700 clamp(16px,2.4vw,33px)/1.13 var(--heading-font);letter-spacing:-.05em;max-width:300px}.resume-body i{background:#a5b6b0;height:5px;width:83%}.resume-body i:nth-of-type(2){width:72%}.resume-columns{display:flex;gap:13px;margin-top:13px}.resume-columns span{height:65px;width:35%;background:#e3e9e3;border-top:6px solid #75b4ad}.art-floating{position:absolute;z-index:2;font-size:10px;letter-spacing:.18em;font-weight:900;padding:12px 15px;border:1px solid rgba(255,255,255,.34);background:rgba(4,17,19,.68);color:white;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.art-floating-resume{bottom:13%;right:8%}.project-art-stock{background:radial-gradient(circle at 26% 30%,#454c87,transparent 50%),linear-gradient(135deg,#171e3b,#121b2c)}.stock-window{width:73%;height:68%;display:grid;grid-template-columns:18% 82%;background:#f3f4f5;border-radius:9px;transform:rotate(5deg);box-shadow:0 25px 60px rgba(0,0,0,.35);overflow:hidden}.stock-sidebar{background:#1f254c;color:#c5c7ed;padding:18px 12px;display:flex;flex-direction:column;gap:21px}.stock-sidebar i{display:block;height:5px;border-radius:4px;background:#505c8f;width:90%}.stock-sidebar i:nth-of-type(2){width:60%}.stock-main{padding:24px 8%;color:#293450;overflow:hidden}.stock-main>span{font-size:8px;font-weight:800;letter-spacing:.16em;color:#8b91a2}.stock-main>strong{display:block;font-size:clamp(14px,2vw,24px);letter-spacing:-.05em;margin:9px 0 20px}.stock-metrics{display:flex;gap:8px}.stock-metrics b{flex:1 1;padding:10px;background:#e2e6f4;border-radius:5px;font-size:13px}.stock-metrics small{display:block;color:#7c85a4;font-size:7px;margin-top:5px}.stock-chart{height:40%;display:flex;align-items:end;justify-content:space-between;gap:6px;padding-top:20px}.stock-chart i{width:12%;height:30%;border-radius:3px 3px 0 0;background:#737bc0}.stock-chart i:nth-child(2),.stock-chart i:nth-child(5){height:55%}.stock-chart i:nth-child(3),.stock-chart i:nth-child(7){height:78%}.stock-chart i:nth-child(4){height:43%}.stock-chart i:nth-child(6){height:95%;background:#303d8f}.art-floating-stock{bottom:10%;left:8%}.project-art-vision{background:radial-gradient(circle at 60% 45%,#175b57,transparent 55%),linear-gradient(135deg,#061f22,#09141b)}.vision-frame{position:relative;height:80%;width:65%;overflow:hidden;border:1px solid rgba(129,237,222,.48);background:linear-gradient(160deg,#113e43,#0d252a);box-shadow:0 20px 75px rgba(0,0,0,.45)}.vision-grid{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 16px,rgba(105,235,218,.08) 17px),repeating-linear-gradient(90deg,transparent 0 16px,rgba(105,235,218,.08) 17px)}.vision-silhouette{position:absolute;width:44%;height:84%;left:28%;bottom:-11%}.vision-head{height:28%;width:44%;margin:0 auto;border-radius:45% 45% 40% 40%;background:linear-gradient(135deg,#78a5a0,#355e5c)}.vision-body{width:100%;height:74%;margin-top:-3%;background:linear-gradient(90deg,#142e35,#466976 50%,#12303b);clip-path:polygon(26% 0,74% 0,100% 30%,90% 100%,10% 100%,0 30%)}.vision-target{position:absolute;width:72%;min-height:55%;left:14%;top:32%;border:1px solid #79f2e6;box-shadow:inset 0 0 26px rgba(110,242,227,.12);color:#a7fff0;padding:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;letter-spacing:.12em}.vision-target b{align-self:end;background:#72eadf;color:#102526;padding:7px;font-size:7px}.vision-corner{position:absolute;width:15px;height:15px;border-color:#a1f9ee;border-style:solid}.vision-corner.tl{top:11px;left:11px;border-width:2px 0 0 2px}.vision-corner.tr{top:11px;right:11px;border-width:2px 2px 0 0}.vision-corner.bl{bottom:11px;left:11px;border-width:0 0 2px 2px}.vision-corner.br{bottom:11px;right:11px;border-width:0 2px 2px 0}.art-floating-vision{top:10%;left:8%}.project-info{padding:29px 32px 34px}.project-meta{display:flex;justify-content:space-between;gap:15px;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.project-meta span:last-child{display:inline-flex;align-items:center;gap:5px}.project-info h3{font-size:clamp(1.7rem,2.5vw,2.65rem);letter-spacing:-.055em;line-height:1.15;margin-top:19px}.project-info p{color:var(--muted);line-height:1.7;font-size:14px;max-width:630px;margin-top:10px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.project-tags span{border:1px solid var(--line);color:var(--muted);padding:7px 10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:900;letter-spacing:.14em;padding:14px 0;border-bottom:1px solid var(--accent)}.text-link:hover{color:var(--accent)}.all-work-link{margin-top:37px}.about-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;border-top:1px solid var(--line)}.about-intro>p{margin-top:25px;color:var(--muted);line-height:1.85;max-width:500px}.audience-grid{display:grid;gap:17px}.audience-card{background:var(--panel);border:1px solid var(--line);padding:27px 32px;display:grid;grid-template-columns:1fr auto;align-items:start;transition:border-color .3s,transform .3s}.audience-card:hover{border-color:var(--accent);transform:translateX(5px)}.audience-card>svg,.audience-number{color:var(--accent)}.audience-number{font-size:10px;letter-spacing:.15em;font-weight:900}.audience-card a,.audience-card h3,.audience-card p{grid-column:1/-1}.audience-card h3{font-size:25px;letter-spacing:-.045em;margin-top:22px}.audience-card p{color:var(--muted);line-height:1.65;margin-top:8px;font-size:14px}.audience-card a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);width:max-content;margin-top:19px;font-size:10px;letter-spacing:.14em;font-weight:900}.audience-card a+a{margin-top:10px}.services-section{background:var(--paper);color:#102124;max-width:none;padding-left:max(clamp(24px,5vw,82px),calc((100vw - 1450px)/2 + 82px));padding-right:max(clamp(24px,5vw,82px),calc((100vw - 1450px)/2 + 82px))}.services-section .section-eyebrow,.services-section h2 em{color:#087a78}.services-section .section-heading>p{color:#526163}.service-list{border-top:1px solid rgba(10,38,39,.17)}.service-row{display:grid;grid-template-columns:60px 76px 1fr 40px;align-items:center;gap:15px;min-height:157px;border-bottom:1px solid rgba(10,38,39,.17);transition:padding .3s}.service-row:hover{padding-left:11px}.service-number{font-size:11px;font-weight:900;color:#66908e}.service-row-icon{width:55px;height:55px;border:1px solid #8db9b4;border-radius:50%;display:grid;place-items:center;color:#0b7574}.service-row h3{font-size:clamp(1.65rem,2.8vw,2.55rem);letter-spacing:-.05em}.service-row p{max-width:530px;color:#526163;font-size:14px;line-height:1.7;margin-top:7px}.service-arrow{color:#087a78}.build-types{border-top:1px solid rgba(10,38,39,.17);margin-top:40px;padding-top:22px;display:flex;align-items:center;gap:25px}.build-types>span{color:#52817b;font-size:10px;font-weight:900;letter-spacing:.14em;white-space:nowrap}.build-types>div{display:flex;flex-wrap:wrap;gap:8px}.build-types>div span{border:1px solid rgba(10,38,39,.2);padding:10px 12px;font-size:10px;font-weight:800;letter-spacing:.08em}@media (max-width:600px){.build-types{align-items:flex-start;flex-direction:column;gap:14px}}.stack-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.stack-heading>p{margin-top:24px}.stack-grid{gap:28px}.stack-group{border-top:1px solid var(--line);padding-top:22px}.stack-index{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em}.stack-group>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.stack-pill{border:1px solid var(--line);background:var(--panel);padding:12px 16px;font-size:13px;font-weight:700;transition:transform .25s,border-color .25s}.stack-pill:hover{transform:translateY(-3px);border-color:var(--accent)}.process-section{border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-step{min-height:215px;border:1px solid var(--line);background:var(--panel);padding:27px}.process-step>span{display:block;font-size:11px;color:var(--accent);letter-spacing:.15em;font-weight:900;margin-bottom:55px}.process-step h3{font-size:22px;letter-spacing:-.04em}.process-step p{color:var(--muted);line-height:1.7;font-size:13px;margin-top:7px}.journey-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.journey-list,.journey-section{border-top:1px solid var(--line)}.journey-item{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.journey-item>span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}.journey-item>span:last-child{color:var(--soft)}.journey-item h3{font-size:20px;letter-spacing:-.04em}.journey-item p{color:var(--muted);font-size:13px;line-height:1.7;margin-top:7px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.faq-list,.faq-section{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:76px;cursor:pointer;font-weight:700;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:27px;color:var(--accent);font-weight:300;transition:transform .25s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);line-height:1.8;padding:0 35px 24px 0;font-size:14px}.portfolio-ending{position:relative;min-height:550px;padding:100px 24px 60px;border-top:1px solid var(--line);background:#0d2829;text-align:center;overflow:hidden;isolation:isolate}.portfolio-ending:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 25%,rgba(100,218,207,.18),transparent 41%)}.ending-orbit{position:absolute;width:600px;height:600px;border:1px solid rgba(117,238,227,.15);border-radius:50%;left:50%;top:-190px;transform:translateX(-50%);pointer-events:none}.portfolio-ending h2{font-size:clamp(4.6rem,9vw,9rem);line-height:.88;letter-spacing:-.08em}.portfolio-ending h2 em{color:#75eee3}.portfolio-ending>p{color:#bed1ce;line-height:1.7;margin:27px auto 28px;max-width:420px}.ending-button{display:inline-flex;align-items:center;gap:40px;background:#75eee3;color:#061817!important;padding:18px 22px;font-size:12px;letter-spacing:.12em;font-weight:900;transition:transform .25s}.ending-button:hover{transform:translateY(-4px)}.ending-contact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px;margin-top:50px}.ending-contact a{display:inline-flex;align-items:center;gap:6px;color:#bed1ce;font-size:10px;letter-spacing:.08em}.portfolio-home.has-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.portfolio-home.has-reveal .reveal.is-visible{opacity:1;transform:translateY(0)}[data-theme=light] .portfolio-ending{background:#1b4443;color:#f3f9f5}[data-theme=dark] .portfolio-home{--ink:#f2f5f4;--muted:#b2c0c4;--soft:#8fa2ab;--line:rgba(190,218,226,.17);--panel:#121c2a;--panel-2:#1a2a37;--accent:#a5ead8;--accent-dark:#0a1820;background:#0a101b}[data-theme=dark] .portfolio-hero:before{background:radial-gradient(ellipse at 77% 40%,rgba(81,177,159,.19),transparent 39%),radial-gradient(ellipse at 24% 80%,rgba(119,111,187,.1),transparent 39%),linear-gradient(140deg,#0a101b 23%,#101b2a)}[data-theme=dark] .work-section{background:radial-gradient(ellipse at 88% 12%,rgba(113,107,189,.08),transparent 34%)}[data-theme=dark] .audience-card,[data-theme=dark] .process-step,[data-theme=dark] .project-browser{box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 45px rgba(0,4,12,.12)}[data-theme=dark] .project-browser{border-color:rgba(180,210,220,.24)}[data-theme=dark] .project-rail-item.is-active{background:linear-gradient(150deg,#1c303b,#192436)}[data-theme=dark] .portfolio-ending{background:#102630}[data-theme=dark] .portfolio-ending:before{background:radial-gradient(circle at 52% 23%,rgba(109,225,200,.17),transparent 38%),radial-gradient(circle at 20% 100%,rgba(120,103,188,.15),transparent 48%)}[data-theme=dark] .portfolio-ending h2 em{color:#a5ead8}[data-theme=dark] .ending-button{background:#a5ead8}@media (max-width:1050px){.portfolio-hero{gap:1vw}.hero-copy h1{font-size:clamp(3.7rem,7vw,6rem)}.hero-kicker{font-size:9px}.project-media{min-height:290px}.project-card:first-child .project-media{min-height:400px}.about-section,.faq-section,.journey-section,.stack-section{gap:5%}}@media (max-width:760px){.portfolio-hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:85px;gap:30px;min-height:auto}.hero-copy h1{font-size:clamp(3.4rem,10.5vw,6rem)}.hero-lede{margin-top:25px!important}.hero-socials{margin-top:38px}.hero-visual{max-width:480px;margin:0 auto;aspect-ratio:4/3.8}.portrait-stage{width:65%;height:95%}.visual-label-top{top:13%}.visual-label-bottom{bottom:8%}.hero-index{display:none}.hero-scroll{bottom:23px}.about-section,.faq-section,.journey-section,.section-heading,.stack-section{grid-template-columns:1fr;display:grid;gap:30px}.section-heading>p{max-width:600px}.project-grid{grid-template-columns:1fr}.project-card:first-child{grid-column:auto}.project-card:first-child .project-media,.project-media{min-height:340px}.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-section{padding-top:90px;padding-bottom:90px}}@media (max-width:480px){.portfolio-hero{padding:113px 20px 80px}.hero-kicker{gap:7px;letter-spacing:.1em}.hero-copy h1{font-size:clamp(3.2rem,12.3vw,4.3rem)}.hero-copy h1>span{white-space:normal}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-primary,.action-secondary{padding:0 10px;gap:5px;min-height:51px;font-size:11px}.hero-socials{gap:13px}.hero-visual{width:100%;max-width:385px;margin-top:15px}.visual-label{font-size:8px;padding:10px}.portfolio-section{padding-left:20px;padding-right:20px}.portfolio-section h2{font-size:clamp(2.7rem,12vw,4rem)}.project-card:first-child .project-media,.project-media{min-height:270px}.project-info{padding:23px 20px 27px}.project-meta{font-size:8px}.project-info h3{font-size:1.7rem}.resume-preview{width:70%;min-height:65%}.resume-side{padding:13px 8px}.resume-body{padding:16px 7%;gap:7px}.resume-body strong{font-size:16px}.resume-avatar{width:36px;height:36px}.stock-window{width:82%}.service-row{grid-template-columns:28px 50px 1fr;gap:10px;padding:22px 0}.service-row-icon{width:42px;height:42px}.service-row-icon svg{width:21px}.service-row h3{font-size:1.5rem}.service-arrow{display:none}.process-grid{gap:9px}.process-step{padding:19px;min-height:205px}.process-step>span{margin-bottom:35px}.process-step h3{font-size:18px}.journey-item{grid-template-columns:28px 1fr}.journey-item>span:last-child{display:none}.portfolio-ending{min-height:500px}.portfolio-ending h2{font-size:5.1rem}.visual-label-top{display:none}}@media (prefers-reduced-motion:reduce){.portfolio-home *,.portfolio-home :after,.portfolio-home :before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.portfolio-home.has-reveal .reveal{opacity:1;transform:none}.portrait-stage{transform:none!important}}.stack-section{position:relative;display:block;max-width:none;isolation:isolate;overflow:hidden;background:#090a10;color:#ececef}.stack-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 6% 18%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 10% 71%,#ffffff 0 1.5px,transparent 2.5px),radial-gradient(circle at 21% 43%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 35% 8%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 44% 77%,#ffffff 0 1.5px,transparent 2.5px),radial-gradient(circle at 57% 29%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 66% 83%,#ffffff 0 1.5px,transparent 2.5px),radial-gradient(circle at 74% 13%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 84% 56%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 93% 26%,#ffffff 0 1.5px,transparent 2.5px);opacity:.66}.stack-heading{position:relative;text-align:center;margin:0 auto 48px}.portfolio-home .stack-heading h2{display:inline-block;position:relative;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.055em;color:#ececef}.stack-heading h2:after{content:"";position:absolute;bottom:-13px;left:50%;width:47px;height:4px;transform:translateX(-50%);border-radius:4px;background:#61e7e1}.stack-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1080px;margin:0 auto}.stack-group{min-height:460px;padding:30px;border:1px solid rgba(212,216,235,.1);border-radius:14px;background:linear-gradient(160deg,rgba(21,21,32,.93),rgba(10,10,17,.97));box-shadow:0 16px 45px rgba(0,0,0,.1);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.stack-group:hover{transform:translateY(-7px);border-color:rgba(100,232,224,.42);box-shadow:0 20px 55px rgba(0,0,0,.28)}.stack-group-title{position:relative;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.06);font-size:clamp(1.25rem,1.7vw,1.55rem);letter-spacing:-.04em}.stack-group-title:after{content:"";position:absolute;left:0;bottom:-1px;width:33px;height:2px;background:#61e7e1;transition:width .3s ease}.stack-group:hover .stack-group-title:after{width:65px}.stack-group .stack-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:11px;margin-top:19px}.stack-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:8px 11px;border:1px solid transparent;border-radius:11px;background:#14141e;font-size:14px;font-weight:700;transition:transform .25s ease,border-color .25s ease,background .25s ease}.stack-item:hover{transform:translateX(5px);border-color:rgba(97,231,225,.22);background:#1a2028}.stack-item img{width:25px;height:25px;object-fit:contain}.stack-item img[src*="/nextjs/"]{filter:invert(1)}@media (max-width:1020px){.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stack-group{min-height:0}}@media (max-width:680px){.stack-grid{grid-template-columns:1fr;max-width:420px;gap:16px}.stack-group{padding:25px}.stack-heading{margin-bottom:42px}}.project-browser{border:1px solid var(--line);background:var(--panel)}.project-browser-bar{min-height:62px;padding:9px 20px 9px 27px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.project-browser-bar>span{display:inline-flex;align-items:center;gap:10px;color:var(--soft);font-size:10px;font-weight:900;letter-spacing:.16em}.project-browser-bar b{color:var(--accent);margin-left:16px}.browser-live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.project-browser-controls{display:flex;gap:7px}.project-browser-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:color .2s,background .2s,border-color .2s}.project-browser-controls button:hover{color:var(--accent-dark);background:var(--accent);border-color:var(--accent)}.project-stage .project-card{border:0;animation:project-enter .45s both}.project-stage .project-card:hover{transform:none;box-shadow:none}.project-stage .project-media{min-height:460px}.project-stage .project-info{padding:28px 32px 34px}@keyframes project-enter{0%{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.project-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.project-rail-item{position:relative;min-width:0;border-right:1px solid var(--line);transition:background .25s}.project-rail-item:last-child{border-right:0}.project-rail-item:before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--accent);transition:width .3s ease}.project-rail-item.is-active,.project-rail-item:hover{background:var(--panel-2)}.project-rail-item.is-active:before{width:100%}.project-rail-item button{position:relative;width:100%;min-height:98px;padding:19px 54px 19px 22px;border:0;background:transparent;color:var(--ink);display:grid;align-content:center;gap:8px;text-align:left;cursor:pointer}.project-rail-item button>span{color:var(--soft);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.project-rail-item.is-active button>span{color:var(--accent)}.project-rail-item button strong{min-width:0;font-size:15px;letter-spacing:-.025em}.project-rail-item>a{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--soft);padding:8px}.project-rail-item.is-active>a,.project-rail-item>a:hover{color:var(--accent)}@media (max-width:760px){.project-stage .project-media{min-height:360px}.project-rail{grid-template-columns:1fr}.project-rail-item{border-right:0;border-bottom:1px solid var(--line)}.project-rail-item:last-child{border-bottom:0}.project-rail-item button{min-height:72px;padding:14px 54px 14px 19px}.project-rail-item:before{width:3px;height:0;transition:height .3s ease}.project-rail-item.is-active:before{width:3px;height:100%}}@media (max-width:480px){.project-stage .project-media{min-height:270px}.project-stage .project-info{padding:23px 20px 27px}.project-browser-bar{padding:10px 15px}.project-browser-bar b{margin-left:3px}}