/* Edge-to-edge two-row project gallery, scoped to the hero showcase. */
.wn-showcase{display:flex;flex-direction:column;gap:24px;padding:12px 0 56px;overflow:hidden}
.wn-showcase .wn-motion-controls{display:none}
.wn-showcase .wn-marquee{padding:0;overflow:visible}
.wn-showcase .wn-group{gap:16px;padding-right:16px}
.wn-showcase .wn-tile{width:380px;height:370px;box-sizing:border-box;border:4px solid #ffffff24;border-radius:25px;background:var(--tile,#eee);isolation:isolate;transition:box-shadow .3s ease}
.wn-showcase .wn-art{width:100%;height:100%;border-radius:20px}
.wn-showcase .wn-caption,.wn-showcase .wn-free{display:none}
.wn-showcase .wn-full-mockup{display:block;object-fit:cover;width:100%;height:100%}
.wn-showcase .wn-browser{top:44px;left:20px;width:88%;height:270px;border-width:5px;border-bottom-width:9px}
.wn-showcase .wn-phone{width:86px;height:186px;right:17px;bottom:17px}
.wn-showcase .wn-template-screen{top:36px;left:22px;width:calc(100% - 44px);height:calc(100% - 36px)}
.wn-showcase .wn-tile:hover{translate:none;box-shadow:0 0 0 1px #ffffff65 inset}
.wn-showcase .wn-row-1 .wn-track{animation-delay:-18s}
.wn-showcase .wn-track{animation-duration:65s}
.wn-showcase .wn-row-1 .wn-track{animation-duration:72s}
@media(max-width:809px){
 .wn-showcase{gap:24px;padding:12px 0 40px}
 .wn-showcase .wn-group{gap:16px;padding-right:16px}
 .wn-showcase .wn-tile{width:164px;height:170px;border-width:3px;border-radius:23px}
 .wn-showcase .wn-art{height:100%;border-radius:19px}
 .wn-showcase .wn-browser{top:22px;left:9px;width:88%;height:124px;border-width:3px;border-bottom-width:5px;border-radius:7px}
 .wn-showcase .wn-chrome{height:11px;padding:0 4px;gap:2px}.wn-showcase .wn-chrome span{font-size:4px}
 .wn-showcase .wn-phone{width:42px;height:90px;right:7px;bottom:7px;border-width:2px;border-radius:9px}.wn-showcase .wn-phone>div{left:12px;width:15px;height:4px}
 .wn-showcase .wn-template-screen{top:18px;left:10px;width:calc(100% - 20px);height:calc(100% - 18px);border-radius:6px 6px 0 0}
 .wn-showcase .wn-row-1 .wn-track{animation-delay:-16s}
}
@media(prefers-reduced-motion:reduce){.wn-showcase .wn-track{animation:none!important}.wn-showcase .wn-marquee{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.wn-showcase .wn-tile{scroll-snap-align:center}.wn-showcase .wn-group[aria-hidden=true]{display:none}}
