@layer components{.works-hero{overflow:clip;background:radial-gradient(34rem 18rem at 88% 10%,color-mix(in oklab,var(--lz-gold-400),transparent 78%),transparent 66%),linear-gradient(180deg,var(--color-paper),var(--color-paper-soft))}.works-hero__inner{display:grid;gap:clamp(2rem,4vw,4rem);align-items:end}.works-hero__proof{display:flex;flex-wrap:wrap;gap:.7rem;max-width:42rem}.works-hero__proof span,.work-stack__list li{border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:.55rem .85rem;background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--type-small);font-weight:700}.work-featured-card,.work-card{color:inherit;text-decoration:none}.work-featured-card{display:grid;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);transition:border-color var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo)}.work-featured-card:hover,.work-card:hover{border-color:var(--color-rule-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.work-featured-card:focus-visible,.work-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.work-featured-card__media{aspect-ratio:16 / 10;background:var(--color-paper-soft)}.work-featured-card__media img,.work-card__media img,.work-detail-hero__media img,.work-screenshot img{display:block;width:100%;height:100%;object-fit:cover}.work-featured-card__body{display:grid;gap:1.2rem;padding:clamp(1.5rem,1rem + 3vw,3rem)}.work-featured-card__meta,.work-detail-hero__meta{display:grid;gap:.9rem}.work-featured-card__meta div,.work-detail-hero__meta div{display:grid;gap:.2rem}.work-featured-card__meta dt,.work-detail-hero__meta dt{color:var(--color-muted);font-family:var(--font-display);font-size:var(--type-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.work-featured-card__meta dd,.work-detail-hero__meta dd{color:var(--color-ink);font-weight:700}.works-list{display:grid;gap:1rem;margin-top:var(--space-section-inner)}.work-card{display:grid;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo);content-visibility:auto;contain-intrinsic-size:auto 30rem}.work-card__media{aspect-ratio:16 / 9;background:var(--color-paper-soft)}.work-card__body{display:grid;gap:1rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem)}.work-card__topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;color:var(--color-muted);font-family:var(--font-display);font-size:var(--type-meta);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.work-card h3{font-size:var(--type-card-title);font-weight:800;line-height:1.5}.work-card p{color:var(--color-ink-soft);line-height:1.9}.work-card__metrics,.work-results__grid{display:grid;gap:.75rem}.work-card__metrics li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;border-top:1px solid var(--color-rule);padding-top:.75rem;color:var(--color-muted);font-size:var(--type-small)}.work-card__metrics strong{color:var(--color-accent-strong)}.work-detail-hero{padding-block:calc(var(--space-section) + 2rem) var(--space-section-inner);background:radial-gradient(40rem 24rem at 84% 22%,color-mix(in oklab,var(--lz-blue-500),transparent 82%),transparent 68%),linear-gradient(180deg,var(--color-paper),var(--color-paper-soft))}.work-detail-hero__inner,.work-detail__summary-grid,.work-screenshots__grid,.work-stack__inner{display:grid;gap:clamp(1.5rem,3vw,3rem)}.work-detail-hero__copy{display:grid;gap:1.4rem}.work-detail-hero__title{max-width:13em;font-size:clamp(2.05rem,1.25rem + 3vw,3.6rem);font-weight:900;line-height:1.18;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}.work-detail-hero__title>span{display:block}.work-detail-hero__title .text-nowrap{display:inline-block}.work-detail-hero__lead{max-width:44rem;color:var(--color-ink-soft);font-size:var(--type-lede);line-height:1.9}.work-detail-hero__media,.work-screenshot{overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.work-detail-hero__media{align-self:start}.work-detail-hero__media img{aspect-ratio:16 / 10}.work-detail-hero__media figcaption,.work-screenshot figcaption{padding:1rem;color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.8}.work-detail__section{display:grid;gap:1rem;content-visibility:auto;contain-intrinsic-size:auto 24rem}.work-bullet-list{display:grid;gap:.9rem;color:var(--color-ink-soft);line-height:1.9}.work-bullet-list li{position:relative;padding-left:1.15rem}.work-bullet-list li:before{position:absolute;top:.75em;left:0;width:.38rem;height:.38rem;border-radius:var(--radius-pill);background:var(--color-accent-2-on-paper);content:""}.work-result-card{display:grid;gap:.55rem;border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:clamp(1.2rem,1rem + 1vw,1.8rem);background:var(--color-surface)}.work-result-card span{color:var(--color-muted);font-family:var(--font-display);font-size:var(--type-meta);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.work-result-card strong{color:var(--color-accent-strong);font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 2vw,3.2rem);line-height:1}.work-result-card p{color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.7}.work-screenshot img{aspect-ratio:16 / 10}.work-body{max-width:48rem}.work-body__content{display:grid;gap:1.2rem;margin-top:1.5rem;color:var(--color-ink-soft);font-size:var(--type-body);line-height:1.95}.work-body__content h2{margin-top:1.6rem;color:var(--color-ink);font-size:var(--type-card-title);font-weight:800;line-height:1.45}.work-stack__inner{align-items:start;border-top:1px solid var(--color-rule);padding-top:var(--space-section-inner)}.work-stack__list{display:flex;flex-wrap:wrap;gap:.75rem}.services-proof__panel{display:grid;gap:1.4rem;align-items:center;border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:clamp(1.5rem,1rem + 4vw,3.5rem);background:radial-gradient(24rem 16rem at 100% 0%,color-mix(in oklab,var(--lz-gold-400),transparent 84%),transparent 68%),var(--color-surface)}.services-proof__copy{display:grid;gap:.9rem}.services-proof__button{justify-self:start}@media(min-width:48rem){.work-featured-card,.work-detail-hero__inner,.work-detail__summary-grid,.work-screenshots__grid,.works-list,.work-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-proof__panel{grid-template-columns:minmax(0,1fr) auto}}@media(min-width:70rem){.works-list,.work-results__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.work-featured-card,.work-card{transition:border-color .12s linear}.work-featured-card:hover,.work-card:hover{transform:none}}}