
.zw-work-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.zw-work-card{--accent:#19dcff;display:flex;flex-direction:column;min-width:0;border:1px solid #9fb4ff26;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#10192b,#060912);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;position:relative}.zw-work-card::before{content:"";position:absolute;top:0;left:26px;right:26px;height:2px;background:var(--accent);box-shadow:0 0 18px var(--accent);z-index:1}.zw-work-capital{--accent:#ffba65}.zw-work-hiwa{--accent:#a9dd77}.zw-work-jkr{--accent:#ff818b}.zw-work-premier{--accent:#b398ff}.zw-work-transair{--accent:#65c6ff}.zw-work-visual{padding:24px 18px 6px;background:radial-gradient(ellipse at 50% 65%,#27304480,transparent 70%);aspect-ratio:1.35;display:flex;align-items:center;justify-content:center;overflow:hidden}.zw-work-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 12px #0007);transition:transform .35s ease}.zw-work-copy{padding:18px 25px 26px;display:flex;flex-direction:column;flex:1}.zw-work-tags{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.zw-work-copy h3{font-size:1.22rem;line-height:1.3;margin:12px 0 10px;color:#f7f9ff}.zw-work-copy p{font-size:.91rem;line-height:1.65;color:#a7afc2;margin:0 0 23px}.zw-work-link{margin-top:auto;font-size:.8rem;font-weight:750;color:var(--accent);display:flex;align-items:center;justify-content:space-between}.zw-work-link span{font-size:1.1rem;transition:transform .25s}.zw-work-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 18px 36px #0006}.zw-work-card:hover img{transform:scale(1.035)}.zw-work-card:hover .zw-work-link span{transform:translate(3px,-3px)}.zw-work-card:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.zw-work-all{display:flex;justify-content:center;margin-top:30px}@media(max-width:1000px){.zw-work-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.zw-work-cards{grid-template-columns:1fr;gap:20px}.zw-work-visual{aspect-ratio:1.5}.zw-work-copy{padding:18px 24px 25px}}@media(prefers-reduced-motion:reduce){.zw-work-card,.zw-work-visual img,.zw-work-link span{transition:none}.zw-work-card:hover,.zw-work-card:hover img,.zw-work-card:hover .zw-work-link span{transform:none}}

/* Single-row project gallery */
.zw-work-cards{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:8px 4px 22px;overscroll-behavior-x:contain;scrollbar-width:auto;scrollbar-color:#3385ff #0b1120}.zw-work-card{flex:0 0 clamp(285px,32vw,365px);scroll-snap-align:start}.zw-work-cards::-webkit-scrollbar{height:10px}.zw-work-cards::-webkit-scrollbar-track{background:#0b1120;border-radius:10px}.zw-work-cards::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#19dcff,#8055ff);border-radius:10px}.zw-work-cards:focus-visible{outline:2px solid #19dcff;outline-offset:5px}.zw-work-scroll-hint{color:#a7afc2;font-size:.8rem;margin:0 0 18px;text-align:right}@media(max-width:600px){.zw-work-card{flex-basis:86%;min-width:0}.zw-work-cards{gap:18px}.zw-work-scroll-hint{text-align:left}}

.zw-work-gallery{position:relative;padding-inline:28px}.zw-work-gallery.is-enhanced .zw-work-cards{scrollbar-width:none}.zw-work-gallery.is-enhanced .zw-work-cards::-webkit-scrollbar{display:none}.zw-work-arrow{position:absolute;top:43%;z-index:3;width:46px;height:46px;border:1px solid #19dcff88;border-radius:50%;background:linear-gradient(140deg,#13243e,#0d1020);color:#7be9ff;box-shadow:0 0 22px #19dcff33,0 6px 20px #0009;display:grid;place-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.zw-work-arrow[hidden]{display:none}.zw-work-prev{left:0}.zw-work-next{right:0}.zw-work-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.zw-work-arrow:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 30px #19dcff66}.zw-work-arrow:disabled{opacity:.28;cursor:default;box-shadow:none}.zw-work-arrow:focus-visible{outline:3px solid #b398ff;outline-offset:4px}@media(max-width:600px){.zw-work-gallery{padding-inline:16px}.zw-work-arrow{width:36px;height:36px}.zw-work-prev{left:-4px}.zw-work-next{right:-4px}}@media(prefers-reduced-motion:reduce){.zw-work-arrow{transition:none}}
