/* Shared hierarchy with the adjacent case-study and logo archives. */
#work .archive-heading-aligned{padding-bottom:0}
#work .archive-heading-aligned .archive-heading-row{grid-template-columns:minmax(0,1fr) 260px;gap:10px 28px;align-items:start}
#work .archive-heading-aligned h2{grid-column:1;grid-row:1;margin:0;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.06;letter-spacing:-.055em;white-space:normal;min-height:0}
#work .archive-name-stack{display:inline-grid;max-width:calc(100% - 12px);vertical-align:bottom}
#work .archive-title-measure,#work .typed-archive-text{grid-area:1/1;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;color:#ff7b32}
#work .archive-title-measure{visibility:hidden}
#work .archive-heading-aligned h2{min-height:1.06em;text-wrap:balance}
#work .archive-heading-aligned .archive-heading-row>p{grid-column:1;grid-row:2;max-width:660px;margin:0;color:#b9b3bf;font-size:.88rem;line-height:1.55;text-wrap:balance}
#work .archive-heading-aligned .archive-search{grid-column:2;grid-row:1/3;display:grid;gap:6px;width:260px;max-width:100%;padding:0;border:0;border-radius:0;background:none;justify-self:end;align-self:center}
.archive-search-label{color:#b9b3bf;font:400 .8rem/1.4 "Manrope",sans-serif}
.archive-search-control{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid #49424f;border-radius:8px;background:#111016}
.archive-search-control svg{flex:0 0 17px;width:17px;fill:none;stroke:#aaa5b1;stroke-width:1.6}
#work .archive-search-control input{min-height:46px;color:#eee9f2;font:400 .8rem/1.4 "Manrope",sans-serif}
.archive-search-control:focus-within{outline:2px solid #8be6ff;outline-offset:3px}
#work .archive-search-control input,#work .archive-search-control input:focus,#work .archive-search-control input:focus-visible{border:0;background:transparent;box-shadow:none;outline:none}
#work .archive-fields{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:18px 0 24px;padding:0;border:0;border-radius:0;background:none;overflow:visible}
#work .archive-fields button{display:inline-flex;flex:1 1 calc((100% - 40px)/6);align-items:center;justify-content:center;gap:8px;min-height:46px;max-width:100%;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:30px;background:transparent;color:#aaa5b1;font:600 .85rem/1.3 "Manrope",sans-serif;white-space:normal;border-bottom:1px solid transparent!important}
#work .archive-fields button small{color:#77717c;font:.65rem/1.3 "Manrope",sans-serif}
#work .archive-fields button:hover{color:#fff;background:#18151e}
#work .archive-fields button.is-active{border:1px solid #ff7b32!important;color:#fff;background:rgba(255,123,50,.08)}
#work .archive-fields button.is-active small{color:#ff7b32}
#work .archive-fields button:focus-visible{outline:2px solid #8be6ff;outline-offset:4px}
@media(max-width:1000px){#work .archive-fields button{flex-basis:calc((100% - 24px)/4)}}
@media(max-width:600px){#work .archive-heading-aligned .archive-heading-row{display:grid;grid-template-columns:1fr;gap:10px}#work .archive-heading-aligned h2{min-height:0;font-size:clamp(1.6rem,7.8vw,2.6rem)}#work .archive-heading-aligned .archive-search{grid-column:1;grid-row:3;width:100%;justify-self:stretch;margin-top:6px}#work .archive-fields{gap:6px}#work .archive-fields button{flex-basis:calc((100% - 6px)/2);padding:10px 9px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){#work .archive-fields button{transition:none}}

/* Match the adjacent logo archive: compact heading, field row and disclosure. */
#work .archive-heading-aligned .archive-heading-row{gap:24px 28px;align-items:center}
#work .archive-heading-aligned h2{font-size:clamp(1.6rem,3.7vw,3.6rem);line-height:1.1;margin:12px 0}
#work .archive-heading-aligned .archive-heading-row>p{grid-column:1/-1;max-width:760px;margin:0;line-height:1.6}
#work .archive-heading-aligned .archive-search{grid-row:1;align-self:center}
#work .archive-fields{gap:8px;margin:20px 0 12px}
#work .archive-fields button{flex:0 1 auto;justify-content:flex-start;min-height:46px;padding:12px 19px;font-size:.85rem}
#work .archive-fields button[hidden]{display:none}
#work .archive-fields button small{display:none}
#work .archive-browse-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}
#work .archive-browse-summary p{margin:0;color:#b9b3bf;font-size:.85rem;line-height:1.6}
#work #archive-fields-more{flex-shrink:0;min-height:44px;padding:12px 22px;border:1px solid #554b60;border-radius:28px;background:transparent;color:#eee9f2;font:600 .85rem/1.3 "Manrope",sans-serif;cursor:pointer}
#work #archive-fields-more:hover{border-color:#ff7b32;color:#fff}
#work #archive-fields-more:focus-visible{outline:2px solid #8be6ff;outline-offset:4px}
@media(max-width:600px){#work .archive-heading-aligned .archive-heading-row{gap:12px}#work .archive-heading-aligned .archive-search{grid-row:3}#work .archive-fields button{padding:10px 13px;font-size:.76rem}#work .archive-browse-summary{gap:12px}#work #archive-fields-more{padding:10px 12px;font-size:.8rem}}