@layer routes {
.portfolioTech{z-index:2;max-width:var(--shell);margin:0 auto;padding:96px 5vw 132px;position:relative}.portfolioTechHead{max-width:700px;margin-bottom:54px}.portfolioTechHead .kicker{color:var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 88%, #000))var(--lightningcss-dark,var(--stage-accent))}.portfolioTechHead .sectionTitle{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--on-surface);font-size:clamp(28px,4vw,46px)}.portfolioTechHead .sectionLead{color:var(--on-surface-muted)}.portfolioTechGroups{grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:38px 30px;display:grid}.portfolioTechGroupLabel{letter-spacing:.16em;text-transform:uppercase;color:var(--lightningcss-light,color-mix(in srgb, var(--stage-accent) 85%, #000))var(--lightningcss-dark,var(--stage-accent));border-bottom:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff1a);margin:0 0 14px;padding-bottom:12px;font-size:12px;font-weight:700}.portfolioTechItems li:hover .techIcon{opacity:1}
}

@layer routes {
.productDetail{max-width:var(--shell);margin:0 auto;padding:96px 5vw 120px;position:relative}.productDetail:before{content:"";z-index:var(--z-behind);pointer-events:none;background:radial-gradient(60% 48% at 70% 18%, var(--lightningcss-light,color-mix(in srgb, var(--accent) 10%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--accent) 26%, transparent)), transparent 72%), radial-gradient(120% 90% at 50% 50%, transparent 44%, var(--lightningcss-light,#0000)var(--lightningcss-dark,#0009) 100%);position:fixed;inset:0}.productDetailInner{max-width:760px;margin-bottom:56px}.productDetailBack{color:var(--on-surface-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:40px;font-size:13px;font-weight:600;transition:color .3s;display:inline-flex}.productDetailBack:hover{color:var(--accent)}.productDetailMeta{letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 18px;font-size:12px;font-weight:600;display:flex}.productDetailCategory{color:var(--lightningcss-light,color-mix(in srgb, var(--accent) 85%, #000))var(--lightningcss-dark,var(--accent))}.productDetailYear{color:var(--on-surface-dim)}.productDetailName{font-family:var(--font-display), sans-serif;letter-spacing:-.04em;color:var(--on-surface);margin:0 0 18px;font-size:clamp(44px,7vw,96px);font-weight:700;line-height:1}.productDetailTagline{max-width:52ch;color:var(--on-surface-muted);margin:0 0 26px;font-size:clamp(17px,1.4vw,20px);line-height:1.7}.productDetailTech{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.productDetailTech li{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-pill);color:var(--on-surface);padding:6px 13px;font-size:12px;font-weight:600}.productDetailShot .productShot{border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);box-shadow:0 40px 90px #131b3a2e, 0 0 70px color-mix(in srgb, var(--accent) 12%, transparent);background:var(--lightningcss-light,#f2f5fc)var(--lightningcss-dark,#0e1322)}@media (max-width:760px){.productDetail{padding-block:76px 88px}.productDetailInner{margin-bottom:36px}}.productDetailShot{view-transition-name:product-shot}.productDetailName{view-transition-name:product-name}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .productDetailShot .productShot{box-shadow:0 60px 130px #000000b3, 0 0 90px color-mix(in srgb, var(--accent) 18%, transparent)}}:root[data-theme=dark] .productDetailShot .productShot{box-shadow:0 60px 130px #000000b3, 0 0 90px color-mix(in srgb, var(--accent) 18%, transparent)}.productDetailStatus{color:var(--on-surface-dim);letter-spacing:.1em}.productDetailStatus:before{content:"";border-radius:var(--radius-circle);background:var(--on-surface-dim);vertical-align:middle;width:6px;height:6px;margin-right:7px;display:inline-block}.productDetailStatus[data-status=live]:before{background:#34d399;box-shadow:0 0 10px #34d399}.productDetailStatus[data-status=concept]:before{border:1.5px solid var(--accent);background:0 0}.productDetailConcept{border-left:3px solid var(--accent);max-width:60ch;color:var(--on-surface-muted);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:6px;margin:-12px 0 26px;padding:10px 14px;font-size:14px;line-height:1.6}
}

@layer routes {
.productSectionLabel,.productStoryLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-dim);margin:0 0 20px;font-size:12px;font-weight:600}.productStory{grid-template-columns:repeat(2,1fr);gap:clamp(32px,5vw,88px);margin-top:104px;display:grid}.productStoryHalf[data-kind=solution]{margin-top:clamp(0px,6vw,88px)}.productStoryHalf[data-kind=solution] .productStoryLabel{color:var(--lightningcss-light,color-mix(in srgb, var(--accent) 85%, #000))var(--lightningcss-dark,var(--accent))}.productStoryBody{max-width:46ch;color:var(--on-surface-muted);margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.75}.productStoryHalf[data-kind=solution] .productStoryBody{color:var(--on-surface)}@media (max-width:1024px){.productStoryHalf[data-kind=solution]{margin-top:0}}
}

@layer routes {
.productFeatures{margin-top:120px}.productFeatureList{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.productFeature{border-bottom:1px solid var(--border);grid-template-columns:72px minmax(0,22ch) minmax(0,1fr);align-items:baseline;gap:24px;padding:28px 0;display:grid}.productFeatureNo{font-family:var(--font-display), sans-serif;letter-spacing:.08em;color:var(--lightningcss-light,color-mix(in srgb, var(--accent) 85%, #000))var(--lightningcss-dark,var(--accent));font-size:13px;font-weight:700}.productFeatureName{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;color:var(--on-surface);margin:0;font-size:clamp(19px,1.7vw,25px);font-weight:700}.productFeatureDesc{color:var(--on-surface-muted);margin:0;font-size:16px;line-height:1.7}@media (max-width:1024px){.productFeature{grid-template-columns:48px 1fr;gap:12px 16px}.productFeatureDesc{grid-column:2}}
}

@layer routes {
.productFacts{margin-top:120px}.productMetrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(24px,3vw,56px);margin:0 0 48px;display:grid}.productMetric{border-top:1px solid color-mix(in srgb, var(--accent) 40%, transparent);padding-top:18px}.productMetricValue{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;color:var(--on-surface);font-size:clamp(34px,4vw,56px);font-weight:700;line-height:1}.productMetricLabel{letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-dim);margin:10px 0 0;font-size:13px;font-weight:600}.productFactsRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.productTech,.productLinks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.productTech li{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-pill);color:var(--on-surface);padding:6px 13px;font-size:12px;font-weight:600}.productLinks a{color:var(--accent);font-size:14px;font-weight:600;transition:opacity .3s}.productLinks a:hover{opacity:.75}
}

@layer routes {
.productNext{border-top:1px solid var(--border);color:var(--on-surface);grid-template-columns:1fr minmax(0,40%);align-items:center;gap:clamp(24px,4vw,64px);margin-top:128px;padding:40px 0 8px;display:grid}.productNextText{flex-direction:column;gap:10px;display:flex}.productNextLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-dim);font-size:12px;font-weight:600}.productNextName{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;background-image:linear-gradient(var(--accent), var(--accent));transition:background-size .5s var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 3px;font-size:clamp(32px,4.4vw,60px);font-weight:700;line-height:1.05}.productNext:hover .productNextName{background-size:100% 3px}.productNextTagline{max-width:44ch;color:var(--on-surface-muted);font-size:16px;line-height:1.65}.productNextShot .productShot{transition:transform .6s var(--ease-out), border-color .6s ease;background:var(--lightningcss-light,#f2f5fc)var(--lightningcss-dark,#0e1322);border:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff14)}.productNext:hover .productNextShot .productShot{border-color:color-mix(in srgb, var(--accent) 40%, transparent);transform:scale(1.03)}@media (max-width:1024px){.productStory,.productNext{grid-template-columns:1fr}.productNextShot{order:-1}}@media (prefers-reduced-motion:reduce){.productNextName,.productNextShot .productShot,.productLinks a{transition:none}.productNext:hover .productNextShot .productShot{transform:none}}:is(.productDetailShot:has(.productShot[data-frame=mobile]),.productNextShot:has(.productShot[data-frame=mobile])){width:min(52vw,320px);margin-inline:auto}.productDetailShot .productShot[data-frame=mobile],.productNextShot .productShot[data-frame=mobile]{aspect-ratio:9/19.5}
}

@layer routes {
.productDeck{width:min(94vw,1720px);min-height:calc(var(--steps,1) * 100svh);margin-top:96px;margin-left:calc(50% - min(47vw,860px));position:relative;overflow-x:clip}.productDeckStage{top:calc(var(--nav-h) + 24px);height:calc(100svh - var(--nav-h) - 48px);grid-template-columns:1fr minmax(240px,320px);align-items:center;gap:clamp(32px,5vw,72px);display:grid;position:sticky}.productDeckScreens{aspect-ratio:16/10;perspective:1800px;perspective-origin:50% 45%;width:100%;max-height:100%;position:relative}.productDeckScreen{transform-style:preserve-3d;transform:translate3d(calc(var(--offset) * -3%), calc(var(--offset) * 7%), calc(var(--offset) * 260px)) rotateX(calc(var(--offset) * -3deg)) scale(calc(1 + var(--offset) * .05));transition:transform .85s var(--ease-overshoot), opacity .7s ease, filter .7s ease;position:absolute;inset:0}.productDeck:not([data-interactive=true]) .productDeckScreen{margin-bottom:32px;position:relative;inset:auto;transform:none}.productDeckScreen[data-state=current]{opacity:1;filter:none;z-index:3}.productDeckScreen[data-state=behind]{opacity:.22;filter:saturate(.5);z-index:1}.productDeckScreen[data-state=ahead]{opacity:0;z-index:0}.productDeckScreen .productShot{background:var(--lightningcss-light,#f2f5fc)var(--lightningcss-dark,#0e1322);border:1px solid var(--lightningcss-light,#131b3a1f)var(--lightningcss-dark,#ffffff1a);box-shadow:0 30px 70px #131b3a29}.productDeckScreen[data-state=current] .productShot{border-color:color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:0 36px 80px #131b3a33, 0 0 60px color-mix(in srgb, var(--accent) 14%, transparent)}.productDeckScreen .productShot[data-frame=mobile]{width:auto;height:100%;max-height:none;margin:0 auto}.productDeckScreen:has(.productShot[data-frame=mobile]){place-items:center;display:grid}@media (max-width:1024px){.productDeck{min-height:0}.productDeckStage{height:auto;display:block;position:static}.productDeckScreens{aspect-ratio:auto;perspective:none;position:static}.productDeck .productDeckScreen,.productDeck[data-interactive=true] .productDeckScreen{opacity:1;filter:none;margin-bottom:28px;position:relative;inset:auto;transform:none}}@media (prefers-reduced-motion:reduce){.productDeck{min-height:0}.productDeckStage{height:auto;position:static}.productDeckScreen,.productDeckScreen[data-state=behind],.productDeckScreen[data-state=ahead]{opacity:1;filter:none;margin-bottom:28px;transition:none;position:relative;inset:auto;transform:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .productDeckScreen .productShot{box-shadow:0 50px 110px #000000ad}:root:not([data-theme=light]) .productDeckScreen[data-state=current] .productShot{box-shadow:0 60px 130px #000000b8, 0 0 90px color-mix(in srgb, var(--accent) 20%, transparent)}}:root[data-theme=dark] .productDeckScreen .productShot{box-shadow:0 50px 110px #000000ad}:root[data-theme=dark] .productDeckScreen[data-state=current] .productShot{box-shadow:0 60px 130px #000000b8, 0 0 90px color-mix(in srgb, var(--accent) 20%, transparent)}
}

@layer routes {
.productDeckLabel{letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-dim);margin:0;font-size:12px;font-weight:600;position:absolute;top:0;left:0}.productDeckSteps{z-index:var(--z-behind);pointer-events:none;position:absolute;inset:0}.productDeckStep{height:100svh}@media (max-width:1024px){.productDeckLabel{margin-bottom:20px;position:static}.productDeckSteps{display:none}}@media (prefers-reduced-motion:reduce){.productDeckSteps{display:none}}
}

@layer routes {
.productDeckCaptions{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.productDeckCaption{color:var(--on-surface-dim);transition:color .5s ease, transform .6s var(--ease-overshoot), opacity .5s ease;opacity:.45;align-items:baseline;gap:14px;font-size:15px;line-height:1.5;display:flex}.productDeckCaption[data-active=true]{color:var(--on-surface);opacity:1;transform:translate(8px)}.productDeckCaptionNo{font-family:var(--font-display), sans-serif;letter-spacing:.08em;color:var(--on-surface-dim);font-size:12px;font-weight:700;transition:color .5s}.productDeckCaption[data-active=true] .productDeckCaptionNo{color:var(--lightningcss-light,color-mix(in srgb, var(--accent) 85%, #000))var(--lightningcss-dark,var(--accent))}@media (max-width:1024px){.productDeckCaptions{margin-top:8px}.productDeckCaption,.productDeckCaption[data-active=true]{opacity:1;color:var(--on-surface-muted);transform:none}}@media (prefers-reduced-motion:reduce){.productDeckCaption{opacity:1;transition:none;transform:none}}
}

@layer routes {
.productDeck:not([data-interactive=true]) .productDeckScreen:has(.mockupFrame[data-frame=mobile]){display:block}.productDeck:not([data-interactive=true]) .productDeckScreen .mockupFrame[data-frame=mobile]{width:min(100%,514px);height:auto}@media (max-width:1024px),(prefers-reduced-motion:reduce){.productDeck .productDeckScreen:has(.mockupFrame[data-frame=mobile]){display:block}.productDeck .productDeckScreen .mockupFrame[data-frame=mobile]{width:min(100%,514px);height:auto}}
}

@layer routes {
@view-transition{navigation:auto}@media (prefers-reduced-motion:no-preference){::view-transition-group(product-shot){animation-duration:.62s;animation-timing-function:cubic-bezier(.16,1.02,.3,1)}::view-transition-group(product-name){animation-duration:.56s;animation-timing-function:cubic-bezier(.16,1.02,.3,1)}::view-transition-old(product-shot){object-fit:cover;height:100%;animation-duration:.32s}::view-transition-new(product-shot){object-fit:cover;height:100%;animation-duration:.32s}::view-transition-old(root){animation:.26s cubic-bezier(.4,0,1,1) both portfolioNavOut}::view-transition-new(root){animation:portfolioNavIn .42s var(--ease-overshoot) 80ms both}}@keyframes portfolioNavOut{to{opacity:0;transform:scale(1.02)}}@keyframes portfolioNavIn{0%{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
}

@layer routes {
html:has(.portfolioStage){scroll-padding-top:var(--nav-h)}html:not(:has(.homeStage)){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:not(:has(.homeStage)){scroll-behavior:auto}}
}