@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{max-width:48rem}.works-gallery-section{overflow:clip;padding-block:clamp(3rem,2rem + 4vw,6rem)}.works-gallery__head{display:block}.works-filter{display:grid;gap:.75rem}.works-filter__label{color:var(--color-muted);font-size:var(--type-small);font-weight:700}.works-filter__buttons{display:flex;flex-wrap:wrap;gap:.55rem}.works-filter button{display:inline-flex;align-items:center;min-height:2.6rem;border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:.55rem .9rem;background:var(--color-surface);color:var(--color-ink-soft);font:inherit;font-size:var(--type-small);font-weight:700;cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease}.works-filter button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.works-filter button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.works-gallery{display:grid;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(1.75rem,3vw,2.5rem)}.work-gallery-card{display:grid;overflow:hidden;border:1px solid var(--color-rule);border-top:3px solid var(--lz-blue-400);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;box-shadow:0 1px color-mix(in oklab,var(--color-rule),transparent 30%);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 18rem}.work-gallery-card[data-proof-format=diagnose]{border-top-color:var(--lz-gold-400)}.work-gallery-card[data-proof-format=enable]{border-top-color:var(--lz-blue-300)}.work-gallery-card[hidden]{display:none}.work-gallery-card:hover{border-color:var(--color-rule-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.work-gallery-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.work-gallery-card__body{display:grid;grid-template-rows:auto auto 1fr auto;gap:.75rem;align-content:start;min-width:0;min-height:clamp(15rem,13rem + 4vw,18rem);padding:clamp(1rem,1.5vw,1.35rem)}.work-tags{display:flex;flex-wrap:wrap;gap:.45rem}.work-tags li{border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:.25rem .55rem;background:var(--color-paper-soft);color:var(--color-ink-soft);font-size:var(--type-meta);font-weight:700}.work-gallery-card__meta{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.work-gallery-card__product{color:var(--color-accent-strong);font-size:var(--type-meta);font-weight:800}.work-gallery-card__meta>span{color:var(--color-muted);font-size:1.05rem;line-height:1;transition:transform var(--duration-fast) ease}.work-gallery-card:hover .work-gallery-card__meta>span{transform:translate(.15rem,-.15rem)}.work-gallery-card h3{font-size:clamp(1rem,.92rem + .35vw,1.25rem);font-weight:900;line-height:1.5;text-wrap:pretty}.work-gallery-card__summary{display:-webkit-box;overflow:hidden;color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2}.work-proof{--proof-accent: var(--lz-blue-400);--proof-accent-soft: color-mix(in oklab, var(--proof-accent), transparent 78%);display:grid;margin:0}.work-proof--diagnose{--proof-accent: var(--lz-gold-400)}.work-proof--p4,.work-proof--p6{--proof-accent: var(--lz-blue-300)}.work-proof--p5,.work-proof--p7{--proof-accent: var(--lz-gold-400)}.work-proof__frame{overflow:hidden;border:1px solid color-mix(in oklab,white,transparent 86%);border-radius:inherit;background:radial-gradient(30rem 20rem at 90% 10%,var(--proof-accent-soft),transparent 72%),linear-gradient(145deg,var(--lz-night-900),var(--lz-night-950));color:var(--color-night-ink)}.work-proof__toolbar{display:flex;gap:.4rem;align-items:center;min-height:2.2rem;border-bottom:1px solid var(--color-night-rule);padding-inline:.9rem}.work-proof__toolbar>span{width:.42rem;height:.42rem;border-radius:var(--radius-pill);background:color-mix(in oklab,white,transparent 72%)}.work-proof__toolbar>span:first-child{background:var(--proof-accent)}.work-proof__toolbar p{margin-left:auto;color:var(--color-night-faint);font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.1em}.work-proof__canvas{display:grid;gap:clamp(1rem,3vw,2rem);min-height:clamp(22rem,48vw,34rem);padding:clamp(1.1rem,3vw,2.2rem)}.work-proof__heading{display:grid;gap:.45rem;align-content:start}.work-proof__heading>p{color:var(--proof-accent);font-family:var(--font-display);font-size:var(--type-meta);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.work-proof__title{max-width:18em;color:var(--color-night-ink);font-size:clamp(1.15rem,2.4vw,1.8rem);font-weight:850;line-height:1.45;text-wrap:balance}.work-proof figcaption{padding:.85rem 1rem;background:var(--color-paper-soft);color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.7}.work-proof__build{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.1fr);gap:.8rem;align-items:stretch}.work-proof__source,.work-proof__page{border:1px solid var(--color-night-rule);border-radius:var(--radius-md);background:color-mix(in oklab,var(--lz-night-800),transparent 32%)}.work-proof__source{display:grid;gap:.6rem;align-content:start;padding:.8rem}.work-proof__source-line{width:72%;height:.34rem;border-radius:var(--radius-pill);background:color-mix(in oklab,white,transparent 78%)}.work-proof__source-line--long{width:94%;background:color-mix(in oklab,var(--proof-accent),transparent 46%)}.work-proof__source-line--short{width:48%}.work-proof__source-image{min-height:5rem;margin-top:.3rem;border-radius:calc(var(--radius-md) - .2rem);background:linear-gradient(150deg,transparent 30%,color-mix(in oklab,white,transparent 88%)),var(--proof-accent-soft)}.work-proof__steps{display:grid;grid-column:1 / -1;gap:.55rem;order:3}.work-proof__steps li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;border-top:1px solid var(--color-night-rule);padding-top:.6rem}.work-proof__step-index,.work-proof__issue-number,.work-proof__enable-node{color:var(--proof-accent);font-family:var(--font-display);font-size:.72rem;font-weight:800}.work-proof__step-copy,.work-proof__issue-copy,.work-proof__enable-copy{display:grid;gap:.18rem}.work-proof small{color:var(--color-night-faint);font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.work-proof strong{color:var(--color-night-ink);font-size:.82rem;line-height:1.45}.work-proof__step-copy>span,.work-proof__issue-copy>span,.work-proof__enable-copy>span{color:var(--color-night-muted);font-size:.69rem;line-height:1.5}.work-proof__page{display:grid;gap:.45rem;align-content:start;padding:.8rem}.work-proof__page-kicker,.work-proof__page-title,.work-proof__page-copy,.work-proof__page-cta,.work-proof__page-card{display:block;border-radius:var(--radius-pill)}.work-proof__page-kicker{width:28%;height:.3rem;background:var(--proof-accent)}.work-proof__page-title{width:88%;height:1.1rem;margin-block:.2rem;background:color-mix(in oklab,white,transparent 28%)}.work-proof__page-copy{width:84%;height:.3rem;background:color-mix(in oklab,white,transparent 75%)}.work-proof__page-copy--short{width:58%}.work-proof__page-cta{width:38%;height:1.2rem;margin-block:.35rem;background:var(--proof-accent)}.work-proof__page-card{height:2.4rem;border:1px solid var(--color-night-rule);border-radius:calc(var(--radius-md) - .25rem);background:color-mix(in oklab,white,transparent 94%)}.work-proof__diagnosis{display:grid;grid-template-columns:minmax(8rem,.38fr) minmax(0,1fr);gap:1rem}.work-proof__diagnosis-summary{display:grid;gap:.45rem;place-content:center;min-height:8rem;border:1px solid var(--color-night-rule);border-radius:var(--radius-md);background:color-mix(in oklab,var(--proof-accent),transparent 90%);text-align:center}.work-proof__pulse{width:.65rem;height:.65rem;margin-inline:auto;border-radius:var(--radius-pill);background:var(--proof-accent);box-shadow:0 0 0 .35rem color-mix(in oklab,var(--proof-accent),transparent 82%)}.work-proof__diagnosis-summary span:not(.work-proof__pulse){color:var(--color-night-faint);font-size:.62rem;font-weight:800;letter-spacing:.08em}.work-proof__diagnosis-summary strong{color:var(--proof-accent);font-size:1rem}.work-proof__issue-list{display:grid;gap:.55rem}.work-proof__issue-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:center;border:1px solid var(--color-night-rule);border-radius:var(--radius-md);padding:.65rem;background:color-mix(in oklab,white,transparent 96%)}.work-proof__issue-status{border:1px solid color-mix(in oklab,var(--proof-accent),transparent 50%);border-radius:var(--radius-pill);padding:.25rem .4rem;color:var(--proof-accent);font-size:.58rem;font-weight:800;white-space:nowrap}.work-proof__trace{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.work-proof__trace span{display:grid;gap:.3rem;border-top:1px solid var(--color-night-rule);padding-top:.5rem;color:var(--color-night-muted);font-size:.66rem;font-weight:700}.work-proof__trace i{color:var(--proof-accent);font-family:var(--font-display);font-style:normal}.work-proof__enable{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,.32fr);gap:1rem}.work-proof__enable-flow{display:grid;gap:.7rem}.work-proof__enable-flow li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start}.work-proof__enable-flow li:not(:last-child):after{position:absolute;top:1.2rem;bottom:-.7rem;left:.72rem;width:1px;background:color-mix(in oklab,var(--proof-accent),transparent 55%);content:""}.work-proof__enable-node{z-index:1;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid color-mix(in oklab,var(--proof-accent),transparent 28%);border-radius:var(--radius-pill);background:var(--lz-night-900)}.work-proof__enable-copy{border-bottom:1px solid var(--color-night-rule);padding-bottom:.65rem}.work-proof__takeaway{display:grid;gap:.7rem;align-content:center;min-height:10rem;border:1px solid var(--color-night-rule);border-radius:var(--radius-md);padding:1rem;background:linear-gradient(150deg,color-mix(in oklab,var(--proof-accent),transparent 84%),transparent),color-mix(in oklab,white,transparent 96%)}.work-proof__takeaway span{color:var(--proof-accent);font-family:var(--font-display);font-size:.65rem;font-weight:800;letter-spacing:.12em}.work-proof__takeaway i{height:.45rem;border-radius:var(--radius-pill);background:color-mix(in oklab,white,transparent 76%)}.work-proof__takeaway i:nth-of-type(2){width:76%}.work-proof__takeaway i:nth-of-type(3){width:48%;background:var(--proof-accent)}.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-scope__grid{display:grid;gap:clamp(1.5rem,4vw,4rem)}.work-detail-hero__copy{display:grid;gap:1.35rem;align-content:center}.work-detail-hero__title{max-width:14em;font-size:clamp(2.05rem,1.25rem + 3vw,3.6rem);font-weight:900;line-height:1.18;text-wrap:balance;word-break:normal;overflow-wrap:anywhere}.work-detail-hero__title>span{display: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__meta{display:grid;gap:.8rem}.work-detail-hero__meta div{display:grid;grid-template-columns:minmax(6.5rem,.3fr) 1fr;gap:.8rem;border-top:1px solid var(--color-rule);padding-top:.65rem}.work-detail-hero__meta dt{color:var(--color-muted);font-size:var(--type-meta);font-weight:700}.work-detail-hero__meta dd{color:var(--color-ink);font-size:var(--type-small);font-weight:700;line-height:1.7}.work-detail-hero>.container>.work-proof{align-self:start;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.work-pitch__inner{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:start;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);padding-block:clamp(1.5rem,4vw,3rem)}.work-pitch__inner>p{color:var(--color-ink);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:650;line-height:1.9}.work-detail__section{display:grid;gap:1rem;min-width:0;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-artifact-list{display:grid;gap:0;margin-top:var(--space-section-inner);border-top:1px solid var(--color-rule)}.work-artifact-list li{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2rem);align-items:baseline;border-bottom:1px solid var(--color-rule);padding-block:clamp(1rem,2.5vw,1.6rem)}.work-artifact-list span{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--type-meta);font-weight:800}.work-artifact-list p{color:var(--color-ink);font-size:clamp(1.05rem,1rem + .3vw,1.25rem);font-weight:700;line-height:1.7}.work-results__grid{display:grid;gap:.75rem;margin-top:var(--space-section-inner)}.work-result-card{display:grid;gap:.6rem;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-size:var(--type-meta);font-weight:800;letter-spacing:.06em}.work-result-card>strong{color:var(--color-accent-strong);font-family:var(--font-display);font-size:clamp(1.2rem,1rem + 1vw,2rem);line-height:1.2;overflow-wrap:anywhere}.work-result-card>p{color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.7}.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-screenshot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.work-screenshot figcaption{padding:1rem;color:var(--color-ink-soft);font-size:var(--type-small);line-height:1.8}.work-body{max-width:50rem}.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:850;line-height:1.45}.work-body__content ul,.work-body__content ol{display:grid;gap:.55rem;padding-left:1.35rem}.work-body__content ul{list-style:disc}.work-body__content ol{list-style:decimal}.work-scope__roles,.work-scope__stack{display:grid;gap:1.2rem;border-top:1px solid var(--color-rule);padding-top:var(--space-section-inner)}.work-stack__list{display:flex;flex-wrap:wrap;gap:.65rem}.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-offer__inner{display:grid;gap:2rem;align-items:center;overflow:hidden;border-radius:var(--radius-lg);padding:clamp(1.5rem,5vw,4rem);background:radial-gradient(26rem 18rem at 100% 0%,color-mix(in oklab,var(--lz-gold-400),transparent 72%),transparent 70%),linear-gradient(145deg,var(--lz-night-800),var(--lz-night-950));color:var(--color-night-ink);box-shadow:var(--shadow-card)}.work-offer__inner .section-title,.work-offer__inner>div>p:last-child{color:var(--color-night-ink)}.work-offer__inner>div:first-child{display:grid;gap:.8rem}.work-offer__inner>div>p:last-child{max-width:46rem;line-height:1.85}.work-offer__actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}.work-offer__actions .text-link{color:var(--color-night-ink)}@media(min-width:48rem){.work-detail-hero__inner,.work-detail__summary-grid,.work-screenshots__grid,.work-scope__grid,.work-pitch__inner,.work-offer__inner,.works-gallery,.work-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:70rem){.works-gallery,.work-results__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:47.99rem){.work-proof__build,.work-proof__diagnosis,.work-proof__enable{grid-template-columns:1fr}.work-proof__source{display:none}.work-proof__steps{grid-column:auto;order:initial}.work-proof__diagnosis-summary,.work-proof__takeaway{min-height:5.5rem}.work-proof__issue-list li{grid-template-columns:auto 1fr}.work-proof__issue-status{display:none}.work-detail-hero__meta div{grid-template-columns:1fr;gap:.25rem}}@media(prefers-reduced-motion:reduce){.work-gallery-card,.works-filter button{transition:border-color .12s linear}.work-gallery-card:hover{transform:none}}}