@keyframes promoBanner-fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes promoBanner-shimmer{0%{background-position:-200%}to{background-position:200%}}.promoBanner-fullwidthWrap{max-width:1800px;padding:var(--container-padding);margin:32px auto}.promoBanner{color:#fff;will-change:transform;border-radius:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.promoBanner__bg{object-fit:cover;z-index:0;will-change:transform;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.promoBanner:hover .promoBanner__bg{transform:scale(1.02)}.promoBanner__content{z-index:1;flex-direction:column;justify-content:center;gap:6px;width:100%;padding:24px 32px;display:flex;position:relative}.promoBanner__title{text-shadow:0 1px 4px #00000040;font-size:1.375rem;font-weight:800;line-height:1.2;animation:.4s .1s both promoBanner-fadeInUp}.promoBanner__subtitle{opacity:.9;text-shadow:0 1px 3px #0003;font-size:.875rem;font-weight:400;line-height:1.4;animation:.4s .2s both promoBanner-fadeInUp}.promoBanner__cta{letter-spacing:.02em;background:linear-gradient(90deg,#fff 0% 40%,#ffffff80 50%,#fff 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:4px;margin-top:4px;font-size:.8125rem;font-weight:700;animation:.4s .3s both promoBanner-fadeInUp;display:inline-flex}.promoBanner:hover .promoBanner__cta{background:linear-gradient(90deg,#fff 0% 40%,#ffffff80 50%,#fff 60% 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:1.5s infinite promoBanner-shimmer}.promoBanner__content{background:linear-gradient(#0000 0%,#0009 55%,#000000e0 100%);justify-content:flex-end}.promoBanner--fullwidth{border-radius:12px;width:100%;min-height:225px}.promoBanner--fullwidth .promoBanner__content{background:linear-gradient(90deg,#000000d9 0%,#0009 60%,#0000 100%);justify-content:center;width:55%;min-height:225px;padding:32px 48px}.promoBanner--fullwidth .promoBanner__title{white-space:nowrap;font-size:2.5rem;font-weight:900;line-height:1.05}.promoBanner--fullwidth .promoBanner__subtitle{max-width:95%;font-size:1.15rem}@media (width<=768px){.promoBanner--fullwidth{min-height:175px}.promoBanner--fullwidth .promoBanner__content{width:70%;min-height:175px;padding:20px}.promoBanner--fullwidth .promoBanner__title{font-size:1.5rem}.promoBanner--fullwidth .promoBanner__subtitle{font-size:.8125rem}}.promoBanner--card{border-radius:12px;width:100%;min-height:220px}.promoBanner--card .promoBanner__content{background:linear-gradient(#0000 0%,#0009 55%,#000000e0 100%);justify-content:flex-end;padding:28px 32px 32px}.promoBanner--card .promoBanner__title{font-size:2.5rem;font-weight:900;line-height:1.1}.promoBanner--card .promoBanner__subtitle{font-size:.95rem;line-height:1.5}@media (width<=480px){.promoBanner--card{min-height:180px}.promoBanner--card .promoBanner__title{font-size:1.5rem}.promoBanner--card .promoBanner__subtitle{font-size:.8125rem}}.promoBanner--sidebar{border-radius:12px;width:100%;min-height:300px}.promoBanner--sidebar .promoBanner__content{background:linear-gradient(#0000 0%,#000000a6 50%,#000000e0 100%);justify-content:flex-end;padding:20px 20px 24px}.promoBanner--sidebar .promoBanner__title{font-size:1.8rem;font-weight:900;line-height:1.1}.promoBanner--sidebar .promoBanner__subtitle{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.promoBanner--midcontent{border-radius:12px;width:100%;max-width:800px;min-height:160px;margin:24px auto}.promoBanner--midcontent .promoBanner__content{flex-direction:row;align-items:center;gap:16px;padding:20px 32px}.promoBanner--midcontent .promoBanner__title{white-space:nowrap;font-size:1.25rem}.promoBanner--midcontent .promoBanner__subtitle{flex:1;font-size:.875rem}.promoBanner--midcontent .promoBanner__cta{white-space:nowrap;margin-top:0}@media (width<=768px){.promoBanner--midcontent{max-width:100%}.promoBanner--midcontent .promoBanner__content{flex-direction:column;align-items:flex-start;gap:6px;padding:20px}.promoBanner--midcontent .promoBanner__title{white-space:normal;font-size:1.0625rem}}
