.projects-page{--project-display:clamp(2.125rem, 1.5rem + 2.5vw, 3.5rem);--project-heading:clamp(1.375rem, 1.2rem + .6vw, 1.75rem);--project-caption:#c1d0e3}.projects-page h1{font-size:var(--project-display)}.project-intro{padding-top:36px;padding-bottom:48px}.project-breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:48px;font-size:14px;display:flex}.project-breadcrumbs a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.project-breadcrumbs svg{width:15px;height:15px}.project-intro-copy{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;display:grid}.project-intro-copy p{max-width:48ch;color:var(--muted);font-size:18px}.project-jumps{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.project-showcase{background:var(--surface);padding-block:64px}.project-case{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:48px;display:grid}.project-case:first-child{border-top:0;padding-top:0}.project-case:last-child{padding-bottom:0}.project-case:nth-child(2n) .project-visual{order:2}.projects-page .project-visual{min-width:0}.projects-page .project-visual img{aspect-ratio:3/2;object-fit:cover;border-radius:3px 28px 3px 3px;width:100%}.projects-page .project-visual figcaption{color:var(--project-caption);padding-top:14px;font-size:14px;line-height:1.5}.project-title-line{align-items:center;gap:16px;margin-bottom:16px;display:flex}.project-title-line>svg{width:36px;height:36px;color:var(--blue-ink)}.project-case h2{font-size:clamp(1.75rem,1.4rem + 1vw,2.5rem)}.project-state{color:var(--project-caption);align-items:start;gap:10px;font-size:15px;line-height:1.5;display:flex}.project-state svg{width:19px;height:19px;margin-top:2px}.project-case-summary{color:var(--muted);max-width:52ch;margin-top:20px}.project-capabilities,.project-technologies{color:var(--project-caption);flex-wrap:wrap;gap:8px 16px;padding:0;font-size:14px;list-style:none;display:flex}.project-capabilities{margin-block:20px 24px}.project-capabilities li{align-items:center;gap:8px;display:flex}.project-capabilities li:before{content:"";background:var(--blue-ink);border-radius:50%;width:5px;height:5px}.project-application{margin-bottom:24px}.project-application h3{font-size:var(--project-heading);margin-bottom:10px;line-height:1.2}.project-application p{color:var(--muted);font-size:16px;line-height:1.6}.projects-page .brands{margin-block:24px}.project-custom-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:96px;display:grid}.project-custom-grid>div>p{color:var(--muted);max-width:55ch;margin-block:24px}.project-integration-steps{margin:0;padding:0;list-style:none}.project-integration-steps li{align-items:start;gap:20px;padding-bottom:32px;display:flex;position:relative}.project-integration-steps li:not(:last-child):after{content:"";border-left:1px solid var(--line);position:absolute;top:42px;bottom:10px;left:15px}.project-integration-steps li:last-child{padding-bottom:0}.project-integration-steps svg{width:32px;height:32px;color:var(--blue-ink)}.project-integration-steps h3{font-size:var(--project-heading);margin-bottom:8px}.project-integration-steps p{color:var(--muted);font-size:16px}.project-detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;display:grid}.project-hero-symbol{width:40px;height:40px;color:var(--blue-ink);margin-bottom:20px}.project-hero-copy h1{margin-bottom:18px}.project-lead{color:var(--muted);max-width:54ch;margin-block:24px;font-size:18px}.project-hero-copy .actions{margin-top:28px}.project-hero-copy .btn{padding-inline:18px}.project-operation{background:var(--surface)}.project-operation-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:64px;display:grid}.project-operation-copy>p{color:var(--muted);max-width:48ch;margin-top:24px}.project-operation-copy .project-demo-disclosure{font-size:15px;line-height:1.6}.project-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:start;gap:80px;display:grid}.project-prose{max-width:68ch;line-height:1.65}.project-prose h2{font-size:var(--project-heading);margin-block:40px 16px;line-height:1.25}.project-prose h2:first-child{margin-top:0}.project-prose p{color:var(--muted);margin-bottom:18px}.project-prose ul{color:var(--muted);margin-block:0 24px;padding-left:22px}.project-prose li{margin-block:10px}.project-prose li::marker{color:var(--blue-ink)}.project-facts{background:var(--surface);border-radius:4px;padding:30px}.project-facts h2{font-size:var(--project-heading);margin-block:32px 12px;line-height:1.25}.project-facts h2:first-child{margin-top:0}.project-facts p{color:var(--muted);font-size:16px;line-height:1.65}.project-technologies{gap:10px;margin-block:16px 28px}.project-technologies li{border:1px solid var(--line);padding:6px 10px}.project-facts .btn{width:100%;padding-inline:12px;font-size:15px}.project-related{background:var(--surface)}.project-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}.project-related-grid article{flex-direction:column;align-items:start;display:flex}.project-related-grid .project-visual{width:100%;margin-bottom:24px}.project-related-grid .project-visual img{aspect-ratio:2}.project-related-grid h3{margin-bottom:12px}.project-related-grid .project-state{margin-bottom:24px}.project-related-grid .btn{margin-top:auto}.project-flow{border:1px solid var(--line);background:var(--deep);border-radius:5px;min-width:0}.project-flow-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.project-flow-toolbar p{color:var(--project-caption);font-size:16px}.project-flow-toolbar button{border:1px solid var(--line)}.project-flow-toolbar button[hidden]{display:none}.project-flow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:36px 24px;list-style:none;display:grid}.project-flow-steps li{min-width:0;position:relative}.project-flow-scene{padding:24px 24px 0}.project-flow-scene>svg{width:100%;height:auto;display:block}.project-flow-step{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;display:block}.project-flow-step:focus-visible{outline:3px solid var(--blue-ink);outline-offset:6px}.project-flow-step:hover .project-flow-symbol{border-color:var(--blue-ink)}.project-flow-symbol{width:56px;height:56px;color:var(--blue-ink);background:var(--surface);border:1px solid var(--line);transition:background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);border-radius:5px;place-items:center;margin-bottom:20px;display:grid;position:relative}.project-flow-symbol svg{width:28px;height:28px}.project-flow-steps li:not(:last-child):after{content:"";border-top:1px dashed var(--line);position:absolute;top:27px;left:68px;right:-12px}.is-enhanced .project-flow-steps .is-past:after{border-style:solid;border-color:var(--blue-ink)}.project-flow-steps .is-current .project-flow-symbol{background:var(--button-secondary);border-color:var(--blue-ink);color:var(--ink);transform:translateY(-2px)}.project-flow-steps .is-past .project-flow-symbol{border-color:var(--blue-ink)}.project-flow-steps strong{margin-bottom:10px;font-size:18px;font-weight:500;display:block}.project-flow-text{color:var(--muted);font-size:15px;line-height:1.6;display:block}.project-flow-note{border-top:1px solid var(--line);color:var(--project-caption);margin:0 24px;padding-block:20px;font-size:14px;line-height:1.5}.projects-page .trace-visual{width:100%}.trace-views{gap:16px;min-width:0;display:grid}.trace-view-tabs{border:1px solid var(--line);background:var(--deep);border-radius:5px;justify-self:start;gap:4px;padding:4px;display:inline-flex}.trace-view-tabs[hidden]{display:none}.trace-view-tabs button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:8px 18px;font-size:15px;font-weight:500;transition:background-color .32s cubic-bezier(.16,1,.3,1),color .32s cubic-bezier(.16,1,.3,1)}.trace-view-tabs button:hover{color:var(--ink)}.trace-view-tabs [aria-selected=true]{background:var(--button-secondary);color:var(--ink)}.trace-views [data-view-panel][hidden]{display:none}.header nav a[aria-current=page]{color:#b9d5ff;text-underline-offset:8px;text-decoration:underline}@media (width<=1100px){.project-intro-copy,.project-custom-grid,.project-case,.project-detail-hero,.project-operation-grid{gap:36px}.project-operation-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.project-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:36px}.project-facts{padding:24px}}@media (width<=800px){.project-intro{padding-bottom:40px}.project-breadcrumbs{margin-bottom:32px}.project-intro-copy,.project-case,.project-custom-grid,.project-detail-hero,.project-operation-grid,.project-detail-grid{grid-template-columns:minmax(0,1fr);gap:32px}.project-intro-copy p{font-size:17px}.project-showcase,.project-case{padding-block:40px}.project-case:nth-child(2n) .project-visual{order:0}.project-case .project-visual img,.project-detail-hero .project-visual img{max-height:480px}.project-lead{font-size:17px}.project-related-grid{gap:32px}}@media (width<=620px){.project-jumps{flex-direction:column;align-items:stretch}.project-jumps .btn{justify-content:flex-start}.project-jumps .btn svg:last-child{margin-left:auto}.project-title-line{gap:12px}.project-title-line>svg{width:30px;height:30px}.project-case-copy>.btn,.project-custom-grid .btn,.project-related .btn{width:100%}.project-related-grid{grid-template-columns:minmax(0,1fr);gap:40px}.project-flow-toolbar{padding:16px}.project-flow-steps{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 16px}.project-flow-scene{padding:12px 8px 0}.project-flow-step{grid-template-columns:56px minmax(0,1fr);gap:8px 20px;display:grid}.project-flow-symbol{grid-row:span 2;margin-bottom:0}.project-flow-steps strong{margin:0}.project-flow-steps li:not(:last-child):after{border-top:0;border-left:1px dashed var(--line);inset:68px auto -16px 27px}.project-flow-note{margin-inline:16px}.project-facts{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.project-flow-symbol{transition:none}}