/* WebRoute Assam: Our Work portfolio layout (1 Nov 2026). Generated page uses these classes only. */
.wr-work{--wr-teal:#215C5C;--wr-teal-dark:#0f3535;--wr-gold:#ffd166;--wr-card-bg:var(--bs-body-bg,#fff);--wr-line:rgba(33,92,92,.14)}
.wr-work-hero{padding:8.5rem 0 2.5rem;text-align:center;background:radial-gradient(80% 120% at 50% 0%,rgba(47,138,138,.14),rgba(47,138,138,0) 70%)}
.wr-eyebrow{display:inline-block;margin-bottom:.9rem;padding:.35rem .95rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--wr-teal);background:rgba(33,92,92,.1)}
.wr-work-hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 auto 1rem;max-width:18ch}
.wr-work-hero .lead{max-width:40rem;margin:0 auto;color:var(--bs-secondary-color,#5c6b6b)}
.wr-work-count{margin:1.25rem 0 0;font-size:.95rem;color:var(--bs-secondary-color,#5c6b6b)}

.wr-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}
.wr-filters button{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--wr-line);background:transparent;color:var(--bs-body-color);font-weight:600;font-size:.92rem;min-height:40px;transition:background .2s,color .2s,border-color .2s}
.wr-filters button:hover{border-color:var(--wr-teal);color:var(--wr-teal)}
.wr-filters button[aria-pressed=true]{background:var(--wr-teal);border-color:var(--wr-teal);color:#fff}
.wr-filters button:focus-visible{outline:3px solid var(--wr-gold);outline-offset:2px}

.wr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.5rem;padding-bottom:3rem}
.wr-card{display:flex;flex-direction:column;overflow:hidden;border-radius:1.25rem;background:var(--wr-card-bg);border:1px solid var(--wr-line);box-shadow:0 12px 30px -18px rgba(15,53,53,.35);transition:transform .25s ease,box-shadow .25s ease;scroll-margin-top:6rem}
.wr-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -18px rgba(15,53,53,.45)}
.wr-card[hidden]{display:none}
.wr-card-media{position:relative;aspect-ratio:1200/630;background:linear-gradient(135deg,#e7f1f1,#d3e6e6);overflow:hidden}
.wr-card-media img{width:100%;height:100%;display:block}
.wr-card-media.wr-fit-cover img{object-fit:cover;object-position:top}
.wr-card-media.wr-fit-contain{display:grid;place-items:center}
.wr-card-media.wr-fit-contain img{width:auto;height:92%;max-width:60%;object-fit:contain;border-radius:.6rem;box-shadow:0 10px 24px -10px rgba(15,53,53,.5)}
.wr-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.35rem 1.35rem .5rem;flex:1}
.wr-tags,.wr-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none}
.wr-tags li{padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--wr-teal);background:rgba(33,92,92,.1)}
.wr-card-title{margin:0;font-size:1.25rem;font-weight:800;line-height:1.25}
.wr-card-body p{margin:0;color:var(--bs-secondary-color,#4d5c5c);font-size:.96rem;line-height:1.6}
.wr-meta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.25rem 0 0;padding-top:.85rem;border-top:1px solid var(--wr-line)}
.wr-meta dt{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bs-secondary-color,#6b7a7a)}
.wr-meta dd{margin:.15rem 0 0;font-weight:600;font-size:.92rem}
.wr-status{display:inline-flex;align-items:center;gap:.35rem}
.wr-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#2e9e5b}
.wr-status.wr-progress::before{background:#e0a100}
.wr-tech li{padding:.15rem .6rem;border-radius:.5rem;font-size:.78rem;font-weight:600;border:1px solid var(--wr-line)}
.wr-card-foot{padding:1rem 1.35rem 1.35rem}
.wr-visit,.wr-soon{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;padding:.65rem 1rem;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none}
.wr-visit{background:var(--wr-teal);color:#fff;transition:background .2s,transform .2s}
.wr-visit:hover,.wr-visit:focus-visible{background:var(--wr-teal-dark);color:#fff;transform:translateY(-1px)}
.wr-visit:focus-visible{outline:3px solid var(--wr-gold);outline-offset:2px}
.wr-soon{border:1px dashed var(--wr-line);color:var(--bs-secondary-color,#6b7a7a);font-weight:600}

.wr-empty{display:none;text-align:center;padding:2rem 0;color:var(--bs-secondary-color)}
.wr-work-cta{margin:1rem 0 4rem;padding:2.5rem 1.5rem;border-radius:1.5rem;text-align:center;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#2f8a8a 0%,#215C5C 45%,#0f3535 100%)}
.wr-work-cta h2{color:#fff;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .5rem}
.wr-work-cta p{color:rgba(255,255,255,.85);max-width:34rem;margin:0 auto 1.5rem}
.wr-work-cta .wr-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.wr-work-cta a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none}
.wr-work-cta .wr-b-gold{background:var(--wr-gold);color:#0f3535}
.wr-work-cta .wr-b-line{border:2px solid rgba(255,255,255,.6);color:#fff}
.wr-work-cta a:focus-visible{outline:3px solid #fff;outline-offset:3px}

@media (max-width:575.98px){.wr-work-hero{padding-top:7rem}.wr-meta{grid-template-columns:1fr 1fr}.wr-card-media.wr-fit-contain img{max-width:48%}.wr-work-cta a{width:100%;justify-content:center}}
@media (prefers-reduced-motion:reduce){.wr-card,.wr-visit{transition:none}.wr-card:hover,.wr-visit:hover{transform:none}}
[data-bs-theme=dark] .wr-card-media{background:linear-gradient(135deg,#1c2e2e,#142323)}

/* status badges (top-left of the card image) */
.wr-badge{position:absolute;z-index:2;top:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem .35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.wr-badge i{font-size:.9rem}
.wr-badge-done{background:rgba(22,128,76,.88)}
.wr-badge-progress{background:rgba(196,120,0,.9)}
.wr-badge-preview{background:rgba(37,99,235,.88)}
/* placeholder for projects without a screenshot yet */
.wr-card-media.wr-fit-ph{display:grid;place-items:center;background:radial-gradient(120% 140% at 0% 0%,#2f8a8a 0%,#215C5C 50%,#0f3535 100%)}
.wr-ph{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.92)}