:root{font-family:Inter,Arial,sans-serif;color:#fff;background:#070b12;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:78px;background:#080c15ee;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16}.topinner{max-width:1510px;padding:0 4.4%;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;flex-direction:column;line-height:.88;white-space:nowrap}.brand>span{font:900 37px 'Barlow Condensed',sans-serif;letter-spacing:-1px;font-style:italic}.brand b{font-size:1.35em;color:#f50025;margin-left:4px}.brand small{font-size:9px;letter-spacing:1.6px;font-weight:800;margin-top:6px}.nav,.actions{display:flex;align-items:center;gap:31px}.nav a{font-size:13px;font-weight:700;transition:color .2s}.nav a:hover{color:#ff2945}.actions{gap:22px}.iconbutton{border:0;background:transparent;color:white;padding:6px}.livepill,.eyebrow{background:#e90025;border-radius:8px;padding:11px 20px;font-weight:900;font-size:12px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 0 28px #ff002f55}.livepill{border:1px solid #ff3b54;border-radius:30px;padding:10px 20px}.dot{height:9px;width:9px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff;display:inline-block;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.45}}.mobilemenu{display:none}.searchbar{background:#131923;padding:14px 5%;display:flex;gap:20px}.searchbar input{background:#202936;border:1px solid #ffffff22;color:#fff;padding:12px;border-radius:5px;flex:1}.searchbar a{display:flex;align-items:center;gap:7px}.hero{height:min(760px,58vw);min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center}.heroimage{position:absolute;inset:0;background:url('/images/home-panorama-logo-originale-optimized.webp') center 75%/cover;transform:scale(1.01)}.herogradient{position:absolute;inset:0;background:linear-gradient(90deg,#050914ee 0%,#06101cbb 38%,#06101a48 75%,#04070a70),linear-gradient(0deg,#070b12 0%,transparent 28%)}.hero-content{position:relative;z-index:1;margin-left:5%;max-width:850px}.hero-title{font:900 clamp(66px,7vw,125px)/.81 'Barlow Condensed',sans-serif;letter-spacing:-2px;margin:24px 0}.hero-title strong{color:#fa0029}.hero-title span{font-size:.7em}.hero h2{font:800 clamp(16px,1.5vw,24px) Inter;margin:22px 0}.hero p{font-size:16px;line-height:1.65;color:#e1e5ea}.hero-controls{display:flex;gap:20px;align-items:center;margin-top:30px}.primary{background:#f5002d;border:0;border-radius:40px;padding:18px 26px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:900;box-shadow:0 8px 35px #ff002a66;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-3px);background:#ff284d}.channel-switch{border:1px solid #ffffff8a;border-radius:40px;display:flex;padding:4px;background:#05070c8c}.channel-switch button{background:transparent;color:#fff;border:0;padding:13px 27px;border-radius:30px;font-size:13px;font-weight:800}.channel-switch .active{background:#ae0926}.hero-side{position:absolute;right:6%;bottom:10%;z-index:1}.glass-card{border:1px solid #ffffff38;background:#060a13a6;backdrop-filter:blur(12px);padding:20px 28px;border-radius:12px}.onair{color:#ff3d59;font-size:11px;font-weight:900;letter-spacing:2px}.onair .dot{background:#ff2647;width:7px;height:7px}.glass-card h3{font:800 25px/1.12 'Barlow Condensed';margin:12px 0}.glass-card>span:last-child{font-size:11px;color:#ccc}.content-section{max-width:1510px;padding:40px 4.5% 30px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.kicker{font-size:10px;color:#ff3353;font-weight:900;letter-spacing:3px}.section-top h2,.bottom-banner h2{font:800 clamp(34px,3.2vw,51px) 'Barlow Condensed';margin:5px 0 0}.section-top h2 em,.bottom-banner h2 em{font-style:normal;color:#ff2146}.section-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button{background:transparent;border:1px solid transparent;color:#aab2c0;padding:10px 15px;font-size:10px;font-weight:800;border-radius:6px}.filters button.selected{background:#ab0927;color:white}.filters button:hover{border-color:#ffffff44}.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .94fr;gap:13px;min-height:265px}.news-card{min-height:265px;border-radius:9px;overflow:hidden;position:relative;background:#192230}.news-card img,.show-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s}.news-card:hover img,.show-card:hover img{transform:scale(1.08)}.shade,.show-shade{position:absolute;inset:0;background:linear-gradient(0deg,#03060bf5,transparent 72%)}.news-text{position:absolute;bottom:17px;left:17px;right:15px}.category{background:#ec0029;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:900}.news-text small,.news-list small{font-size:10px;color:#c4c9d2;margin-left:9px}.news-text h3{font-size:clamp(15px,1.25vw,20px);line-height:1.22;margin:12px 0 0;letter-spacing:-.5px}.news-0 h3{font-size:clamp(19px,1.7vw,27px)}.news-list{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.news-list article{display:flex;gap:11px;align-items:center;flex:1;border-bottom:1px solid #ffffff19;padding-bottom:8px}.news-list img{width:80px;height:66px;object-fit:cover;border-radius:6px}.news-list span{font-size:9px;color:#ff3152;font-weight:900}.news-list h4{font-size:12px;line-height:1.35;margin:5px 0}.productions{padding-top:30px}.carousel-arrows{display:flex;gap:10px}.carousel-arrows button{border:1px solid #ffffff2c;border-radius:50%;height:38px;width:38px;background:#171e2a;color:white}.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.show-card{height:260px;position:relative;border-radius:9px;overflow:hidden;background:#192332}.show-info{position:absolute;inset:auto 16px 17px}.show-info>span{font-size:9px;color:#ff4866;font-weight:900;letter-spacing:1px}.show-info h3{font:900 29px/1 'Barlow Condensed';margin:7px 0}.show-info p{font-size:11px;color:#e1e4e8}.show-link{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;margin-top:13px}.demo-note{font-size:11px;color:#687386;margin-top:15px}.bottom-banner{max-width:1370px;margin:40px auto 60px;padding:42px 50px;background:radial-gradient(circle at 80% 50%,#b509303d,transparent 45%),linear-gradient(110deg,#151e30,#0a101b);border:1px solid #ffffff15;border-radius:16px;display:flex;justify-content:space-between;align-items:center}.bottom-banner p{color:#aeb9c8;font-size:14px}.player-wrap{max-width:1200px;margin:30px auto;background:#0e1520;border:1px solid #ffffff20;border-radius:12px;overflow:hidden}.player-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:13px;font-weight:800}.player-header span{display:flex;align-items:center;gap:9px}.player-header button{background:transparent;color:#fff;border:0}.player-wrap video{width:100%;aspect-ratio:16/9;background:#000}.player-placeholder{aspect-ratio:16/7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9eacbc;padding:20px}.player-placeholder h3{color:white}footer{border-top:1px solid #ffffff1c;padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>small{font-size:11px;color:#9ba5b4}footer>div{display:flex;gap:15px}footer .brand>span{font-size:28px}footer .brand small{font-size:7px}@media(max-width:1100px){.nav{gap:14px}.hero-side{display:none}.news-grid{grid-template-columns:1.3fr 1fr 1fr}.news-list{grid-column:1/-1;flex-direction:row}.news-list article{flex:1}.show-card{height:220px}.show-info h3{font-size:24px}}@media(max-width:760px){.topbar{height:65px}.brand>span{font-size:29px}.brand small{font-size:7px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0c1421;padding:22px;flex-direction:column;align-items:start}.nav.open{display:flex}.social{display:none}.mobilemenu{display:block}.actions{gap:10px}.livepill{padding:9px 13px}.hero{height:680px;min-height:0}.hero-content{margin:0 6%}.hero-title{font-size:72px}.hero h2{font-size:16px}.hero p{font-size:13px}.hero-controls{align-items:start;flex-direction:column}.channel-switch button{padding:11px 23px}.content-section{padding:34px 5% 18px}.news-grid{grid-template-columns:1fr 1fr}.news-0{grid-column:1/-1}.news-list{flex-direction:column;grid-column:1/-1}.news-list article{width:100%}.news-card{min-height:210px}.news-0{min-height:260px}.show-grid{grid-template-columns:1fr 1fr}.show-card{height:235px}.bottom-banner{margin:30px 5%;padding:28px;flex-direction:column;align-items:start;gap:20px}footer{flex-wrap:wrap}.section-top h2{font-size:38px}}@media(max-width:430px){.news-grid{grid-template-columns:1fr}.news-0{grid-column:auto}.news-card{min-height:230px}.show-grid{gap:9px}.show-card{height:220px}.show-info h3{font-size:22px}.show-info p{font-size:10px}.hero-title{font-size:62px}.filters{gap:2px}.filters button{padding:8px 9px}}

.news-list a{display:flex;gap:11px;align-items:center;flex:1;border-bottom:1px solid #ffffff19;padding-bottom:8px}.news-list a:hover h4{color:#ff3a56}.status-text{padding:30px;color:#cbd5e1;background:#111a28;border-radius:10px}.player-media{position:relative}.stream-error{display:none;align-items:center;gap:8px;color:#ffc5cd;padding:12px 20px;font-size:13px}.news-card:not(:has(img)){background:linear-gradient(135deg,#23354b,#101622)}@media(max-width:1100px){.news-list a{flex:1}}@media(max-width:760px){.news-list a{width:100%}}

#notizie{scroll-margin-top:90px}.news-detail{max-width:850px;margin:0 auto}.news-detail>.section-link{margin-bottom:28px}.news-detail>small{margin-left:12px;color:#c4c9d2;font-size:12px}.news-detail h1{font-size:clamp(26px,4vw,44px);line-height:1.15;overflow-wrap:anywhere}.news-detail-image{width:100%;max-height:480px;object-fit:contain;border-radius:9px;background:#111a28}.news-detail-body{font-size:17px;line-height:1.8;color:#e1e5ea;overflow-wrap:anywhere}.news-detail-body p{white-space:pre-line;margin:24px 0}

.news-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}.news-detail-layout .news-detail{width:100%;min-width:0}.news-sidebar{padding:24px;background:#111a28;border:1px solid #ffffff19;border-radius:9px}.news-sidebar h2{font:800 30px "Barlow Condensed",sans-serif;margin:8px 0}.news-sidebar-date,.news-sidebar-empty{font-size:12px;color:#c4c9d2;line-height:1.6}.news-sidebar .news-list{margin-top:20px;flex-direction:column;gap:16px}.news-sidebar .news-list a{align-items:flex-start}.news-sidebar .news-list img{flex-shrink:0;width:72px;height:60px}.news-sidebar .news-list h4{overflow-wrap:anywhere}@media(max-width:900px){.news-detail-layout{grid-template-columns:minmax(0,1fr)}.news-sidebar{width:100%}}

.brand .brand-logo{display:block;width:200px;height:64px;object-fit:contain;object-position:left center}footer .brand .brand-logo{width:170px;height:54px}@media(max-width:760px){.brand .brand-logo{width:160px;height:52px}}

.hero-playing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px;padding:32px 3%;height:auto;min-height:720px}.hero-playing .hero-content{margin-left:0;min-width:0}.hero-playing .hero-title{font-size:clamp(66px,6vw,105px)}.hero-playing .hero-controls{flex-wrap:wrap}.hero-playing .hero-side.hero-player{display:block;position:relative;right:auto;bottom:auto;min-width:0;width:100%;z-index:1}.hero-player .player-wrap{width:100%;margin:0}.hero-player video{display:block}.hero-player .player-header{gap:12px}.hero-player .player-header button{flex-shrink:0}@media(max-width:1100px) and (min-width:761px){.hero-playing .hero-controls{gap:14px}.hero-playing h2{font-size:18px}.hero-playing .channel-switch button{padding:11px 20px}}@media(max-width:760px){.hero-playing{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 6%;min-height:0;height:auto}.hero-playing .hero-content{margin:0}.hero-playing .hero-title{font-size:72px}}@media(max-width:430px){.hero-playing .hero-title{font-size:62px}.hero-player .player-header{padding:12px;font-size:11px}}

#produzioni{scroll-margin-top:90px}.production-player{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:9px;background:#000}.production-video-title{font:800 30px "Barlow Condensed",sans-serif}.production-youtube{margin-top:18px}

@media(max-width:760px){.heroimage{background-image:url('/images/home-panorama-logo-originale-mobile-optimized.webp');background-position:50% 75%}}

.playlist-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;margin-top:24px}.playlist-video{min-width:0;padding:0;border:0;background:transparent;color:#fff;text-align:left}.playlist-thumbnail{display:block;position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111a28}.playlist-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.playlist-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0003}.playlist-play svg{background:#e90025;padding:8px;box-sizing:content-box;border-radius:50%}.playlist-duration{position:absolute;bottom:6px;right:6px;padding:3px 5px;background:#000c;border-radius:3px;font-size:11px}.playlist-video-title{display:block;margin-top:9px;font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.playlist-video:hover .playlist-video-title,.playlist-video[aria-pressed=true] .playlist-video-title{color:#ff3353}.playlist-video:focus-visible{outline:2px solid #ff3353;outline-offset:5px;border-radius:8px}@media(max-width:1100px){.playlist-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.playlist-videos{grid-template-columns:minmax(0,1fr)}}

@media(min-width:761px){.hero.hero-streaming{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:32px;padding:32px 3%;height:min(760px,58vw);min-height:620px}.hero-streaming .hero-content{margin-left:0;min-width:0}.hero-streaming .hero-title{font-size:clamp(66px,6vw,105px)}.hero-streaming .hero-controls{flex-wrap:wrap}}@media(max-width:1100px) and (min-width:761px){.hero-streaming h2{font-size:18px}.hero-streaming .hero-controls{gap:14px}.hero-streaming .channel-switch button{padding:11px 20px}}@media(max-width:760px){.hero.hero-streaming{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;padding:32px 6%;height:auto;min-height:680px}.hero-streaming .hero-content{margin:0}.hero-streaming .heroimage,.hero-streaming .herogradient{bottom:auto;height:680px}.hero-streaming .hero-controls{flex-wrap:wrap}}

.hero-streaming .hero-controls>.primary{width:245px;max-width:100%;flex-shrink:0}.hero-streaming .hero-controls>.primary:hover{transform:none}.hero-streaming .hero-side.hero-player{display:block;z-index:1}.hero-streaming .hero-title{font-size:clamp(66px,6vw,105px)}@media(min-width:761px){.hero-streaming .hero-side.hero-player{position:absolute;right:3%;top:50%;bottom:auto;transform:translateY(-50%);width:53%;min-width:0}}@media(max-width:760px){.hero-streaming .hero-side.hero-player{position:relative;right:auto;bottom:auto;width:100%;min-width:0}.hero-streaming .hero-title{font-size:72px}}@media(max-width:430px){.hero-streaming .hero-title{font-size:62px}}

.inner-page{min-height:calc(100vh - 220px)}.nav a[aria-current=page]{color:#ff3353}.contact-page h1{font:800 51px "Barlow Condensed",sans-serif;margin:5px 0 0}.contact-card{max-width:650px;padding:28px;background:#111a28;border:1px solid #ffffff19;border-radius:9px}.contact-card h2{margin-top:0}.contact-card address{font-style:normal;line-height:1.8;color:#e1e5ea}.contact-card p{font-size:13px;color:#aeb9c8}.contact-card .section-link{margin-top:24px}.inner-page .news-list{justify-content:flex-start}

.news-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-page-grid .news-card{min-height:280px;grid-column:auto}.news-page-grid .news-text h3{font-size:20px}@media(max-width:760px){.news-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.news-page-grid{grid-template-columns:minmax(0,1fr)}}

.contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;align-items:start}.contact-form{padding:28px;background:#111a28;border:1px solid #ffffff19;border-radius:9px;display:flex;flex-direction:column;gap:10px}.contact-form h2{margin:0 0 12px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;background:#202936;border:1px solid #ffffff33;color:#fff;border-radius:5px;padding:12px;font:inherit;margin-bottom:10px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #ff3353;outline-offset:2px}.contact-form .primary{align-self:flex-start}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-feedback{color:#ffc5cd;font-size:14px;line-height:1.6}.contact-feedback.success{color:#a9e6bd}@media(max-width:760px){.contact-layout{grid-template-columns:minmax(0,1fr)}}

.contact-map{display:block;width:100%;height:320px;border:0;border-radius:8px;margin-top:24px;background:#202936}

@media(min-width:761px){.contact-layout{align-items:stretch}.contact-layout .contact-card{display:flex;flex-direction:column}.contact-layout .contact-map{flex:1;min-height:320px}}


.streaming-page{max-width:1300px}.streaming-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.streaming-live{display:flex;align-items:center;gap:10px;color:#ff3353;font-size:11px;font-weight:800;letter-spacing:1px}.streaming-live .dot{background:#ff3353;box-shadow:0 0 12px #ff3353}.streaming-page .player-wrap{margin:0;max-width:none}.streaming-page video{display:block}



.home-productions-slider{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 26px)/3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.home-productions-slider::-webkit-scrollbar{display:none}.home-productions-slider .show-card{min-width:0;scroll-snap-align:start}.productions .carousel-arrows{flex-shrink:0}@media(max-width:760px){.home-productions-slider{grid-auto-columns:calc((100% - 13px)/2)}}@media(max-width:430px){.home-productions-slider{grid-auto-columns:calc((100% - 9px)/2)}}

.home-productions-slider{cursor:grab}.home-productions-slider .show-card{user-select:none;-webkit-user-select:none}.home-productions-slider.dragging{scroll-snap-type:none;cursor:grabbing}.home-productions-slider.dragging .show-card{cursor:grabbing}

.hero-logo{margin:0 0 24px}.hero-logo img{display:block;width:280px;max-width:100%;height:auto}@media(max-width:760px){.hero-logo img{width:210px}}


.footer-credit-link{color:#fff;font-weight:800;text-decoration:none}.footer-credit-link:hover{color:#ff3353}


footer .footer-brand{display:flex;align-items:center;gap:16px}footer .footer-brand p{margin:0}

.ad-banner-area{display:flex;justify-content:center;padding:24px 16px}.ad-slot{display:flex;align-items:center;justify-content:center;background:#111a28;border:1px dashed #ffffff45;border-radius:8px;color:#9ba5b4;font-size:12px;letter-spacing:.4px;text-align:center}.ad-slot-leaderboard{width:970px;max-width:100%;aspect-ratio:970/250}.news-sidebar-column{min-width:0;display:flex;flex-direction:column;gap:20px}.ad-slot-sidebar{width:300px;max-width:100%;aspect-ratio:300/250}@media(max-width:900px){.ad-slot-sidebar{margin:auto}}

.ad-slot{position:relative;isolation:isolate;overflow:hidden;border:1px solid #42709c66;border-radius:12px;background:radial-gradient(ellipse at 20% 110%,#1b5d8966,transparent 54%),radial-gradient(ellipse at 85% -20%,#8b1d5055,transparent 52%),linear-gradient(135deg,#101d32,#0a1221 65%,#11182b);box-shadow:inset 0 1px 0 #ffffff18,0 12px 30px #0004}.ad-slot::before{content:"";position:absolute;inset:0;border-top:4px solid transparent;border-image:linear-gradient(90deg,#25358b,#ed1c24,#f7941d,#fff200,#00aeef) 1;opacity:.9}.ad-slot::after{content:"";position:absolute;width:42%;aspect-ratio:1;right:-12%;top:-55%;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 34px #ffffff06,0 0 0 70px #ffffff05;pointer-events:none}.ad-slot-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;align-items:center;color:#f3f6fb;font:800 clamp(14px,2vw,23px) "Barlow Condensed",sans-serif;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 10px #0008}.ad-slot-label small{font:700 10px Inter,Arial,sans-serif;letter-spacing:1.5px;color:#9eb3cb}.ad-slot-sidebar .ad-slot-label{font-size:19px}@media(max-width:760px){.ad-slot-leaderboard .ad-slot-label{font-size:clamp(13px,3.6vw,19px);gap:4px}.ad-slot-leaderboard .ad-slot-label small{font-size:9px}}

.page-header-ad{padding:0;max-width:100%}.page-header-ad .ad-slot-leaderboard{width:100%}.hero-ad{position:absolute;z-index:1;right:5%;bottom:8%;width:min(550px,42vw)}.hero-ad .ad-slot-leaderboard{width:100%}@media(max-width:760px){.page-header .page-header-inner{grid-template-columns:minmax(0,1fr)}.page-header .page-header-content{display:block;grid-column:1}.page-header .page-header-visual.page-header-ad{grid-column:1;grid-row:auto;max-width:none}.hero-ad{right:5%;bottom:14px;width:90%}}
.hero-ad{top:24px;right:3%;bottom:auto;width:970px;max-width:calc(100% - 32px)}@media(min-width:761px){.hero-streaming .hero-content{margin-top:150px}}@media(max-width:1200px){.hero-ad{width:min(970px,60vw)}}@media(max-width:760px){.hero-ad{top:12px;right:5%;width:90%;max-width:none}}
.preroll-demo{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#184377 0%,#0b1c38 42%,#070b15 78%);color:#fff}.preroll-demo:before{content:"";position:absolute;z-index:-1;width:48%;aspect-ratio:1;border:clamp(12px,3vw,42px) solid #f52d43;border-top-color:#ffbb32;border-right-color:#36a7e0;border-bottom-color:#fddd43;border-radius:50%;opacity:.7;filter:blur(2px);animation:preroll-orbit 10s linear infinite}.preroll-demo:after{content:"";position:absolute;z-index:-1;inset:-50%;background:linear-gradient(115deg,transparent 43%,#ffffff18 50%,transparent 57%);animation:preroll-light 4s ease-in-out infinite}.preroll-center{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1vw,12px);text-align:center;text-shadow:0 3px 18px #000}.preroll-center img{width:clamp(65px,15%,145px);height:auto;filter:drop-shadow(0 8px 16px #0008);animation:preroll-appear 1s ease-out both}.preroll-center strong{font:900 clamp(17px,3vw,38px) 'Barlow Condensed',sans-serif;letter-spacing:.08em}.preroll-center span{font-size:clamp(10px,1.4vw,16px);color:#e8edf6}.preroll-badge,.preroll-countdown{position:absolute;font-size:clamp(9px,1vw,12px);font-weight:800;letter-spacing:.08em}.preroll-badge{top:5%;left:4%;padding:7px 9px;border-radius:4px;background:#0009}.preroll-countdown{right:4%;bottom:8%}.preroll-progress{position:absolute;bottom:0;left:0;height:5px;width:100%;background:linear-gradient(90deg,#f52d43,#ffc439,#38a6e0);transform-origin:left;animation:preroll-progress 10s linear forwards}@keyframes preroll-orbit{to{transform:rotate(360deg)}}@keyframes preroll-light{50%{transform:translateX(30%)}}@keyframes preroll-appear{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes preroll-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.production-player-poster{position:relative;overflow:hidden;padding:0;cursor:pointer}.production-player-poster img{display:block;width:100%;height:100%;object-fit:cover}.production-player-poster .playlist-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}