/* Indian PR Distribution (IPRD)® | work.css: Our Work silo (Our Work hub, Case Studies hub and gated case-study pages, Media Coverage).
   Loaded through "css: work" in each page's front matter. Prefixes: .wk-* (hub parts), .cs-* (case studies), .cov-* (coverage). */

/* ===== Our Work: two doors ===== */
.wk-doors{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wk-door{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;min-height:300px;padding:clamp(26px,3vw,40px);border-radius:16px;background:var(--deep);color:var(--paper);overflow:hidden;transition:transform .5s var(--ease)}
.wk-door:hover{transform:translateY(-4px)}
.wk-door.light{background:#fff;border:1px solid var(--line);color:var(--ink)}
.wk-door small{display:block;font:600 12px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:10px}
.wk-door.light small{color:var(--violet)}
.wk-door h2{font-size:clamp(34px,3.4vw,52px);line-height:1;margin:0 0 12px;color:inherit}
.wk-door p{margin:0 0 18px;color:var(--mute);max-width:38ch}
.wk-door.light p{color:var(--soft)}
.wk-door .go{font-weight:600;color:var(--lime)}
.wk-door.light .go{color:var(--violet)}
.wk-door img{height:clamp(180px,18vw,240px);width:auto;margin-bottom:calc(-1 * clamp(26px,3vw,40px))}
.wk-door::before{content:"";position:absolute;right:-60px;bottom:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(closest-side,rgba(200,226,62,.35),rgba(200,226,62,0) 72%)}

/* awards */
.wk-awards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk-award{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.wk-award .medal{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font:400 26px var(--f-d);color:var(--deep)}
.wk-award .medal.gold{background:linear-gradient(135deg,#F3D36B,#C9A227)}
.wk-award .medal.bronze{background:linear-gradient(135deg,#E3A67A,#A86532)}
.wk-award .medal.winner{background:linear-gradient(135deg,#F8A094,#E0574A)}
.wk-award strong{display:block;font:400 clamp(21px,1.8vw,25px)/1.2 var(--f-d);color:var(--ink)}
.wk-award span{font-size:14.5px;color:var(--soft)}

/* ===== Case study teasers (Our Work) ===== */
.cs-teasers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cs-teasers.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cs-teaser{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;transition:border-color .3s,transform .5s var(--ease)}
.cs-teaser:hover{border-color:var(--violet);transform:translateY(-4px)}
.cs-teaser .mark{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:var(--deep);color:var(--lime);font:400 22px var(--f-d)}
.cs-teaser small{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.cs-teaser h3{font:400 clamp(23px,2vw,28px)/1.15 var(--f-d);color:var(--ink);margin:0}
.cs-teaser p{font-size:15px;margin:0}
.cs-teaser .link-arrow{margin-top:auto}

/* ===== Case Studies hub: one block per client ===== */
.cs-block{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:start;padding:clamp(36px,4vw,56px) 0;border-top:1px solid var(--line)}
.cs-block:first-child{border-top:0;padding-top:0}
.cs-block .cs-num{font:400 18px var(--f-d);color:var(--violet);margin:0 0 8px}
.cs-block h2{font-size:clamp(36px,4vw,60px);line-height:1;margin:0 0 14px}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.cs-chips li{font:600 12px var(--f-b);padding:6px 11px;border-radius:999px;background:#E9E1F3;color:var(--deep)}
.cs-block .prose p{font-size:16.5px}
.cs-did{margin:18px 0 26px;border-top:1px solid var(--line)}
.cs-did li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px;color:var(--ink)}
.cs-did li::before{content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--deep)}
.cs-card{position:sticky;top:104px;background:var(--deep);color:var(--paper);border-radius:16px;padding:clamp(24px,2.6vw,34px);overflow:hidden}
.cs-card .big{font:400 clamp(44px,4.4vw,68px)/1 var(--f-d);color:var(--lime);margin:0 0 6px}
.cs-card .big-sub{font-size:15px;color:var(--mute);margin:0 0 18px}
.cs-card dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0 0 22px;font-size:14.5px;border-top:1px solid rgba(238,233,244,.16);padding-top:18px}
.cs-card dt{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);padding-top:3px}
.cs-card dd{margin:0;color:var(--paper)}
.cs-card .btn{width:100%;justify-content:center}
.cs-card .lock{font-size:12.5px;color:var(--mute);margin:10px 0 0;text-align:center}

/* ===== Gated case-study page ===== */
.cs-hero{--fg:var(--ink);--fg2:var(--soft);--line:rgba(21,13,34,.16);--accent:var(--violet);background:var(--paper);padding:calc(76px + clamp(28px,4vw,56px)) 0 0;color:var(--ink)}
.cs-hero h1{font-size:clamp(42px,5.4vw,88px);line-height:.98;letter-spacing:-.02em;margin:0 0 20px;max-width:18ch}
.cs-hero h1 em{color:var(--violet)}
.cs-hero .lede{font-size:clamp(17px,1.3vw,19px);color:var(--soft);max-width:60ch;margin:0 0 36px}
.cs-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--deep);color:var(--paper);border-radius:16px 16px 0 0;margin-top:8px}
.cs-meta div{padding:22px 24px;border-right:1px solid rgba(238,233,244,.14)}
.cs-meta div:last-child{border-right:0}
.cs-meta dt{font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}
.cs-meta dd{margin:0;font-size:15.5px}
.cs-gate{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start}
.cs-gate .inside{border-top:1px solid var(--line);margin:18px 0 0}
.cs-gate .inside li{padding:12px 0 12px 30px;border-bottom:1px solid var(--line);position:relative;font-size:15.5px;color:var(--ink)}
.cs-gate .inside li::before{content:"✓";position:absolute;left:4px;top:11px;color:var(--violet);font-weight:700}
.cs-form-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.6vw,34px);box-shadow:0 30px 60px -36px rgba(45,11,74,.45)}
.cs-form-card .t{font:400 clamp(26px,2.4vw,34px)/1.05 var(--f-d);color:var(--ink);margin:0 0 6px}
.cs-form-card .s{font-size:14px;color:var(--soft);margin:0}
.cs-form-card .contact-form{margin-top:16px}
.cs-form-card .contact-form .btn{width:100%;justify-content:center;white-space:nowrap}
.gate-note{font-size:12.5px;color:var(--soft);margin:0}
.cs-locked[hidden],.cs-gate[hidden]{display:none}
.cs-story{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:clamp(32px,4vw,48px) 0;border-top:1px solid var(--line)}
.cs-story:first-child{border-top:0;padding-top:0}
.cs-story h2{font-size:clamp(28px,2.6vw,38px);margin:0}
.cs-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0}
.cs-results li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.cs-results b{display:block;font:400 clamp(30px,2.8vw,42px)/1 var(--f-d);color:var(--violet);margin-bottom:8px}
.cs-results span{font-size:14.5px;color:var(--soft)}
.cs-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line)}
.cs-coverage li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}
.cs-coverage li b{font-weight:600;color:var(--ink)}
.cs-coverage li span{color:var(--soft);text-align:right}

