@layer components{.web-projects h1,.web-projects h2,.web-projects h3,.web-projects p{margin:0}.web-projects__hero{border-block-end:var(--border-hairline) solid var(--color-line)}.web-projects__hero-inner{display:grid;min-block-size:calc(100svh - 5rem);gap:var(--space-lg);padding-block:var(--space-lg)}.web-projects__hero-copy{display:grid;align-content:end;gap:var(--space-md)}.web-projects__hero h1{max-inline-size:13ch;font-size:clamp(3.25rem,1.8rem + 5.2vw,6.75rem);letter-spacing:var(--tracking-tight);line-height:.91}.web-projects__hero h1 span{display:block}.web-projects__hero-intro{max-inline-size:39rem;color:var(--color-muted);font-size:var(--text-body)}.web-projects__actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.web-projects__link{display:inline-flex;inline-size:fit-content;gap:.75rem;align-items:center;padding-block:.45rem;border-block-end:1px solid currentColor;font-weight:700;text-decoration:none}.web-projects__link span{color:var(--color-accent)}.web-projects__link:hover,.web-projects__link:focus-visible{border-block-end-color:var(--color-accent)}.web-projects a.web-projects__link--primary{padding:.8rem 1rem;border:1px solid currentColor;background:var(--color-ink);color:var(--color-canvas)}.web-projects__link--primary .web-projects__link-label{color:var(--color-canvas)}.web-projects a.web-projects__link--primary:hover,.web-projects a.web-projects__link--primary:focus-visible{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.web-projects__link--primary:hover span,.web-projects__link--primary:focus-visible span{color:currentColor}.project-blueprint{display:grid;min-inline-size:0;min-block-size:30rem;grid-template-rows:auto 1fr auto;padding:var(--space-md);overflow:hidden;background:linear-gradient(var(--color-dark-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-dark-line) 1px,transparent 1px),var(--color-dark-canvas);background-size:4rem 4rem;color:var(--color-dark-ink)}.project-blueprint__header{display:flex;justify-content:space-between;padding-block-end:var(--space-sm);border-block-end:1px solid var(--color-dark-line);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.project-blueprint ol{display:grid;padding:0;margin:0;align-content:center;list-style:none}.project-blueprint li{display:grid;min-inline-size:0;grid-template-columns:2.5rem minmax(6rem,.7fr) minmax(3rem,1fr);gap:var(--space-sm);align-items:center;padding-block:var(--space-sm);border-block-end:1px solid var(--color-dark-line)}.project-blueprint li>span,.project-blueprint__output>span{color:var(--color-dark-muted);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.project-blueprint li strong{overflow-wrap:normal;font-size:clamp(1rem,.86rem + .65vw,1.5rem);hyphens:none;word-break:normal}.project-blueprint li i{position:relative;display:block;block-size:1px;background:var(--color-dark-line)}.project-blueprint li i:before{position:absolute;inset:-.22rem auto auto 0;inline-size:.45rem;aspect-ratio:1;background:var(--color-accent);content:""}.project-blueprint li i:after{position:absolute;inset:-.25rem 0 auto auto;border-block:.25rem solid transparent;border-inline-start:.4rem solid var(--color-dark-ink);content:""}.project-blueprint__output{display:flex;justify-content:space-between;gap:var(--space-sm);align-items:end;padding-block-start:var(--space-md)}.project-blueprint__output strong{max-inline-size:8ch;overflow-wrap:normal;font-size:clamp(2rem,1.35rem + 2.7vw,4.5rem);hyphens:none;letter-spacing:var(--tracking-tight);line-height:.92;text-align:end;word-break:normal}.web-projects__scope,.web-projects__proof{padding-block:var(--space-2xl)}.web-projects__section-header{display:grid;gap:var(--space-md);margin-block-end:var(--space-xl)}.web-projects__section-header>div{display:grid;gap:var(--space-md)}.web-projects__section-header h2{max-inline-size:15ch;font-size:clamp(2.75rem,1.55rem + 4.6vw,7rem);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.web-projects__section-header>div>p{max-inline-size:42rem;color:var(--color-muted);font-size:var(--text-body)}.web-projects__scope-list,.web-projects__process-list{padding:0;margin:0;list-style:none}.web-projects__scope-list li{display:grid;gap:var(--space-sm);padding-block:var(--space-lg);border-block-start:1px solid var(--color-line)}.web-projects__scope-list li>span,.web-projects__process-list li>span,.web-projects__proof-heading{font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.web-projects__scope-list h3{font-size:clamp(2rem,1.35rem + 2.6vw,4.5rem);letter-spacing:var(--tracking-tight);line-height:.95}.web-projects__scope-list p{max-inline-size:40rem;color:var(--color-muted)}.web-projects__process{background:var(--color-dark-canvas);color:var(--color-dark-ink)}.web-projects__process-inner{padding-block:var(--space-2xl)}.web-projects__process .web-projects__section-header>div>p,.web-projects__process-list p{color:var(--color-dark-muted)}.web-projects__process-list{counter-reset:project-step}.web-projects__process-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-lg);border-block-start:1px solid var(--color-dark-line)}.web-projects__process-list li>div{display:grid;gap:var(--space-xs)}.web-projects__process-list h3{font-size:clamp(2.25rem,1.65rem + 1.4vw,3.25rem);letter-spacing:var(--tracking-tight);line-height:.95}.web-projects__process-list p{max-inline-size:36rem}.web-projects__proof-list{display:grid;border-block-start:1px solid var(--color-line)}.web-projects__proof-list article{display:grid;min-inline-size:0;gap:var(--space-md);padding-block:var(--space-lg);border-block-end:1px solid var(--color-line)}.web-projects__proof-heading{display:flex;justify-content:space-between;color:var(--color-muted)}.web-projects__proof-list h3{font-size:clamp(2.75rem,1.5rem + 4.5vw,6.5rem);letter-spacing:var(--tracking-tight);line-height:.92}.web-projects__proof-list article>p{max-inline-size:37rem;color:var(--color-muted);font-size:var(--text-body)}.web-projects__proof-list ul{display:flex;padding:0;margin:0;flex-wrap:wrap;gap:0 var(--space-md);list-style:none}.web-projects__proof-list li{padding-block:.35rem;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}.web-projects__proof-list li:before{margin-inline-end:.5rem;color:var(--color-accent);content:"/"}.web-projects__proof-footer{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);justify-content:space-between;align-items:start;padding-block-start:var(--space-md)}.web-projects__proof-footer p{max-inline-size:38rem;color:var(--color-muted);font-size:var(--text-body-sm)}.web-projects__closing{border-block-start:1px solid var(--color-line);background:var(--color-surface)}.web-projects__closing-inner{display:grid;min-block-size:min(48rem,80svh);align-content:center;gap:var(--space-md);padding-block:var(--space-xl)}.web-projects__closing h2{max-inline-size:11ch;font-size:clamp(3rem,1.6rem + 5.8vw,8rem);letter-spacing:var(--tracking-tight);line-height:.9}.web-projects__closing-inner>p:not(.meta-label){max-inline-size:40rem;color:var(--color-muted);font-size:var(--text-body)}@media(min-width:52rem){.web-projects__hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(24rem,.92fr);align-items:stretch}.web-projects__section-header{grid-template-columns:repeat(12,minmax(0,1fr))}.web-projects__section-header>.meta-label{grid-column:1 / 4}.web-projects__section-header>div{grid-column:5 / -1}.web-projects__scope-list li{grid-template-columns:minmax(3rem,1fr) minmax(12rem,3fr) minmax(18rem,4fr);align-items:start}.web-projects__process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-end:1px solid var(--color-dark-line)}.web-projects__process-list li{min-block-size:24rem;grid-template-columns:1fr;align-content:space-between;padding:var(--space-md);border-inline-end:1px solid var(--color-dark-line)}.web-projects__process-list li:last-child{border-inline-end:0}.web-projects__proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}.web-projects__proof-list article{padding:var(--space-lg)}.web-projects__proof-list article:first-child{padding-inline-start:0;border-inline-end:1px solid var(--color-line)}.web-projects__proof-list article:last-child{padding-inline-end:0}}@media(min-width:80rem){.web-projects__process-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:31.25rem){.web-projects__hero h1{font-size:clamp(2.8rem,13.5vw,4.1rem)}.project-blueprint{min-block-size:26rem;padding:var(--space-sm);background-size:3rem 3rem}.project-blueprint li{grid-template-columns:2rem minmax(5.5rem,.85fr) minmax(2.5rem,1fr);gap:var(--space-xs)}.project-blueprint__output{align-items:start;flex-direction:column}.project-blueprint__output strong{text-align:start}.web-projects__actions{align-items:start;flex-direction:column}.web-projects__section-header h2{font-size:clamp(2.5rem,12vw,3.75rem)}.web-projects__proof-list h3{font-size:clamp(2.65rem,14vw,4rem)}}}