.cinema-process{position:relative;overflow:hidden;background:#07070a}
.cinema-process::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.96) 0%,rgba(5,5,8,.66) 24%,rgba(5,5,8,.8) 74%,#050508 100%),linear-gradient(90deg,rgba(5,5,8,.86),transparent 52%,rgba(5,5,8,.76)),url('../assets/planning.jpg') center/cover no-repeat;transform:scale(1.03)}
.cinema-process::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 18%,rgba(91,63,212,.22),transparent 28rem)}
.cinema-process>*{position:relative;z-index:1}
.cinema-process>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);column-gap:6vw;align-items:end;padding-bottom:clamp(2.5rem,5vw,4rem)}
.cinema-process>header>p,.cinema-process>header>h2{grid-column:1}.cinema-process>header>h2{margin-bottom:0}
.cinema-process>header>span{grid-column:2;grid-row:1/span 2;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.7}
.cinema-process ol{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;border:0}
.cinema-process li{position:relative;display:flex;min-height:24rem;flex-direction:column;justify-content:flex-end;gap:0;overflow:hidden;padding:clamp(1.25rem,2vw,1.7rem);border:1px solid rgba(255,255,255,.14);border-radius:.9rem;background:#0b0a0f;box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);isolation:isolate;transition:transform .3s ease,border-color .3s ease}
.cinema-process li::before{content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;filter:saturate(.66) contrast(1.08);transform:scale(1.02);transition:transform .65s cubic-bezier(.16,1,.3,1),filter .3s ease}
.cinema-process li::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(4,4,7,.08) 18%,rgba(4,4,7,.58) 50%,rgba(4,4,7,.98) 79%)}
.cinema-process li:nth-child(1)::before,.cinema-process li:nth-child(4)::before{background-image:url('../assets/detail-positioning.jpg')}
.cinema-process li:nth-child(2)::before,.cinema-process li:nth-child(5)::before{background-image:url('../assets/planning.jpg')}
.cinema-process li:nth-child(3)::before,.cinema-process li:nth-child(6)::before{background-image:url('../assets/creative-fpv-hero.png')}
.cinema-process li:hover{transform:translateY(-.4rem);border-color:rgba(139,92,246,.78)}.cinema-process li:hover::before{transform:scale(1.08);filter:saturate(.9) contrast(1.12)}
.cinema-process li span{position:absolute;top:1rem;left:1rem;display:grid;place-items:center;width:2.65rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(5,5,8,.66);color:#fff;font-size:.68rem;font-weight:850;backdrop-filter:blur(10px)}
.cinema-process li strong{color:#fff;font-size:clamp(1.35rem,2vw,2rem);line-height:1.1}.cinema-process li p{margin:.8rem 0 0;color:rgba(255,255,255,.72);font-size:.94rem!important;line-height:1.55}
@media(max-width:900px){.cinema-process>header{grid-template-columns:1fr}.cinema-process>header>span{grid-column:1;grid-row:auto;margin-top:1.3rem}.cinema-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cinema-process ol{grid-template-columns:1fr}.cinema-process li{min-height:21rem;padding:1.25rem}}

/* Maximum contrast for the process section over its photographic background. */
html body.cinema-page[data-service-theme="film"] .cinema-process>header>p{display:inline-block;width:max-content;padding:.42rem .7rem;border-radius:.3rem;background:#4c1d95!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:.14em}
html body.cinema-page[data-service-theme="film"] .cinema-process>header h2,
html body.cinema-page[data-service-theme="film"] .cinema-process>header h2 em{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.9)!important}
html body.cinema-page[data-service-theme="film"] .cinema-process>header>span{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.95)}
html body.cinema-page[data-service-theme="film"] .cinema-process li::after{background:linear-gradient(180deg,rgba(4,4,7,.28) 8%,rgba(4,4,7,.82) 45%,#040407 72%)}
html body.cinema-page[data-service-theme="film"] .cinema-process li>span{border-color:rgba(255,255,255,.72);background:#4c1d95!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.cinema-page[data-service-theme="film"] .cinema-process li strong{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 14px #000}
html body.cinema-page[data-service-theme="film"] .cinema-process li p{color:#f3f0f6!important;-webkit-text-fill-color:#f3f0f6!important;font-size:1rem!important;line-height:1.6;text-shadow:0 2px 12px #000}

/* Final safeguard against shared heading/text rules injecting dark copy. */
html body.cinema-page[data-service-theme="film"] main .cinema-process,
html body.cinema-page[data-service-theme="film"] main .cinema-process *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.cinema-page[data-service-theme="film"] main .cinema-process :is(h2,h2 *,strong,p,header>span){text-shadow:0 2px 16px rgba(0,0,0,.95)!important}
html body.cinema-page[data-service-theme="film"] main .cinema-process :is(header>p,li>span){background:#4c1d95!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
html body.cinema-page[data-service-theme="film"] main .cinema-process[data-scene-ready]>*{opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}