/* ITS Portfolio — matches the Its Digital India teal/black design; works with any theme. */
.itsp-portfolio,.itsp-single,.itsp-banner{--itsp-teal:#00A6A6;--itsp-caption:#1c9580;--itsp-ink:#101010;--itsp-text:#444;--itsp-serif:"Times New Roman",Times,Georgia,serif;--itsp-head:"Poppins",system-ui,sans-serif}
.itsp-wrap{max-width:1200px;margin:0 auto;padding:0 15px}
.itsp-section{padding:8px 0 20px}

/* banner (used only when the theme has none) */
.itsp-banner{background:#000;color:#fff;text-align:center;padding:105px 0}
.itsp-banner h1{color:#fff;font:700 clamp(30px,4.4vw,50px)/1.2 var(--itsp-head);margin:0 0 10px}
.itsp-crumbs{font:500 13.5px var(--itsp-head)}
.itsp-crumbs a{color:var(--itsp-teal);text-decoration:none}
.itsp-crumbs .sep{margin:0 14px}

/* grid + filters */
.itsp-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}
.itsp-filters button{font:400 15px var(--itsp-serif);color:#fff;background:#000;border:0;border-radius:0;padding:17px 30px;cursor:pointer;transition:background .25s}
.itsp-filters button:hover,.itsp-filters button.active{background:var(--itsp-caption)}
.itsp-grid{display:grid;gap:3px}
.itsp-grid.cols-1{grid-template-columns:1fr}
.itsp-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.itsp-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.itsp-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.itsp-item{display:block;background:var(--itsp-caption);text-decoration:none;color:var(--itsp-ink)}
.itsp-item[hidden]{display:none}
.itsp-item.show{animation:itspIn .45s both}
@keyframes itspIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.itsp-img{aspect-ratio:1024/465;overflow:hidden;background:#111}
.itsp-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.itsp-item:hover .itsp-img img{transform:scale(1.05)}
.itsp-title{font:600 clamp(16px,1.5vw,20px)/1.3 var(--itsp-head);color:var(--itsp-ink);text-align:center;margin:0;padding:34px 12px;word-break:break-word}
a.itsp-item:hover .itsp-title{color:#fff}
.itsp-empty{text-align:center;color:#666}
@media (max-width:900px){.itsp-grid.cols-3,.itsp-grid.cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.itsp-grid[class*="cols-"]{grid-template-columns:1fr}.itsp-filters button{padding:12px 18px}}

/* single project */
.itsp-single{padding:70px 0 80px}
.itsp-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:60px;align-items:start}
.itsp-content{font-size:16.5px;line-height:1.85;color:var(--itsp-text)}
.itsp-content p{margin:0 0 22px}
.itsp-content strong,.itsp-content b{font-family:var(--itsp-serif);color:var(--itsp-ink)}
.itsp-content ul,.itsp-content ol{margin:0 0 22px;padding-left:32px}
.itsp-content li{margin-bottom:6px}
.itsp-content li p{margin:0}
.itsp-content a{color:var(--itsp-teal)}
.itsp-content h2,.itsp-content h3{font-family:var(--itsp-head);color:var(--itsp-ink);margin:28px 0 12px}
.itsp-side{position:sticky;top:30px;display:flex;flex-direction:column;gap:34px}
.itsp-shot{margin:0}
.itsp-shot img{display:block;width:100%;height:auto;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.itsp-details{background:#f7f7f7}
.itsp-details h3{margin:0;background:var(--itsp-teal);color:#fff;font:700 20px var(--itsp-head);padding:15px 22px}
.itsp-details ul{list-style:none;margin:0;padding:12px 30px 18px}
.itsp-details li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e9e9e9;font-size:15.5px;color:var(--itsp-text)}
.itsp-details li:last-child{border-bottom:0}
.itsp-details li span{font:700 15.5px var(--itsp-serif);color:var(--itsp-ink)}
.itsp-details a{color:var(--itsp-text);text-decoration:none}
.itsp-details a:hover{color:var(--itsp-teal)}
.itsp-visit{display:block;margin:0 30px 26px;text-align:center;background:var(--itsp-teal);color:#fff!important;font:500 14px var(--itsp-head);padding:13px 20px;text-decoration:none;transition:background .25s}
.itsp-visit:hover{background:#058283}
.itsp-nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:26px;border-top:1px solid #e5e5e5}
.itsp-nav a{display:flex;flex-direction:column;font:600 17px var(--itsp-head);color:var(--itsp-ink);text-decoration:none}
.itsp-nav a:hover{color:var(--itsp-teal)}
.itsp-nav small{font:400 12px var(--itsp-serif);text-transform:uppercase;letter-spacing:.06em;color:#777;margin-bottom:4px}
.itsp-nav .next{text-align:right;margin-left:auto}
.itsp-related{margin-top:70px}
.itsp-related h2{font:700 clamp(24px,2.6vw,32px) var(--itsp-head);color:var(--itsp-ink);margin:0 0 24px}
.itsp-intro{max-width:900px;margin:0 auto 30px;text-align:center}
@media (max-width:960px){.itsp-layout{grid-template-columns:1fr;gap:40px}.itsp-side{position:static}}
@media (prefers-reduced-motion:reduce){.itsp-item.show{animation:none}.itsp-img img{transition:none}}