.agency-film{--edge:clamp(18px,3vw,52px);position:relative;min-height:clamp(700px,100svh,1040px);padding:clamp(82px,9vh,120px) var(--edge);overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(243,169,37,.14),transparent 24%),#080807;color:#fff;isolation:isolate;scroll-margin-top:0;display:grid;place-items:center}
.agency-film__frame{position:relative;z-index:2;width:min(1280px,88vw);background:#050505;border:1px solid rgba(243,169,37,.46);border-radius:12px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.07)}
.agency-film__tab{height:44px;padding:0 17px;display:flex;align-items:center;gap:8px;background:linear-gradient(180deg,#242421,#141412);border-bottom:1px solid rgba(255,255,255,.13);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.agency-film__tab i{width:7px;height:7px;border-radius:50%;background:#555}.agency-film__tab i:first-child{background:#f3a925}.agency-film__tab span{margin-left:12px;color:rgba(255,255,255,.68)}.agency-film__tab b{margin-left:auto;padding:4px 7px;border:1px solid rgba(243,169,37,.48);border-radius:99px;color:#f3a925;font-size:7px}
.agency-film__video{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;object-position:center;background:#000;cursor:auto}
.agency-film__interface{position:absolute;z-index:3;inset:0;padding:29px var(--edge) 34px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.agency-film__interface:before{content:"";position:absolute;inset:17px;border:1px solid rgba(243,169,37,.28);clip-path:polygon(0 0,16% 0,16% 1px,84% 1px,84% 0,100% 0,100% 100%,84% 100%,84% calc(100% - 1px),16% calc(100% - 1px),16% 100%,0 100%)}
.agency-film__interface:after{content:"";position:absolute;z-index:-1;top:-20%;bottom:-20%;left:-25%;width:24%;background:linear-gradient(90deg,transparent,rgba(243,169,37,.12),transparent);transform:skewX(-18deg);animation:film-scan 7s ease-in-out infinite}
.agency-film__top,.agency-film__foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.agency-film__top span:first-child,.agency-film__foot span:first-child{color:var(--v2-gold)}
.agency-film__side{position:absolute;top:50%;right:24px;transform:translate(50%,-50%) rotate(90deg);font-size:7px;font-weight:700;letter-spacing:.24em;color:rgba(255,255,255,.6)}
.agency-film__cells{position:absolute;left:var(--edge);top:14%;width:145px;height:130px;opacity:.55}.agency-film__cells i{position:absolute;width:58px;aspect-ratio:1;background:rgba(8,8,7,.3);border:1px solid rgba(243,169,37,.68);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.agency-film__cells i:nth-child(2){left:44px;top:27px}.agency-film__cells i:nth-child(3){left:88px}.agency-film__cells i:nth-child(4){top:54px}.agency-film__cells i:nth-child(5){left:88px;top:54px}
.agency-film__rail{align-self:center;width:min(650px,50vw);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;margin-top:auto;margin-bottom:22px;font-size:8px;font-weight:700;letter-spacing:.2em}.agency-film__rail i{height:1px;background:linear-gradient(90deg,transparent,rgba(243,169,37,.9),transparent)}
@keyframes film-scan{0%,18%{left:-30%;opacity:0}45%{opacity:1}75%,100%{left:115%;opacity:0}}
@media(max-width:760px){.agency-film{display:block;min-height:0;padding:70px 0 76px;background:#050505}.agency-film__frame{width:100%;border-left:0;border-right:0;border-radius:0;box-shadow:none}.agency-film__tab{height:36px;padding:0 12px}.agency-film__tab span{margin-left:6px}.agency-film__video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.agency-film__interface{padding:18px 14px 62px}.agency-film__interface:before{inset:8px}.agency-film__top span:last-child,.agency-film__foot span:last-child,.agency-film__side,.agency-film__cells{display:none}.agency-film__rail{width:calc(100% - 28px);grid-template-columns:1fr auto 1fr auto 1fr;margin:0 auto 6px;gap:7px}.agency-film__rail i:first-child{display:none}.agency-film__rail span{font-size:6px}}
@media(max-width:420px){.agency-film{padding-top:58px;padding-bottom:68px}.agency-film__tab span{max-width:145px;overflow:hidden;white-space:nowrap}.agency-film__tab b{display:none}}
@media(prefers-reduced-motion:reduce){.agency-film__interface:after{animation:none;display:none}}