.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:24px;align-items:end}
.cs-hero-art{position:relative;display:flex;justify-content:center}
.cs-hero-art::before{content:"";position:absolute;inset:10% -10% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(200,226,62,.55),rgba(200,226,62,0) 72%)}
.cs-hero-art img{position:relative;height:clamp(240px,24vw,360px);width:auto;margin-bottom:-8px}

/* ===== Media Coverage ===== */
.cov-group{margin-top:clamp(36px,4vw,56px)}
.cov-group:first-child{margin-top:0}
.cov-group h3{font:600 13px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--violet);margin:0 0 14px}
.cov-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cov-wall li{display:grid;place-items:center;aspect-ratio:300/128;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.cov-wall img{max-width:100%;max-height:100%;width:auto;height:auto}
.cov-note{font-size:14px;color:var(--soft);margin:18px 0 0;max-width:70ch}
.cov-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cov-item{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
.cov-item .src{display:flex;justify-content:space-between;gap:10px;font:600 11px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}
.cov-item .src em{font-style:normal;color:var(--soft)}
.cov-item h3{font:400 clamp(20px,1.7vw,24px)/1.2 var(--f-d);color:var(--ink);margin:0}
.cov-item p{font-size:14.5px;margin:0}
.cov-item a{margin-top:auto;font-weight:600;color:var(--violet)}

/* ===== Responsive ===== */
@media (max-width:1080px){
  .cov-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cs-meta{grid-template-columns:1fr 1fr}
  .cs-meta div:nth-child(2){border-right:0}
  .cs-meta div:nth-child(-n+2){border-bottom:1px solid rgba(238,233,244,.14)}
}
@media (max-width:900px){
  .wk-doors,.wk-awards,.cs-teasers,.cs-teasers.two,.cs-block,.cs-gate,.cov-list,.cs-results,.cs-coverage{grid-template-columns:1fr}
  .cs-card{position:static}
  .cs-story{grid-template-columns:1fr;gap:12px}
  .cs-hero-grid{grid-template-columns:1fr}
  .cs-hero-art{display:none}
}
@media (max-width:560px){
  .cov-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wk-door{grid-template-columns:1fr}
  .wk-door img{display:none}
  .cs-meta{grid-template-columns:1fr}
  .cs-meta div{border-right:0;border-bottom:1px solid rgba(238,233,244,.14)}
}
.section-sub a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}