/* Tanıtım filmi kartı + sinema oynatıcı (2026-10-25) */
.workshop-proof.has-film{grid-template-columns:minmax(220px,300px) minmax(0,1fr) 196px;gap:40px}
.film-card{position:relative;display:block;width:196px;aspect-ratio:9/16;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:pointer;background:#0f1115;color:#fff;font:inherit;text-align:left;justify-self:end;
  box-shadow:0 24px 60px rgba(16,24,40,.22),0 0 0 1px rgba(16,24,40,.08);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.film-card:hover{transform:translateY(-4px);box-shadow:0 34px 80px rgba(16,24,40,.28),0 0 0 1px rgba(16,24,40,.08)}
.film-card:focus-visible{outline:2px solid #111827;outline-offset:4px}
.film-card video,.film-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.film-card video{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.film-card:hover video{transform:scale(1.045)}
.film-card::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,11,14,.0) 45%,rgba(10,11,14,.78) 100%),radial-gradient(120% 80% at 50% 40%,transparent 55%,rgba(0,0,0,.35))}
.film-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.film-play{position:absolute;z-index:2;left:50%;top:44%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1),background .3s}
.film-play svg{width:18px;height:18px;margin-left:3px;fill:#fff}
.film-card:hover .film-play{transform:scale(1.1);background:rgba(255,255,255,.26)}
.film-play::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(255,255,255,.35);animation:filmPulse 2.6s ease-out infinite}
@keyframes filmPulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.film-meta{position:absolute;z-index:2;left:16px;right:16px;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.film-meta b{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.film-meta span{font-size:12px;font-variant-numeric:tabular-nums;opacity:.72}

/* Sinema katmanı */
.film-theater{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:4vh 16px}
.film-theater.is-open{display:flex}
.film-backdrop{position:absolute;inset:0;background:rgba(8,9,12,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.film-backdrop::before,.film-backdrop::after{content:"";position:absolute;left:0;right:0;height:9vh;background:#000;transform:scaleY(0);transition:transform .7s cubic-bezier(.7,0,.2,1)}
.film-backdrop::before{top:0;transform-origin:top}
.film-backdrop::after{bottom:0;transform-origin:bottom}
.film-theater.is-shown .film-backdrop::before,.film-theater.is-shown .film-backdrop::after{transform:scaleY(1)}
.film-screen{position:relative;height:min(84vh,calc((100vw - 32px)*16/9));aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#000;
  box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);will-change:transform}
.film-screen video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.film-close{position:absolute;z-index:3;top:18px;right:18px;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;
  background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);opacity:0;transition:opacity .4s .3s,background .2s}
.film-theater.is-shown .film-close{opacity:1}
.film-close:hover{background:rgba(255,255,255,.2)}
.film-close svg{width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none}
html.film-lock,html.film-lock body{overflow:hidden}

@media (max-width:1080px){
  .workshop-proof.has-film{grid-template-columns:minmax(200px,260px) minmax(0,1fr) 170px;gap:28px}
  .film-card{width:170px}
}
@media (max-width:820px){
  .workshop-proof.has-film{grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
  .workshop-proof.has-film .workshop-proof-copy{grid-column:1/-1;order:-1}
  .workshop-proof.has-film .workshop-video-shell{width:100%;aspect-ratio:9/16}
  .workshop-proof.has-film .workshop-video{height:100%!important;object-fit:cover}
  .film-card{width:100%;justify-self:stretch}
  .film-backdrop::before,.film-backdrop::after{height:5vh}
  .film-close{top:12px;right:12px}
}
@media (prefers-reduced-motion:reduce){
  .film-play::after{animation:none}
  .film-card,.film-card video,.film-backdrop::before,.film-backdrop::after{transition:none}
}