.projects-gallery__list{gap:1.35rem}@container (min-width:42rem){.projects-gallery__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-tech{flex-wrap:wrap;gap:.4rem .5rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.projects-tech__item{border:1px solid var(--color-border-subtle);letter-spacing:.04em;color:var(--focus-ink-soft);background:color-mix(in oklch, var(--color-surface2) 80%, var(--color-surface1));border-radius:999px;margin:0;padding:.28rem .65rem;font-size:.75rem;font-weight:600}.projects-audience{color:var(--focus-ink-soft);margin:1rem 0 0;font-size:.9375rem;line-height:1.55}.projects-audience__label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand-emphasis);margin-right:.35rem;font-size:.72rem;font-weight:700;display:inline-block}.projects-outcomes{gap:.55rem;margin:1.15rem 0 0;padding:0;list-style:none;display:grid}.projects-outcomes li{border:1px solid var(--color-border-subtle);background:color-mix(in oklch, var(--color-surface2) 72%, var(--color-surface1));color:var(--color-text1);border-radius:.75rem;margin:0;padding:.65rem .85rem .65rem 1.85rem;font-size:.9375rem;line-height:1.45;position:relative}.projects-outcomes li:before{content:"";background:var(--color-brand-emphasis);border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:.95rem;left:.75rem}.projects-surfaces{margin:1.35rem 0 0}.projects-surfaces__heading{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .55rem;font-size:.75rem;font-weight:600}.projects-surfaces__list{flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.projects-surfaces__list li{border:1px solid color-mix(in oklch, var(--brand) 18%, var(--color-border-subtle));background:color-mix(in oklch, var(--brand) 6%, var(--color-surface2));color:var(--focus-ink-soft);border-radius:.65rem;margin:0;padding:.4rem .75rem;font-size:.875rem;line-height:1.4}.projects-hero__ctas{flex-wrap:wrap;gap:.75rem;margin:1.45rem 0 0;display:flex}.projects-article>.projects-section--product{margin-top:.35rem;container-type:inline-size}.projects-section--product>h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:400}.projects-tech-band{border:1px solid var(--color-border-subtle);background:color-mix(in oklch, var(--color-surface2) 55%, var(--color-surface1));border-radius:1rem;margin:2.4rem 0 0;padding:1.55rem 1.35rem 1.65rem}.projects-tech-band__intro{border-bottom:none;margin:0 0 1.35rem;padding-bottom:0}.projects-tech-band__title{font-family:var(--font-display);letter-spacing:-.018em;margin:0;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:400}.projects-diagram{border:1px solid var(--color-border-subtle);background:color-mix(in oklch, var(--color-surface1) 88%, var(--color-surface2));border-radius:.75rem;margin:0 0 1.25rem;padding:.85rem .65rem;overflow-x:auto}.projects-diagram__canvas{justify-content:center;min-width:min(100%,18rem);display:flex}.projects-diagram__canvas svg{max-width:100%;height:auto}.projects-tech-band .projects-tech{border-bottom:1px solid var(--color-border-subtle);margin:0 0 1.35rem;padding-bottom:1.1rem}.projects-section--tech+.projects-section--tech{border-top:1px solid color-mix(in oklch, var(--color-border-subtle) 80%, transparent);margin-top:1.45rem;padding-top:1.35rem}.projects-section__title{letter-spacing:-.01em;color:var(--color-text1);margin:0 0 .7rem;font-size:1.05rem;font-weight:650}.projects-block-p{color:var(--focus-ink-soft);text-wrap:pretty;margin:0 0 .85rem;font-size:1.02rem;line-height:1.7}.projects-block-p:last-child{margin-bottom:0}.projects-bullets{color:var(--focus-ink-soft);margin:0 0 .95rem;padding:0 0 0 1.15rem}.projects-bullets li{margin:.35rem 0;padding-left:.2rem;line-height:1.55}.projects-bullets:last-child{margin-bottom:0}.projects-callout{border:1px solid color-mix(in oklch, var(--brand) 22%, var(--color-border-subtle));background:linear-gradient(165deg, color-mix(in oklch, var(--brand) 8%, var(--color-surface2)), color-mix(in oklch, var(--color-surface2) 92%, var(--color-surface1)));border-radius:.85rem;margin:1rem 0 1.15rem;padding:1rem 1.1rem}.projects-callout p{color:var(--color-text1);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.55}.projects-flow{counter-reset:projects-flow;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.projects-flow li{border:1px solid var(--color-border-subtle);background:var(--color-surface1);color:var(--focus-ink-soft);counter-increment:projects-flow;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.45rem .7rem;font-size:.8125rem;font-weight:600;line-height:1.3;display:inline-flex;position:relative}.projects-flow li:before{content:counter(projects-flow);background:color-mix(in oklch, var(--brand) 18%, var(--color-surface2));width:1.15rem;height:1.15rem;color:var(--color-brand-emphasis);border-radius:999px;place-items:center;font-size:.7rem;display:inline-grid}.projects-cards{gap:.85rem;margin:0 0 1.15rem;padding:0;list-style:none;display:grid}@container (min-width:38rem){.projects-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.projects-cards>li{min-width:0;margin:0}.projects-surface-card{border:1px solid var(--color-border-subtle);background:color-mix(in oklch, var(--color-surface1) 78%, var(--color-surface2));border-radius:.85rem;height:100%;margin:0;padding:1rem 1.05rem 1.1rem}.projects-surface-card__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand-emphasis);margin:0;font-size:.7rem;font-weight:700}.projects-surface-card__title{letter-spacing:-.015em;color:var(--color-text1);margin:.4rem 0 0;font-size:1.05rem;font-weight:650}.projects-surface-card__body{color:var(--focus-ink-soft);text-wrap:pretty;margin:.45rem 0 0;font-size:.9375rem;line-height:1.5}.projects-surface-card__example{border:1px dashed color-mix(in oklch, var(--brand) 22%, var(--color-border-subtle));background:color-mix(in oklch, var(--color-surface2) 70%, var(--color-surface1));color:var(--focus-ink-soft);border-radius:.55rem;margin:.7rem 0 0;padding:.5rem .65rem;font-size:.8125rem;line-height:1.45}.projects-surface-card__example-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand-emphasis);font-size:.65rem;font-weight:700}.projects-index-card__tech{flex-wrap:wrap;gap:.35rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.projects-index-card__tech li{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.projects-index-card__tech li:not(:last-child):after{content:"·";color:var(--color-border-subtle);margin-left:.35rem}.projects-index-card__outcomes{gap:.25rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.projects-index-card__outcomes li{color:var(--focus-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-left:.9rem;font-size:.875rem;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}.projects-index-card__outcomes li:before{content:"";background:color-mix(in oklch, var(--brand) 55%, var(--color-border-subtle));border-radius:999px;width:.35rem;height:.35rem;position:absolute;top:.45rem;left:0}article[data-card=project]{border:1px solid var(--color-border-subtle);background:color-mix(in oklch, var(--color-surface2) 70%, var(--color-surface1));height:100%;box-shadow:var(--marketing-shadow-sm);border-radius:.9rem;transition:border-color .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);overflow:hidden}:is(article[data-card=project]:has(a:hover),article[data-card=project]:has(a:focus-visible)){border-color:color-mix(in oklch, var(--brand) 30%, transparent);box-shadow:var(--marketing-shadow-md)}.projects-index-card__link{min-width:0;height:100%;color:inherit;gap:0;padding:1.25rem 1.3rem 1.4rem;text-decoration:none;display:grid}.projects-index-card__link:focus-visible{outline:2px solid var(--color-brand-emphasis);outline-offset:3px}.projects-index-card__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-emphasis);margin:0;font-size:.75rem;font-weight:600}.projects-index-card__title{font-family:var(--font-display);letter-spacing:-.018em;text-wrap:balance;margin:.45rem 0 0;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:400;line-height:1.22}.projects-index-card__lede{color:var(--focus-ink-soft);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.55rem 0 0;font-size:1rem;line-height:1.55;display:-webkit-box;overflow:hidden}.projects-index-card__cta{color:var(--color-link);margin:.85rem 0 0;font-size:.875rem;font-weight:600}:is(article[data-card=project]:has(a:hover) .projects-index-card__cta,article[data-card=project]:has(a:focus-visible) .projects-index-card__cta){color:var(--color-brand-emphasis)}@media (max-width:40rem){.projects-tech-band{padding:1.25rem 1rem 1.35rem}.projects-hero__ctas{flex-direction:column;align-items:stretch}}