.color-variant-yellow{--primary-bg-color:#ffcb35;--headline-color:#282828;--text-color:#282828;--btn-bg:#0500ff;--btn-text-color:#fff;--svg-color:#c51196}.color-variant-almond{--primary-bg-color:#eee0d3;--headline-color:#282828;--text-color:#282828;--btn-bg:#0500ff;--btn-text-color:#fff;--svg-color:#0500ff}.color-variant-magenta{--primary-bg-color:#c51196;--headline-color:#fff;--text-color:#fff;--btn-bg:#0500ff;--btn-text-color:#fff;--svg-color:#0500ff}.color-variant-black{--primary-bg-color:#282828;--headline-color:#fff;--text-color:#fff;--btn-bg:#ffcb35;--btn-text-color:#282828;--svg-color:#c51196}.banner-section{background-color:var(--primary-bg-color);box-sizing:border-box;overflow:hidden;position:relative;width:100%}.banner-inner{align-items:center;display:flex;margin:0 auto;padding:40px}.media-type-illustration .banner-inner{padding-right:170px}.banner-content{align-items:flex-start;display:flex;flex:1 1 0;flex-direction:column;gap:20px;min-width:0}.banner-headline{color:var(--headline-color);font-family:N27,Arial Black,Arial Bold,Arial,sans-serif;font-size:clamp(3rem,-7.5262rem + 26.3566vw,5.125rem);font-weight:700;letter-spacing:-.03em;line-height:100%;margin:0;text-transform:uppercase}.banner-text{color:var(--text-color);font-family:N27,Arial,Helvetica,sans-serif;font-size:20px;line-height:150%;margin-top:24px}.banner-text p{margin:0}.banner-btn,.banner-text strong{font-weight:700}.banner-btn{background-color:var(--btn-bg);border:none;color:var(--btn-text-color);cursor:pointer;display:inline-block;font-family:N27,Arial,Helvetica,sans-serif;font-size:.8125rem;letter-spacing:.06em;margin-top:1rem;padding:10px 22px;text-decoration:none;text-transform:uppercase;transition:opacity .15s ease,transform .15s ease;white-space:nowrap}.banner-btn:hover{opacity:.88;transform:translateY(-1px)}.banner-btn:active{opacity:1;transform:translateY(0)}.banner-media{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.banner-media--photo{height:260px;margin-top:auto;width:260px}.banner-media--photo img{display:block;height:100%;object-fit:cover;width:100%}.banner-media--illustration{position:absolute;right:0;top:0}.banner-media--illustration svg path{fill:var(--svg-color)}.banner-illustration{display:block;height:auto;width:100%}@media (max-width:768px){.banner-inner{align-items:flex-start;flex-direction:column;gap:24px;padding:0 24px}.banner-media--photo{width:100%}.banner-media--illustration{align-self:flex-end;margin-bottom:-10px;margin-top:0;order:-1}.banner-text{margin-text:25px}}@media (max-width:480px){.banner-inner{padding:0 16px}}