.work-page{--page:#fff;background:var(--page)}
.work-heading{padding:48px 0 52px}
.work-heading h1{font-size:clamp(54px,6vw,88px);margin:0}
.work-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--edge);row-gap:24px;align-items:start;padding-bottom:56px;position:relative}
.work-item{min-width:0;grid-column:span 4}
.work-item-link{display:block;border-radius:0;min-width:0}
.work-image{aspect-ratio:1;background:#eee;position:relative;overflow:hidden}
.work-image picture{position:absolute;inset:0;display:block}
.work-image img{width:100%;height:100%;object-fit:cover}
.work-featured:nth-child(6n+1){grid-column:span 8}
.work-featured:nth-child(6n+2){grid-column:span 4;margin-top:140px}
.work-featured:nth-child(6n+3){grid-column:span 5;margin-top:-25px}
.work-featured:nth-child(6n+4){grid-column:span 7}
.work-featured:nth-child(6n+5){grid-column:span 7}
.work-featured:nth-child(6n){grid-column:span 5;margin-top:80px}
.work-gallery:not(.is-filtered) .work-featured:nth-child(5),.work-gallery:not(.is-filtered) .work-featured:nth-child(6){margin-bottom:32px}
.work-featured .work-image{aspect-ratio:3/2}
.work-featured:nth-child(6n+2) .work-image{aspect-ratio:4/5}
.work-featured:nth-child(6n+4) .work-image{aspect-ratio:16/9}
.work-featured:nth-child(6n+3) .work-image,.work-featured:nth-child(6n) .work-image{aspect-ratio:1.034}
.work-caption{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-top:0;color:var(--ink)}
.work-caption .project-caption-title{font-size:15px}
.work-item-link:focus-visible{outline-offset:4px}
.work-item-link:active .work-image,.work-item-link.is-pressed .work-image{filter:brightness(.85)}
.work-item-link .work-image{transition:filter .16s ease}
.work-item-link:active h2,.work-item-link.is-pressed h2{color:var(--link)}
.work-page .contact{margin-top:0}
@media(min-width:641px) and (max-width:1000px){
 .work-gallery{column-gap:28px;row-gap:32px}
 .work-gallery:not(.is-filtered) .work-featured:nth-child(-n+2){grid-column:1/-1;margin-top:0}
 .work-gallery:not(.is-filtered) .work-featured:nth-child(-n+2) .work-image{aspect-ratio:16/9}
 .work-featured:nth-child(6n+2){margin-top:40px}
 .work-featured:nth-child(6n+3){margin-top:0}
 .work-featured:nth-child(6n+4),.work-featured:nth-child(6n){margin-top:64px}
 .work-item.work-standard{grid-column:span 6}
}
@media(max-width:640px){
 .work-heading{padding:38px 0 36px}
 .work-heading h1{font-size:52px}
 .work-gallery.container{width:calc(100% - 32px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:28px;align-items:start;padding:0 0 40px}
 .work-gallery .work-item{grid-column:auto;margin:0}
 .work-gallery:not(.is-filtered) .work-featured:nth-child(-n+4){grid-column:1/-1}
 .work-gallery:not(.is-filtered) .work-featured:nth-child(-n+4) h2{font-size:18px}
 .work-caption{padding:0;gap:5px}
 .work-gallery .work-item .work-image{aspect-ratio:1}
 .work-gallery:not(.is-filtered) .work-featured:nth-child(-n+4) .work-image{aspect-ratio:16/9}
 .work-item-link:focus-visible{outline-offset:-3px}
}

/* A quiet sector index, not a second wall of cards or chips. */
.work-filter{padding-bottom:44px}
.work-filter[hidden],.sector-options[hidden],.work-item[hidden]{display:none}
.work-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.sector-options{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:2px;max-width:650px}
.sector-options button{position:relative;border:0;background:none;padding:10px 0;min-height:44px;font:400 16px/1.5 General Sans,Arial,sans-serif;color:#858585;cursor:pointer;text-align:left}
.sector-options button[aria-pressed=true]{color:var(--ink)}
.sector-options button[aria-pressed=true]:after{content:"";position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--lime)}
.sector-options button:hover{color:var(--ink)}
.work-filter-toggle{display:none}
.work-gallery.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
.work-gallery.is-filtered .work-item{grid-column:auto;margin:0}
.work-gallery.is-filtered .work-item .work-image{aspect-ratio:1}
.work-gallery::after{content:"";position:absolute;z-index:2;inset:0;background:var(--page);opacity:0;pointer-events:none}
.work-gallery.is-filter-transitioning::after{transition-property:opacity}
.work-gallery.is-fading-out::after{opacity:1;transition-duration:.12s;transition-timing-function:ease-out}
.work-gallery.is-fading-in::after{opacity:0;transition-duration:.16s;transition-timing-function:ease-in}
@media(max-width:640px){
 .work-filter{padding-bottom:28px}
 .work-filter-heading{gap:16px;margin:0;align-items:start}
 .work-filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 7px;min-height:44px;border:0;border-bottom:2px solid var(--lime);background:none;color:var(--ink);font:400 16px/1.4 General Sans,Arial,sans-serif;text-align:left;cursor:pointer;flex:1;max-width:245px}
 .work-filter-toggle svg{width:16px;height:16px;flex:none;transition:transform .15s}
 .work-filter-toggle[aria-expanded=true] svg{transform:rotate(45deg)}
 .sector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;padding-top:18px}
 .sector-options button{font-size:15px;justify-self:start}
 .work-gallery.is-filtered{row-gap:28px}
}
@media(prefers-reduced-motion:reduce){.work-filter-toggle svg{transition:none}}

.work-meta{padding-top:var(--project-caption-gap)}
@media(max-width:640px){
 .work-gallery:not(.is-filtered) .work-featured:nth-child(3) .work-statement,.work-gallery:not(.is-filtered) .work-featured:nth-child(4) .work-statement{font-size:16px}
}