.work-gallery{gap:var(--spacing-lg);width:100%;margin:0;padding:0;list-style:none;display:grid}.work-gallery+.work-gallery{margin-top:var(--spacing-lg)}.work-gallery__panel{border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-high);color:inherit;aspect-ratio:4/3;text-decoration:none;display:block;position:relative;overflow:hidden}.work-gallery__panel--static{cursor:default}.work-gallery__panel:focus-visible{outline-offset:3px;outline:3px solid #eb6611}.work-gallery__img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.work-gallery__caption{inset-inline:0;gap:var(--spacing-xs);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-lg);color:var(--color-white);background:linear-gradient(#0000 0%,#0009 16%,#000000e6 38%,#000000f0 100%);flex-direction:column;display:flex;position:absolute;bottom:0}.work-gallery__badge{align-items:center;gap:var(--spacing-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;color:#ffffffd9;display:flex}.work-gallery__badge:before{content:"";border-radius:var(--radius-pill);background:#eb6611;flex:none;width:7px;height:7px}.work-gallery__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0;line-height:1.2}.work-gallery__category{font-size:var(--text-sm);color:#ffffffc7;margin:0}.work-gallery__link{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-white);display:inline-flex}.work-gallery__link svg{flex:none;width:14px;height:14px}@media (width>=900px) and (hover:hover) and (pointer:fine){.work-gallery{gap:var(--spacing-md);height:460px;display:flex}.work-gallery__panel{aspect-ratio:auto;flex:1 1 0;min-width:0;height:100%;transition:flex-grow .5s cubic-bezier(.22,1,.36,1)}.work-gallery:hover .work-gallery__panel,.work-gallery:focus-within .work-gallery__panel{flex-grow:.8}.work-gallery .work-gallery__panel:hover,.work-gallery .work-gallery__panel:focus-within{flex-grow:2.4}.work-gallery__link{opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;transform:translateY(4px)}.work-gallery .work-gallery__panel:hover .work-gallery__link,.work-gallery .work-gallery__panel:focus-within .work-gallery__link{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.work-gallery__panel,.work-gallery__link{transition:none}}