.services-screen{isolation:isolate;--art-x:0px;--art-y:0px;position:relative;overflow:clip}.services-intro{z-index:2;position:relative}.services-eyebrow{align-items:center;gap:var(--gap-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#aabdd6);text-transform:uppercase;display:flex}.services-eyebrow>span{background:#68819d;width:40px;height:1px}.services-intro h2>span{color:var(--blue)}.services-process-badge{top:var(--gap-80);right:var(--section-gutter);align-items:center;gap:var(--gap-12);padding:var(--gap-12) var(--gap-24);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#155386);border-radius:var(--radius-32);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 64%,transparent))var(--lightningcss-dark,#061b30a3);color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#ceddec);font-size:var(--text-14);margin:0;line-height:20px;display:flex;position:absolute}.services-process-badge>span{background:#32d5e6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #32d5e642}.service-tabs{display:grid}.service-tabs button{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#18354e);background:linear-gradient(110deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 85%,transparent))var(--lightningcss-dark,#091b2dd9),var(--lightningcss-light,color-mix(in srgb,var(--surface) 85%,transparent))var(--lightningcss-dark,#06131ed9));text-align:left;align-items:center;width:100%;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.service-tabs button:hover{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#31628c);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 87%,transparent))var(--lightningcss-dark,#0b2239dd)}.service-tabs button:before{content:"";opacity:0;background:#4ecfff;border-radius:4px;width:3px;transition:opacity .18s;position:absolute;inset:12px auto 12px -1px}.service-tabs button[aria-selected=true]{background:linear-gradient(105deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 90%,transparent))var(--lightningcss-dark,#0a3b73e6),var(--lightningcss-light,color-mix(in srgb,var(--surface) 86%,transparent))var(--lightningcss-dark,#07254bdb) 70%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#06213b))}.service-tabs button[aria-selected=true]:before{opacity:1;box-shadow:0 0 16px #209cff}.service-tab-number{color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#7c9bb8);font-size:var(--text-18);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:24px}.service-tabs button[aria-selected=true] .service-tab-number{color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#75d5ff)}.service-tab-icon{flex:none;place-items:center;width:48px;height:48px;transition:background .18s,color .18s;display:grid}.service-tab-copy{min-width:0}.service-tab-copy strong{letter-spacing:-.02em;white-space:normal;font-weight:500;display:block}.service-tab-copy small{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#99adc2);margin-top:var(--gap-4);display:block}.service-tabs button>svg{width:24px;height:24px;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#7e9fb9);flex:none;margin-left:auto;transition:color .18s,transform .18s}.service-tabs button:hover>svg{transform:translate(4px)}.service-tabs button[aria-selected=true]>svg{color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#30c2ff)}.service-panel-content{height:100%;position:relative}.service-heading>p{gap:var(--gap-8);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#83a5c5);font-variant-numeric:tabular-nums;display:flex}.service-heading>p span{color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#49647e)}.service-heading h3{text-wrap:balance}.service-heading,.service-actions,.service-discover,.service-benefits{z-index:1;position:relative}.service-actions{align-items:stretch;gap:var(--gap-16);display:flex}.service-actions :is(button,a){justify-content:center;align-items:center;gap:var(--gap-16);text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;display:inline-flex}.service-actions svg,.service-discover svg{flex:none;width:20px;height:20px}.service-actions :is(button,a):hover{transform:translateY(-2px)}.service-art{pointer-events:none;overflow-clip-margin:0;transform:translate(var(--art-x),var(--art-y));transition:transform .4s ease-out;overflow:clip}.service-browser-art{object-fit:contain;filter:drop-shadow(0 16px 24px #0059e52b);width:100%;height:100%;position:relative}.service-art-halo{background:radial-gradient(#076fe72e,#0000 68%);position:absolute;inset:8% -4% -8%}.service-art-orbit{border:1px solid var(--lightningcss-light,color-mix(in srgb,var(--border) 42%,transparent))var(--lightningcss-dark,#148dff6b);border-radius:50%;position:absolute;inset:8% -2% 10%;transform:rotate(-18deg)scaleY(.63);box-shadow:0 0 16px #006cff12,inset 0 0 12px #006cff0a}.service-benefits{display:grid}.service-benefit{border:1px solid var(--border);background:linear-gradient(120deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 73%,transparent))var(--lightningcss-dark,#071a2bba),var(--lightningcss-light,color-mix(in srgb,var(--surface) 75%,transparent))var(--lightningcss-dark,#05121ebf));align-items:flex-start;transition:border-color .18s;display:flex}.service-benefit:hover{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#285b84)}.service-benefit-icon{flex:none;place-items:center;width:40px;height:40px;display:grid}.service-benefit p{white-space:normal;margin:0}.services-technologies{align-items:center;display:flex}.services-technologies:before{content:"";background:linear-gradient(90deg,#193b54,#245f9099,#193b54);height:1px;position:absolute;top:0}.services-tech-intro{flex:none}.services-tech-intro h3{font-size:var(--text-16);margin:0 0 var(--gap-4);font-weight:500;line-height:24px}.services-tech-intro p{color:var(--muted);font-size:var(--text-14);margin:0;line-height:20px}.services-technologies ul{flex:1;margin:0;padding:0;list-style:none;display:flex}.services-technologies li{white-space:nowrap;border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#18354e);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 50%,transparent))var(--lightningcss-dark,#07182a80);flex:1;justify-content:center;align-items:center;display:flex}.services-technologies li>span:not(.service-tech-name){width:28px;height:28px;font-size:var(--text-14);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#9dccfa);background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#103254);letter-spacing:-.04em;border-radius:8px;place-items:center;font-weight:600;display:grid}.services-tech-set>button{color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#49b5ff);align-items:center;gap:var(--gap-12);padding:var(--gap-12) 0;font-size:var(--text-16);white-space:nowrap;background:0 0;display:flex}.services-tech-set>button svg{width:24px;height:24px;transition:transform .18s}.services-tech-set>button:hover svg{transform:translate(4px)}.services-visible :is(.services-intro,.services-sidebar,.services-technologies){animation:services-enter .55s var(--ease) both}.services-visible .services-sidebar{animation-delay:60ms}.services-visible .services-technologies{animation-delay:.12s}.services-visible :is(.service-heading,.service-browser-art,.service-benefits){animation:service-change .36s var(--ease) both}.services-visible :is(.service-actions,.service-discover){animation:.24s ease-out both service-fade}.demo-dialog-heading .service-dialog-description{max-width:640px;font-size:var(--text-14);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b4c5db);letter-spacing:0;margin:var(--gap-12) 0 0;line-height:1.45}@keyframes services-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes service-change{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes service-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.services-screen *,.demo-dialog[open]{transition:none!important;animation:none!important}.service-art{transform:none}}
.projects-screen{isolation:isolate;background:radial-gradient(ellipse at 0% 6%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#0a2139) 0,transparent 22%),radial-gradient(ellipse at 98% 33%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 50%,transparent))var(--lightningcss-dark,#09244180) 0,transparent 22%),var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#050c10);width:100%;height:100svh;min-height:780px;position:relative;overflow:hidden;container-type:size}.projects-orbits{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.projects-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.projects-heading{position:absolute;top:6.4cqh;left:6.38cqw}.projects-eyebrow{align-items:center;gap:var(--gap-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#9aa9ba);font-size:var(--text-12);letter-spacing:3px;font-weight:400;display:flex}.projects-eyebrow i,.projects-footer i,.projects-section-number i{background:#54616d;width:58px;height:1px;display:inline-block}.projects-heading h2{font-size:var(--text-48);letter-spacing:-.075cqw;margin:var(--gap-16) 0 var(--gap-24);font-weight:600;line-height:1.08}.projects-heading h2 span{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#bec3ce)}.case-button{justify-content:center;align-items:center;gap:var(--gap-12);min-height:62px;padding:0 var(--gap-40);border-radius:var(--radius-16);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#1682ff);color:#fff;font-size:var(--text-16);white-space:nowrap;background:#06f;transition:background .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 5px 24px #0066ff14}.case-button:hover{background:#1680ff;transform:translateY(-2px);box-shadow:0 6px 28px #0066ff40}.case-button svg{width:17px;height:17px}.projects-all{border-radius:var(--radius-12);min-height:5.65cqh;font-size:var(--text-16);padding:0 var(--gap-32);gap:var(--gap-12)}.projects-all svg{width:14px;height:14px}.projects-intro{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b4bbc7);font-size:var(--text-20);margin:0;line-height:1.3;position:absolute;top:12.15cqh;left:41.3cqw}.projects-section-number{align-items:center;gap:var(--gap-16);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#1399ff);font-size:var(--text-12);letter-spacing:2px;display:flex;position:absolute;top:6.5cqh;right:5.7cqw}.projects-section-number i{width:25px}.projects-controls{gap:var(--gap-32);display:flex;position:absolute;top:12cqh;right:6.4cqw}.projects-controls button{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#677583);border-radius:var(--radius-12);background:0 0;place-items:center;width:3.4cqw;height:6.8cqh;min-height:48px;transition:all .2s;display:grid}.projects-controls button:last-child{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#299aff);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#53adff);background:linear-gradient(140deg,#0066ff08,#0066ff18)}.projects-controls button:hover{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#36a8ff);background:#0066ff26;box-shadow:0 0 20px #0066ff24}.projects-controls button:disabled{opacity:.35;cursor:default}.projects-controls svg{width:25px;height:25px}.projects-filters{justify-content:space-between;align-items:center;gap:var(--gap-12);display:flex;position:absolute;top:23.85cqh;left:48.5cqw;right:6.4cqw}.projects-filters button{height:5.7cqh;min-height:44px;padding:0 var(--gap-16);font-size:var(--text-14);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b3bcc9);white-space:nowrap;align-items:center;gap:var(--gap-12);background:0 0;border:1px solid #0000;border-radius:100px;transition:color .2s,border-color .2s,background .2s;display:flex}.projects-filters button[aria-pressed=true]{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#31a5ff);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#8ad0ff);background:linear-gradient(145deg,#0066ff10,#0066ff0a)}.projects-filters button:hover{color:#fff;background:#0066ff12}.projects-filters i{background:#0086ff;border-radius:50%;width:8px;height:8px}.projects-stage{outline-offset:-4px;width:100%;height:56.2cqh;position:absolute;top:33.3cqh;left:0}.case-card{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#355976);border-radius:var(--radius-16);background:linear-gradient(150deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 72%,transparent))var(--lightningcss-dark,#0b1923b8),var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#060d12));opacity:1;width:17.6cqw;height:49cqh;transition:left .75s cubic-bezier(.22,.8,.22,1),top .75s cubic-bezier(.22,.8,.22,1),width .75s cubic-bezier(.22,.8,.22,1),height .75s cubic-bezier(.22,.8,.22,1),opacity .4s,border-color .6s,box-shadow .6s;position:absolute;top:3.5cqh;left:80.64cqw;overflow:hidden}.case-card[data-position=left]{left:1.78cqw}.case-card[data-position=center]{z-index:2;border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#259aff);border-radius:var(--radius-20);width:58.8cqw;height:56.2cqh;top:0;left:20.6cqw;box-shadow:0 5px 25px #0066ff18,inset 0 0 45px #0066ff05}.case-card[data-position=hidden]{opacity:0;pointer-events:none;left:110cqw}.case-compact,.case-expanded{transition:opacity .3s .2s,transform .6s cubic-bezier(.22,.8,.22,1);position:absolute;inset:0}.case-card[data-position=center] .case-compact{opacity:0;pointer-events:none;transition-delay:0s;transform:scale(1.06)}.case-card:not([data-position=center]) .case-expanded{opacity:0;pointer-events:none;transition-delay:0s;transform:translate(25px)}.case-compact .case-cover{object-fit:cover;object-position:center top;opacity:.78;height:70%!important}.case-cover-shade{background:linear-gradient(180deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 6%,transparent))var(--lightningcss-dark,#07111a10) 0%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 0%,transparent))var(--lightningcss-dark,#07111a00) 25%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 85%,transparent))var(--lightningcss-dark,#060d12d9) 52%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#080f14) 74%);position:absolute;inset:0}.case-badge{align-items:center;gap:var(--gap-8);padding:var(--gap-12) var(--gap-16);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#218de0);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#83ccff);font-size:var(--text-14);white-space:nowrap;background:linear-gradient(130deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 40%,transparent))var(--lightningcss-dark,#00233f65),var(--lightningcss-light,color-mix(in srgb,var(--surface) 44%,transparent))var(--lightningcss-dark,#08121b70));border-radius:50px;display:inline-flex}.case-badge svg{width:15px;height:15px;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#1799ff)}.case-compact>.case-badge{z-index:2;position:absolute;top:2.5cqh;left:1.17cqw}.case-compact-copy{z-index:2;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:24.3cqh 1.45cqw 2.65cqh}.case-compact-copy h3{font-size:var(--text-22);letter-spacing:-.025cqw;white-space:pre-line;margin:0 0 var(--gap-16);font-weight:500;line-height:1.2}.case-compact-copy p{font-size:var(--text-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#abb6c4);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.case-compact-copy button{pointer-events:auto;align-items:center;gap:var(--gap-8);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#56baff);font-size:var(--text-16);background:0 0;align-self:flex-start;min-height:28px;margin-top:auto;padding:0;display:flex;position:relative}.case-compact-copy button svg{width:14px;height:14px;transition:transform .2s}.case-compact-copy button:hover svg{transform:translate(2px,-2px)}.case-cover-select{z-index:1;background:0 0;position:absolute;inset:0}.case-card:not([data-position=center]):hover{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#289cff);box-shadow:0 0 24px #0066ff15}.case-expanded{width:58.8cqw;height:56.2cqh}.case-main-copy{width:20.2cqw;position:absolute;top:3.85cqh;left:2.55cqw}.case-main-copy h3{font-size:var(--text-36);letter-spacing:-.04cqw;white-space:pre-line;margin:var(--gap-32) 0 var(--gap-16);font-weight:500;line-height:1.13}.case-main-copy p{font-size:var(--text-18);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b0b9c6);max-width:19.7cqw;margin:0;line-height:1.36}.case-main-copy>.case-button{margin-top:var(--gap-32);min-height:6.7cqh;font-size:var(--text-18);padding:0 var(--gap-40);border-radius:var(--radius-16)}.case-screenshot{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#638fb0);border-radius:var(--radius-20);background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#0b1822);height:36.75cqh;padding:var(--gap-8);position:absolute;top:3.9cqh;left:23.8cqw;right:1.85cqw;overflow:hidden;box-shadow:inset 0 0 0 6px #a9c8e411}.case-screenshot img{object-fit:cover;object-position:top;border-radius:var(--radius-20);border:8px solid #afc6da15;transition:transform .7s}.case-screenshot:hover img{transform:scale(1.025)}.case-screenshot-hover{align-items:center;gap:var(--gap-12);white-space:nowrap;border:1px solid var(--lightningcss-light,color-mix(in srgb,var(--border) 44%,transparent))var(--lightningcss-dark,#6aafff70);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 91%,transparent))var(--lightningcss-dark,#061324e8);padding:var(--gap-12) var(--gap-16);font-size:var(--text-14);opacity:0;border-radius:40px;transition:all .25s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.case-screenshot-hover svg{width:15px;height:15px}.case-screenshot:hover .case-screenshot-hover,.case-screenshot:focus-visible .case-screenshot-hover{opacity:1;transform:translate(-50%)}.case-facts{border-top:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#344450);padding-top:var(--gap-24);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;top:43.9cqh;left:2.55cqw;right:1.85cqw}.case-facts>div{text-align:center;border-right:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#43505b);gap:var(--gap-8);flex-direction:column;display:flex}.case-facts>div:last-child{border:0}.case-facts strong{font-size:var(--text-28);letter-spacing:-.025cqw;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#219dff);font-weight:500;line-height:1.1}.case-facts span{font-size:var(--text-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#aeb8c5)}.projects-footer{font-size:var(--text-12);letter-spacing:2px;color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#9ca7b6);justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:5.25cqh;left:6.38cqw;right:6.38cqw}.projects-footer>span{align-items:center;gap:var(--gap-16);display:flex}.projects-footer b{background:#007bff;border-radius:50%;width:8px;height:8px;margin-right:-7px}.projects-footer i{width:45px}.projects-seen .projects-heading,.projects-seen .projects-intro{animation:.75s both projects-enter}.projects-seen .projects-stage{animation:.9s .1s both projects-enter}@keyframes projects-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.case-gallery{color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#f6f8ff);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 94%,transparent))var(--lightningcss-dark,#07111bef);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#2d5d86);border-radius:var(--radius-24);width:1460px;max-width:none;max-height:88svh;padding:var(--gap-32) var(--gap-40);box-shadow:0 30px 100px #0008}.case-gallery::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000b}.case-gallery-heading{margin-bottom:var(--gap-24);justify-content:space-between;align-items:center;display:flex}.case-gallery-heading h2{font-size:var(--text-36);margin:var(--gap-12) 0 0;font-weight:500}.case-gallery-heading>button{background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#132130);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#45627c);width:46px;height:46px;font-size:var(--text-28);border-radius:50%}.case-gallery-grid{gap:var(--gap-24);grid-template-columns:repeat(3,1fr);display:grid}.case-gallery-grid>button{padding:var(--gap-12) var(--gap-12) var(--gap-16);text-align:left;background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#0b1825);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#30495e);border-radius:var(--radius-16);transition:border-color .2s}.case-gallery-grid>button:hover{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#0086ff)}.case-gallery-grid>button>div{border-radius:var(--radius-8);height:220px;position:relative;overflow:hidden}.case-gallery-grid img{object-fit:cover;object-position:top}.case-gallery-grid span{font-size:var(--text-20);margin:var(--gap-16) var(--gap-4) var(--gap-8);justify-content:space-between;align-items:center;display:flex}.case-gallery-grid svg{width:20px;height:20px;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#229bff)}.case-gallery-grid small{margin:0 var(--gap-4);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#a7b8ca)}.projects-carousel{animation:projects-view-enter .36s var(--ease) both;position:absolute;inset:0}.project-tiles{gap:var(--gap-24);grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid}.project-tile{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#31556d);border-radius:var(--radius-20);background:linear-gradient(130deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 87%,transparent))var(--lightningcss-dark,#0c2438dd),var(--lightningcss-light,color-mix(in srgb,var(--surface) 96%,transparent))var(--lightningcss-dark,#050d15f5) 64%);isolation:isolate;min-width:0;height:100%;animation:projects-view-enter .42s var(--ease) both;animation-delay:var(--tile-delay);transition:border-color .2s,box-shadow .22s;position:relative;overflow:hidden}.project-tile:hover,.project-tile:focus-within{border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#239eff);box-shadow:0 8px 30px #0075ff26,inset 0 1px #2498ff33}.project-tile-link{border-radius:inherit;display:block;position:absolute;inset:0}.project-tile-link:focus-visible{outline-offset:-5px}.project-tile-meta{left:var(--gap-24);right:var(--gap-24);align-items:center;gap:var(--gap-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b5c9e0);display:flex;position:absolute;top:2.1cqh}.project-tile-number{font-size:var(--text-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#a4b7cf)}.project-tile-category{font-size:var(--text-12);text-transform:uppercase;letter-spacing:.025em;line-height:1.3}.project-tile-copy{z-index:2;left:var(--gap-24);right:var(--gap-24);pointer-events:none;position:absolute;top:25.5cqh}.project-tile h3{font-size:var(--text-22);letter-spacing:-.025cqw;white-space:pre-line;margin:0 0 var(--gap-12);font-weight:500;line-height:1.17}.project-tile-copy p{font-size:var(--text-16);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b3c2d4);text-wrap:pretty;margin:0;line-height:1.4}.project-tile-screen{left:var(--gap-24);right:var(--gap-24);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#4a7595);border-radius:var(--radius-8);transform-origin:50%;height:18cqh;transition:transform .35s var(--ease),filter .3s;filter:brightness(.82);position:absolute;top:5.9cqh;overflow:hidden;transform:perspective(1100px)rotateY(-7deg)rotate(-2deg);box-shadow:0 12px 25px #0005}.project-tile-screen img{object-fit:cover;object-position:left top}.project-tile:hover .project-tile-screen,.project-tile:focus-within .project-tile-screen{filter:brightness();transform:perspective(1100px)rotateY(0)rotate(0)translateY(-3px)}.project-tile-cta{z-index:2;left:var(--gap-24);align-items:center;gap:var(--gap-16);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#22b0ff);font-size:var(--text-16);display:flex;position:absolute;bottom:10.2cqh}.project-tile-cta i{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#168fdb);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 72%,transparent))var(--lightningcss-dark,#041422b8);border-radius:50%;place-items:center;width:2cqw;height:2cqw;transition:background .18s;display:grid}.project-tile-cta svg{width:1.2cqw;height:1.2cqw;transition:transform .18s}.project-tile:hover .project-tile-cta svg{transform:translate(3px)}.project-tile-tags{z-index:2;left:var(--gap-24);right:var(--gap-24);bottom:var(--gap-16);gap:var(--gap-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute}.project-tile-tags li{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#31495b);background:var(--lightningcss-light,color-mix(in srgb,var(--surface) 92%,transparent))var(--lightningcss-dark,#06111bea);border-radius:var(--radius-8);padding:var(--gap-4) var(--gap-8);font-size:var(--text-12);color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#b8cbe0);line-height:1.2}.project-tiles-empty{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b5c9e0);font-size:var(--text-22);align-self:center}@keyframes projects-view-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.projects-screen *,.case-gallery *{transition:none!important;animation:none!important}.project-tile:hover .project-tile-screen,.project-tile:focus-within .project-tile-screen{transform:perspective(1100px)rotateY(-7deg)rotate(-2deg)}.project-tile:hover .project-tile-cta svg{transform:none}}
.problems-screen{overflow-anchor:none;--problem-line:#2f526e;isolation:isolate;background:radial-gradient(ellipse at 1% 10%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#0c2034) 0,transparent 28%),radial-gradient(ellipse at 98% 7%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#102b4b) 0,transparent 24%),radial-gradient(ellipse at 44% 49%,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#071f36) 0,transparent 28%),var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#050b0f);width:100%;height:100svh;min-height:780px;position:relative;overflow:hidden;container-type:size}.problems-orbits{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.problems-heading{text-align:center;width:100%;position:absolute;top:8.1cqh;left:0}.problems-heading h2{color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#f4f5f9);font-size:var(--text-56);letter-spacing:-.09cqw;text-shadow:0 3px #a4b4c21a;margin:0;font-weight:600;line-height:1.13;display:inline-block;position:relative}.problems-heading h2>span{-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(#9fd8ff 0%,#389dff 48%,#005bd6 100%);-webkit-background-clip:text;background-clip:text}.problems-heading-detail{width:4.2cqw;height:1px;margin:var(--gap-8) 0 var(--gap-16) 28.8cqw;opacity:.7;background:linear-gradient(90deg,#8bb0c7 0 43%,#0000 43% 48%,#577f97 48% 64%,#0000 64% 69%,#67899e 69% 78%,#0000 78% 92%,#309fff 92%);display:block}.problems-heading p{font-size:var(--text-22);white-space:pre-line;color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#aebbcf);max-width:61cqw;margin:0 auto;font-weight:400;line-height:1.28}.problems-cards{gap:var(--gap-16);perspective:1500px;height:48.1cqh;transition:grid-template-columns .42s var(--ease);grid-template-columns:repeat(6,1fr);align-items:center;display:grid;position:absolute;top:27.3cqh;left:3.25cqw;right:3.2cqw}.problem-position[data-active=true]{z-index:2}.problem-position{align-items:center;min-width:0;height:100%;display:flex;position:relative}.problem-card{--card-angle:10deg;border:1px solid var(--problem-line);border-radius:var(--radius-20);isolation:isolate;background:linear-gradient(142deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 79%,transparent))var(--lightningcss-dark,#102337c9) 0%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 91%,transparent))var(--lightningcss-dark,#07111ae8) 45%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 93%,transparent))var(--lightningcss-dark,#0b1720ee) 100%);width:100%;height:42.8cqh;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,var(--card-angle)));transition:transform .18s var(--ease),height .42s var(--ease),border-color .22s,box-shadow .3s;position:relative;box-shadow:inset 0 1px #7bb7ed0d,0 0 25px #0001}.problem-position:nth-child(2) .problem-card{--card-angle:10deg}.problem-position:nth-child(n+4) .problem-card{--card-angle:-10deg}.problem-card[data-active=true]{--card-angle:0deg;border-color:var(--lightningcss-light,var(--border))var(--lightningcss-dark,#2ca1ff);border-radius:var(--radius-24);background:linear-gradient(132deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 63%,transparent))var(--lightningcss-dark,#102e4ea0) 0%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 91%,transparent))var(--lightningcss-dark,#08111de8) 53%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 69%,transparent))var(--lightningcss-dark,#031734b0) 100%);height:48.1cqh;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px);z-index:1;box-shadow:0 0 0 1px #004d9155,inset 0 0 20px #005bea20,0 14px 27px -15px #0072ffaa,0 0 28px #006eff25}.problem-card[data-active=true]:before,.problem-card[data-active=true]:after{content:"";filter:drop-shadow(0 0 5px #3b9aff);pointer-events:none;background:linear-gradient(90deg,#0000,#469cff,#c0e9ff,#168cff,#0000);border-radius:100%;width:70%;height:2px;position:absolute;top:-1px;left:3%}.problem-card[data-active=true]:after{width:48%;inset:auto 2% -1px auto}.problem-featured-label{opacity:0;pointer-events:none;z-index:2;border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#275f92);gap:var(--gap-8);padding:var(--gap-8) var(--gap-12);color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#eff7ff);font-size:var(--text-12);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,var(--lightningcss-light,color-mix(in srgb,var(--surface) 66%,transparent))var(--lightningcss-dark,#184166a8),var(--lightningcss-light,color-mix(in srgb,var(--surface) 66%,transparent))var(--lightningcss-dark,#122b45a8));border-radius:50px;align-items:center;transition:opacity .18s,transform .22s;display:flex;position:absolute;top:2.1cqh;right:1.1cqw;transform:translateY(4px);box-shadow:inset 0 1px 4px #77bfff20,0 0 13px #087aff0a}.problem-card[data-active=true] .problem-featured-label{opacity:1;transition-delay:.12s;transform:none}.problem-pointer-light{border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 70% 60% at var(--pointer-x,50%) var(--pointer-y,50%),#389bff24,transparent 85%);opacity:0;z-index:1;transition:opacity .22s;position:absolute;inset:0}.problem-card[data-active=true] .problem-pointer-light{opacity:1}.problem-featured-label i{background:#0a8eff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0083ff70}.problem-illustration{pointer-events:none;height:25.5cqh;transition:transform .18s var(--ease),filter .22s,top .42s var(--ease),height .42s var(--ease),left .42s var(--ease),right .42s var(--ease);position:absolute;top:1.2cqh;left:0;right:0}.problem-cta .problem-illustration{top:.1cqh}.problem-illustration img{object-fit:contain;filter:drop-shadow(0 14px 16px #0004)}.problem-card[data-active=true] .problem-illustration{height:26cqh;top:2.3cqh;left:2.5cqw;right:2.5cqw}.problem-copy{text-align:center;transition:top .42s var(--ease),left .42s var(--ease),right .42s var(--ease);position:absolute;top:24.75cqh;left:.85cqw;right:.85cqw}.problem-copy h3{font-size:var(--text-22);letter-spacing:-.025cqw;margin:0 0 var(--gap-16);white-space:nowrap;color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#f1f3f8);transition:font-size .42s var(--ease);font-weight:500;line-height:1.18}.problem-copy p{font-size:var(--text-14);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#a9b6ca);text-wrap:pretty;transition:font-size .42s var(--ease);margin:0;font-weight:400;line-height:1.46}.problem-structure .problem-copy{left:2.2cqw;right:2.2cqw}.problem-card[data-active=true] .problem-copy{text-align:left;top:27.4cqh;left:2.28cqw;right:1.4cqw}.problem-card[data-active=true] .problem-copy h3{font-size:var(--text-28);letter-spacing:-.055cqw;margin-bottom:var(--gap-16);font-weight:500}.problem-card[data-active=true] .problem-copy p{font-size:var(--text-20);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#b4c1d8);line-height:1.37}.problem-open{border-radius:inherit;z-index:3;outline-offset:5px;background:0 0;position:absolute;inset:0}.problem-open:active{transform:none}.problem-card[data-active=true] .problem-illustration{transform:translate3d(var(--art-x,0px),calc(var(--art-y,0px) - 4px),0);filter:brightness(1.07)}.problems-note{text-align:center;position:absolute;bottom:4.35cqh;left:25.5cqw;right:25.5cqw}.problems-note-rule{justify-content:center;align-items:center;gap:var(--gap-16);margin-bottom:var(--gap-12);display:flex}.problems-note-rule>i{background:linear-gradient(90deg,transparent,var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#203c56),#306d9f);flex:1;max-width:19.5cqw;height:1px;display:block}.problems-note-rule>i:last-child{transform:rotate(180deg)}.problems-note-rule>span{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#0e3355);width:44px;height:44px;font-size:var(--text-28);color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#08f);background:radial-gradient(ellipse at 50% 90%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 56%,transparent))var(--lightningcss-dark,#08234990),transparent);text-shadow:0 0 8px #0075ff70;border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:grid;box-shadow:0 0 13px #087fff0a}.problems-note p{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#a4b3c9);font-size:var(--text-18);white-space:pre-line;margin:0;line-height:1.32}.problems-seen .problems-heading{animation:.6s both problem-heading-enter}.problems-seen .problem-position{animation:problem-card-enter .62s var(--ease) both;animation-delay:calc(80ms + var(--problem-index)*65ms)}.problems-seen .problems-note{animation:.6s .33s both problem-heading-enter}@keyframes problem-heading-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@keyframes problem-card-enter{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0}}.problem-dialog{padding:var(--gap-40);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#34648a);border-radius:var(--radius-24);width:1000px;max-width:92vw;max-height:88svh;color:var(--lightningcss-light,var(--text))var(--lightningcss-dark,#f4f6fb);background:radial-gradient(ellipse at 0% 50%,var(--lightningcss-light,color-mix(in srgb,var(--surface) 44%,transparent))var(--lightningcss-dark,#10345670),transparent 55%),var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#071019);overflow:auto;box-shadow:0 35px 100px #0008}.problem-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#01060bce}.problem-dialog[open]{gap:var(--gap-40);animation:problem-dialog-enter .22s var(--ease);grid-template-columns:270px 1fr;display:grid}@keyframes problem-dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.problem-dialog-close{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#49647d);background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#0b1927);width:42px;height:42px;font-size:var(--text-28);z-index:1;border-radius:50%;font-weight:400;position:absolute;top:20px;right:20px}.problem-dialog-close:hover{background:var(--lightningcss-light,var(--surface))var(--lightningcss-dark,#193b59)}.problem-dialog-art{place-items:center;display:grid}.problem-dialog-art img{object-fit:contain;width:100%;height:auto}.problem-dialog-copy{padding:var(--gap-16) 0 var(--gap-8)}.problem-dialog-eyebrow{font-size:var(--text-12);letter-spacing:2.3px;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#6caadd)}.problem-dialog-copy h2{font-size:var(--text-36);letter-spacing:-.7px;margin:var(--gap-16) 0 var(--gap-24);font-weight:500;line-height:1.15}.problem-dialog-copy>p{color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#acbfd1);font-size:var(--text-16);margin:0 0 var(--gap-24);line-height:1.6}.problem-dialog-copy h3{font-size:var(--text-14);margin:0 0 var(--gap-16);font-weight:500}.problem-dialog-copy ul{margin:0 0 var(--gap-32);gap:var(--gap-12);flex-direction:column;padding:0;list-style:none;display:flex}.problem-dialog-copy li{font-size:var(--text-14);color:var(--lightningcss-light,var(--muted))var(--lightningcss-dark,#afc0d1);align-items:flex-start;gap:var(--gap-12);line-height:1.5;display:flex}.problem-dialog-copy li svg{border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#157fe0);width:20px;height:20px;color:var(--lightningcss-light,var(--blue))var(--lightningcss-dark,#36a3ff);border-radius:50%;flex:none}.problem-discuss{min-height:54px;padding:0 var(--gap-24);justify-content:center;align-items:center;gap:var(--gap-24);border:1px solid var(--lightningcss-light,var(--border))var(--lightningcss-dark,#208aff);border-radius:var(--radius-12);background:#06f;transition:background .15s,box-shadow .15s;display:inline-flex}.problem-discuss:hover{background:#1680ff;box-shadow:0 8px 25px #0066ff24}.problem-discuss svg{width:18px;height:18px}@media (prefers-reduced-motion:reduce){.problems-screen *,.problem-dialog,.problem-dialog *{transition:none!important;animation:none!important}.problem-card,.problem-card[data-active=true],.problem-card[data-active=true] .problem-illustration{transform:none}}