body:not(.page-ads){background-color:#fff;background-image:url('texture-festa.svg');background-size:420px 420px;background-repeat:repeat}
.home-monthly{position:relative;overflow:hidden;isolation:isolate;background:#081e32}
.home-monthly>.home-content-layout{position:relative;z-index:1}
.monthly-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 75% 0%,#163b652e,transparent 65%),linear-gradient(115deg,#081d30,#0a253b 55%,#0b1c32)}
.ambient-glow{position:absolute;width:75%;height:130%;border-radius:50%;filter:blur(65px);opacity:.6;will-change:transform;animation:ambient-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.ambient-glow-blue{left:-30%;top:-65%;background:radial-gradient(ellipse,#087cb477,transparent 66%)}
.ambient-glow-cyan{right:-36%;bottom:-80%;background:radial-gradient(ellipse,#00b5c373,transparent 66%);animation-name:ambient-tide;animation-duration:29s;animation-delay:-12s}
.ambient-glow-violet{right:0;top:-90%;width:65%;background:radial-gradient(ellipse,#5264d34d,transparent 65%);animation-name:ambient-tide;animation-duration:33s;animation-delay:-18s}
.ambient-ribbons{position:absolute;inset:-18% -12%;width:124%;height:136%;opacity:.5;animation:ambient-flow 22s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.ambient-grain{position:absolute;inset:0;opacity:.18;background-image:url('texture-festa.svg');background-size:420px 420px}
.home-monthly.is-atmosphere-visible .ambient-glow,.home-monthly.is-atmosphere-visible .ambient-ribbons{animation-play-state:running}
.motion-enabled .ambient-glow{animation:ambient-drift 24s ease-in-out infinite alternate!important;animation-play-state:paused!important}
.motion-enabled .ambient-glow-cyan{animation-name:ambient-tide!important;animation-duration:29s!important;animation-delay:-12s!important}
.motion-enabled .ambient-glow-violet{animation-name:ambient-tide!important;animation-duration:33s!important;animation-delay:-18s!important}
.motion-enabled .ambient-ribbons{animation:ambient-flow 22s ease-in-out infinite alternate!important;animation-play-state:paused!important}
.motion-enabled .home-monthly.is-atmosphere-visible .ambient-glow,.motion-enabled .home-monthly.is-atmosphere-visible .ambient-ribbons{animation-play-state:running!important}
@keyframes ambient-drift{from{transform:translate3d(-4%,-2%,0) scale(.92)}to{transform:translate3d(30%,20%,0) scale(1.25)}}
@keyframes ambient-tide{from{transform:translate3d(8%,12%,0) scale(1.1)}to{transform:translate3d(-30%,-24%,0) scale(.85)}}
@keyframes ambient-flow{from{transform:translate3d(-3%,6%,0) rotate(-3deg)}to{transform:translate3d(3%,-6%,0) rotate(3deg)}}
@media(max-width:700px){.ambient-glow{filter:blur(40px);width:130%;height:70%}.ambient-glow-blue{left:-80%;top:0}.ambient-glow-cyan{right:-80%;bottom:-15%}.ambient-ribbons{inset:0 -50%;width:200%;height:100%;opacity:.4}}
@media(prefers-reduced-motion:reduce){.ambient-glow,.ambient-ribbons{animation:none}}

/* Full-bleed video atmosphere, with one foreground clip. */
.page-home .home-video-section{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;padding:55px 0 50px}
.video-backdrop{position:absolute;inset:0;z-index:0;opacity:.25;pointer-events:none;overflow:hidden;background:#000}
.video-backdrop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s}
.video-backdrop>iframe,.video-backdrop>#video-backdrop-player{position:absolute;left:50%;top:50%;width:var(--backdrop-width,100%);height:var(--backdrop-height,100%);max-width:none;border:0;transform:translate(-50%,-50%)}
.video-backdrop>iframe{opacity:0;transition:opacity .8s}
.has-video-frame .video-backdrop>iframe{opacity:1}
.has-video-frame .video-backdrop>img{opacity:0}
.page-home .home-video-section>.home-content-layout{position:relative;z-index:1}
.page-home .home-video-grid{grid-template-columns:minmax(0,1fr)}
.page-home .home-video-section .section-head h2,.page-home .home-video-section .home-video-card h3{color:#fff}
.page-home .home-video-section .section-head p{color:#b7bfc7}
.page-home .home-video-section .eyebrow{color:#42bff0}
.page-home .home-video-card h3{font-size:18px}
@media(max-width:700px){.page-home .home-video-section{padding:36px 0}.page-home .home-video-card h3{font-size:16px}}

/* Main clip, previous videos and the fixed-format sponsor. */
.page-home .home-video-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px;align-items:start}
.home-video-history{display:grid;gap:15px;min-width:0}
.video-history-label{text-transform:uppercase;letter-spacing:.15em;font-size:9px;font-weight:700;color:#9baebb;line-height:1}
.page-home .home-video-history .home-video-card h3{font-size:12px;line-height:1.4;margin-top:9px;letter-spacing:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-video-history .home-video-card .play{width:35px;height:35px;font-size:13px;box-shadow:0 0 0 6px #ffffff20}
@media(max-width:1000px){.page-home .home-video-grid{grid-template-columns:minmax(0,1fr)}.home-video-history{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.video-history-label{grid-column:1/-1}}
@media(max-width:700px){.page-home .home-video-grid{gap:28px}.page-home .home-video-history .home-video-card h3{font-size:12px}}

/* Center the actual SVG icon, without typographic padding or font baselines. */
.page-home .home-video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;padding:0;display:grid;place-items:center;line-height:1;background:#f3fbfff2;color:#058dc7;border:1px solid #a5ddf0;border-radius:50%;box-shadow:0 4px 16px #123f5428}
.page-home .home-video-card .play:hover{background:#068ec9;color:#fff;border-color:#068ec9;box-shadow:0 6px 20px #123f5440}
.page-home .home-video-card .play svg{display:block;width:24px;height:24px}
.page-home .home-video-history .home-video-card .play{width:42px;height:42px}
.page-home .home-video-history .home-video-card .play svg{width:21px;height:21px}
.video-backdrop{width:100%;height:100%}

/* Thumbnails always fill the frame, including narrow borders encoded by YouTube. */
.page-home .home-video-card .video-cover>img{display:block;inset:0;width:100%;min-width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045)}
