/* Four visual entry points; the active state is distinct from the artwork. */
.work-categories{--work-hover:#e3edf9;--work-accent:#245e9a;padding-bottom:32px}
.page-work .work-categories .discipline-row{padding:0;background:transparent;border:0;border-top:1px solid var(--border);overflow:visible}
.page-work .work-categories .discipline-row:last-child{border-bottom:1px solid var(--border)}
.work-categories .discipline-row:before{display:none}
.page-work .work-categories .discipline{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(260px,340px);gap:clamp(22px,3vw,48px);align-items:center;padding:28px 24px;border:0;border-left:4px solid transparent;transition:background .2s,border-color .2s;color:var(--text);border-radius:3px}
.work-categories .discipline-copy{min-width:0}.work-categories .discipline-number{align-self:start;margin-top:8px;color:var(--blue)}
.work-categories .discipline h2{font-size:clamp(28px,3.1vw,42px);line-height:1.13;margin:0 0 14px;transform:none!important;letter-spacing:-.035em}
.work-categories .discipline-copy p{max-width:46ch;margin:0;line-height:1.6;font-size:16px}
.work-categories .discipline-link{display:inline-flex;align-items:center;gap:15px;margin-top:23px;font-size:14px;color:var(--work-accent)!important;transform:none!important}
.work-categories .discipline-link>span{display:inline-block;font-size:21px;transition:transform .2s}
.work-categories .work-preview{height:190px;min-width:0;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--section-blue);position:relative}
.work-categories .work-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.work-categories .work-screen img{object-position:center top}
.work-categories .work-brands{display:grid;grid-template-columns:1fr 1fr;background:#252326;gap:4px;padding:7px;align-items:center}
.work-categories .work-brands img{height:auto;aspect-ratio:1.6;object-fit:contain;transform:rotate(-6deg) scale(1.1)}
.work-categories .work-brands img+img{transform:rotate(6deg) scale(1.1)}
.work-categories .work-illustration .media{height:100%;width:100%;border:0;margin:0;border-radius:0}
.work-categories .work-illustration svg{width:100%;height:100%}
.page-work .work-categories .discipline:focus-visible{outline:2px solid var(--work-accent);outline-offset:4px;background:var(--work-hover);border-left-color:var(--work-accent)}
.work-categories .discipline:focus-visible .discipline-link>span{transform:translate(4px,-3px)}
@media(hover:hover){.page-work .work-categories .discipline:hover{background:var(--work-hover);border-left-color:var(--work-accent)}.work-categories .discipline:hover h2{color:var(--text)}.work-categories .discipline:hover .discipline-link>span{transform:translate(4px,-3px)}.work-categories .discipline:hover .work-screen img{transform:scale(1.025)}}
:root[data-theme=dark] .work-categories{--work-hover:#203853;--work-accent:#b5d7ff}
@media(max-width:900px){.page-work .work-categories .discipline{grid-template-columns:26px minmax(0,1fr) 240px;gap:20px;padding:24px 16px}.work-categories .work-preview{height:166px}.work-categories .discipline h2{font-size:30px}}
@media(max-width:650px){.page-work .work-categories .discipline{grid-template-columns:25px minmax(0,1fr);gap:18px;padding:24px 12px}.work-categories .work-preview{grid-column:2;grid-row:1;height:180px;width:100%}.work-categories .discipline-number{grid-column:1;grid-row:1}.work-categories .discipline-copy{grid-column:2;grid-row:2}.work-categories .discipline h2{font-size:29px}.work-categories .discipline-link{margin-top:15px}.work-categories .discipline-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.work-categories .discipline,.work-categories .discipline-link>span,.work-categories .work-preview img{transition:none}.work-categories .discipline:hover .work-screen img,.work-categories .discipline:is(:hover,:focus-visible) .discipline-link>span{transform:none}}