/* 2xN Work / portfolio page (loads after location.css) */
.work-intro{padding-bottom:40px}
.work-intro__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end}
.work-intro__lead{font-size:clamp(32px,3.8vw,52px);font-weight:700;line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--text-on-light);text-wrap:balance}
.work-intro__lead .accent{color:var(--purple-deep)}
.work-intro__body{font-size:17px;line-height:1.72;margin:0;color:var(--text-on-light-muted);text-wrap:pretty}
.work-projects{padding-top:40px}
.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.work-filter{font:inherit;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid var(--border-light);background:var(--card-light);color:var(--text-on-light);cursor:pointer;transition:background 160ms ease,border-color 160ms ease,color 160ms ease}
.work-filter:hover{border-color:var(--purple)}
.work-filter.is-active{background:var(--purple);border-color:var(--purple);color:#fff}
.work-filter:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.work-count{font-size:13px;margin:0 0 32px;color:var(--text-on-light-muted)}
.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:28px}
.work-card{display:flex;flex-direction:column;background:var(--card-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:transform 220ms ease,box-shadow 220ms ease}
.work-card[hidden]{display:none}
.work-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(76,29,149,.45)}
.work-card__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg-light)}
.work-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 400ms ease}
.work-card:hover .work-card__img img{transform:scale(1.03)}
.work-card__body{display:flex;flex-direction:column;flex:1;padding:28px 30px 30px}
.work-card__meta{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;color:var(--purple-deep)}
.work-card__name{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px}
.work-card__name a{color:var(--text-on-light);text-decoration:none}
.work-card__name a:hover{color:var(--purple-deep)}
.work-card__hook{font-size:17px;line-height:1.5;font-weight:500;margin:0 0 22px;color:var(--text-on-light);text-wrap:pretty}
.work-card__dl{display:grid;gap:16px;margin:0 0 26px;padding-top:20px;border-top:1px solid var(--border-light)}
.work-card__dl dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;color:var(--text-on-light)}
.work-card__dl dd{font-size:15px;line-height:1.65;margin:0;color:var(--text-on-light-muted);text-wrap:pretty}
.work-card__actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:auto}
.work-card__link{font-size:15px;font-weight:600;color:var(--purple-deep);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.work-card__link:hover{color:var(--purple)}
.work-card__link--ext{color:var(--text-on-light)}
.work-testimonial{grid-column:1/-1;margin:0;padding:48px 56px;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 15% 20%,rgba(192,132,252,.22),transparent 60%),linear-gradient(135deg,#4c1d95 0%,#6b21a8 60%,#581c87 100%);color:#fff}
.work-testimonial__mark{font-size:88px;line-height:.6;font-weight:700;margin:0 0 18px;color:var(--purple-bright)}
.work-testimonial__quote{margin:0 0 32px}
.work-testimonial__quote p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;margin:0;color:#fff;max-width:80ch;text-wrap:pretty}
.work-testimonial__author{display:flex;align-items:center;gap:14px}
.work-testimonial__avatar{width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;background:rgba(255,255,255,.14);color:#fff}
.work-testimonial__name{display:block;font-size:16px;font-weight:700}
.work-testimonial__site{font-size:14px;color:rgba(255,255,255,.85);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.work-testimonial__site:hover{color:#fff;border-color:#fff}
@media (max-width:860px){.work-testimonial{padding:32px 24px}}
.work-quote__fig{margin:0 auto;max-width:900px;text-align:center}
.work-quote__fig blockquote{margin:0}
.work-quote__fig blockquote p{font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.25;letter-spacing:-.02em;margin:0 0 28px;color:#fff;text-wrap:balance}
.work-quote__fig blockquote p::before{content:"\201C";color:var(--purple-bright)}
.work-quote__fig blockquote p::after{content:"\201D";color:var(--purple-bright)}
.work-quote__fig figcaption{font-size:15px;color:var(--text-on-dark-muted)}
.work-quote__fig figcaption a{color:#fff;text-decoration:none;border-bottom:1px solid var(--purple-bright)}
.work-quote__fig figcaption a:hover{color:var(--purple-bright)}
@media (max-width:860px){.work-intro__grid{grid-template-columns:1fr;gap:24px}.work-card__body{padding:24px 22px 26px}}