/* ============================================================
   Studio NOW announcement band
   File lives at /style/studionow-banner.css (site root) so every
   page can share it:  <link rel="stylesheet" href="/style/studionow-banner.css">
   Markup: snippets/studionow-banner-snippet.html
   ============================================================ */

.snow_band {position:relative;isolation:isolate;overflow:hidden;color:#fff;
	background:linear-gradient(115deg,#ff9a1f 0%,#f5840c 28%,#e8521c 55%,#ff6a00 78%,#ffb036 100%);
	background-size:260% 260%;
	animation:snow_grad 9s ease-in-out infinite;}
.snow_band:before {content:'';position:absolute;z-index:-1;left:-8%;top:-60%;width:46%;height:220%;border-radius:50%;
	background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,0));pointer-events:none;}
.snow_band_inner {max-width:1180px;margin:0 auto;padding:44px 20px;box-sizing:border-box;
	display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 44px;}

/* logo */
.snow_band_logo {display:block;padding-right:44px;border-right:1px solid rgba(255,255,255,.35);line-height:0;}
.snow_band_logo img {display:block;width:340px;max-width:100%;height:auto;filter:drop-shadow(0 6px 18px rgba(120,40,0,.35));}

/* copy */
.snow_band_copy {min-width:0;}
.snow_band_tag {display:inline-flex;align-items:center;gap:9px;margin:0 0 10px 0;padding:6px 14px 6px 11px;border-radius:999px;
	background:rgba(4,5,79,.28);font:600 13px/1 'Poppins',sans-serif;letter-spacing:.3px;}
.snow_band_tag i {width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:snow_dot 1.6s ease-out infinite;}
.snow_band_copy h3 {font:700 30px/1.2 'Nexa','Poppins',sans-serif;color:#fff;padding:0 0 8px 0;margin:0;text-shadow:0 2px 10px rgba(120,40,0,.25);}
.snow_band_copy p {font:400 16px/1.5 'Poppins',sans-serif;color:rgba(255,255,255,.92);margin:0;max-width:62ch;}

/* button */
.snow_band_cta {display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
	height:62px;padding:0 34px;border-radius:31px;background:#fff;color:#04054f;
	font:700 18px 'Poppins',sans-serif;text-decoration:none;box-sizing:border-box;
	border:2px solid #fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);
	animation:snow_pulse 2.2s ease-in-out infinite;transition:transform .2s ease,background .2s ease,color .2s ease;}
.snow_band_cta, .snow_band_cta:visited {color:#04054f;}
.snow_band_cta:after {content:'';display:inline-block;width:0;height:0;margin-left:12px;
	border-left:8px solid #f5840c;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.snow_band_cta:hover {color:#04054f;background:#fff5e8;transform:translateY(-2px);}
.snow_band_cta:focus-visible {outline:3px solid #04054f;outline-offset:3px;}

@keyframes snow_grad {0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes snow_pulse {0%{box-shadow:0 0 0 0 rgba(255,255,255,.7);}65%{box-shadow:0 0 0 16px rgba(255,255,255,0);}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}}
@keyframes snow_dot {0%{box-shadow:0 0 0 0 rgba(255,255,255,.8);}100%{box-shadow:0 0 0 8px rgba(255,255,255,0);}}

@media (prefers-reduced-motion:reduce) {
	.snow_band, .snow_band_cta, .snow_band_tag i {animation:none;}
}

/* tablet */
@media (max-width:1100px) {
	.snow_band_inner {gap:0 30px;}
	.snow_band_logo {padding-right:30px;}
	.snow_band_logo img {width:270px;}
	.snow_band_copy h3 {font-size:26px;}
}

/* stacked */
@media (max-width:860px) {
	.snow_band_inner {grid-template-columns:1fr;text-align:center;padding:36px 20px 40px 20px;gap:22px 0;}
	.snow_band:before {left:50%;top:-40%;width:90%;height:120%;transform:translateX(-50%);}
	.snow_band_logo {padding:0;border-right:none;justify-self:center;}
	.snow_band_logo img {width:250px;}
	.snow_band_copy p {margin:0 auto;}
	.snow_band_cta {justify-self:center;}
}
@media (max-width:480px) {
	.snow_band_copy h3 {font-size:23px;}
	.snow_band_copy p {font-size:15px;}
	.snow_band_cta {height:56px;padding:0 28px;font-size:17px;width:100%;max-width:340px;}
}
