.work-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:2rem 1.5rem;display:grid}.work-grid--people{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr))}.work-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--gdp-shadow-card);transition:box-shadow var(--dur-base) var(--ease-out), translate var(--dur-base) var(--ease-out);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.work-card:hover{box-shadow:var(--gdp-shadow-lift)}.work-card:has(a:focus-visible){box-shadow:var(--gdp-shadow-focus)}@media (prefers-reduced-motion:no-preference){.work-card:hover{translate:0 -2px}}.work-card__media{aspect-ratio:16/10;background:var(--color-sunken);overflow:hidden}.work-card__media img{object-fit:cover;width:100%;height:100%;transition:scale var(--dur-slow) var(--ease-out)}@media (prefers-reduced-motion:no-preference){.work-card:hover .work-card__media img{scale:1.03}}.work-card--person .work-card__media{aspect-ratio:1;border-radius:50%;margin:1.25rem 1.25rem 0}.work-card--person .work-card__media img{object-position:50% 20%}.work-card__blank,.work-hero__blank{color:#fff;width:100%;height:100%;font-size:var(--text-h1);font-weight:var(--font-weight-light);letter-spacing:var(--text-h1--letter-spacing);background:repeating-radial-gradient(circle at 100% 0,#0000 0 46px,#62d0f538 47px 48px),radial-gradient(70% 90% at 90% 10%,#9c8cff4d,#0000 70%),radial-gradient(120% 100% at 80% 20%,#062b4a 0%,#03182b 60%,#020f1c 100%);place-items:center;display:grid}.work-card__body{align-content:start;gap:.6rem;padding:1.25rem 1.25rem 1.5rem;display:grid}.work-card__labels{flex-wrap:wrap;gap:.375rem;display:flex}.work-card__labels span,.work-chip{border-radius:var(--radius-full);background:var(--color-wash);min-height:1.75rem;color:var(--color-action-ink);font-size:var(--text-caption);line-height:var(--text-caption--line-height);font-weight:var(--font-weight-medium);align-items:center;padding-inline:.75rem;display:inline-flex}.work-card__title{font-size:var(--text-h3);line-height:var(--text-h3--line-height);font-weight:var(--font-weight-medium);letter-spacing:-.01em;color:var(--color-ink);text-wrap:balance}.work-card__title a{color:inherit;outline:none;text-decoration:none}.work-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.work-card:hover .work-card__title a{color:var(--color-action-ink)}.work-card__sub{font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--color-muted)}.work-card__text{-webkit-line-clamp:3;font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-text);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-card__date{font-size:var(--text-small);color:var(--color-muted);margin-block-start:auto;padding-block-start:.25rem}.work-card--person .work-card__body{gap:.25rem;padding:1rem 1rem 1.25rem}.work-card--person .work-card__title{font-size:var(--text-body);line-height:var(--text-body--line-height)}@media (width>=56rem){.work-card--feature{grid-column:span 2;grid-template-rows:none;grid-template-columns:1.25fr 1fr}.work-card--feature .work-card__media{aspect-ratio:auto;min-height:100%}.work-card--feature .work-card__body{align-content:center;gap:.9rem;padding:2rem}.work-card--feature .work-card__title{font-size:var(--text-h2);line-height:var(--text-h2--line-height);letter-spacing:var(--text-h2--letter-spacing);font-weight:400}.work-card--feature .work-card__text{-webkit-line-clamp:4;font-size:var(--text-lead);line-height:var(--text-lead--line-height)}}.work-filters ul{flex-wrap:wrap;gap:.5rem;display:flex}.work-filters a{border-radius:var(--radius-full);background:var(--color-surface);min-height:2.75rem;box-shadow:var(--gdp-shadow-edge);color:var(--color-text);font-size:var(--text-small);font-weight:var(--font-weight-medium);transition:background-color var(--dur-quick), color var(--dur-quick), box-shadow var(--dur-quick);align-items:center;gap:.5rem;padding-inline:1rem;text-decoration:none;display:inline-flex}.work-filters a:hover{color:var(--color-action-ink);box-shadow:inset 0 0 0 1px var(--color-action-ink)}.work-filters a:focus-visible{box-shadow:var(--gdp-shadow-focus)}.work-filters a[aria-current]{background:var(--color-action);color:var(--color-on-action);box-shadow:none}.work-filters__count{font-size:var(--text-caption);color:var(--color-muted);font-variant-numeric:tabular-nums}.work-filters a[aria-current] .work-filters__count{color:inherit}.work-chips{flex-wrap:wrap;gap:.5rem;display:flex}a.work-chip{min-height:2rem;transition:background-color var(--dur-quick);text-decoration:none}a.work-chip:hover{background:color-mix(in srgb, var(--color-wash), var(--color-action-ink) 12%)}a.work-chip:focus-visible{box-shadow:var(--gdp-shadow-focus)}.work-chip--plain{background:var(--color-sunken);color:var(--color-text)}[data-gdp-theme=dark] .work-chip{color:var(--color-ink);background:#ffffff1a}[data-gdp-theme=dark] a.work-chip:hover{background:#ffffff2e}.work-hero{border-radius:var(--radius-card);background:var(--color-sunken);box-shadow:var(--gdp-shadow-lift);margin-block-start:-2.5rem;margin-inline:auto;position:relative;overflow:hidden}.work-hero img{width:100%;height:auto;display:block}.work-hero--cover{aspect-ratio:21/9}.work-hero--cover img{object-fit:cover;height:100%}@media (width<56rem){.work-hero{margin-block-start:-1.5rem}.work-hero--cover{aspect-ratio:4/3}}.work-facts{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--gdp-shadow-card);align-content:start;gap:1.25rem;padding:1.5rem;display:grid}.work-facts dl{gap:1rem;display:grid}.work-facts dt{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-muted);margin-block-end:.4rem}.work-facts dd{font-size:var(--text-body);color:var(--color-text)}@media (width>=56rem){.work-facts{position:sticky;top:6.5rem}}.work-case .prose>p:first-child{color:var(--color-ink);font-size:1.375rem;line-height:1.55}.work-case .prose>.case-block{border-radius:var(--radius-card);max-width:none;margin-block-start:2.5rem;padding:1.75rem}.case-block>*+*{margin-block-start:1.1em}.case-block>:first-child{margin-block-start:0}.prose .case-block>:is(h2,h3,h4):first-child{font-size:var(--text-small);line-height:var(--text-small--line-height);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-action-ink);align-items:center;gap:.75rem;display:flex}.prose .case-block>:is(h2,h3,h4):first-child:before{content:"";border-radius:var(--radius-full);background:var(--iris-short);flex:none;width:2.5rem;height:2.5rem;-webkit-mask:radial-gradient(circle,#000 0 4px,#0000 5px 9px,#000 10px 11px,#0000 12px 15px,#000 16px 17px,#0000 18px);mask:radial-gradient(circle,#000 0 4px,#0000 5px 9px,#000 10px 11px,#0000 12px 15px,#000 16px 17px,#0000 18px)}.case-block--deliverables{background:var(--color-surface);box-shadow:var(--gdp-shadow-card)}.case-block--impact{color:var(--color-text);background:radial-gradient(55% 75% at 96% 0,#9c8cff3d,#0000 70%),radial-gradient(65% 85% at 0 100%,#2a8fe633,#0000 70%),radial-gradient(120% 100% at 80% 20%,#062b4a 0%,#03182b 60%,#020f1c 100%)}.case-block--impact li::marker{color:var(--color-iris-2)}@media (width>=56rem){.work-case .prose>.case-block{padding:2.5rem}}.work-read{width:min(100%,46rem);margin-inline:auto}.work-read .prose{max-width:none}.work-read .prose>p:first-child{color:var(--color-ink);font-size:1.375rem;line-height:1.55}.work-author{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--gdp-shadow-card);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.work-author img{border-radius:var(--radius-full);object-fit:cover;object-position:50% 20%;background:var(--color-sunken);flex:none;width:4.5rem;height:4.5rem}.work-author__mark{border-radius:var(--radius-full);background:var(--color-sunken);flex:none;place-items:center;width:4.5rem;height:4.5rem;display:grid}.work-author__mark img{object-fit:contain;background:0 0;border-radius:0;width:3rem;height:auto}.work-portrait{aspect-ratio:1;background:#ffffff0f;border-radius:50%;width:min(100%,17rem);overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 24px 60px -24px #0009}.work-portrait img{object-fit:cover;object-position:50% 20%;width:100%;height:100%}@media (width<56rem){.work-portrait{width:9rem}}
