.phpdev-work .folio{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}@media (max-width:860px){.phpdev-work .folio{grid-template-columns:1fr}}.phpdev-work .case{display:flex;flex-direction:column}.phpdev-work .case .shot{background:radial-gradient(120% 100% at 50% 0,#0d1420,#04070c);border-bottom:1px solid var(--line);padding:1.75rem 1.75rem 0}.phpdev-work .case .shot svg{border-radius:8px 8px 0 0;box-shadow:0 -18px 44px -22px rgba(77,141,255,.5);display:block;height:auto;width:100%}.phpdev-work .case .body{display:flex;flex-direction:column;gap:.85rem;padding:clamp(1.35rem,3vw,1.85rem);position:relative;z-index:2}.phpdev-work .case .kind{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}.phpdev-work .case .did{color:var(--ink-soft);font-size:var(--fs-sm)}.phpdev-work .stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.phpdev-work .folio-swiper{overflow:hidden}.phpdev-work .folio-swiper .swiper-slide,.phpdev-work .folio-swiper .swiper-wrapper{height:auto}.phpdev-work .folio-swiper .swiper-slide{display:flex}.phpdev-work .folio-swiper .swiper-slide>.case{flex:1}.phpdev-work .filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.35rem,2.6vw,2rem)}.phpdev-work .chip-btn{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:var(--fs-xs);gap:.5em;letter-spacing:.06em;padding:.55em 1em;text-transform:uppercase;transition:border-color .3s ease-in-out,color .3s ease-in-out,background .3s ease-in-out}.phpdev-work .chip-btn:hover{border-color:rgba(127,176,255,.5);color:var(--ink)}.phpdev-work .chip-btn b{color:var(--ink-dim);font-weight:400;transition:color .3s ease-in-out}.phpdev-work .chip-btn.on{background:linear-gradient(180deg,var(--accent-2),var(--accent));border-color:transparent;color:#03060e}.phpdev-work .chip-btn.on b{color:rgba(3,6,14,.55)}.phpdev-work .folio-count{color:var(--ink-dim);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.05em;margin:clamp(1.25rem,2.4vw,1.75rem) 0 0;text-align:center}.phpdev-work .folio-more{display:flex;justify-content:center;margin-top:clamp(1rem,2vw,1.5rem)}
/*# sourceMappingURL=work.css.map */