.portfolio{--bg:#0a0b10;--surface:#14151e;--ink:#f0f1f7;--muted:#a2a4b4;--dim:#828597;--line:#ffffff16;--lime:#a9b6ff;background:var(--bg);color:var(--ink)}body:has(.portfolio){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0b10}.portfolio .section-container{width:min(1280px,100% - 100px);margin-inline:auto}.portfolio .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:84px;padding-inline:max(50px,50% - 640px);position:relative}.portfolio .wordmark{font-size:27px}.portfolio .brand-mark{width:25px;height:25px;margin-left:5px}.portfolio .desktop-nav{gap:28px;margin-left:auto}.portfolio .desktop-nav a{color:var(--muted);font-size:12px}.portfolio .desktop-nav a:hover{color:var(--ink)}.portfolio .header-contact{border:0;border-radius:0;gap:14px;margin-left:25px;padding:0;font-size:12px}.portfolio .header-contact:hover{color:var(--lime);background:0 0}.spatial-hero{--journey:0;--pointer-x:0;--pointer-y:0;height:145svh;position:relative}.spatial-pin{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;height:calc(100svh - 25px);min-height:640px;display:flex;position:sticky;top:0}.spatial-heading{text-align:center;z-index:3;transform:translateY(calc(var(--journey) * -45px));position:relative}.spatial-heading>p{letter-spacing:.01em;margin-bottom:22px;font-size:15px;line-height:1.5}.spatial-heading>p span{color:var(--muted)}.spatial-heading h1{letter-spacing:-.065em;font-size:clamp(48px,5.5vw,80px);font-weight:500;line-height:1.04}.spatial-heading h1>span{color:#bdc1d5}.spatial-gallery{isolation:isolate;width:min(1280px,100%);min-height:365px;margin-top:16px;position:relative}.spatial-atmosphere{z-index:-1;pointer-events:none;transform:translateY(calc(var(--journey) * -20px));background:radial-gradient(at 50% 58%,#414fba30 0%,#0000 65%),radial-gradient(at 72% 55%,#844bbc12 0%,#0000 48%);position:absolute;inset:-40px 0 -60px;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.spatial-orbit{pointer-events:none;z-index:-1;border:1px solid #abb8ff12;border-radius:50%;width:82%;height:75%;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.orbit-two{opacity:.4;width:90%;height:68%;transform:translate(-50%,-50%)rotate(13deg)}.spatial-camera{perspective:1500px;width:calc(100% - 60px);height:350px;transform-style:preserve-3d;transform:rotateX(calc(var(--pointer-y) * -2deg)) rotateY(calc(var(--pointer-x) * 1.5deg));margin-inline:auto;position:relative}.spatial-front{width:min(61%, calc(325px * var(--screen-ratio) + 10px));max-width:780px;transform:translateX(-50%) translateY(calc(var(--journey) * -12px)) rotateX(calc(-5deg + var(--journey) * 9deg));z-index:3;background:#181b2d;border:1px solid #b5bfff38;border-radius:13px;padding:5px;animation:.6s ease-out scene-open;position:absolute;top:15px;left:50%;box-shadow:0 40px 60px -25px #000c,0 0 40px #7081ed12}.spatial-front .screenshot-button,.spatial-front img{border-radius:9px}.spatial-front .screenshot-button>img{height:auto}.spatial-side{width:32%;transform-style:preserve-3d;cursor:pointer;background:#151725;border:1px solid #8a96d535;border-radius:13px;padding:5px;transition:filter .25s,border-color .25s;position:absolute;top:50px;box-shadow:0 30px 45px #0007}.spatial-side>img{border-radius:8px;width:100%;height:auto}.spatial-side>span{font-family:var(--font-mono);letter-spacing:.04em;color:#9b9daf;text-align:center;font-size:10px;position:absolute;bottom:-32px;left:0;right:0}.spatial-left{transform:translateX(calc(var(--journey) * -12px)) translateY(calc(var(--journey) * 20px)) translateZ(-130px) rotateY(calc(16deg + var(--journey) * 4deg)) rotateZ(-3deg);filter:brightness(.75);left:3%}.spatial-right{transform:translateX(calc(var(--journey) * 12px)) translateY(calc(var(--journey) * 20px)) translateZ(-130px) rotateY(calc(-16deg - var(--journey) * 4deg)) rotateZ(3deg);filter:brightness(.75);right:3%}.spatial-side:focus-within{filter:brightness();border-color:#a9b6ff}.spatial-side:has(.spatial-hit:hover){filter:brightness();border-color:#a9b6ff}.spatial-caption{z-index:5;justify-content:center;margin-top:14px;display:flex;position:relative}.spatial-caption a{align-items:center;gap:10px;font-size:12px;display:inline-flex}.spatial-status{color:var(--muted);margin-left:6px;font-size:10px}.spatial-caption a:hover{color:var(--lime)}.spatial-footnote{justify-content:space-between;gap:25px;width:min(1180px,100% - 100px);margin-top:38px;display:flex}.spatial-footnote p{color:#cbcddb;font-size:10px;line-height:1.8}.spatial-footnote p>span{color:var(--muted)}.spatial-footnote a{color:var(--muted);align-items:center;gap:18px;font-size:10px;display:flex}.spatial-footnote a>span:last-child{color:var(--lime);font-size:26px}.portfolio .work-section{padding-block:40px 110px}.portfolio .section-heading{gap:45px;margin-bottom:65px}.portfolio .section-heading .eyebrow{color:var(--muted);margin-bottom:22px;font-size:10px}.portfolio .section-heading h2{letter-spacing:-.06em;font-size:clamp(38px,4.6vw,65px);font-weight:500;line-height:1.06}.portfolio .section-heading>p{color:var(--muted);max-width:280px;font-size:13px}.portfolio .project-list{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:80px 55px;display:grid}.portfolio .project-card{background:0 0;border:0;border-radius:0;flex-direction:column;grid-column:span 7;min-width:0;padding:0;display:flex;overflow:visible}.portfolio .project-card:nth-child(2n){grid-column:span 5;margin-top:130px}.portfolio .project-card:nth-child(3){grid-column:span 5}.portfolio .project-card:nth-child(4){grid-column:span 7;margin-top:100px}.portfolio .project-visual{perspective:1100px;background:radial-gradient(at 50% 90%,#5060792b,#0000 75%),#11151d;border-radius:25px;padding:26px 28px 40px;overflow:visible}.portfolio .project-card.tone-green .project-visual{background:radial-gradient(at 50% 90%,#549b9c20,#0000 75%),#101719}.portfolio .project-card.tone-purple .project-visual{background:radial-gradient(at 50% 90%,#865dd035,#0000 75%),#14121e}.portfolio .project-card.tone-blue .project-visual{background:radial-gradient(at 50% 90%,#416ccc35,#0000 75%),#111420}.portfolio .project-card.tone-amber .project-visual{background:radial-gradient(at 50% 90%,#82724f30,#0000 75%),#161519}.portfolio .project-visual:after{display:none}.portfolio .project-visual-meta{padding-bottom:20px}.portfolio .project-visual-meta .mono{color:var(--muted);font-size:10px}.portfolio .project-status{color:var(--muted);background:0 0;border:0;padding:0}.portfolio .project-status>span{background:#838699}.portfolio .project-status.is-live>span{background:#a9b6ff}.portfolio .project-screen{transform:translateY(calc(var(--depth,0) * -40px)) rotateX(calc(var(--depth,0) * 12deg)) rotateY(calc(var(--depth,0) * -6deg));background:#101211;border:1px solid #ffffff17;border-radius:12px;margin:0;padding:4px;transition:transform .12s linear;box-shadow:0 30px 45px -25px #000c}.portfolio .project-screen img,.portfolio .project-screen .screenshot-button{border-radius:8px}.portfolio .project-visual-name{display:none}.portfolio .project-copy{padding:25px 7px 0}.portfolio .project-title-row{justify-content:space-between;margin-bottom:14px}.portfolio .project-logo{width:28px;height:28px}.portfolio .project-copy h3{letter-spacing:-.055em;font-size:36px;font-weight:500;line-height:1.1}.portfolio .project-statement{color:#d1d6f0;margin-top:12px;font-size:14px}.portfolio .project-description{max-width:470px;font-size:13px;line-height:1.8}.portfolio .project-tags{gap:12px;margin-top:19px}.portfolio .project-tags li{border:0;padding:0;font-size:10px}.portfolio .project-actions{border:0;margin-top:20px;padding-top:0}.portfolio .text-link{color:var(--ink);font-size:12px}.portfolio .project-store{font-size:10px}.portfolio .approach-section{color:var(--ink);background:radial-gradient(at 90% 80%,#465ace20,#0000 50%),#0d0f19;border-radius:38px;width:min(1380px,100% - 40px);margin-inline:auto;padding-block:95px;position:relative;overflow:hidden}.portfolio .approach-section:before{content:"";width:370px;height:370px;transform:translateY(calc(var(--depth,0) * 70px));pointer-events:none;border:45px solid #6c79d114;border-radius:50%;position:absolute;top:35px;right:-70px}.portfolio .approach-section h2{letter-spacing:-.06em;font-size:clamp(44px,6vw,84px);font-weight:500;line-height:1.07}.portfolio .approach-section h2 em{color:#adb7f8;font-family:var(--font-sans);font-style:normal}.portfolio .approach-section .eyebrow{color:var(--muted)}.portfolio .approach-bottom{justify-content:space-between;align-items:start;gap:40px;margin-top:40px}.approach-annotation{color:#9eabed;line-height:1.9;font-size:10px!important}.portfolio .approach-bottom p{color:var(--muted);max-width:430px;font-size:13px}.portfolio .experience-section{padding-block:115px 65px}.portfolio .experience-row{grid-template-columns:60px 1fr 1.4fr;padding-block:32px}.portfolio .experience-row h3{font-size:30px;font-weight:500}.portfolio .experience-row p{font-size:13px}.portfolio .capabilities-section{padding-block:45px 95px}.portfolio .capability-grid{border:0;border-radius:0;gap:14px;overflow:visible}.portfolio .capability{background:#12141d;border:0;border-radius:20px;padding:25px}.portfolio .capability h3{font-size:18px}.portfolio .capability p{font-size:12px}.portfolio .capability-stack{font-size:10px}.portfolio .build-note{border-color:var(--line);margin-bottom:45px}.portfolio .site-footer{background:radial-gradient(at 45% 110%,#5465d329,#0000 60%),#0b0d16;border-top:0;padding-block:50px 25px}.portfolio .footer-heading h2{font-family:var(--font-sans);letter-spacing:-.065em;font-size:clamp(50px,7.3vw,104px);font-weight:500;line-height:1.05}.portfolio .footer-heading h2 em{font-family:var(--font-sans);color:#aeb7ee;font-style:normal}.portfolio .contact-orb{color:var(--lime);background:#a9b6ff0b;border:1px solid #a9b6ff20;width:115px;height:115px}.portfolio .contact-orb:hover{color:var(--ink);background:#a9b6ff20}.portfolio .footer-contact>a{color:var(--ink);font-size:18px}.portfolio .footer-bottom{margin-top:50px}.portfolio .status-dot{box-shadow:none;background:#a9b6ff}.portfolio .image-dialog{color:#f0f1f7;background:#10121b;border-color:#8c99db40}@keyframes scene-open{0%{translate:0 14px}to{opacity:1;translate:0}}.dossier .product-shell{--signal:#a9b6ff;--wash:#141722}.dossier .product-breadcrumb{padding-block:15px}.dossier .product-hero{padding-block:40px 60px;display:block}.dossier .product-hero-copy{grid-template-columns:1.6fr 1fr;gap:18px 70px;display:grid}.dossier .product-identity{grid-column:1/-1;margin-bottom:15px}.dossier .product-identity>img{width:36px;height:36px}.dossier .product-hero h1{letter-spacing:-.065em;grid-row:span 2;font-size:clamp(45px,6vw,84px);line-height:1.03}.dossier .product-lead{align-self:end;max-width:380px;margin:0;font-size:13px}.dossier .product-primary-actions{align-self:start;margin:0}.dossier .button-lime{color:#10121b;background:#a9b6ff;border:0;border-radius:8px;font-size:12px}.dossier .product-hero-visual{border:0;border-radius:25px;margin-top:45px;padding:25px 55px 30px}.dossier .product-hero-screen{background:#101211;border:1px solid #ffffff20;border-radius:12px;max-width:920px;margin-inline:auto;padding:4px;transform:none;box-shadow:0 30px 45px -25px #000c}.dossier .product-hero-screen .screenshot-button{border-radius:8px}.dossier .product-facts{background:#11141d;border:0;border-radius:20px}.dossier .product-facts>div{border:0;padding:25px}.dossier .product-facts>div:first-child{padding-left:25px}.dossier .product-facts strong{color:#d2d8fa;font-size:25px}.dossier .case-grid{gap:30px}.dossier .case-grid article{border:0}.dossier .feature-row{border:0;align-items:start;padding-block:50px}.dossier .feature-copy h2{font-size:clamp(30px,3.5vw,46px)}.dossier .feature-image{border:0;border-radius:16px;padding:6px;box-shadow:0 25px 40px -25px #000b}.dossier .product-closing{border:0;border-radius:20px}.dossier .next-project{border-color:var(--line)}@media (max-width:1000px){.portfolio .section-container{width:calc(100% - 70px)}.portfolio .site-header{padding-inline:35px}.spatial-gallery{min-height:315px}.spatial-camera{height:315px}.spatial-front .screenshot-button>img{height:auto}.portfolio .project-list{gap:65px 30px}.portfolio .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-footnote{width:calc(100% - 70px)}}@media (max-width:760px){.portfolio .section-container{width:calc(100% - 40px)}.portfolio .site-header{gap:12px;height:74px;padding-inline:20px}.portfolio .desktop-nav{display:none}.portfolio .header-contact{gap:8px;margin-left:auto;font-size:10px}.portfolio .menu-toggle{background:#ffffff05;border-color:#ffffff25;border-radius:12px}.portfolio .mobile-menu{border-color:var(--line);background:#10121b;top:74px}.portfolio .mobile-menu a{border-color:var(--line)}.spatial-hero{height:auto}.spatial-pin{height:auto;min-height:0;padding-block:35px 60px;position:relative}.spatial-heading{padding-inline:20px;transform:none}.spatial-heading>p{margin-bottom:25px;font-size:13px}.spatial-heading>p span{margin-top:3px;font-size:11px;display:block}.spatial-heading h1{font-size:clamp(43px,10.5vw,70px)}.spatial-gallery{width:100%;min-height:260px;margin-top:30px}.spatial-camera{perspective:900px;width:calc(100% - 24px);height:235px;transform:none}.spatial-front{width:min(74%, calc(220px * var(--screen-ratio) + 6px));border-radius:10px;padding:3px;top:32px;transform:translate(-50%)rotateX(-4deg)}.spatial-front .screenshot-button>img{height:auto}.spatial-side{width:52%;padding:3px;top:55px}.spatial-left{left:0;transform:translateZ(-120px)rotateY(16deg)rotate(-3deg)}.spatial-right{right:0;transform:translateZ(-120px)rotateY(-16deg)rotate(3deg)}.spatial-side>span{display:none}.spatial-caption{margin-top:10px}.spatial-caption a{font-size:12px}.spatial-orbit{width:100%;height:70%}.orbit-two{width:97%}.spatial-footnote{width:calc(100% - 40px);margin-top:33px}.spatial-footnote p{font-size:10px}.spatial-footnote a{gap:10px;font-size:10px}.portfolio .work-section{padding-block:35px 65px}.portfolio .section-heading{align-items:flex-start;gap:20px;margin-bottom:35px}.portfolio .section-heading h2{font-size:42px}.portfolio .section-heading>p{max-width:400px;font-size:12px}.portfolio .project-list{display:block}.portfolio .project-card,.portfolio .project-card:nth-child(2n),.portfolio .project-card:nth-child(5){width:100%;margin:0 0 50px}.portfolio .project-card:last-child{margin-bottom:0}.portfolio .project-visual{border-radius:20px;padding:20px 16px 28px}.portfolio .project-screen,.portfolio .project-card:nth-child(2n) .project-screen{transform:translateY(calc(var(--depth,0) * -12px)) rotateX(calc(var(--depth,0) * 5deg))}.portfolio .project-copy h3{font-size:31px}.portfolio .project-copy{padding-top:22px}.portfolio .project-description{max-width:100%}.portfolio .approach-section{border-radius:25px;width:calc(100% - 24px);padding-block:55px}.portfolio .approach-section h2{font-size:40px}.portfolio .approach-section:before{opacity:.6;border-width:25px;width:230px;height:230px}.portfolio .approach-bottom{flex-direction:column;gap:25px;margin-top:30px}.portfolio .approach-bottom p{font-size:13px}.portfolio .experience-section{padding-block:70px 35px}.portfolio .experience-row{grid-template-columns:30px 1fr;gap:12px}.portfolio .experience-row>div:last-child{grid-column:2}.portfolio .experience-row h3{font-size:27px}.portfolio .capabilities-section{padding-block:35px 55px}.portfolio .capability{border-radius:16px;padding:19px}.portfolio .capability h3{font-size:16px}.portfolio .capability-stack{font-size:7px}.portfolio .build-note{margin-bottom:30px}.portfolio .footer-heading h2{font-size:clamp(37px,8.5vw,66px)}.portfolio .contact-orb{width:55px;height:55px}.portfolio .footer-contact>a{font-size:15px}.portfolio .footer-bottom{margin-top:30px}.dossier .product-hero-copy{display:block}.dossier .product-hero{padding-top:25px}.dossier .product-hero h1{font-size:43px}.dossier .product-lead{margin-top:25px}.dossier .product-primary-actions{margin-top:20px}.dossier .product-hero-visual{margin-top:35px;padding:20px 12px}.dossier .product-facts strong{font-size:21px}.dossier .product-facts>div{padding:22px 16px}.dossier .product-facts>div:first-child{padding-left:16px}.dossier .case-grid{display:block}.dossier .case-grid article{padding-block:15px}.dossier .feature-row{flex-direction:column;gap:25px;display:flex}.dossier .feature-row:nth-child(2n) .feature-image{order:0}.dossier .product-closing{align-items:flex-start;padding:25px}}@media (prefers-reduced-motion:reduce){.spatial-hero{height:auto}.spatial-pin{position:relative}.spatial-front{animation:none}.spatial-camera,.spatial-heading,.portfolio .project-screen,.portfolio .project-card:nth-child(2n) .project-screen{transition:none;transform:none}.spatial-front{transform:translate(-50%)}}.spatial-hit{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;position:absolute;inset:0}.spatial-left .spatial-hit{right:65%}.spatial-right .spatial-hit{left:65%}.spatial-camera,.spatial-side{pointer-events:none}.spatial-hit,.spatial-front .screenshot-button,.spatial-front .image-dialog{pointer-events:auto}@media (max-width:760px){.spatial-orbit{width:85%;height:60%}.orbit-two{width:87%}.spatial-front{width:min(74%, calc(220px * var(--screen-ratio) + 6px))}.spatial-left .spatial-hit{right:80%}.spatial-right .spatial-hit{left:80%}}.spatial-neighbor{text-align:center;width:32%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em;pointer-events:none;font-size:10px;position:absolute;bottom:0}.neighbor-left{left:3%}.neighbor-right{right:3%}.spatial-guidance{text-align:center;color:var(--muted);margin-top:7px;font-size:10px}.portfolio .project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 45px}.portfolio .project-card,.portfolio .project-card:nth-child(2n),.portfolio .project-card:nth-child(3),.portfolio .project-card:nth-child(4){grid-column:auto;margin-top:0}.portfolio .project-card:nth-child(5){grid-column:auto;width:100%;margin-inline:0}.portfolio .project-visual{flex-direction:column;justify-content:space-between;height:380px;display:flex}.portfolio .project-screen{width:min(100%, calc(270px * var(--project-ratio)));transform:translateY(calc(var(--depth,0) * -12px)) rotateX(calc(var(--depth,0) * 5deg));margin-inline:auto}.portfolio .project-card:nth-child(2n) .project-screen{transform:translateY(calc(var(--depth,0) * -12px)) rotateX(calc(var(--depth,0) * 5deg))}.portfolio .project-screen:hover,.portfolio .project-screen:focus-within{transform:none}@media (max-width:1000px) and (min-width:761px){.spatial-front{width:min(61%, calc(280px * var(--screen-ratio) + 10px))}.portfolio .project-visual{height:330px}.portfolio .project-screen{width:min(100%, calc(220px * var(--project-ratio)))}}@media (max-width:760px){.spatial-neighbor{display:none}.spatial-guidance{padding-inline:20px;font-size:10px}.portfolio .project-card:nth-child(5){width:100%}.portfolio .project-visual{gap:10px;height:auto}.portfolio .project-screen{width:100%}}@media (prefers-reduced-motion:reduce){.portfolio .project-screen,.portfolio .project-card:nth-child(2n) .project-screen{transform:none}}.portfolio .project-status{font-size:10px}.spatial-caption a{font-size:16px}.spatial-status{font-size:11px}.spatial-guidance{font-size:11px;line-height:1.5}@media (max-width:760px){.spatial-caption a{font-size:14px}.spatial-guidance{font-size:10px}}.spatial-caption{grid-template-columns:1fr auto 1fr;align-items:center;width:calc(100% - 60px);margin-inline:auto;display:grid}.spatial-neighbor{width:auto;font-size:10px;position:static}@media (max-width:760px){.spatial-caption{display:flex}}