/* Extracted from page_panels/poster.php block 1 */
:root { --ww-bg:#000; --ww-card:rgba(8,10,14,.64); --ww-border:rgba(255,255,255,.10); --ww-shadow:0 22px 80px rgba(0,0,0,.60); }
.posterflow-page{position:relative;min-height:calc(100vh - var(--ww-nav-height,72px));overflow:hidden;background:var(--ww-bg);color:rgba(255,255,255,.94)}
.posterflow-bg{position:absolute;inset:0;pointer-events:none}
.posterflow-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.posterflow-overlay{position:absolute;inset:0;background:radial-gradient(1400px 900px at 18% 8%,rgba(8,51,102,.28),rgba(0,0,0,0) 40%),linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.88))}
.posterflow-noise{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.posterflow-float{position:absolute;width:clamp(140px,14vw,240px);aspect-ratio:590/1000;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 90px rgba(0,0,0,.45);opacity:.36;transform:rotate(var(--rot,0deg));filter:saturate(.92)}
.posterflow-float img{width:100%;height:100%;object-fit:cover;display:block}
.posterflow-float::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.46))}
.posterflow-float-a{left:-2.5vw;top:11rem;--rot:-8deg}.posterflow-float-b{right:-3vw;top:7.5rem;--rot:6deg}.posterflow-float-c{left:2vw;bottom:7rem;--rot:8deg;width:clamp(120px,12vw,210px)}.posterflow-float-d{right:4vw;bottom:5.5rem;--rot:-10deg;width:clamp(110px,11vw,180px)}
.posterflow-wrap{position:relative;z-index:2;overflow:visible;padding:0 0 2rem;scrollbar-width:thin}
.posterflow-dock{position:fixed!important;top:98px!important;left:1.1rem!important;z-index:60!important;width:min(340px,calc(100vw - 2.2rem));display:flex;flex-direction:column;gap:.85rem;padding:1rem;margin:0;transform:none!important}
.posterflow-inner{width:100%;max-width:none;margin:0!important;padding:0!important}
.posterflow-panel{position:relative;overflow:hidden;border-radius:2px;border:1px solid var(--ww-border);background:var(--ww-card);backdrop-filter:blur(14px);box-shadow:var(--ww-shadow)}
.posterflow-panel::before{content:"";position:absolute;inset:-2px;background:radial-gradient(900px 440px at var(--mx,30%) var(--my,22%),rgba(255,255,255,.12),rgba(255,255,255,0) 56%);opacity:.78;pointer-events:none}
.posterflow-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border-radius:2px;text-decoration:none;font-weight:900;color:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08)}
.posterflow-btn-primary{background:linear-gradient(135deg,rgba(109,94,255,.92),rgba(56,161,255,.92));box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 28px rgba(86,138,255,.34);animation:posterflow-pulse 3.2s ease-in-out infinite}
.posterflow-chip{display:inline-flex;padding:.38rem .58rem;border-radius:2px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.posterflow-promo-copy{display:flex;flex-direction:column;gap:.7rem}
.posterflow-promo-title{font-size:1.4rem;font-weight:900;line-height:1.05}
.posterflow-audience{padding:.8rem .9rem;border-radius:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.posterflow-audience strong{display:block;font-size:1.5rem;font-weight:900;line-height:1}
.posterflow-audience span{display:block;margin-top:.28rem;font-size:.82rem;line-height:1.35;color:rgba(255,255,255,.74)}
.posterflow-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;position:relative;z-index:2}
.posterflow-stat{padding:.7rem .8rem;border-radius:2px;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.10);text-align:center}
.posterflow-stat strong{display:block;font-size:1.05rem}.posterflow-stat span{display:block;margin-top:.14rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.60)}
.posterflow-graph{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-radius:2px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22)}
.posterflow-graph-row{display:grid;grid-template-columns:42px minmax(0,1fr) 64px;gap:.55rem;align-items:center}
.posterflow-graph-label,.posterflow-graph-value{font-size:.76rem;font-weight:900;color:rgba(255,255,255,.74)}.posterflow-graph-value{text-align:right}
.posterflow-graph-bar{height:10px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.08)}.posterflow-graph-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(102,190,255,.82),rgba(255,255,255,.92));box-shadow:0 0 18px rgba(82,170,255,.26)}
.posterflow-mini-stats{display:grid;grid-template-columns:1fr;gap:.65rem}
.posterflow-mini-stats>div{padding:.8rem .75rem;border-radius:2px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);font-size:1.05rem;font-weight:900}
.posterflow-mini-stats span{display:block;margin-top:.15rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.posterflow-grad{position:absolute;inset:auto 0 0 0;height:48%;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,0));pointer-events:none}
.posterflow-rail-wrap{margin-top:.7rem;position:relative;left:50%;width:100vw;transform:translateX(-50%)}
.posterflow-inner>.posterflow-rail-wrap:first-child{margin-top:0!important;padding-top:0!important}
.posterflow-inner>.posterflow-rail-wrap:first-child .posterflow-rail{margin-top:0!important;padding-top:0!important}
.posterflow-rail-title{display:none}
.posterflow-rail{overflow:hidden}.posterflow-track{display:flex;gap:1rem;width:max-content}
.posterflow-rail-a .posterflow-track{animation:posterflow-marquee 78s linear infinite}.posterflow-rail-b .posterflow-track{animation:posterflow-marquee-rev 92s linear infinite}
.posterflow-mini{flex:0 0 190px;height:310px;display:block}
.posterflow-card img,.posterflow-mini img{width:100%;height:100%;display:block;object-fit:cover}
.posterflow-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:210px;gap:1rem}
.posterflow-card{display:block;color:inherit;text-decoration:none;position:relative}
.posterflow-card.is-tall{grid-row:span 2}.posterflow-card.is-wide{grid-column:span 2}.posterflow-card.is-feature{grid-column:span 2;grid-row:span 2}
.posterflow-card-meta{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:2}
@keyframes posterflow-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - .5rem))}}
@keyframes posterflow-marquee-rev{from{transform:translateX(calc(-50% - .5rem))}to{transform:translateX(0)}}
@keyframes posterflow-pulse{0%,100%{transform:translateY(0);box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 24px rgba(86,138,255,.28)}50%{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 0 38px rgba(110,94,255,.42)}}
@media (max-width:1100px){.posterflow-dock{width:min(320px,calc(100vw - 2.2rem))}.posterflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.posterflow-wrap{padding:.8rem .8rem 2rem}.posterflow-dock{position:relative!important;top:auto!important;left:auto!important;width:100%;margin:0 0 1rem}.posterflow-inner{padding-left:0}.posterflow-rail-wrap{width:calc(100vw - 1.6rem)}.posterflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}.posterflow-card.is-wide,.posterflow-card.is-feature{grid-column:span 2}.posterflow-mini{flex-basis:150px;height:246px}}
@media (max-width:520px){.posterflow-wrap{padding:.8rem .8rem 2rem}.posterflow-stats{grid-template-columns:1fr}.posterflow-grid{grid-template-columns:1fr}.posterflow-card.is-tall,.posterflow-card.is-wide,.posterflow-card.is-feature{grid-column:span 1;grid-row:span 1}}