/* /work/films/ */
.f3-jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:clamp(28px,4vw,56px);max-width:1100px}
.f3-jump{display:grid;gap:8px;padding:18px 20px;border:1px solid var(--gmp-rule);border-bottom:3px solid var(--acc);color:var(--gmp-white);text-decoration:none;transition:background .3s}
.f3-jump b{font:700 clamp(1rem,1.5vw,1.35rem)/1.05 var(--sw-font-display);letter-spacing:-.02em;text-transform:uppercase}
.f3-jump span{color:var(--acc);font:700 .66rem/1 var(--sw-font-body);letter-spacing:.16em;text-transform:uppercase}
.f3-jump:hover,.f3-jump:focus-visible{background:color-mix(in srgb,var(--acc) 10%,transparent)}

.f3-group{position:relative;isolation:isolate;padding:clamp(56px,8vw,120px) clamp(20px,5vw,72px);border-top:1px solid rgba(255,255,255,.08);scroll-margin-top:64px}
.f3-group::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 45% at 90% 0%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%);pointer-events:none}
.f3-head{width:min(100%,1440px);margin:0 auto clamp(28px,4vw,52px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,3vw,48px);align-items:end}
.f3-num{--acc:inherit}
.f3-title{margin:0;color:var(--acc);font:700 clamp(2.2rem,5.6vw,5.6rem)/.86 var(--sw-font-display);letter-spacing:-.055em;text-transform:uppercase}
.f3-dek{margin:14px 0 0;color:var(--gmp-soft,#bbb);font:600 clamp(1rem,1.3vw,1.2rem)/1.35 var(--sw-font-body)}
.f3-price{display:grid;gap:4px;min-width:200px;padding:16px 20px;border:1px solid color-mix(in srgb,var(--acc) 55%,transparent);color:var(--gmp-white);text-decoration:none;transition:background .3s,transform .3s}
.f3-price span{color:var(--acc);font:700 .62rem/1 var(--sw-font-body);letter-spacing:.16em;text-transform:uppercase}
.f3-price b{font:700 clamp(1.5rem,2.4vw,2.2rem)/1 var(--sw-font-display);letter-spacing:-.04em}
.f3-price em{font:600 .8rem/1 var(--sw-font-body);font-style:normal;color:var(--gmp-soft,#bbb)}
.f3-price:hover,.f3-price:focus-visible{background:color-mix(in srgb,var(--acc) 12%,transparent);transform:translateY(-2px)}

.f3-grid{width:min(100%,1440px);margin:0 auto;display:grid;gap:clamp(14px,1.8vw,26px)}
.f3-grid--tall{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px}
.f3-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.f3-card{display:grid;align-content:start;gap:14px;min-width:0}
.f3-media{position:relative;display:block;width:100%;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#050505;cursor:pointer;
  box-shadow:0 30px 80px -40px color-mix(in srgb,var(--acc) 50%,transparent)}
.f3-card--tall .f3-media{aspect-ratio:9/16}
.f3-card--wide .f3-media{aspect-ratio:16/9}
.f3-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.f3-media:hover video,.f3-media:focus-visible video{transform:scale(1.03)}
.f3-media:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.f3-tag{position:absolute;left:12px;top:12px;padding:6px 9px;background:rgba(0,0,0,.72);border:1px solid color-mix(in srgb,var(--acc) 50%,transparent);color:var(--acc);font:700 .6rem/1 var(--sw-font-body);letter-spacing:.14em;text-transform:uppercase}
.f3-play{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;background:var(--acc);color:#000;font:700 .7rem/1 var(--sw-font-body);letter-spacing:.12em;text-transform:uppercase;
  transform:translateY(4px);opacity:.92;transition:transform .3s,opacity .3s}
.f3-play i{width:0;height:0;border-left:10px solid #000;border-top:6px solid transparent;border-bottom:6px solid transparent}
.f3-media:hover .f3-play,.f3-media:focus-visible .f3-play{transform:none;opacity:1}
.f3-name{margin:0;color:var(--gmp-white);font:700 clamp(1.05rem,1.4vw,1.3rem)/1.15 var(--sw-font-body)}
.f3-line{margin:6px 0 0;color:var(--gmp-soft,#bbb);font:500 .92rem/1.5 var(--sw-font-body);max-width:58ch}
.f3-link{display:inline-block;margin-top:10px;color:var(--acc);font:700 .72rem/1 var(--sw-font-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}

@media (max-width:860px){
  .f3-jumps{grid-template-columns:1fr}
  .f3-head{grid-template-columns:1fr}
  .f3-head .f3-num{display:none}
  .f3-price{justify-self:start}
  .f3-grid--wide{grid-template-columns:1fr}
  .f3-grid--tall{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){.f3-grid--tall{grid-template-columns:1fr;max-width:420px}}
@media (prefers-reduced-motion:reduce){.f3-media video{transition:none}}

.f3-offer{display:grid;align-content:end;gap:10px;aspect-ratio:9/16;padding:clamp(20px,2vw,28px);border:1px dashed color-mix(in srgb,var(--acc) 60%,transparent);border-radius:12px;color:var(--gmp-white);text-decoration:none;
  background:linear-gradient(170deg,color-mix(in srgb,var(--acc) 16%,transparent),transparent 65%);transition:border-color .3s,transform .3s}
.f3-offer span{color:var(--acc);font:700 .66rem/1 var(--sw-font-body);letter-spacing:.16em;text-transform:uppercase}
.f3-offer b{font:700 clamp(3rem,6vw,5rem)/.9 var(--sw-font-display);letter-spacing:-.05em}
.f3-offer em{font:500 .95rem/1.5 var(--sw-font-body);font-style:normal;color:var(--gmp-soft,#bbb)}
.f3-offer i{justify-self:start;margin-top:6px;padding:12px 16px;background:var(--acc);color:#000;font:700 .7rem/1 var(--sw-font-body);font-style:normal;letter-spacing:.12em;text-transform:uppercase}
.f3-offer:hover,.f3-offer:focus-visible{border-style:solid;transform:translateY(-3px)}
@media (max-width:520px){.f3-offer{aspect-ratio:auto;min-height:260px}}