.portfolio-page{--portfolio-bg:#06080d;--portfolio-bg-soft:#0b0f17;--portfolio-surface:#101621d1;--portfolio-surface-strong:#101620;--portfolio-text:#f6f8fc;--portfolio-muted:#99a5b8;--portfolio-line:#ffffff1a;--portfolio-blue:#69a7ff;--portfolio-blue-strong:#2878ff;--portfolio-lime:#c8ff69;background:var(--portfolio-bg);min-height:100vh;color:var(--portfolio-text);text-align:left;isolation:isolate;position:relative;overflow:clip}:root[data-theme=light] .portfolio-page{--portfolio-bg:#eef2f7;--portfolio-bg-soft:#f8fafc;--portfolio-surface:#ffffffd6;--portfolio-surface-strong:#fff;--portfolio-text:#111827;--portfolio-muted:#5d697b;--portfolio-line:#0f172a1c;--portfolio-blue:#2563eb;--portfolio-blue-strong:#1255de;--portfolio-lime:#74a900}.portfolio-page *,.portfolio-page :before,.portfolio-page :after{box-sizing:border-box}.portfolio-page a{color:inherit}.portfolio-shell{width:min(1440px,100% - 112px);margin-inline:auto}.portfolio-hero{background:radial-gradient(circle at 80% 35%, #2878ff33, transparent 31%), radial-gradient(circle at 24% 96%, #764eff1f, transparent 33%), var(--portfolio-bg);align-items:center;min-height:100svh;padding:142px 0 92px;display:grid;position:relative;overflow:hidden}.portfolio-hero:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #69a7ff29;border-radius:50%;width:74vw;position:absolute;bottom:-42vw;right:-18vw;box-shadow:0 0 0 8vw #69a7ff06,0 0 0 16vw #69a7ff05}.portfolio-hero__grid{opacity:.28;transform-origin:bottom;pointer-events:none;background-image:linear-gradient(#69a7ff1c 1px,#0000 1px),linear-gradient(90deg,#69a7ff1c 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:-15%;transform:perspective(700px)rotateX(56deg)translateY(22%);-webkit-mask-image:linear-gradient(90deg,#0000 4%,#000 40% 100%);mask-image:linear-gradient(90deg,#0000 4%,#000 40% 100%)}.portfolio-hero__glow{aspect-ratio:1;filter:blur(110px);opacity:.62;pointer-events:none;background:#2563eb38;border-radius:50%;width:min(48vw,760px);position:absolute;top:11%;right:3vw}.portfolio-hero__layout{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(450px,.88fr);align-items:center;gap:clamp(54px,7vw,112px);display:grid;position:relative}.portfolio-hero__copy{z-index:3;position:relative}.portfolio-hero__eyebrow{color:var(--portfolio-muted);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:34px;font-size:.72rem;font-weight:700;display:inline-flex}.portfolio-hero__eyebrow i{background:var(--portfolio-lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #c8ff691a}.portfolio-hero h1{color:var(--portfolio-text);letter-spacing:-.07em;margin:0;font-size:clamp(4rem,6.3vw,7.3rem);font-weight:650;line-height:.9}.portfolio-hero__title-line{padding:0 .09em .09em 0;display:block;overflow:hidden}.portfolio-hero__title-line>span{transform-origin:0 100%;display:block}.portfolio-hero__title-line--accent>span{color:var(--portfolio-blue);font-style:italic;font-weight:500}.portfolio-hero__summary{width:min(590px,92%);color:var(--portfolio-muted);margin-top:32px;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.72}.portfolio-hero__actions{align-items:center;gap:28px;margin-top:38px;display:flex}.portfolio-hero__actions a:first-child,.portfolio-closing a{background:var(--portfolio-blue-strong);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:0 25px;font-size:.9rem;font-weight:750;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex}.portfolio-hero__actions a:first-child:hover,.portfolio-closing a:hover{background:#1769f3;transform:translateY(-3px);box-shadow:0 18px 45px #2878ff47}.portfolio-hero__actions a:last-child{color:var(--portfolio-text);padding:12px 0;font-size:.88rem;font-weight:700;text-decoration:none;position:relative}.portfolio-hero__actions a:last-child:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .3s;position:absolute;bottom:6px;left:0;right:0;transform:scaleX(.28)}.portfolio-hero__actions a:last-child:hover:after{transform:scaleX(1)}.portfolio-hero__stage{aspect-ratio:.92;perspective:1200px;width:100%;transform-style:preserve-3d;position:relative}.portfolio-hero__card{transform-style:preserve-3d;background:#10151e;border:1px solid #ffffff21;border-radius:24px;position:absolute;overflow:hidden;box-shadow:0 40px 100px #00000073}.portfolio-hero__card>img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-hero__card>span{color:#ffffffd6;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04070cad;border:1px solid #ffffff24;border-radius:999px;padding:9px 13px;font-size:.64rem;font-weight:700;position:absolute;bottom:18px;left:20px}.portfolio-hero__card--back{opacity:.82;width:57%;height:42%;top:3%;right:0;transform:rotate(9deg)translateZ(-70px)}.portfolio-hero__card--middle{opacity:.92;width:50%;height:44%;bottom:5%;right:46%;transform:rotate(-8deg)translateZ(-15px)}.portfolio-hero__card--front{z-index:3;width:78%;height:63%;top:18%;right:6%;transform:rotate(2deg)translateZ(50px)}.portfolio-hero__card--front>img{object-position:center;height:calc(100% - 40px)}.portfolio-hero__window-bar,.portfolio-project__browser{background:#111720;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;height:40px;padding:0 15px;display:flex}.portfolio-hero__window-bar i,.portfolio-project__browser>span{background:#ffffff38;border-radius:50%;width:7px;height:7px}.portfolio-hero__window-bar span,.portfolio-project__browser small{color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;margin-left:auto;font-size:.56rem;font-style:normal}.portfolio-hero__card-label{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05080dc7;border:1px solid #ffffff21;border-radius:15px;justify-content:space-between;align-items:flex-end;gap:20px;padding:18px 20px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.portfolio-hero__card-label span{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;font-size:.57rem}.portfolio-hero__card-label strong{font-size:.84rem}.portfolio-hero__scroll{z-index:3;color:var(--portfolio-muted);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:12px;font-size:.62rem;font-weight:700;text-decoration:none;display:flex;position:absolute;bottom:28px;right:50%;transform:translate(50%)}.portfolio-hero__scroll i{background:var(--portfolio-line);width:38px;height:1px;position:relative;overflow:hidden}.portfolio-hero__scroll i:after{content:"";background:var(--portfolio-blue);animation:1.8s ease-in-out infinite portfolio-scroll-line;position:absolute;inset:0}@keyframes portfolio-scroll-line{0%{transform:translate(-105%)}55%,to{transform:translate(105%)}}.portfolio-intro{background:var(--portfolio-bg-soft);border-block:1px solid var(--portfolio-line);padding:clamp(110px,13vw,210px) 0;position:relative}.portfolio-intro__layout{grid-template-columns:.65fr 1.55fr;gap:clamp(50px,10vw,170px);display:grid}.portfolio-intro__kicker,.portfolio-more__heading>span,.portfolio-projects__heading>span,.portfolio-closing .portfolio-shell>span{color:var(--portfolio-blue);letter-spacing:.17em;text-transform:uppercase;font-size:.68rem;font-weight:800}.portfolio-intro h2,.portfolio-projects__heading h2,.portfolio-more__heading h2,.portfolio-closing h2{color:var(--portfolio-text);letter-spacing:-.055em;margin:0;font-weight:580}.portfolio-intro h2{max-width:900px;font-size:clamp(2.9rem,5vw,5.8rem);line-height:1.02}.portfolio-intro h2 span{color:var(--portfolio-muted);display:block}.portfolio-intro__layout>div>p{max-width:720px;color:var(--portfolio-muted);margin-top:34px;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.75}.portfolio-intro__note{border:1px solid var(--portfolio-line);color:var(--portfolio-muted);letter-spacing:.04em;border-radius:999px;margin-top:24px;padding:9px 12px;font-size:.62rem;display:inline-block}.portfolio-projects{background:var(--portfolio-bg);padding:clamp(110px,12vw,180px) 0 80px;position:relative}.portfolio-projects__heading{margin-bottom:clamp(60px,8vw,110px)}.portfolio-projects__heading h2,.portfolio-more__heading h2{margin-top:17px;font-size:clamp(3rem,5.4vw,6.2rem);line-height:.98}.portfolio-progress{z-index:4;pointer-events:none;flex-direction:column;align-items:center;width:16px;display:flex;position:absolute;top:420px;bottom:280px;left:max(22px,50vw - 785px)}.portfolio-progress__line{background:var(--portfolio-line);flex:1;width:1px;min-height:300px;position:relative}.portfolio-progress__fill{background:var(--portfolio-blue);transform-origin:top;display:block;position:absolute;inset:0}.portfolio-progress small{color:var(--portfolio-muted);font-size:.52rem;font-weight:700;line-height:1}.portfolio-progress small:first-of-type{order:-1;margin-bottom:14px}.portfolio-progress small:last-of-type{margin-top:14px}.portfolio-project{--project-accent:#4f8fff;min-height:118svh;position:relative}.portfolio-project:before{content:"";opacity:.46;background:radial-gradient(circle at 74% 44%, color-mix(in srgb, var(--project-accent) 18%, transparent), transparent 31%);pointer-events:none;position:absolute;inset:6% 0}.portfolio-project--violet{--project-accent:#8c74ff}.portfolio-project--cyan{--project-accent:#41d5e9}.portfolio-project--magenta{--project-accent:#dc6cff}.portfolio-project__inner{grid-template-columns:minmax(340px,.75fr) minmax(520px,1.25fr);align-items:center;gap:clamp(60px,7.5vw,128px);min-height:calc(100svh - 116px);padding-block:48px;display:grid;position:sticky;top:100px}.portfolio-project--reverse .portfolio-project__copy{order:2}.portfolio-project--reverse .portfolio-project__visual{order:1}.portfolio-project__copy{z-index:2;position:relative}.portfolio-project__number{color:color-mix(in srgb, var(--project-accent) 78%, var(--portfolio-text));letter-spacing:.17em;margin-bottom:42px;font-size:.7rem;font-weight:800;display:block}.portfolio-project__eyebrow{color:var(--project-accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:.66rem;font-weight:800;display:flex}.portfolio-project__eyebrow svg{width:16px;height:16px}.portfolio-project h3{color:var(--portfolio-text);letter-spacing:-.06em;margin:19px 0 23px;font-size:clamp(2.8rem,4.7vw,5.5rem);font-weight:590;line-height:.96}.portfolio-project__copy>p{max-width:570px;color:var(--portfolio-muted);font-size:clamp(.98rem,1.18vw,1.12rem);line-height:1.72}.portfolio-project__outcomes{grid-template-columns:repeat(2,1fr);gap:24px;margin:34px 0 0;display:grid}.portfolio-project__outcomes div{border-top:1px solid var(--portfolio-line);padding-top:17px}.portfolio-project__outcomes dt{color:var(--portfolio-text);letter-spacing:-.045em;font-size:clamp(1.55rem,2.1vw,2.35rem);font-weight:680}.portfolio-project__outcomes dd{color:var(--portfolio-muted);margin:3px 0 0;font-size:.68rem;line-height:1.4}.portfolio-project__tags{flex-wrap:wrap;gap:7px;margin:28px 0 0;padding:0;list-style:none;display:flex}.portfolio-project__tags li{border:1px solid var(--portfolio-line);color:var(--portfolio-muted);border-radius:999px;padding:8px 11px;font-size:.58rem;font-weight:650}.portfolio-project__link{width:fit-content;color:var(--portfolio-text);align-items:center;gap:10px;margin-top:28px;font-size:.75rem;font-weight:750;text-decoration:none;display:flex}.portfolio-project__link svg{width:17px;transition:transform .3s}.portfolio-project__link:hover svg{transform:translate(5px)}.portfolio-project__visual{min-width:0;position:relative}.portfolio-project__frame{aspect-ratio:1.5;clip-path:inset(0 round clamp(22px,2.2vw,34px));background:#10151e;border:1px solid #ffffff21;border-radius:clamp(22px,2.2vw,34px);position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 44px 100px #00000061}:root[data-theme=light] .portfolio-project__frame{border-color:#0f172a1f;box-shadow:0 35px 85px #1b29462b}.portfolio-project__browser{z-index:4;position:relative}.portfolio-project__media{height:calc(100% - 40px);position:relative;overflow:hidden}.portfolio-project__image{object-fit:cover;will-change:transform;width:100%;height:116%;display:block;position:absolute;top:-8%;left:0}.portfolio-project__shade{background:linear-gradient(#0000 62%,#04070c52 100%);position:absolute;inset:0}.portfolio-project__watermark{color:#ffffff57;letter-spacing:-.09em;font-size:clamp(4.5rem,9vw,10rem);font-weight:760;line-height:.8;position:absolute;bottom:9px;right:22px}.portfolio-project__float{z-index:6;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c13c7;border:1px solid #ffffff26;border-radius:16px;position:absolute;box-shadow:0 22px 55px #00000047}.portfolio-project__float--status{min-width:148px;padding:16px 18px;top:13%;right:-34px}.portfolio-project__float--status>span{color:#fff9;align-items:center;gap:7px;font-size:.57rem;display:flex}.portfolio-project__float--status i{background:#79e495;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #79e4951f}.portfolio-project__float--status strong{letter-spacing:-.04em;margin-top:8px;font-size:1.45rem;display:block}.portfolio-project__float--build{align-items:center;gap:12px;padding:14px 16px;display:flex;bottom:10%;left:-38px}.portfolio-project__float--build>svg{background:color-mix(in srgb, var(--project-accent) 22%, transparent);width:30px;height:30px;color:var(--project-accent);border-radius:9px;padding:7px}.portfolio-project__float--build span{flex-direction:column;gap:2px;display:flex}.portfolio-project__float--build small{color:#ffffff85;font-size:.52rem}.portfolio-project__float--build strong{font-size:.67rem}.portfolio-more{background:var(--portfolio-bg-soft);border-top:1px solid var(--portfolio-line);padding:clamp(110px,12vw,190px) 0}.portfolio-more__heading{max-width:980px;margin-bottom:clamp(50px,7vw,92px)}.portfolio-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.portfolio-more-card{color:#fff;background:#0d121a;border:1px solid #ffffff1f;border-radius:26px;flex-direction:column;justify-content:space-between;min-height:450px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #0003}.portfolio-more-card--wide{grid-column:1/-1;min-height:560px}.portfolio-more-card>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.portfolio-more-card:hover>img{transform:scale(1.055)}.portfolio-more-card__shade{background:linear-gradient(#03060a59,#03060a1f 36%,#03060ae0),linear-gradient(90deg,#03060a7a,#0000 65%);position:absolute;inset:0}.portfolio-more-card__top,.portfolio-more-card__copy{z-index:2;position:relative}.portfolio-more-card__top{justify-content:space-between;align-items:center;display:flex}.portfolio-more-card__top>span{letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03060a57;border:1px solid #ffffff2e;border-radius:999px;padding:8px 11px;font-size:.55rem;font-weight:700}.portfolio-more-card__top svg{background:#03060a4d;border:1px solid #ffffff29;border-radius:50%;width:38px;height:38px;padding:9px}.portfolio-more-card__copy{max-width:590px}.portfolio-more-card__copy>span{color:#80b4ff;letter-spacing:.13em;text-transform:uppercase;font-size:.6rem;font-weight:800}.portfolio-more-card h3{color:#fff;letter-spacing:-.055em;margin:12px 0 10px;font-size:clamp(2rem,3.2vw,4rem);font-weight:600;line-height:1}.portfolio-more-card p{color:#ffffffb3;max-width:480px;font-size:.82rem;line-height:1.65}.portfolio-marquee{border-block:1px solid var(--portfolio-line);background:var(--portfolio-bg);padding:31px 0;overflow:hidden}.portfolio-marquee__track{width:max-content;animation:28s linear infinite portfolio-marquee;display:flex}.portfolio-marquee__track>div{align-items:center;display:flex}.portfolio-marquee span{color:var(--portfolio-text);letter-spacing:-.035em;white-space:nowrap;padding-inline:28px;font-size:clamp(1.4rem,2.4vw,2.7rem);font-weight:540}.portfolio-marquee i{background:var(--portfolio-blue);border-radius:50%;width:8px;height:8px}@keyframes portfolio-marquee{to{transform:translate(-50%)}}.portfolio-closing{background:linear-gradient(180deg, transparent, #2878ff14), var(--portfolio-bg);text-align:center;place-items:center;min-height:min(850px,92svh);padding:110px 0;display:grid;position:relative;overflow:hidden}.portfolio-closing__orb{aspect-ratio:1;background:radial-gradient(circle,#2878ff2e,#0000 64%);border:1px solid #69a7ff29;border-radius:50%;width:min(70vw,920px);position:absolute;box-shadow:0 0 0 8vw #69a7ff05,0 0 0 16vw #69a7ff03}.portfolio-closing .portfolio-shell{z-index:2;position:relative}.portfolio-closing h2{max-width:1050px;margin:24px auto 38px;font-size:clamp(3.4rem,7.5vw,8.5rem);line-height:.9}.portfolio-closing h2 em{color:var(--portfolio-blue);font-weight:500;display:block}.portfolio-closing a{width:fit-content;margin-inline:auto}.portfolio-page a:focus-visible{outline-offset:4px;outline:3px solid #69a7ff8c}@media (width<=1260px){.portfolio-shell{width:min(100% - 72px,1180px)}.portfolio-hero__layout{grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);gap:44px}.portfolio-project__inner{grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr);gap:72px}.portfolio-progress{display:none}}@media (width<=992px){.portfolio-shell{width:min(100% - 48px,820px)}.portfolio-hero{min-height:auto;padding:142px 0 90px}.portfolio-hero__layout{grid-template-columns:1fr;gap:60px}.portfolio-hero__summary{max-width:660px}.portfolio-hero__stage{width:min(100%,690px);margin-inline:auto}.portfolio-hero__scroll{display:none}.portfolio-intro__layout{grid-template-columns:1fr;gap:28px}.portfolio-project{border-top:1px solid var(--portfolio-line);min-height:auto;padding:78px 0}.portfolio-project__inner{grid-template-columns:1fr;gap:58px;min-height:auto;padding-block:0;position:relative;top:auto}.portfolio-project--reverse .portfolio-project__copy,.portfolio-project--reverse .portfolio-project__visual{order:initial}.portfolio-project__copy{max-width:680px}.portfolio-project__number{margin-bottom:28px}.portfolio-project__visual{width:calc(100% - 36px);margin-inline:auto}}@media (width<=680px){.portfolio-shell{width:calc(100% - 36px)}.portfolio-hero{padding:122px 0 72px}.portfolio-hero__eyebrow{margin-bottom:24px;font-size:.62rem}.portfolio-hero h1{font-size:clamp(3.25rem,16.3vw,5.4rem)}.portfolio-hero__summary{width:100%;margin-top:24px;font-size:.95rem}.portfolio-hero__actions{flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px}.portfolio-hero__stage{aspect-ratio:.88}.portfolio-hero__card--front{width:88%;right:3%}.portfolio-hero__card--back{right:-4%}.portfolio-hero__card--middle{left:-2%}.portfolio-hero__card-label{padding:13px;bottom:12px;left:12px;right:12px}.portfolio-hero__card-label strong{font-size:.68rem}.portfolio-intro{padding:96px 0}.portfolio-intro h2,.portfolio-projects__heading h2,.portfolio-more__heading h2{font-size:clamp(2.65rem,12vw,4rem)}.portfolio-projects{padding-top:94px}.portfolio-project{padding:68px 0}.portfolio-project h3{font-size:clamp(2.8rem,13vw,4.2rem)}.portfolio-project__outcomes{gap:14px}.portfolio-project__visual{width:100%}.portfolio-project__frame{aspect-ratio:1.4}.portfolio-project__browser small{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.portfolio-project__float--status{min-width:128px;top:-26px;right:8px}.portfolio-project__float--build{bottom:-24px;left:8px}.portfolio-more{padding:100px 0}.portfolio-more__grid{grid-template-columns:1fr}.portfolio-more-card,.portfolio-more-card--wide{grid-column:auto;min-height:430px;padding:22px}.portfolio-closing{min-height:720px}.portfolio-closing h2{font-size:clamp(3.2rem,15vw,5.4rem)}}@media (prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page :before,.portfolio-page :after{scroll-behavior:auto!important}.portfolio-hero__scroll i:after,.portfolio-marquee__track{animation:none!important}.portfolio-more-card>img,.portfolio-project__link svg,.portfolio-page a{transition-duration:.01ms!important}}