.bnn-work{display:grid;gap:clamp(.75rem,2vw,1.5rem);grid-template-columns:repeat(2,1fr);justify-items:center;margin-inline:auto;max-width:72rem}@media (min-width:768px){.bnn-work--cols-2{grid-template-columns:repeat(2,1fr)}.bnn-work--cols-3{grid-template-columns:repeat(3,1fr)}.bnn-work--cols-4{grid-template-columns:repeat(4,1fr)}}.bnn-work__item{margin:0;width:100%}.bnn-work__link{border-radius:var(--bnn-radius-lg);display:block}.bnn-work__link:focus-visible{outline:3px solid var(--bnn-focus);outline-offset:3px}.bnn-work__img{aspect-ratio:1;border:3px solid transparent;border-radius:var(--bnn-radius-lg);box-shadow:var(--bnn-shadow-soft);display:block;height:auto;object-fit:cover;transition:transform var(--bnn-anim-ui) ease,box-shadow var(--bnn-anim-ui) ease,border-color var(--bnn-anim-ui) ease;width:100%}.bnn-work--portrait .bnn-work__img{aspect-ratio:4/5}.bnn-work--landscape .bnn-work__img{aspect-ratio:4/3}.bnn-work__link:focus-visible .bnn-work__img,.bnn-work__link:hover .bnn-work__img{border-color:#eec86f;box-shadow:var(--bnn-shadow-md);transform:translateY(-6px) rotate(-1deg)}.bnn-work__caption{font-family:var(--font-body),monospace;font-size:.9rem;margin-top:.5rem;opacity:.9;text-align:center}@media (prefers-reduced-motion:reduce){.bnn-work__img{transition:none}.bnn-work__link:hover .bnn-work__img{transform:none}}