/* The work itself carries the colour. Type and navigation stay monochrome. */
html:has(body.b){scroll-padding-top:96px}
.b-header{position:fixed;z-index:50;background:var(--paper,#fff)}
.b-work-library{padding:100px 4vw 130px;--work-rule:#d0d0cd}
.bw-heading{display:grid;grid-template-columns:23% 1fr;align-items:start;margin-bottom:65px}
.bw-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.02em}
.bw-heading>.bw-eyebrow{padding-top:12px}
.bw-heading>h2{font-size:clamp(80px,13vw,180px);line-height:.83;letter-spacing:-.085em}
.bw-intro{grid-column:2;margin-top:40px;display:flex;justify-content:space-between;align-items:end;gap:35px}
.bw-intro h3{font-size:clamp(24px,2.5vw,37px);line-height:1.45;letter-spacing:-.04em}
.bw-intro p{font-size:14px;line-height:1.9;max-width:420px}
.bw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--work-rule);padding:20px 0;margin-bottom:40px}
.bw-filters{display:flex;gap:8px 25px;flex-wrap:wrap}
.bw-filters button{font-size:14px;padding:7px 0;border-bottom:1px solid transparent;color:#666;line-height:1.4}
.bw-filters button[aria-pressed=true]{color:#090909;border-bottom-color:currentColor;font-weight:700}
.bw-filters small{font-size:10px;vertical-align:super;margin-left:5px;font-weight:400}
.bw-count{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.bw-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:55px 30px}
.bw-card{grid-column:span 2;min-width:0}
.bw-card.bw-featured{grid-column:span 3}
.bw-filtered .bw-card.bw-featured{grid-column:span 2}
.bw-card[hidden]{display:none}
.bw-card-link{display:block}
.bw-card-image{background:var(--work-paper,#efefec);position:relative;aspect-ratio:1.55;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:24px}
.bw-featured .bw-card-image{padding:35px}
.bw-filtered .bw-featured .bw-card-image{padding:24px}
.bw-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.bw-card-link:hover .bw-card-image img{transform:translateY(-4px)}
.bw-card-arrow{position:absolute;right:14px;bottom:12px;font-size:24px;line-height:1}
.bw-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin-top:17px;line-height:1.4;letter-spacing:.015em}
.bw-card-meta>span:last-child{font-size:11px}
.bw-card h3{font-size:23px;line-height:1.3;letter-spacing:-.045em;margin:11px 0 7px;overflow-wrap:anywhere}
.bw-card.bw-featured h3{font-size:clamp(26px,2.5vw,38px)}
.bw-filtered .bw-card.bw-featured h3{font-size:23px}
.bw-card-description{font-size:14px;line-height:1.75}
.bw-card-scope{margin-top:15px;padding-top:12px;border-top:1px solid var(--work-rule);font-size:12px;line-height:1.8;color:#424242}
.bw-card-scope>span{margin-right:14px;color:#090909}
.bw-card-link:focus-visible{outline:2px solid #090909;outline-offset:7px}
.bw-more-wrap{text-align:center;margin-top:65px}
.bw-more{min-width:300px;padding:18px 30px;border:1px solid #090909;font-size:14px;line-height:1.5;text-align:left}
.bw-more:hover{background:#090909;color:#fff}
.bw-more[hidden]{display:none}
@media(min-width:1001px){
  .b-work-library{padding-top:80px}
  .bw-heading{grid-template-columns:23% 35% 42%;align-items:end;margin-bottom:45px}
  .bw-heading>.bw-eyebrow{align-self:start}
  .bw-intro{grid-column:3;display:block;margin:0;padding-left:30px}
  .bw-intro h3{font-size:clamp(25px,2.1vw,32px)}
  .bw-intro p{margin-top:18px}
}

/* A stable, readable page for responsibilities, decisions, and evidence. */
.bw-case-nav{position:sticky;top:0;z-index:50;background:var(--paper,#fff);display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 4vw;border-bottom:1px solid #d0d0cd}
.bw-case-nav>a:last-child{font-size:13px;border-bottom:1px solid;padding-bottom:4px}
.bw-case{max-width:1440px;margin:0 auto;padding:80px 6vw 100px}
.bw-case-heading>.bw-eyebrow{display:flex;justify-content:space-between;gap:20px}
.bw-case-heading>.bw-eyebrow span{letter-spacing:0}
.bw-case h1{font-size:clamp(44px,7vw,104px);line-height:1.1;letter-spacing:-.065em;margin-top:45px;overflow-wrap:anywhere}
.bw-case-tagline{font-size:clamp(21px,2.7vw,35px);line-height:1.6;letter-spacing:-.04em;margin-top:22px;max-width:950px}
.bw-case-meta{margin:45px 0 55px;border-top:1px solid #d0d0cd}
.bw-case-meta>div{display:grid;grid-template-columns:23% 1fr;border-bottom:1px solid #d0d0cd;padding:17px 0;gap:20px;font-size:14px;line-height:1.9}
.bw-case-meta dt{font-size:12px;color:#555}
.bw-case-meta dd{margin:0}
.bw-evidence{margin:30px 0 45px}
.bw-evidence>a{display:block;background:#f1f1ee}
.bw-evidence img{width:100%;height:auto}
.bw-evidence.bw-case-hero img{max-height:760px;object-fit:contain;object-position:top}
.bw-evidence figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:12px;font-size:12px;line-height:1.7;color:#555}
.bw-evidence figcaption>a{white-space:nowrap;border-bottom:1px solid #999}
.bw-case-section{display:grid;grid-template-columns:23% minmax(0,1fr);border-top:1px solid #d0d0cd;padding-top:38px;margin-top:65px;gap:20px}
.bw-case-section h2{font-size:clamp(24px,3vw,39px);line-height:1.5;letter-spacing:-.045em;margin-bottom:20px}
.bw-case-section>div>p{font-size:16px;line-height:2.15;max-width:820px}
.bw-case-section>div>p+p{margin-top:1em}
.bw-case-section .bw-evidence{margin-top:35px}
.bw-case-links{display:flex;flex-wrap:wrap;gap:25px;margin:65px 0 0 23%}
.bw-case-links>a{font-size:14px;padding-bottom:5px;border-bottom:1px solid}
.bw-case-next{margin-top:90px;border-top:1px solid;padding-top:35px;display:flex;justify-content:space-between;align-items:end;gap:30px}
.bw-case-next>a:first-child{font-size:13px}
.bw-case-next>a:last-child{font-size:clamp(20px,2.5vw,34px);line-height:1.4;max-width:70%;text-align:right;font-weight:700;letter-spacing:-.035em}
.bw-case-next small{display:block;font-size:10px;font-weight:400;letter-spacing:.03em;margin-bottom:10px}
@media(max-width:1000px){
  .bw-heading{grid-template-columns:20% 1fr}
  .bw-intro{display:block;margin-top:35px}
  .bw-intro p{margin-top:20px;max-width:600px}
  .bw-filters{gap:8px 18px}
  .bw-grid{gap:45px 22px}
  .bw-card-image,.bw-featured .bw-card-image,.bw-filtered .bw-featured .bw-card-image{padding:20px}
  .bw-card h3,.bw-filtered .bw-card.bw-featured h3{font-size:21px}
  .bw-card-description{font-size:13px}
}
@media(max-width:700px){
  .b-work-library{padding:65px 20px 80px}
  .bw-heading{grid-template-columns:24% 1fr;margin-bottom:35px}
  .bw-heading>h2{font-size:24vw}
  .bw-heading>.bw-eyebrow{font-size:10px;padding-top:5px}
  .bw-intro{grid-column:1 / -1;margin-top:35px;display:block}
  .bw-intro h3{font-size:23px}
  .bw-intro p{font-size:13px;margin:18px 0 0;line-height:1.9}
  .bw-intro p br{display:none}
  .bw-toolbar{align-items:start;padding:14px 0;margin-bottom:25px;gap:12px}
  .bw-filters{gap:4px 15px}
  .bw-filters button{font-size:12px}
  .bw-count{font-size:10px;padding-top:10px}
  .bw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}
  .bw-card,.bw-card.bw-featured,.bw-filtered .bw-card.bw-featured{grid-column:span 1}
  .bw-card.bw-featured{grid-column:1 / -1}
  .bw-card-image,.bw-filtered .bw-featured .bw-card-image{padding:13px}
  .bw-featured .bw-card-image{padding:25px}
  .bw-card h3,.bw-filtered .bw-card.bw-featured h3{font-size:19px}
  .bw-card.bw-featured h3{font-size:29px}
  .bw-card-meta{font-size:9px;gap:4px;margin-top:12px}
  .bw-card-meta>span:last-child{font-size:10px}
  .bw-card-description{font-size:12px}
  .bw-featured .bw-card-description{font-size:14px}
  .bw-card-scope{font-size:11px;margin-top:12px;padding-top:10px}
  .bw-card.bw-featured .bw-card-scope{font-size:12px}
  .bw-card-scope>span{margin-right:8px}
  .bw-card-arrow{font-size:19px;right:9px;bottom:8px}
  .bw-more-wrap{margin-top:45px}
  .bw-more{min-width:0;width:100%;padding:17px 20px;font-size:13px}
  .bw-case-nav{padding:22px 20px}
  .bw-case-nav>a:last-child{font-size:11px}
  .bw-case{padding:45px 20px 65px}
  .bw-case-heading>.bw-eyebrow{font-size:10px;gap:15px}
  .bw-case h1{font-size:clamp(39px,10vw,66px);margin-top:35px}
  .bw-case-tagline{font-size:23px;line-height:1.55;margin-top:18px}
  .bw-case-meta{margin:30px 0 35px}
  .bw-case-meta>div{grid-template-columns:1fr;gap:5px;font-size:13px;padding:14px 0}
  .bw-evidence{margin-bottom:30px}
  .bw-evidence figcaption{font-size:10px;gap:12px}
  .bw-case-section{grid-template-columns:1fr;gap:18px;margin-top:40px;padding-top:25px}
  .bw-case-section h2{font-size:26px;line-height:1.5;margin-bottom:16px}
  .bw-case-section>div>p{font-size:14px;line-height:2}
  .bw-case-links{margin:40px 0 0;gap:20px}
  .bw-case-links>a{font-size:13px}
  .bw-case-next{margin-top:55px;display:block;padding-top:25px}
  .bw-case-next>a:last-child{display:block;max-width:none;margin-top:35px;font-size:25px}
}
@media(max-width:360px){.bw-intro{display:block}.bw-intro p{margin-top:18px}.bw-card-meta{flex-wrap:wrap}.bw-grid{gap:30px 15px}.bw-card h3,.bw-filtered .bw-card.bw-featured h3{font-size:17px}}