.wiaf{--wiaf-orange:#f07c00;--wiaf-ink:#2b2b2b;--wiaf-radius:18px;--wiaf-gap:clamp(14px,2vw,28px);max-width:1200px;margin:0 auto;padding:48px 20px 56px;font-family:'Poppins',system-ui,sans-serif;color:var(--wiaf-ink);box-sizing:border-box}
.wiaf *,.wiaf *::before,.wiaf *::after{box-sizing:border-box}
.wiaf .wiaf-heading{text-align:center;font-family:inherit;font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:700;letter-spacing:.01em;text-transform:uppercase;margin:0 0 32px;color:var(--wiaf-ink)}
.wiaf .wiaf-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--wiaf-gap);list-style:none;margin:0;padding:0}
.wiaf .wiaf-grid li{margin:0;padding:0;list-style:none}
.wiaf .wiaf-card{display:block;width:100%;background:none;border:0;box-shadow:none;padding:0;margin:0;min-height:0;cursor:pointer;font:inherit;color:inherit;text-align:center;text-transform:none;letter-spacing:normal;border-radius:0}
.wiaf .wiaf-thumb{position:relative;display:block;aspect-ratio:9/16;border-radius:var(--wiaf-radius);overflow:hidden;background:#000}
.wiaf .wiaf-thumb video,.wiaf .wiaf-thumb img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;pointer-events:none;margin:0}
.wiaf .wiaf-play{position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:20%;background:rgb(235 61 0);display:grid;place-items:center;transition:transform .2s ease,background .2s ease}
.wiaf .wiaf-play::before{content:"";margin-left:4px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff}
.wiaf .wiaf-card:hover .wiaf-play,.wiaf .wiaf-card:focus-visible .wiaf-play{transform:scale(1.12);background:var(--wiaf-orange)}
.wiaf .wiaf-card:focus-visible{outline:3px solid var(--wiaf-orange);outline-offset:4px;border-radius:var(--wiaf-radius)}
.wiaf .wiaf-title{display:block;margin-top:14px;font-size:.95rem;font-weight:600;line-height:1.45;padding:0 4px}

@media (max-width:1024px){
  .wiaf .wiaf-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 12px;margin:0 -20px;scrollbar-width:thin}
  .wiaf .wiaf-grid li{flex:0 0 calc((100% - var(--wiaf-gap)*2.4)/3.4);scroll-snap-align:start}
}
@media (max-width:600px){
  .wiaf{padding:36px 16px 44px}
  .wiaf .wiaf-grid{margin:0 -16px;padding-inline:16px}
  .wiaf .wiaf-grid li{flex-basis:62%}
  .wiaf .wiaf-play{width:44px;height:44px;margin:-22px 0 0 -22px}
}

/* Lightbox */
.wiaf-lb{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.88);padding:16px;box-sizing:border-box}
.wiaf-lb.is-open{display:flex;animation:wiafFade .2s ease}
@keyframes wiafFade{from{opacity:0}to{opacity:1}}
.wiaf-lb-box{position:relative;height:min(88vh,860px);aspect-ratio:9/16;max-width:100%;border-radius:18px;overflow:hidden;background:#000}
.wiaf-lb-box video{width:100%;height:100%;object-fit:contain;display:block;background:#000}
.wiaf-lb-box iframe{width:100%;height:100%;border:0;display:none;background:#fff}
.wiaf-lb-box.is-ig iframe{display:block}
.wiaf-lb-box.is-ig video,.wiaf-lb-box.is-ig .wiaf-lb-cap{display:none}
.wiaf-lb-cap{position:absolute;left:0;right:0;top:0;padding:14px 56px 28px 16px;color:#fff;font:600 .95rem/1.4 'Poppins',system-ui,sans-serif;background:linear-gradient(#000a,transparent);pointer-events:none}
.wiaf-lb button{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.18);width:42px;height:42px;padding:0;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center;transition:background .2s;box-shadow:none;min-height:0}
.wiaf-lb button:hover,.wiaf-lb button:focus-visible{background:#f07c00;outline:none;color:#fff}
.wiaf-lb-close{top:10px;right:10px;z-index:2}
.wiaf-lb-prev,.wiaf-lb-next{top:50%;transform:translateY(-50%)}
.wiaf-lb-prev{left:max(12px,calc(50% - min(88vh,860px)*9/32 - 66px))}
.wiaf-lb-next{right:max(12px,calc(50% - min(88vh,860px)*9/32 - 66px))}
@media (max-width:600px){.wiaf-lb-prev,.wiaf-lb-next{display:none}}
@media (prefers-reduced-motion:reduce){.wiaf-lb.is-open{animation:none}.wiaf .wiaf-play{transition:none}}

/* Remove the border/outline that appears when a video card is clicked */
.wiaf .wiaf-card,
.wiaf .wiaf-card:hover,
.wiaf .wiaf-card:active,
.wiaf .wiaf-card:focus {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* Lightbox: no border on the player, close or arrow buttons, or the video */
.wiaf-lb button:focus,
.wiaf-lb video:focus,
.wiaf-lb iframe:focus {
  outline: none !important;
  box-shadow: none !important;
}