.nk-work-videos{background:var(--paper)}
.nk-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.nk-work-card{min-width:0;position:relative;transition:transform .2s ease;transform-origin:center}
.nk-work-play{display:block;position:relative;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:16px;overflow:hidden;background:transparent;cursor:pointer;color:#fff}
.nk-work-play video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.nk-work-card.is-playing{transform:scale(1.04);z-index:2}
.nk-work-card.is-playing video{object-fit:contain}
.nk-work-card h3{font-size:18px;margin:14px 0 0;color:var(--green,#072e1a)}
.nk-work-playmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(7,46,26,.82);pointer-events:none}
.nk-work-card.is-playing .nk-work-playmark{opacity:0}
.nk-work-play:focus-visible{outline:3px solid var(--gold,#cca32c);outline-offset:5px}
.nk-gallery-grid{margin-top:36px}.nk-gallery-link{text-align:center;margin-top:32px}
@media(max-width:760px){.nk-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.nk-work-card h3{font-size:15px}}
@media(max-width:380px){.nk-work-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.nk-work-card{transition:none}.nk-work-card.is-playing{transform:none}}

/* NK video cards 20 percent smaller */
.nk-work-grid{width:80%;margin-left:auto;margin-right:auto;gap:24px}
@media(max-width:760px){.nk-work-grid{gap:19.2px 12.8px}}

.nk-work-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.nk-work-card.is-playing .nk-work-cover{visibility:hidden}.nk-work-playmark{z-index:2}

/* NK cards smaller 25 */
.nk-work-grid{width:60%;gap:18px}
@media(max-width:760px){.nk-work-grid{gap:14.4px 9.6px}}

/* NK five columns */
.nk-gallery-grid{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.nk-gallery-grid h3{overflow-wrap:anywhere}
@media(max-width:1000px){.nk-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.nk-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}}
@media(max-width:380px){.nk-gallery-grid{grid-template-columns:1fr;max-width:260px}}
