.programs-banner{position:relative;width:100%;aspect-ratio:16 / 5;min-height:280px;overflow:hidden;background:var(--banner-bg)}.programs-banner-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 40%}.programs-banner-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.35) 0%,transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--banner-bg) 82%,transparent),color-mix(in srgb,var(--banner-bg) 65%,transparent),color-mix(in srgb,var(--banner-bg) 35%,transparent))}.programs-banner-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--gutter) clamp(28px,4vw,56px);max-width:var(--max-w);margin:0 auto}.programs-banner-tag{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px}.programs-banner-title{font-family:var(--font-display);font-size:clamp(32px,5vw,64px);font-weight:700;color:var(--color-surface);line-height:1.1;max-width:600px}.programs-banner-subtitle{font-family:var(--font-playful);font-size:clamp(16px,2vw,22px);color:#ffffffe6;margin-top:8px;letter-spacing:.3px}.programs-banner-doodle{position:absolute;pointer-events:none;opacity:.6;transform-origin:center}@keyframes programs-banner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes programs-banner-twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes programs-banner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes programs-banner-wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.programs-banner-doodle--anim-float{animation:programs-banner-float 5s ease-in-out infinite}.programs-banner-doodle--anim-twinkle{animation:programs-banner-twinkle 2.5s ease-in-out infinite}.programs-banner-doodle--anim-spin{animation:programs-banner-spin 8s linear infinite}.programs-banner-doodle--anim-wobble{animation:programs-banner-wobble 4s ease-in-out infinite}.programs-banner-doodle--anim-none{animation:none}@media(max-width:768px){.programs-banner{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/products-banner.css.map */