/* Pundarikaksha Productions · Staging portfolio presentation.
   No prices, contact CTAs, generic client claims, or duplicated film cards. */
.page-productions .spk-pr-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(36,86,90,.32);background:radial-gradient(ellipse at 85% 55%,rgba(36,86,90,.19),transparent 55%),#0b0d10;padding:clamp(70px,7.5vw,112px) 0}
.spk-pr-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);gap:clamp(32px,5vw,92px);align-items:center}
.spk-pr-kicker,.spk-pr-index{display:inline-block;font:600 11px/1.5 var(--sans);letter-spacing:.2em;color:#a5d0cd;text-transform:uppercase}
.spk-pr-hero h1{font:500 clamp(56px,6.6vw,96px)/.95 var(--display);letter-spacing:-.025em;margin:24px 0 28px}
.spk-pr-hero h1 em{font-weight:400;color:#a2cbc7;font-style:italic}
.spk-pr-lead{font-size:clamp(14px,1.35vw,17px);color:#b9bdc0;line-height:1.86;max-width:635px;margin:0}
.spk-pr-hero-actions{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:36px}
.spk-pr-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid rgba(162,203,199,.6);padding:10px 0;color:#d3e9e6;font:600 13px/1.5 var(--sans);white-space:normal}
.spk-pr-link:hover{color:var(--ivory);border-bottom-color:var(--ivory)}
.spk-pr-link-muted{color:#b8bcbf;border-color:rgba(243,238,227,.23)}
.spk-pr-identity{background:linear-gradient(138deg,rgba(36,86,90,.2),rgba(14,18,22,.95) 58%);border:1px solid rgba(135,176,173,.26);padding:clamp(22px,3vw,44px);box-shadow:0 20px 80px rgba(0,0,0,.19)}
.spk-pr-identity-label{font-size:11px;color:#a0a7a9;letter-spacing:.16em}
.spk-pr-identity-step{border-bottom:1px solid rgba(243,238,227,.10);padding:22px 0;display:flex;flex-direction:column;gap:4px}
.spk-pr-identity-step:last-child{border:0;padding-bottom:0}
.spk-pr-identity-step small{font-size:11px;color:#91b7b4;letter-spacing:.15em}
.spk-pr-identity-step b{font:500 clamp(25px,2.55vw,36px)/1.08 var(--display);color:var(--ivory)}
.spk-pr-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}
.spk-pr-section-heading h2,.spk-pr-evidence h2,.spk-pr-approach h2{font:500 clamp(44px,5.2vw,72px)/1.02 var(--display);margin:15px 0 0}
.spk-pr-section-heading p{color:#adb7b7;font-size:14px;max-width:380px;line-height:1.82;margin:0}
.spk-pr-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.spk-pr-cap{min-width:0;padding:clamp(24px,3vw,42px);border:1px solid rgba(243,238,227,.135);background:linear-gradient(135deg,rgba(36,86,90,.11),rgba(19,23,28,.85) 45%),#13171b;display:flex;flex-direction:column;min-height:330px;position:relative}
.spk-pr-cap:before{content:'';position:absolute;top:-1px;left:0;width:84px;height:2px;background:var(--teal)}
.spk-pr-cap h3{font:500 clamp(34px,3.3vw,49px)/1.03 var(--display);margin:35px 0 15px;text-wrap:balance;max-width:550px}
.spk-pr-cap p{color:#b3b7b8;font-size:14px;line-height:1.75;max-width:480px;margin:0 0 28px}
.spk-pr-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.spk-pr-tags span{font-size:11px;color:#b0d5d1;border:1px solid rgba(135,176,173,.29);padding:7px 10px}
.spk-pr-evidence{background:radial-gradient(ellipse at 90% 32%,rgba(36,86,90,.12),transparent 44%),#101318}
.spk-pr-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,7vw,105px);align-items:start}
.spk-pr-evidence p{font-size:15px;color:#b7bec0;line-height:1.9;margin:5px 0 30px}
.spk-pr-evidence strong{color:var(--ivory);font-weight:600}
.spk-pr-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;border:1px solid var(--line)}
.spk-pr-process>div{padding:27px 23px;border-right:1px solid var(--line)}
.spk-pr-process>div:last-child{border-right:0}
.spk-pr-process span{display:block;font-size:11px;letter-spacing:.12em;color:#9dc4c0;margin-bottom:34px}
.spk-pr-process strong{display:block;font:500 clamp(26px,2.5vw,34px)/1.1 var(--display)}
.spk-pr-process p{font-size:13px;color:#aeb6b8;line-height:1.7;margin:11px 0 0}
.spk-pr-hero .spk-pr-kicker{display:inline-flex;align-items:center;gap:14px;max-width:100%}
.spk-pr-hero .spk-pr-kicker:before{content:'';display:block;flex:0 0 30px;width:30px;height:2px;background:var(--division-color,var(--teal))}
.spk-pr-section .spk-pr-kicker,.spk-pr-evidence .spk-pr-kicker,.spk-pr-approach .spk-pr-kicker{border-left:2px solid var(--division-color,var(--teal));padding-left:13px}
.spk-pr-hero h1{overflow-wrap:normal;text-wrap:balance;max-width:12ch}
.spk-pr-hero h1 em{display:block}
.spk-pr-hero .spk-pr-link{min-height:44px}
.spk-pr-approach-lead{font-size:15px;line-height:1.8;color:#b9bdc0;max-width:680px;margin:20px 0 0}
.spk-pr-process>div{min-width:0}
.spk-pr-process>div strong{text-wrap:balance}
@media(prefers-reduced-motion:reduce){.page-productions{scroll-behavior:auto}}
@media(max-width:960px){
  .spk-pr-hero-grid{grid-template-columns:1fr}
  .spk-pr-hero h1{max-width:15ch}
  .spk-pr-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .spk-pr-identity-label{grid-column:1/-1}
  .spk-pr-identity-step:nth-last-child(2){border-bottom:0}
  .spk-pr-section-heading{display:block}
  .spk-pr-section-heading p{margin-top:22px;max-width:620px}
  .spk-pr-evidence-grid{grid-template-columns:1fr}
  .spk-pr-process{grid-template-columns:1fr}
  .spk-pr-process>div{border-right:0;border-bottom:1px solid var(--line)}
  .spk-pr-process>div:last-child{border-bottom:0}
}
@media(max-width:650px){
  .page-productions .spk-pr-hero{padding:64px 0}
  .spk-pr-hero h1{font-size:clamp(51px,12.5vw,76px);max-width:100%;line-height:.96;overflow-wrap:break-word}
  .spk-pr-hero-actions{gap:8px 24px}
  .spk-pr-link{font-size:13px}
  .spk-pr-cap-grid{grid-template-columns:1fr}
  .spk-pr-cap{min-height:0}
  .spk-pr-cap h3{font-size:clamp(32px,8vw,45px);margin-top:28px}
  .spk-pr-identity{display:block}
  .spk-pr-identity-step:nth-last-child(2){border-bottom:1px solid rgba(243,238,227,.10)}
  .spk-pr-identity-step b{font-size:clamp(25px,6.6vw,34px)}
  .spk-pr-section-heading h2,.spk-pr-evidence h2,.spk-pr-approach h2{font-size:clamp(40px,11vw,58px)}
  .spk-pr-process>div{padding:24px 22px}
}

/* M08 Productions hero copy: two complete phrases remain legible within the editorial grid. */
.spk-pr-hero h1{font-size:clamp(48px,5.25vw,80px);max-width:none;overflow-wrap:normal;text-wrap:balance}
@media (max-width:650px){.spk-pr-hero h1{font-size:clamp(40px,9.6vw,58px);max-width:100%;overflow-wrap:break-word}}

/* CMS first-paint consistency (M08): hide ONLY editable copy until its published
   revision has been applied. Preserve layout height; never flash stale template text.
   CSS-only fallback reveals the static safe copy if the JS bundle fails entirely. */
.page-productions [data-spk-copy-state="pending"] #cms-page-headline,
.page-productions [data-spk-copy-state="pending"] #cms-page-intro{
  visibility:hidden;
  animation:spk-pr-copy-failsafe 0s linear 6s forwards;
}
@keyframes spk-pr-copy-failsafe{to{visibility:visible}}