.rad-icon:after { position: relative } .rad-icon.rad-icon__north-east:after { content: ""; font-size: 62.5% } .rad-icon.rad-icon__north-west:after { content: ""; font-size: 62.5% } .rad-icon.rad-icon__south-east:after { content: ""; font-size: 62.5% } .rad-icon.rad-icon__south-west:after { content: ""; font-size: 62.5% } .rad-icon.rad-icon__down:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__up:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__right:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__left:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__chevron-left:after { content: ""; font-size: 50% } .rad-icon.rad-icon__chevron-right:after { content: ""; font-size: 50% } .rad-icon.rad-icon__chevron-down:after { content: ""; font-size: 37.5% } .rad-icon.rad-icon__chevron-up:after { content: ""; font-size: 37.5% } .rad-icon.rad-icon__favorite-default:after { content: ""; font-size: 79.1555683963% } .rad-icon.rad-icon__favorite-active:after { content: ""; font-size: 79.1555683963% } .rad-icon.rad-icon__search:after { content: ""; font-size: 75% } .rad-icon.rad-icon__menu:after { content: ""; font-size: 66.6666666667% } .rad-icon.rad-icon__filter:after { content: ""; font-size: 50% } .rad-icon.rad-icon__sort:after { content: ""; font-size: 50% } .rad-icon.rad-icon__close:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__restart:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__share-alt-1:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__download:after { content: ""; font-size: 66.6666666667% } .rad-icon.rad-icon__error:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__explore:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__share:after { content: ""; font-size: 90% } .rad-icon.rad-icon__link:after { content: ""; font-size: 41.6666666667% } .rad-icon.rad-icon__check:after { content: ""; font-size: 50% } .rad-icon.rad-icon__minus:after { content: ""; font-size: 8.3333333333% } .rad-icon.rad-icon__plus:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__play-default:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__play-circle:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__stop-default:after { content: ""; font-size: 50% } .rad-icon.rad-icon__stop-circle:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__pause-default:after { content: ""; font-size: 58.3333333333% } .rad-icon.rad-icon__pause-circle:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__hearing-active:after { content: ""; font-size: 87.5201174714% } .rad-icon.rad-icon__hearing-disabled:after { content: ""; font-size: 91.6666666667% } .rad-icon.rad-icon__brightness-dark:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__brightness-light:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__social-mail:after { content: ""; font-size: 66.6666666667% } .rad-icon.rad-icon__social-twitter:after { content: ""; font-size: 67.7083333333% } .rad-icon.rad-icon__social-linkedin:after { content: ""; font-size: 75% } .rad-icon.rad-icon__social-youtube:after { content: ""; font-size: 62.5% } .rad-icon.rad-icon__social-facebook:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__social-google:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__social-telegram:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__social-instagram:after { content: ""; font-size: 75% } .rad-icon.rad-icon__language-globe:after { content: ""; font-size: 83.3333333333% } .rad-icon.rad-icon__external:after { content: ""; font-size: 72.5806451613% } .rad-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Graphik, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; min-height: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; text-decoration: none; text-underline-offset: .25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1440px) { .rad-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-button { font-size: 1.3333333333rem } } @media(min-width:1440px) { .rad-button { min-height: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-button { min-height: 3.3333333333rem } } @media(min-width:1440px) { .rad-button { padding-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-button { padding-left: 0.6666666667rem } } @media(min-width:1440px) { .rad-button { padding-right: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-button { padding-right: 0.6666666667rem } } .rad-button:-moz-any-link { color: #fff } .rad-button, .rad-button:any-link { color: #fff } .rad-button--disabled, .rad-button:disabled { cursor: default; opacity: .5; pointer-events: none } .rad-button--primary { height: 2.75rem; padding-left: 1.25rem; padding-right: 1.25rem; position: relative; -webkit-transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1) } .rad-button--primary:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff)); background-image: linear-gradient(90deg, #7500c0 50%, #a100ff 0); background-position-x: 100%; background-size: 200% 200%; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); width: 100% } .rad-button--primary:hover:before { background-position-x: 0 } .rad-button--primary:active { background-color: #57008f } .rad-button--secondary { border: 1px solid; height: 2.75rem; padding-left: 1.25rem; padding-right: 1.25rem } @media(min-width:1440px) { .rad-button--secondary { padding-left: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--secondary { padding-left: 1.6666666667rem } } @media(min-width:1440px) { .rad-button--secondary { padding-right: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--secondary { padding-right: 1.6666666667rem } } .rad-button--secondary .rad-button__icon-right { color: #a100ff; margin-left: 0.75rem; padding-right: .25rem } @media(min-width:1440px) { .rad-button--secondary .rad-button__icon-right { margin-left: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-button--secondary .rad-button__icon-right { margin-left: 1rem } } .rad-button--secondary:hover { color: #a2a2a0 } .rad-button--secondary:active { border-color: #e3e3df; color: #e3e3df } .rad-button--tertiary { padding: 0 } .rad-button--tertiary .rad-button__icon-right { height: 1.25rem; margin-left: 0.75rem; position: relative; -webkit-transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1); width: 1.25rem } @media(min-width:1440px) { .rad-button--tertiary .rad-button__icon-right { height: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--tertiary .rad-button__icon-right { height: 1.6666666667rem } } @media(min-width:1440px) { .rad-button--tertiary .rad-button__icon-right { margin-left: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-button--tertiary .rad-button__icon-right { margin-left: 1rem } } @media(min-width:1440px) { .rad-button--tertiary .rad-button__icon-right { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--tertiary .rad-button__icon-right { width: 1.6666666667rem } } .rad-button--tertiary .rad-button__icon-right:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff)); background-image: linear-gradient(90deg, #7500c0 50%, #a100ff 0); background-position-x: 100%; background-size: 200% 200%; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); width: 100% } .rad-button--tertiary:hover .rad-button__icon-right { translate: 0.25rem } @media(min-width:1440px) { .rad-button--tertiary:hover .rad-button__icon-right { translate: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-button--tertiary:hover .rad-button__icon-right { translate: 0.3333333333rem } } .rad-button--tertiary:hover .rad-button__icon-right:before { background-position-x: 0 } .rad-button--tertiary:active .rad-button__icon-right { background-color: #57008f } .rad-button--tertiary-dynamic { height: 3rem; padding: 0.25rem } @-webkit-keyframes tertiary-dynamic-start { to { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes tertiary-dynamic-start { to { -webkit-transform: translateX(0); transform: translateX(0) } } @media(min-width:1440px) { .rad-button--tertiary-dynamic { height: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic { height: 4rem } } @media(min-width:1440px) { .rad-button--tertiary-dynamic { padding: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic { padding: 0.3333333333rem } } .rad-button--tertiary-dynamic:not(:disabled):not(.rad-button--disabled) .rad-button__icons-animation-container { -webkit-animation-delay: 700ms; animation-delay: 700ms; -webkit-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-name: tertiary-dynamic-start; animation-name: tertiary-dynamic-start; -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1); animation-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-button--tertiary-dynamic:hover .rad-button__icons-animation-container { -webkit-transform: translateX(0); transform: translateX(0) } .rad-button--tertiary-dynamic:focus-visible { outline-offset: 0.25rem } @media(min-width:1440px) { .rad-button--tertiary-dynamic:focus-visible { outline-offset: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic:focus-visible { outline-offset: 0.3333333333rem } } .rad-button--tertiary-dynamic .rad-button__text { white-space: nowrap } .rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox { margin-left: 0.5rem; overflow: hidden; width: 1.5rem } @media(min-width:1440px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox { margin-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox { margin-left: 0.6666666667rem } } @media(min-width:1440px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox { width: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox { width: 2rem } } .rad-button--tertiary-dynamic .rad-button__icons-animation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(-200%); transform: translateX(-200%); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child { margin-left: 1.5rem } @media(min-width:1440px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child { margin-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child { margin-left: 2rem } } .rad-button--tertiary-dynamic .rad-icon { -ms-flex-negative: 0; color: #a100ff; flex-shrink: 0; height: 1.5rem; width: 1.5rem } @media(min-width:1440px) { .rad-button--tertiary-dynamic .rad-icon { height: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic .rad-icon { height: 2rem } } @media(min-width:1440px) { .rad-button--tertiary-dynamic .rad-icon { width: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary-dynamic .rad-icon { width: 2rem } } .rad-button--ghost { padding: 0 } .rad-button--ghost .rad-button__text { padding: .5rem 0; position: relative } .rad-button--ghost .rad-button__text:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 0 } :hover>.rad-button__text:after { width: 100% } .rad-button--ghost .rad-button__icon-left, .rad-button--ghost .rad-button__icon-right { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.25rem; justify-content: center; width: 1.25rem } @media(min-width:1440px) { .rad-button--ghost .rad-button__icon-left, .rad-button--ghost .rad-button__icon-right { height: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--ghost .rad-button__icon-left, .rad-button--ghost .rad-button__icon-right { height: 1.6666666667rem } } @media(min-width:1440px) { .rad-button--ghost .rad-button__icon-left, .rad-button--ghost .rad-button__icon-right { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-button--ghost .rad-button__icon-left, .rad-button--ghost .rad-button__icon-right { width: 1.6666666667rem } } .rad-button--ghost .rad-button__icon-left { margin-right: 0.5rem } @media(min-width:1440px) { .rad-button--ghost .rad-button__icon-left { margin-right: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-button--ghost .rad-button__icon-left { margin-right: 0.6666666667rem } } .rad-button--ghost .rad-button__icon-right { margin-left: 0.5rem } @media(min-width:1440px) { .rad-button--ghost .rad-button__icon-right { margin-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-button--ghost .rad-button__icon-right { margin-left: 0.6666666667rem } } .rad-button__text, .rad-icon-button { position: relative } .rad-icon-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; overflow: hidden; text-decoration: none; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; width: 48px } .rad-icon-button:-moz-any-link { color: #fff } .rad-icon-button, .rad-icon-button:any-link { color: #fff } .rad-icon-button .rad-icon-button__text { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .rad-icon-button--social-hover { color: #fff } .rad-icon-button--social-hover:hover { color: #a2a2a0 } .rad-icon-button--social-hover:active { color: #e3e3df } @media(min-width:600px) { .rad-button--primary { height: 3rem; padding-left: 1.5rem; padding-right: 1.5rem } } @media(min-width:1440px) { .rad-button--primary { padding-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--primary { padding-left: 2rem } } @media(min-width:1440px) { .rad-button--primary { padding-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--primary { padding-right: 2rem } } @media(min-width:600px) { .rad-button--secondary { height: 3rem; padding-left: 1.5rem; padding-right: 1.5rem } } @media(min-width:1024px) { .rad-button--primary, .rad-button--secondary { height: 3.25rem } } @media(min-width:1440px) { .rad-button--primary, .rad-button--secondary { height: calc(3.25rem + 3.61111vw - 52px) } } @media(min-width:1920px) { .rad-button--primary, .rad-button--secondary { height: 4.3333333333rem } } @media(min-width:1024px) { .rad-button--tertiary .rad-button__icon-right { height: 1.5rem; width: 1.5rem } } @media(min-width:1440px) { .rad-button--tertiary .rad-button__icon-right { width: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary .rad-button__icon-right { width: 2rem } } @media(min-width:1440px) { .rad-button--tertiary .rad-button__icon-right { height: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-button--tertiary .rad-button__icon-right { height: 2rem } } .rad-carousel--six-plus-cells__only { display: none } @media(max-width:1023px) { .rad__range-input-slider-container { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0 } .rad-carousel--six-plus-cells .flickity-enabled .flickity-button, .rad-carousel--six-plus-cells .flickity-enabled .flickity-page-dots, .rad-carousel--six-plus-cells .rad-carousel--six-plus-cells__hidden { display: none } .rad-carousel--six-plus-cells .rad__range-input-slider-container { display: block; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem } .rad-carousel--six-plus-cells .rad__range-input-slider-container .rad__range-input-slider-for-carousel { width: 19.5rem } } @media(min-width:600px)and (max-width:1023px) { .rad-carousel--six-plus-cells .rad__range-input-slider-container .rad__range-input-slider-for-carousel { width: 17.25rem } } .rad__range-input-slider-container { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad__range-input-slider-container { display: none } } .rad__range-input-slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad__range-input-slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad__range-input-slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad__range-input-slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad__range-input-slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad__range-input-slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad__range-input-slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad__range-input-slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-carousel { -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-carousel, .rad-carousel .flickity-page-dots { display: -webkit-box; display: -ms-flexbox; display: flex } .rad-carousel .flickity-page-dots { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: end; -ms-flex-pack: end; align-items: stretch; bottom: 0; height: 24px; justify-content: flex-end; margin: 0 auto; max-width: 1920px; position: relative; right: 0; width: auto } @media(min-width:600px) { .rad-carousel .flickity-page-dots { height: 48px; margin: 0 2.75rem 0 auto } } @media(min-width:1440px) { .rad-carousel .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-carousel .flickity-page-dots { height: 64px } } @media(min-width:1024px) { .rad-carousel .flickity-page-dots { margin-right: 4.75rem } } @media(min-width:1440px) { .rad-carousel .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-carousel .flickity-page-dots { margin-right: 6.3333333333rem } } .rad-carousel .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: auto; margin: 0; padding: .25rem; position: relative; width: .5rem; z-index: 1 } .rad-carousel .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-carousel .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-carousel .flickity-page-dot:after, .rad-carousel .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-carousel .flickity-page-dot:first-child { overflow: visible } .rad-carousel .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-carousel .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-carousel .flickity-page-dot:hover { background: none } .rad-carousel .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-carousel .flickity-page-dot.is-selected { background: none } .rad-carousel .flickity-page-dot.is-selected:after { background: #fff } .rad-carousel .flickity-enabled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-carousel .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; left: 0; margin-top: -12px; position: relative; right: 0; -webkit-transform: unset; transform: unset; width: 48px } @media(min-width:1440px) { .rad-carousel .flickity-prev-next-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-carousel .flickity-prev-next-button { width: 64px } } @media(min-width:1440px) { .rad-carousel .flickity-prev-next-button { height: 3.33333vw } } @media(min-width:1920px) { .rad-carousel .flickity-prev-next-button { height: 64px } } @media(min-width:600px) { .rad-carousel .flickity-prev-next-button { margin-top: 0 } } .rad-carousel .flickity-prev-next-button:focus { -webkit-box-shadow: none; box-shadow: none } .rad-carousel .flickity-prev-next-button.previous { margin-left: 2.25rem } @media(min-width:1024px) { .rad-carousel .flickity-prev-next-button.previous { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-carousel .flickity-prev-next-button.previous { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-carousel .flickity-prev-next-button.previous { margin-left: 5.6666666667rem } } .rad-carousel .flickity-prev-next-button.next { margin-left: 0.25rem } @media(min-width:1440px) { .rad-carousel .flickity-prev-next-button.next { margin-left: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-carousel .flickity-prev-next-button.next { margin-left: 0.3333333333rem } } .rad-carousel .flickity-button-icon { fill: #fff; position: static; width: 1.25rem } @media(min-width:1440px) { .rad-carousel .flickity-button-icon { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-carousel .flickity-button-icon { width: 1.6666666667rem } } .rad-carousel .flickity-viewport { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 32px } @media(min-width:1440px) { .rad-carousel .flickity-viewport { margin-bottom: 2.22222vw } } @media(min-width:1920px) { .rad-carousel .flickity-viewport { margin-bottom: 42.6666666667px } } .rad-carousel .flickity-button { display: none } @media(min-width:600px) { .rad-carousel .flickity-button { display: block } } .flickity-button:focus-visible { outline: .125rem solid #a100ff } .cmp-logo { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .cmp-logo__svg-wrapper { width: 9.5rem } @media(min-width:1440px) { .cmp-logo__svg-wrapper { width: calc(9.5rem + 10.55556vw - 152px) } } @media(min-width:1920px) { .cmp-logo__svg-wrapper { width: 12.6666666667rem } } .cmp-logo__svg-wrapper svg { display: block; width: 100% } .cmp-logo__greater-than, .cmp-logo__text { -webkit-transition: translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: transform 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1); transition: transform 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1) } .cmp-logo__greater-than { fill: #a100ff } .cmp-logo:hover .cmp-logo__greater-than { scale: .396; translate: 88.5px } .cmp-logo__text { fill: #fff; -webkit-transform: translateY(24px); transform: translateY(24px) } @media(min-width:1440px) { .cmp-logo__text { -webkit-transform: translateY(1.66667vw); transform: translateY(1.66667vw) } } @media(min-width:1920px) { .cmp-logo__text { -webkit-transform: translateY(32px); transform: translateY(32px) } } .cmp-logo:hover .cmp-logo__text { -webkit-transform: translateY(0); transform: translateY(0) } .cmp-logo.cmp-logo--white-on-dark .cmp-logo__greater-than { fill: #fff } .cmp-logo.cmp-logo--black-on-light .cmp-logo__greater-than, .cmp-logo.cmp-logo--black-on-light .cmp-logo__text { fill: #000 } .cmp-logo.cmp-logo--purple-on-light .cmp-logo__greater-than { fill: #a100ff } .cmp-logo.cmp-logo--purple-on-light .cmp-logo__text { fill: #000 } .rad-chip { color: #fff; cursor: pointer; height: 3rem } @media(min-width:1440px) { .rad-chip { height: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-chip { height: 4rem } } .rad-chip__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; border: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .25rem; height: 2.25rem; padding: 0 .75rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: border, padding-left; transition-property: border, padding-left; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:600px) { .rad-chip__inner { height: 2.5rem } } @media(min-width:1024px) { .rad-chip__inner { height: 2.75rem; padding-left: 0.75rem; padding-right: 0.75rem } } @media(min-width:1440px) { .rad-chip__inner { padding-left: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-chip__inner { padding-left: 1rem } } @media(min-width:1440px) { .rad-chip__inner { padding-right: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-chip__inner { padding-right: 1rem } } .rad-chip__text { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem; width: -webkit-max-content; width: -moz-max-content; width: max-content } @media(min-width:1440px) { .rad-chip__text { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-chip__text { font-size: 1.1666666667rem } } .rad-chip .rad-icon__check { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 1.125rem; opacity: 0; overflow: hidden; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: translate, width; transition-property: translate, width; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); translate: -0.75rem; width: 0 } .rad-chip:hover .rad-chip__inner { background-color: #202020 } .rad-chip:active .rad-chip__inner { background-color: #2b2b2b } .rad-chip:focus-visible { outline: none } .rad-chip:focus-visible .rad-chip__inner { background-color: #000; outline: .125rem solid #a100ff; outline-offset: .125rem } .rad-chip:disabled { color: #616160; cursor: default; pointer-events: none } .rad-chip--selected .rad-chip__inner { border: 2px solid #fff; padding-left: .625rem } @media(min-width:1024px) { .rad-chip--selected .rad-chip__inner { padding-left: 0.75rem } } @media(min-width:1440px) { .rad-chip--selected .rad-chip__inner { padding-left: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-chip--selected .rad-chip__inner { padding-left: 1rem } } .rad-chip--selected .rad-chip__inner .rad-icon__check { opacity: 1; translate: 0; width: 1.125rem } .rad-chip--selected:hover .rad-chip__inner { background-color: #202020 } .rad-chip--selected:active .rad-chip__inner { background-color: #2b2b2b } .rad-chip--selected:focus-visible .rad-chip__inner { background-color: #000 } .rad-dropdown { position: relative } .rad-dropdown__category { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: end; -ms-flex-pack: end; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; gap: .25rem; justify-content: flex-end; margin: .5rem 0 .5rem auto } .rad-dropdown__category .rad-icon__chevron-down { -webkit-transition: 550ms cubic-bezier(0.85, 0, 0, 1); transition: 550ms cubic-bezier(0.85, 0, 0, 1) } .rad-dropdown__category .rad-icon__chevron-down:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 1.25rem; justify-content: center; width: 1.25rem } .rad-dropdown__category-title { color: #fff; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; text-underline-offset: .25rem; -webkit-transition: 550ms cubic-bezier(0.85, 0, 0, 1); transition: 550ms cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-dropdown__category-title { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-dropdown__category-title { font-size: 1.1666666667rem } } .rad-dropdown__list-item { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background-color: #202020; color: #a2a2a0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 500; font-weight: 400; justify-content: space-between; letter-spacing: -0.005em; line-height: 1.429; padding: .75rem .75rem .75rem 1rem; text-underline-offset: .25rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: visibility; transition-property: visibility; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); visibility: hidden; width: 100% } @media(min-width:1440px) { .rad-dropdown__list-item { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-dropdown__list-item { font-size: 1.1666666667rem } } .rad-dropdown__list-item .rad-icon__check { display: none } .rad-dropdown__list-item--selected { background-color: #202020; color: #fff } .rad-dropdown__list-item--selected .rad-icon__check { color: #fff; display: inline-block; padding-left: .5rem } .rad-dropdown__list-item:hover { background-color: #2b2b2b; color: #fff; opacity: .95 } .rad-dropdown__list-item:active { background-color: #101010; color: #a2a2a0 } .rad-dropdown__list-item:focus-visible { outline: .125rem solid #a100ff; outline-offset: .25rem } .rad-dropdown__list { background-color: #202020; max-height: 0; overflow: hidden; position: absolute; right: 0; -webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1); transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1); width: 14.6875rem; z-index: 5 } .rad-dropdown__list li:first-child { padding-top: .5rem } .rad-dropdown__list li:last-child { padding-bottom: .5rem } .rad-dropdown__list .rad-icon__check:after { display: block; height: 1.25rem; top: .125rem; width: 1.25rem } .rad-dropdown--open .rad-dropdown__category .rad-icon__chevron-down, .rad-dropdown--open .rad-dropdown__category-title { color: #a2a2a0 } .rad-dropdown--open .rad-icon__chevron-down { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rad-dropdown--open .rad-dropdown__list { max-height: var(--dropdown-height) } .rad-dropdown--open .rad-dropdown__list-item { visibility: visible } #main { /* background: #000; */ margin: 0 auto; max-width: 1920px; position: relative; width: 100% } img, svg { height: auto; max-width: 100% } a { text-decoration: underline } button { background: none; border: 0; color: inherit; font: inherit; line-height: inherit; padding: 0 } button:hover { cursor: pointer } b, strong { font-weight: 500 } em, i { font-style: italic } .cmp-skip-link { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .875rem; height: auto; margin: 0 auto; opacity: 0; padding: .5rem; position: absolute; text-decoration: none; top: -3em; -webkit-transition: top .2s, background-color .2s; transition: top .2s, background-color .2s; z-index: 10000 } .cmp-skip-link:active, .cmp-skip-link:focus-visible { background-color: #202020; opacity: 1; outline-offset: -2px; top: 0; -webkit-transition: top .2s, background-color .2s; transition: top .2s, background-color .2s } .rad-360-value-title { padding-bottom: 3rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 4rem } @media(min-width:600px) { .rad-360-value-title { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-360-value-title__header { -ms-flex-line-pack: end; -webkit-box-pack: center; -ms-flex-pack: center; align-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-bottom: var(--rad-spacing-sm) } .rad-360-value-title__header:after { content: ""; display: block; width: 100% } .rad-360-value-title__header-first-line { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .625rem } .rad-360-value-title__header-second-line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .rad-360-value-title__header-360-wrapper, .rad-360-value-title__header-value-wrapper { overflow: hidden } .rad-360-value-title__header-360, .rad-360-value-title__header-value { height: 2.8125rem } .rad-360-value-title__header-360 { aspect-ratio: 225/89 } .rad-360-value-title__header-circle-placeholder { margin-left: .25rem; position: relative } .rad-360-value-title__header-circle, .rad-360-value-title__header-circle-placeholder { aspect-ratio: 1; height: 1.25rem } .rad-360-value-title__header-circle { max-width: none; position: absolute; rotate: -90deg } .rad-360-value-title__header-circle-path { r: 155px; stroke-width: 90px } .rad-360-value-title__header-value { aspect-ratio: 367/88 } .rad-360-value-title__sub-header { font-family: GT Sectra Fine, Palatino; font-size: 1.25rem; font-weight: 300; line-height: 1.4; text-align: center } @media(min-width:600px) { .rad-360-value-title__sub-header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-360-value-title__sub-header { font-size: 2.25rem; line-height: 1.222 } } @media(min-width:1440px) { .rad-360-value-title__sub-header { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-360-value-title__sub-header { font-size: 3rem } } @media(min-width:600px) { .rad-360-value-title { padding-bottom: 0; padding-top: 5rem } .rad-360-value-title__header { -ms-flex-line-pack: normal; -webkit-box-align: end; -ms-flex-align: end; align-content: normal; align-items: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .rad-360-value-title__header:after { display: none } .rad-360-value-title__header-first-line { margin-bottom: 0 } .rad-360-value-title__header-360, .rad-360-value-title__header-value { height: 4.21875rem } .rad-360-value-title__header-circle-placeholder { margin-left: .375rem } .rad-360-value-title__header-circle, .rad-360-value-title__header-circle-placeholder { height: 1.875rem } .rad-360-value-title__header-value { margin-left: 1.171875rem } } @media(min-width:1024px) { .rad-360-value-title { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-top: 7.5rem } } @media(min-width:1440px) { .rad-360-value-title { padding-top: calc(7.5rem + 8.33333vw - 120px) } } @media(min-width:1920px) { .rad-360-value-title { padding-top: 10rem } } @media(min-width:1024px) { .rad-360-value-title__header { margin-bottom: 1.5rem; width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-360-value-title__header { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-360-value-title__header { margin-bottom: 2rem } } @media(min-width:1024px) { .rad-360-value-title__header-360, .rad-360-value-title__header-value { height: 5.625rem; max-height: 7vw } } @media(min-width:1440px) { .rad-360-value-title__header-360, .rad-360-value-title__header-value { height: calc(5.625rem + 6.25vw - 90px) } } @media(min-width:1920px) { .rad-360-value-title__header-360, .rad-360-value-title__header-value { height: 7.5rem } } @media(min-width:1024px) { .rad-360-value-title__header-circle-placeholder { margin-left: 0.5rem } } @media(min-width:1440px) { .rad-360-value-title__header-circle-placeholder { margin-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-360-value-title__header-circle-placeholder { margin-left: 0.6666666667rem } } @media(min-width:1024px) { .rad-360-value-title__header-circle, .rad-360-value-title__header-circle-placeholder { height: 2.5rem } } @media(min-width:1440px) { .rad-360-value-title__header-circle, .rad-360-value-title__header-circle-placeholder { height: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-360-value-title__header-circle, .rad-360-value-title__header-circle-placeholder { height: 3.3333333333rem } } @media(min-width:1024px) { .rad-360-value-title__header-value { margin-left: 1.5625rem } } @media(min-width:1440px) { .rad-360-value-title__header-value { margin-left: calc(1.5625rem + 1.73611vw - 25px) } } @media(min-width:1920px) { .rad-360-value-title__header-value { margin-left: 2.0833333333rem } } @media(min-width:1024px) { .rad-360-value-title__sub-header { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-absorb-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-cta { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; align-items: center; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } @media(min-width:1440px) { .rad-absorb-cta { gap: 2rem; gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-absorb-cta { gap: 2.6666666667rem } } .rad-absorb-editorial-text { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-editorial-text { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-absorb-editorial-text h2 { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-absorb-editorial-text h2 { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-absorb-editorial-text h2 { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-absorb-editorial-text h2 { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-absorb-editorial-text h2 { font-size: 4rem } } .rad-absorb-editorial-text h2+h2, .rad-absorb-editorial-text h2+h3 { margin-top: 1rem } .rad-absorb-editorial-text h2+h4 { margin-top: 1.5rem } .rad-absorb-editorial-text h2+h5 { margin-top: 1rem } .rad-absorb-editorial-text h2+ol, .rad-absorb-editorial-text h2+p, .rad-absorb-editorial-text h2+ul { margin-top: 1.5rem } .rad-absorb-editorial-text h3 { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-absorb-editorial-text h3 { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-absorb-editorial-text h3 { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-absorb-editorial-text h3 { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-absorb-editorial-text h3 { font-size: 2.6666666667rem } } .rad-absorb-editorial-text h3+h2 { margin-top: 2rem } .rad-absorb-editorial-text h3+h3 { margin-top: 1rem } .rad-absorb-editorial-text h3+h4 { margin-top: 1.5rem } .rad-absorb-editorial-text h3+h5 { margin-top: 1rem } .rad-absorb-editorial-text h3+ol, .rad-absorb-editorial-text h3+p, .rad-absorb-editorial-text h3+ul { margin-top: 1.5rem } .rad-absorb-editorial-text h4 { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.6; text-underline-offset: .25rem } @media(min-width:1024px) { .rad-absorb-editorial-text h4 { font-size: 1.25rem } } @media(min-width:1440px) { .rad-absorb-editorial-text h4 { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-absorb-editorial-text h4 { font-size: 1.6666666667rem } } .rad-absorb-editorial-text h4+h2, .rad-absorb-editorial-text h4+h3 { margin-top: 2rem } .rad-absorb-editorial-text h4+h4 { margin-top: .5rem } .rad-absorb-editorial-text h4+h5 { margin-top: 2rem } .rad-absorb-editorial-text h4+ol, .rad-absorb-editorial-text h4+p, .rad-absorb-editorial-text h4+ul { margin-top: .5rem } .rad-absorb-editorial-text h5 { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333 } @media(min-width:600px) { .rad-absorb-editorial-text h5 { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-absorb-editorial-text h5 { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-absorb-editorial-text h5 { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-absorb-editorial-text h5 { font-size: 2.3333333333rem } } .rad-absorb-editorial-text h5+h2, .rad-absorb-editorial-text h5+h3 { margin-top: 2rem } .rad-absorb-editorial-text h5+h4 { margin-top: 1.5rem } .rad-absorb-editorial-text h5+h5 { margin-top: 1rem } .rad-absorb-editorial-text h5+ol, .rad-absorb-editorial-text h5+p, .rad-absorb-editorial-text h5+ul { margin-top: 1.5rem } .rad-absorb-editorial-text ol, .rad-absorb-editorial-text p, .rad-absorb-editorial-text ul { font-size: 1.125rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.6; padding-right: var(--scrollbar-width); text-underline-offset: .25rem } @media(min-width:1024px) { .rad-absorb-editorial-text ol, .rad-absorb-editorial-text p, .rad-absorb-editorial-text ul { font-size: 1.25rem } } @media(min-width:1440px) { .rad-absorb-editorial-text ol, .rad-absorb-editorial-text p, .rad-absorb-editorial-text ul { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-absorb-editorial-text ol, .rad-absorb-editorial-text p, .rad-absorb-editorial-text ul { font-size: 1.6666666667rem } } .rad-absorb-editorial-text ol a, .rad-absorb-editorial-text p a, .rad-absorb-editorial-text ul a { font-weight: 500 } .rad-absorb-editorial-text ol a:focus-visible, .rad-absorb-editorial-text p a:focus-visible, .rad-absorb-editorial-text ul a:focus-visible { outline-offset: 2px } .rad-absorb-editorial-text ol+h2, .rad-absorb-editorial-text ol+h3, .rad-absorb-editorial-text ol+h4, .rad-absorb-editorial-text ol+h5, .rad-absorb-editorial-text p+h2, .rad-absorb-editorial-text p+h3, .rad-absorb-editorial-text p+h4, .rad-absorb-editorial-text p+h5, .rad-absorb-editorial-text ul+h2, .rad-absorb-editorial-text ul+h3, .rad-absorb-editorial-text ul+h4, .rad-absorb-editorial-text ul+h5 { margin-top: 2rem } .rad-absorb-editorial-text ol+ol, .rad-absorb-editorial-text ol+p, .rad-absorb-editorial-text ol+ul, .rad-absorb-editorial-text p+ol, .rad-absorb-editorial-text p+p, .rad-absorb-editorial-text p+ul, .rad-absorb-editorial-text ul+ol, .rad-absorb-editorial-text ul+p, .rad-absorb-editorial-text ul+ul { margin-top: .5rem } .rad-absorb-editorial-text ol li { counter-increment: li; list-style-type: none; padding-left: 30px; position: relative } .rad-absorb-editorial-text ol li:before { color: #a100ff; content: counter(li) attr(start) ". "; left: 0; position: absolute } .rad-absorb-editorial-text ul { list-style: none; padding-left: 0 } .rad-absorb-editorial-text ul li { padding-left: 29px; position: relative } .rad-absorb-editorial-text ul li:before { background-color: #a100ff; content: ""; display: inline-block; height: .375rem; left: 0; position: absolute; text-align: center; top: 10px; width: .375rem } @media(min-width:1440px) { .rad-absorb-editorial-text ul li:before { top: 0.69444vw } } @media(min-width:1920px) { .rad-absorb-editorial-text ul li:before { top: 13.3333333333px } } @media(min-width:600px) { .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-absorb-editorial-text h2+h2, .rad-absorb-editorial-text h2+h3 { margin-top: 1.5rem } .rad-absorb-editorial-text h2+h4 { margin-top: 2rem } .rad-absorb-editorial-text h2+h5 { margin-top: 1.5rem } .rad-absorb-editorial-text h2+ol, .rad-absorb-editorial-text h2+p, .rad-absorb-editorial-text h2+ul { margin-top: 2rem } .rad-absorb-editorial-text h3+h2 { margin-top: 3rem } .rad-absorb-editorial-text h3+h3 { margin-top: 1.5rem } .rad-absorb-editorial-text h3+h4 { margin-top: 2rem } .rad-absorb-editorial-text h3+h5 { margin-top: 1.5rem } .rad-absorb-editorial-text h3+ol, .rad-absorb-editorial-text h3+p, .rad-absorb-editorial-text h3+ul { margin-top: 2rem } .rad-absorb-editorial-text h4+h2, .rad-absorb-editorial-text h4+h3 { margin-top: 3rem } .rad-absorb-editorial-text h4+h4 { margin-top: 1rem } .rad-absorb-editorial-text h4+h5 { margin-top: 3rem } .rad-absorb-editorial-text h4+ol, .rad-absorb-editorial-text h4+p, .rad-absorb-editorial-text h4+ul { margin-top: 1rem } .rad-absorb-editorial-text h5+h2, .rad-absorb-editorial-text h5+h3 { margin-top: 3rem } .rad-absorb-editorial-text h5+h4 { margin-top: 2rem } .rad-absorb-editorial-text h5+h5 { margin-top: 1.5rem } .rad-absorb-editorial-text h5+ol, .rad-absorb-editorial-text h5+p, .rad-absorb-editorial-text h5+ul { margin-top: 2rem } .rad-absorb-editorial-text ol, .rad-absorb-editorial-text p, .rad-absorb-editorial-text ul { padding-right: 0 } .rad-absorb-editorial-text ol+h2, .rad-absorb-editorial-text ol+h3, .rad-absorb-editorial-text ol+h4, .rad-absorb-editorial-text ol+h5, .rad-absorb-editorial-text p+h2, .rad-absorb-editorial-text p+h3, .rad-absorb-editorial-text p+h4, .rad-absorb-editorial-text p+h5, .rad-absorb-editorial-text ul+h2, .rad-absorb-editorial-text ul+h3, .rad-absorb-editorial-text ul+h4, .rad-absorb-editorial-text ul+h5 { margin-top: 3rem } .rad-absorb-editorial-text ol+ol, .rad-absorb-editorial-text ol+p, .rad-absorb-editorial-text ol+ul, .rad-absorb-editorial-text p+ol, .rad-absorb-editorial-text p+p, .rad-absorb-editorial-text p+ul, .rad-absorb-editorial-text ul+ol, .rad-absorb-editorial-text ul+p, .rad-absorb-editorial-text ul+ul { margin-top: 1rem } .rad-absorb-editorial-text ol li:before, .rad-absorb-editorial-text ul li:before { height: .5rem; width: .5rem } } @media(min-width:1024px) { .rad-absorb-editorial-text>h2, .rad-absorb-editorial-text>h3, .rad-absorb-editorial-text>h4, .rad-absorb-editorial-text>h5, .rad-absorb-editorial-text>ol, .rad-absorb-editorial-text>p, .rad-absorb-editorial-text>ul { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-absorb-editorial-text h2+h2, .rad-absorb-editorial-text h2+h3 { margin-top: 2rem } .rad-absorb-editorial-text h2+h4 { margin-top: 3rem } .rad-absorb-editorial-text h2+h5 { margin-top: 2rem } .rad-absorb-editorial-text h2+ol, .rad-absorb-editorial-text h2+p, .rad-absorb-editorial-text h2+ul { margin-top: 3rem } .rad-absorb-editorial-text h3+h2 { margin-top: 4rem } .rad-absorb-editorial-text h3+h3 { margin-top: 2rem } .rad-absorb-editorial-text h3+h4 { margin-top: 3rem } .rad-absorb-editorial-text h3+h5 { margin-top: 2rem } .rad-absorb-editorial-text h3+ol, .rad-absorb-editorial-text h3+p, .rad-absorb-editorial-text h3+ul { margin-top: 3rem } .rad-absorb-editorial-text h4+h2, .rad-absorb-editorial-text h4+h3 { margin-top: 4rem } .rad-absorb-editorial-text h4+h4 { margin-top: 1.5rem } .rad-absorb-editorial-text h4+h5 { margin-top: 4rem } .rad-absorb-editorial-text h4+ol, .rad-absorb-editorial-text h4+p, .rad-absorb-editorial-text h4+ul { margin-top: 1.5rem } .rad-absorb-editorial-text h5+h2, .rad-absorb-editorial-text h5+h3 { margin-top: 4rem } .rad-absorb-editorial-text h5+h4 { margin-top: 3rem } .rad-absorb-editorial-text h5+h5 { margin-top: 2rem } .rad-absorb-editorial-text h5+ol, .rad-absorb-editorial-text h5+p, .rad-absorb-editorial-text h5+ul { margin-top: 3rem } .rad-absorb-editorial-text ol+h2, .rad-absorb-editorial-text ol+h3, .rad-absorb-editorial-text ol+h4, .rad-absorb-editorial-text ol+h5, .rad-absorb-editorial-text p+h2, .rad-absorb-editorial-text p+h3, .rad-absorb-editorial-text p+h4, .rad-absorb-editorial-text p+h5, .rad-absorb-editorial-text ul+h2, .rad-absorb-editorial-text ul+h3, .rad-absorb-editorial-text ul+h4, .rad-absorb-editorial-text ul+h5 { margin-top: 4rem } .rad-absorb-editorial-text ol+ol, .rad-absorb-editorial-text ol+p, .rad-absorb-editorial-text ol+ul, .rad-absorb-editorial-text p+ol, .rad-absorb-editorial-text p+p, .rad-absorb-editorial-text p+ul, .rad-absorb-editorial-text ul+ol, .rad-absorb-editorial-text ul+p, .rad-absorb-editorial-text ul+ul { margin-top: 1.5rem } } .rad-article-hero { color: #fff } @-webkit-keyframes from-right { 0% { -webkit-transform: translateX(10vw); transform: translateX(10vw) } } @keyframes from-right { 0% { -webkit-transform: translateX(10vw); transform: translateX(10vw) } } .rad-article-hero__home-button { margin-left: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-article-hero__home-button { margin-left: var(--rad-spacing-md) } } .rad-article-hero__text-content { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-article-hero__text-content { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-article-hero__eyebrow { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding: 1.5rem 0 1rem; text-transform: uppercase; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-article-hero__eyebrow { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-article-hero__eyebrow { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-article-hero__eyebrow { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__eyebrow { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .page-transition--from-right .rad-article-hero__eyebrow { -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: from-right; animation-name: from-right; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } @media(min-width:600px) { .rad-article-hero__eyebrow { padding: 3.75rem 0 1.5rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__eyebrow { padding-bottom: 2rem; padding-top: 3.75rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-article-hero__eyebrow { padding-top: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-article-hero__eyebrow { padding-top: 5rem } } @media(min-width:1440px) { .rad-article-hero__eyebrow { padding-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__eyebrow { padding-bottom: 2.6666666667rem } } .rad-article-hero__eyebrow .rad-article-hero__client-name:before { content: "•"; padding-right: .25em } .rad-article-hero__headline { font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-article-hero__headline { font-size: 3.75rem; line-height: 1.067 } } @media(min-width:1440px) { .rad-article-hero__headline { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-article-hero__headline { font-size: 5rem } } @media(min-width:600px) { .rad-article-hero__headline { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__headline { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .page-transition--from-right .rad-article-hero__headline { -webkit-animation-delay: 150ms; animation-delay: 150ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: from-right; animation-name: from-right; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } @media(min-width:600px) { .rad-article-hero__headline { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__headline { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-article-hero__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333; padding-top: 16px; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-article-hero__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-article-hero__subheader { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-article-hero__subheader { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-article-hero__subheader { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-article-hero__subheader { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__subheader { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .page-transition--from-right .rad-article-hero__subheader { -webkit-animation-delay: 150ms; animation-delay: 150ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: from-right; animation-name: from-right; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } @media(min-width:600px) { .rad-article-hero__subheader { padding-top: 24px; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__subheader { padding-top: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-article-hero__subheader { padding-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__subheader { padding-top: 2.6666666667rem } } .rad-article-hero__time-and-date { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-top: 1.5rem; text-transform: uppercase; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-article-hero__time-and-date { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-article-hero__time-and-date { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-article-hero__time-and-date { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__time-and-date { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .page-transition--from-right .rad-article-hero__time-and-date { -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: from-right; animation-name: from-right; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } @media(min-width:600px) { .rad-article-hero__time-and-date { padding-top: 3.75rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__time-and-date { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-article-hero__time-and-date { padding-top: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-article-hero__time-and-date { padding-top: 5rem } } @media(min-width:1024px) { .rad-article-hero__time-and-date { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-article-hero__time-and-date .rad-article-hero__publish-date, .rad-article-hero__time-and-date .rad-article-hero__read-time { display: inline-block; padding-right: 16px } @media(min-width:600px) { .rad-article-hero__time-and-date .rad-article-hero__publish-date, .rad-article-hero__time-and-date .rad-article-hero__read-time { padding-right: 24px } } @media(min-width:1024px) { .rad-article-hero__time-and-date .rad-article-hero__publish-date, .rad-article-hero__time-and-date .rad-article-hero__read-time { padding-right: 32px } } .rad-article-hero__graphic { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 1.5rem } @media(min-width:600px) { .rad-article-hero__graphic { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .page-transition--from-right .rad-article-hero__graphic { -webkit-animation-delay: 250ms; animation-delay: 250ms; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: from-right; animation-name: from-right; -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1); animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } @media(min-width:600px) { .rad-article-hero__graphic { padding-top: 3.75rem } } @media(min-width:1024px) { .rad-article-hero__graphic { padding-top: 60px } } @media(min-width:1440px) { .rad-article-hero__graphic { padding-top: 4.16667vw } } @media(min-width:1920px) { .rad-article-hero__graphic { padding-top: 80px } } .rad-article-hero__hero-image { margin-left: calc(var(--rad-spacing-sm)*-1); padding-left: 0; padding-right: 0; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1) } @media(min-width:600px) { .rad-article-hero__hero-image { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-article-hero__hero-image { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:600px) { .rad-article-hero__hero-image { margin-left: calc(var(--rad-spacing-md)*-1); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-article-hero__hero-image { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*1); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1) } } .rad-article-hero__hero-image img { width: 100% } .rad-article-hero__horizontal-line { height: 4px; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: auto } @media(min-width:600px) { .rad-article-hero__horizontal-line { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__horizontal-line { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-article-hero__horizontal-line { height: 6px; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__horizontal-line { height: 8px; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-article-hero__horizontal-line { height: 0.55556vw } } @media(min-width:1920px) { .rad-article-hero__horizontal-line { height: 10.6666666667px } } .rad-article-hero__horizontal-line.rad-line-gradient--dark { background: -webkit-gradient(linear, left top, right top, color-stop(13.38%, #460073), color-stop(36.59%, #a100ff), color-stop(65.35%, #ff50a0), color-stop(81.57%, #ff7800), color-stop(91.26%, #feb149)); background: linear-gradient(90deg, #460073 13.38%, #a100ff 36.59%, #ff50a0 65.35%, #ff7800 81.57%, #feb149 91.26%) } .rad-article-hero__horizontal-line.rad-line-gradient--light { background: -webkit-gradient(linear, left top, right top, from(#f9cbef), color-stop(21%, #f482f1), color-stop(45.23%, #f385cd), color-stop(81.93%, #dfbf74), to(#9bf2ad)); background: linear-gradient(90deg, #f9cbef, #f482f1 21%, #f385cd 45.23%, #dfbf74 81.93%, #9bf2ad) } .rad-article-hero__podcast { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 1rem; font-weight: 500; gap: .5rem; letter-spacing: -0.005em; line-height: 1.5; margin-top: 1rem; text-underline-offset: .25rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } .rad-article-hero__podcast-icon-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; justify-content: center; width: 3rem } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { background-position: 50%; background-repeat: no-repeat; background-size: contain; height: 1.5rem; width: 1.5rem } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon:after { content: ""; display: block; visibility: hidden } @media(min-width:600px) { .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { height: 2rem; width: 2rem } } @media(min-width:1440px) { .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { height: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { height: 2.6666666667rem } } @media(min-width:1440px) { .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { width: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon { width: 2.6666666667rem } } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--apple { background-image: url(clientlib-rad/resources/images/article-hero-podcast/apple-podcast-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--apple:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--apple, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--apple { background-image: url(clientlib-rad/resources/images/article-hero-podcast/apple-podcast-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--spotify { background-image: url(clientlib-rad/resources/images/article-hero-podcast/spotify-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--spotify:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--spotify, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--spotify { background-image: url(clientlib-rad/resources/images/article-hero-podcast/spotify-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--youtube { background-image: url(clientlib-rad/resources/images/article-hero-podcast/youtube-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--youtube:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--youtube, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--youtube { background-image: url(clientlib-rad/resources/images/article-hero-podcast/youtube-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--google { background-image: url(clientlib-rad/resources/images/article-hero-podcast/google-podcast-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--google:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--google, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--google { background-image: url(clientlib-rad/resources/images/article-hero-podcast/google-podcast-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--pandora { background-image: url(clientlib-rad/resources/images/article-hero-podcast/pandora-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--pandora:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--pandora, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--pandora { background-image: url(clientlib-rad/resources/images/article-hero-podcast/pandora-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--soundcloud { background-image: url(clientlib-rad/resources/images/article-hero-podcast/soundcloud-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--soundcloud:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--soundcloud, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--soundcloud { background-image: url(clientlib-rad/resources/images/article-hero-podcast/soundcloud-color.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--radio { background-image: url(clientlib-rad/resources/images/article-hero-podcast/radio-public-white.svg) } .rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--radio:after, .rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--radio, .rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--radio { background-image: url(clientlib-rad/resources/images/article-hero-podcast/radio-public-color.svg) } @media(min-width:1440px) { .rad-article-hero__podcast { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-article-hero__podcast { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-article-hero__podcast { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__podcast { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-article-hero__podcast { gap: 1rem; margin-top: 1.5rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-hero__podcast { gap: 1.5rem; margin-top: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0) } } @media(min-width:1440px) { .rad-article-hero__podcast { margin-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__podcast { margin-top: 2.6666666667rem } } @media(min-width:1440px) { .rad-article-hero__podcast { gap: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-article-hero__podcast { gap: 2rem } } @media(min-width:1024px) { .rad-article-hero__podcast { width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-article-hero__podcast .rad-article-hero__podcast-icons { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .5rem } @media(min-width:600px) { .rad-article-hero__podcast .rad-article-hero__podcast-icons { gap: 1rem } } @media(min-width:1024px) { .rad-article-hero__podcast .rad-article-hero__podcast-icons { gap: 2rem } } @media(min-width:1440px) { .rad-article-hero__podcast .rad-article-hero__podcast-icons { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-article-hero__podcast .rad-article-hero__podcast-icons { gap: 2.6666666667rem } } .rad-absorb-video__iframe { aspect-ratio: 16/9; display: block; height: 100%; margin: 0 auto; width: 100% } .rad-absorb-video__transcript { -webkit-box-pack: end; -ms-flex-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; font-weight: 400; gap: 5rem; justify-content: flex-end; letter-spacing: -0.005em; line-height: 1.5; padding-right: 1rem; padding-top: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-absorb-video__transcript { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-absorb-video__transcript { font-size: 1.3333333333rem } } @media(min-width:1440px) { .rad-absorb-video__transcript { padding-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-absorb-video__transcript { padding-top: 1.3333333333rem } } @media(min-width:600px) { .rad-absorb-video__transcript { padding-right: 3rem } } @media(min-width:1024px) { .rad-absorb-video__transcript { padding-right: 0 } .rad-absorb-video { margin-left: 5rem; margin-right: 5rem } } @media(min-width:1440px) { .rad-absorb-video { margin-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-absorb-video { margin-right: 6.6666666667rem } } @media(min-width:1440px) { .rad-absorb-video { margin-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-absorb-video { margin-left: 6.6666666667rem } } .rad-card { background-color: #f1f1ef; color: #000; height: 424px; min-height: 424px; overflow: hidden; position: relative; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: height, width, min-height, inset; transition-property: height, width, min-height, inset; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 300px } .rad-card ::-moz-selection { background-color: #e6dcff } .rad-card ::selection { background-color: #e6dcff } @media(min-width:600px) { .rad-card { -webkit-transition-property: width; transition-property: width; width: 276px } } @media(min-width:1024px) { .rad-card { height: 452px; width: 320px } } @media(min-width:1440px) { .rad-card { height: 31.38889vw } } @media(min-width:1920px) { .rad-card { height: 602.6666666667px } } @media(min-width:1440px) { .rad-card { width: 22.22222vw } } @media(min-width:1920px) { .rad-card { width: 426.6666666667px } } .rad-card-inner__min-height { min-height: 0; -webkit-transition-property: min-height, height; transition-property: min-height, height; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-card-inner, .rad-card-inner__min-height { height: 100%; -webkit-transition-duration: 550ms; transition-duration: 550ms } .rad-card-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; min-height: 424px; overflow: hidden; position: relative; -webkit-transition-property: height, min-height; transition-property: height, min-height; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100% } .rad-card__top-content { -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: flex-start; height: 50%; justify-content: flex-start; padding: 0 1.5rem } @media(min-width:1024px) { .rad-card__top-content { padding-left: 32px; padding-right: 32px } } @media(min-width:1440px) { .rad-card__top-content { padding-right: 2.22222vw } } @media(min-width:1920px) { .rad-card__top-content { padding-right: 42.6666666667px } } @media(min-width:1440px) { .rad-card__top-content { padding-left: 2.22222vw } } @media(min-width:1920px) { .rad-card__top-content { padding-left: 42.6666666667px } } .rad-card__pretitle { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-bottom: 24px; padding-top: 1.75rem; text-transform: uppercase padding: 0 0 10px; color: var(--Yellow); font-size: 18px; font-weight: 400; } @media(min-width:1440px) { .rad-card__pretitle { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-card__pretitle { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-card__pretitle { padding-bottom: 1.66667vw } } @media(min-width:1920px) { .rad-card__pretitle { padding-bottom: 32px } } @media(min-width:1024px) { .rad-card__pretitle { padding-top: 36px } } @media(min-width:1440px) { .rad-card__pretitle { padding-top: 2.5vw } } @media(min-width:1920px) { .rad-card__pretitle { padding-top: 48px } } .rad-card__title { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.167; max-width: 15.75rem; padding-bottom: 24px; margin: 0; padding: 0 0 10px; color: var(--color-white); font-size: 22px; font-family: "Gilroy-SemiBold"; } @media(min-width:1440px) { .rad-card__title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-card__title { font-size: 2rem } } @media(min-width:1440px) { .rad-card__title { padding-bottom: 1.66667vw } } @media(min-width:1920px) { .rad-card__title { padding-bottom: 32px } } @media(min-width:600px) { .rad-card__title { max-width: 14.25rem } } @media(min-width:1024px) { .rad-card__title { max-width: 256px } } @media(min-width:1440px) { .rad-card__title { max-width: 17.77778vw } } @media(min-width:1920px) { .rad-card__title { max-width: 341.3333333333px } } @media(min-width:600px) { .rad-card__top-content-inner-row { width: 552px } } @media(min-width:1024px) { .rad-card__top-content-inner-row { width: 656px } } @media(min-width:1440px) { .rad-card__top-content-inner-row { width: 45.55556vw } } @media(min-width:1920px) { .rad-card__top-content-inner-row { width: 874.6666666667px } } .rad-card__description { font-size: 1rem; font-weight: 500; font-weight: 400; left: 24px; letter-spacing: -0.005em; line-height: 1.5; padding-bottom: 24px; padding-right: 24px; position: absolute; text-underline-offset: .25rem; -webkit-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: calc(100vw - 48px) } .rad-card__description p { color: #fff; } @media(min-width:1440px) { .rad-card__description { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-card__description { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-card__description { left: 300px; padding-right: 0; top: 68px; -webkit-transform: none; transform: none; -webkit-transition-property: none; transition-property: none; width: 276px } } @media(min-width:1024px) { .rad-card__description { left: 352px; top: 76px; width: 336px } } @media(min-width:1440px) { .rad-card__description { left: 24.44444vw } } @media(min-width:1920px) { .rad-card__description { left: 469.3333333333px } } @media(min-width:1440px) { .rad-card__description { top: 5.27778vw } } @media(min-width:1920px) { .rad-card__description { top: 101.3333333333px } } @media(min-width:1440px) { .rad-card__description { width: 23.33333vw } } @media(min-width:1920px) { .rad-card__description { width: 448px } } .rad-card__close-btn { border: none; float: right; height: 1.5rem; margin-top: 24px; -webkit-transform: translateX(100px); transform: translateX(100px); -webkit-transition: visibility 0s ease 550ms, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 550ms, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 550ms, transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 550ms, transform 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); visibility: hidden; width: 1.5rem } .rad-card__cta { -webkit-box-pack: end; -ms-flex-pack: end; bottom: -75%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; padding-right: 1.5rem; position: absolute; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: bottom; transition-property: bottom; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100vw; z-index: 1 } @media(min-width:1440px) { .rad-card__cta { bottom: calc(-75% - 5.20833vw + 75px) } } @media(min-width:1920px) { .rad-card__cta { bottom: -100% } } .rad-card__cta .rad-button--ghost { color: #000 } @media(max-width:599px) { .rad-card__cta { visibility: hidden } } @media(min-width:600px) { .rad-card__cta { width: 600px } } @media(min-width:1024px) { .rad-card__cta { padding-right: 32px; width: 720px } } @media(min-width:1440px) { .rad-card__cta { padding-right: 2.22222vw } } @media(min-width:1920px) { .rad-card__cta { padding-right: 42.6666666667px } } @media(min-width:1440px) { .rad-card__cta { width: 50vw } } @media(min-width:1920px) { .rad-card__cta { width: 960px } } .rad-card-feature__cover-img { bottom: 0; height: 212px; position: absolute; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: bottom; transition-property: bottom; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 300px } @media(min-width:600px) { .rad-card-feature__cover-img { height: 212px; width: 276px } } @media(min-width:1024px) { .rad-card-feature__cover-img { height: 226px; width: 320px } } @media(min-width:1440px) { .rad-card-feature__cover-img { height: 15.69444vw } } @media(min-width:1920px) { .rad-card-feature__cover-img { height: 301.3333333333px } } @media(min-width:1440px) { .rad-card-feature__cover-img { width: 22.22222vw } } @media(min-width:1920px) { .rad-card-feature__cover-img { width: 426.6666666667px } } .rad-card-feature__cover-img img { display: block; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } @media(min-width:1024px) { .rad-card-feature .rad-card-feature__cover-img { height: 212px; height: 226px; width: 300px; width: 276px; width: 320px } } @media(min-width:1440px) { .rad-card-feature .rad-card-feature__cover-img { height: 15.69444vw } } @media(min-width:1920px) { .rad-card-feature .rad-card-feature__cover-img { height: 301.3333333333px } } @media(min-width:1440px) { .rad-card-feature .rad-card-feature__cover-img { width: 22.22222vw } } @media(min-width:1920px) { .rad-card-feature .rad-card-feature__cover-img { width: 426.6666666667px } } .rad-card-feature--image-only .rad-card-feature__cover-img { -webkit-transition-property: width, height, bottom, left; transition-property: width, height, bottom, left } @media(min-width:600px) { .rad-card-feature--image-only { bottom: 0; left: 0; position: absolute } } .rad-card-feature__facts-figures { bottom: -75%; display: block; padding: 0 24px 72px; position: absolute; top: auto; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top, bottom, z-index; transition-property: top, bottom, z-index; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 272px; z-index: -1 } @media(min-width:1440px) { .rad-card-feature__facts-figures { bottom: calc(-75% - 5.20833vw + 75px) } } @media(min-width:1920px) { .rad-card-feature__facts-figures { bottom: -100% } } .rad-card-feature__facts-figures .rad-card-feature-large-figure { font-size: 5.625rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.04; min-height: 5.9375rem } @media(min-width:1024px) { .rad-card-feature__facts-figures .rad-card-feature-large-figure { font-size: 6.25rem; line-height: 1.03 } } @media(min-width:1440px) { .rad-card-feature__facts-figures .rad-card-feature-large-figure { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-card-feature__facts-figures .rad-card-feature-large-figure { font-size: 8.3333333333rem } } .rad-card-feature__facts-figures .rad-card-feature-detail { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-card-feature__facts-figures .rad-card-feature-detail { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-card-feature__facts-figures .rad-card-feature-detail { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-card-feature__facts-figures { padding-bottom: 24px; width: 276px } } @media(min-width:1024px) { .rad-card-feature__facts-figures { padding-bottom: 32px; padding-left: 32px; padding-right: 32px; width: 320px } } @media(min-width:1440px) { .rad-card-feature__facts-figures { padding-left: 2.22222vw } } @media(min-width:1920px) { .rad-card-feature__facts-figures { padding-left: 42.6666666667px } } @media(min-width:1440px) { .rad-card-feature__facts-figures { padding-right: 2.22222vw } } @media(min-width:1920px) { .rad-card-feature__facts-figures { padding-right: 42.6666666667px } } @media(min-width:1440px) { .rad-card-feature__facts-figures { padding-bottom: 2.22222vw } } @media(min-width:1920px) { .rad-card-feature__facts-figures { padding-bottom: 42.6666666667px } } @media(min-width:1440px) { .rad-card-feature__facts-figures { width: 22.22222vw } } @media(min-width:1920px) { .rad-card-feature__facts-figures { width: 426.6666666667px } } .rad-card--expanded { height: auto; max-height: calc(100dvh - 48px); width: 100%; z-index: 1001 } @media(min-width:600px) { .rad-card--expanded { height: 424px; min-height: unset; overflow: hidden; width: 600px } } @media(min-width:1024px) { .rad-card--expanded { height: 452px; width: 720px } } @media(min-width:1440px) { .rad-card--expanded { height: 31.38889vw } } @media(min-width:1920px) { .rad-card--expanded { height: 602.6666666667px } } @media(min-width:1440px) { .rad-card--expanded { width: 50vw } } @media(min-width:1920px) { .rad-card--expanded { width: 960px } } @media(max-width:599px) { .rad-card--expanded .rad-card-inner__min-height { -ms-scroll-chaining: none; max-height: 100%; overflow-y: scroll; overscroll-behavior: none } .rad-card--expanded .rad-card-inner { min-height: 424px } .rad-card--expanded .rad-card__top-content { height: unset } .rad-card--expanded .rad-card-feature__facts-figures { bottom: auto } } .rad-card--expanded .rad-card__description { -webkit-transform: translateX(0); transform: translateX(0) } @media(min-width:600px) { .rad-card--expanded .rad-card__description { left: 300px; padding-right: 0; position: absolute } } @media(min-width:1024px) { .rad-card--expanded .rad-card__description { left: 352px } } @media(min-width:1440px) { .rad-card--expanded .rad-card__description { left: 24.44444vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card__description { left: 469.3333333333px } } .rad-card--expanded .rad-card__close-btn { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: visibility 0s ease 0s, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 0s, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 0s, transform 550ms cubic-bezier(0.85, 0, 0, 1); transition: visibility 0s ease 0s, transform 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1); visibility: visible } @media(min-width:600px) { .rad-card--expanded .rad-card__close-btn { display: none } } .rad-card--expanded .rad-card-feature { overflow: hidden } .rad-card--expanded .rad-card-feature__cover-img { bottom: -300px; z-index: 2 } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature__cover-img { bottom: -20.83333vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature__cover-img { bottom: -400px } } .rad-card--expanded .rad-card-feature--image-only { margin-top: 0 } .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { bottom: 72px; display: block; height: 174px; width: 247px } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 17.15278vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 329.3333333333px } } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 12.08333vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 232px } } @media(min-width:600px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { bottom: 0; height: 212px; width: 300px; width: 276px } } @media(min-width:1024px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 226px; width: 320px } } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 15.69444vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 301.3333333333px } } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 22.22222vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 426.6666666667px } } @media(min-width:600px) { .rad-card--expanded .rad-card-feature--image-only { padding-top: 0 } .rad-card--expanded .rad-card-feature { margin: 0; padding-bottom: 0; position: static } .rad-card--expanded .rad-card-feature-detail { width: 228px } } @media(min-width:1440px) { .rad-card--expanded .rad-card-feature-detail { width: 15.83333vw } } @media(min-width:1920px) { .rad-card--expanded .rad-card-feature-detail { width: 304px } } @media(min-width:1024px) { .rad-card--expanded .rad-card-feature { margin-top: 0 } } .rad-card--expanded .rad-card-feature .rad-card-feature__facts-figures { bottom: 0; z-index: 1 } @media(min-width:600px) { .rad-card--expanded .rad-card-feature .rad-card-feature__facts-figures { bottom: 0 } } @media(max-width:599px) { .rad-card--expanded .rad-card__cta { visibility: hidden } .rad-card--expanded .rad-card__cta.rad-card__cta--mobile-show { bottom: 16px; visibility: visible } } @media(min-width:600px) { .rad-card--expanded .rad-card__cta { bottom: 16px } } @media(min-width:1024px) { .rad-card--expanded .rad-card__cta { bottom: 24px } } .rad-card .cmp-image, .rad-card .image.radimage { height: 100% } .rad-card--announcement { background-color: #460073; color: #fff } .rad-card--announcement .rad-button--ghost, .rad-card--announcement .rad-card__close-btn { color: #fff } @media(min-width:600px) { .rad-card--announcement .rad-card-feature--image-only { width: 276px } } @media(min-width:1024px) { .rad-card--announcement .rad-card-feature--image-only { width: 320px } } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature--image-only { width: 22.22222vw } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature--image-only { width: 426.6666666667px } } .rad-card--announcement .rad-card-feature__cover-img { background-color: #460073; height: 212px; left: 141px; width: 159px } @media(min-width:1024px) { .rad-card--announcement .rad-card-feature__cover-img { height: 226px; width: 169px } } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature__cover-img { height: 15.69444vw } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature__cover-img { height: 301.3333333333px } } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature__cover-img { width: 11.73611vw } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature__cover-img { width: 225.3333333333px } } .rad-card--announcement .rad-card-feature__cover-img img { mix-blend-mode: screen } @media(min-width:600px) { .rad-card--announcement .rad-card-feature__cover-img { left: unset; -webkit-transform: translateX(117px); transform: translateX(117px); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } } @media(min-width:1024px) { .rad-card--announcement .rad-card-feature__cover-img { -webkit-transform: translateX(150px); transform: translateX(150px) } } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature__cover-img { -webkit-transform: translateX(10.41667vw); transform: translateX(10.41667vw) } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature__cover-img { -webkit-transform: translateX(200px); transform: translateX(200px) } } .rad-card--announcement .rad-card-feature__cover-text { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.4; padding: 1.5rem; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature__cover-text { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature__cover-text { font-size: 1.6666666667rem } } @media(max-width:599px) { .rad-card--announcement .rad-card-feature__cover-text { bottom: 0; position: absolute; -webkit-transition-property: bottom; transition-property: bottom } } @media(min-width:1024px) { .rad-card--announcement .rad-card-feature__cover-text { padding: 32px } } @media(min-width:1440px) { .rad-card--announcement .rad-card-feature__cover-text { padding: 2.22222vw } } @media(min-width:1920px) { .rad-card--announcement .rad-card-feature__cover-text { padding: 42.6666666667px } } @media(max-width:599px) { .rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text { bottom: -300px; -webkit-transform: translateY(100vh); transform: translateY(100vh) } } @media(min-width:600px) { .rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text { display: block; -webkit-transform: translateY(72px); transform: translateY(72px) } } @media(min-width:1440px) { .rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text { -webkit-transform: translateY(5vw); transform: translateY(5vw) } } @media(min-width:1920px) { .rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text { -webkit-transform: translateY(96px); transform: translateY(96px) } } .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 174px; left: 0; width: 130px } @media(min-width:1440px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 9.02778vw } } @media(min-width:1920px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 173.3333333333px } } @media(min-width:1440px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 12.08333vw } } @media(min-width:1920px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 232px } } @media(min-width:600px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 212px; -webkit-transform: translateX(0); transform: translateX(0); width: 159px } } @media(min-width:1024px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 226px; width: 169px } } @media(min-width:1440px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 15.69444vw } } @media(min-width:1920px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { height: 301.3333333333px } } @media(min-width:1440px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 11.73611vw } } @media(min-width:1920px) { .rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img { width: 225.3333333333px } } .rad-card--background-image { background: #fff } .rad-card--background-image .rad-card__background-gradient { height: 100%; overflow: hidden; position: absolute; -webkit-transition: all 550ms cubic-bezier(0.85, 0, 0, 1); transition: all 550ms cubic-bezier(0.85, 0, 0, 1); width: 100% } .rad-card--background-image .rad-card__background-gradient img { min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover } .rad-card--background-image .rad-card-feature { z-index: 1 } .rad-card--background-image.rad-card--expanded .rad-card__background-gradient { -webkit-filter: blur(75px); filter: blur(75px); height: 300%; opacity: .5; width: 300% } @media(min-width:600px) { .rad-card--background-image.rad-card--expanded .rad-card__background-gradient { height: 150%; width: 150% } } .rad-card--background-image.rad-card--dark-background-styles { background: #000; color: #fff } .rad-card--background-image.rad-card--dark-background-styles .rad-button, .rad-card--background-image.rad-card--dark-background-styles .rad-card__close-btn { color: #fff } .rad-card--perspective .rad-card-feature__cover-img { background-color: #f1f1ef } .rad-card--interview-single, .rad-card--interview-single .rad-card-feature__cover-img { background: #202020 } .rad-card--interview-single .rad-card-feature__cover-img img { -webkit-filter: grayscale(1); filter: grayscale(1); mix-blend-mode: normal } .rad-card--interview-multiple { background: #202020; color: #fff } .rad-card--interview-multiple .rad-card-feature__cover-img img { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-card--interview-multiple .rad-button, .rad-card--interview-multiple .rad-card__close-btn { color: #fff } .rad-card--podcast-multiple .rad-card-feature__cover-img img { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-card--podcast-single { background-color: #f1f1ef; color: #000 } .rad-card--podcast-single .rad-card-feature__cover-img { background: #f1f1ef } .rad-card--podcast-single .rad-card-feature__cover-img img { -webkit-filter: grayscale(1); filter: grayscale(1); mix-blend-mode: normal } .rad-card--podcast-single .rad-button, .rad-card--podcast-single .rad-card__close-btn { color: #000 } .rad-card__mobile-overlay { background-color: rgba(32, 32, 32, .75); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; z-index: 900 } .rad-card__mobile-overlay.mobile-overlay--visible { opacity: .6 } @media(max-width:599px) { .rad__card-size-maintainer { height: 26.5rem; width: 18.75rem } } .rad-content-grid-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 424px; overflow: hidden; position: relative; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: scale; transition-property: scale; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 300px } @media(min-width:1440px) { .rad-content-grid-card { height: 29.44444vw } } @media(min-width:1920px) { .rad-content-grid-card { height: 565.3333333333px } } @media(min-width:600px) { .rad-content-grid-card { width: 276px } } @media(min-width:1440px) { .rad-content-grid-card { width: 19.16667vw } } @media(min-width:1920px) { .rad-content-grid-card { width: 368px } } @media(min-width:600px) { .rad-content-grid-card--open { scale: 1.04 } } .rad-content-grid-card--open .rad-content-grid-card__front-toggle { height: 352px } @media(min-width:1024px) { .rad-content-grid-card--open .rad-content-grid-card__front-toggle { height: 0 } } .rad-content-grid-card--open .rad-content-grid-card__cta-cover { visibility: visible } .rad-content-grid-card--open .rad-content-grid-card__close-button { translate: 0 } .rad-content-grid-card--open .rad-content-grid-card__sliding-content { left: -100% } .rad-content-grid-card--open .rad-content-grid-card__full-image { -webkit-filter: blur(75px); filter: blur(75px); opacity: .5; width: 800px } .rad-content-grid-card:focus-within { outline: 2px solid #a100ff; outline-offset: 8px } .rad-content-grid-card .cmp-image__image { display: block } .rad-content-grid-card__cta-cover, .rad-content-grid-card__front-toggle { cursor: pointer; left: 0; outline: none; position: absolute; width: 100%; z-index: 1 } .rad-content-grid-card__front-toggle { height: 100%; top: 0 } .rad-content-grid-card__cta-cover { bottom: 0; height: 72px; visibility: hidden } @media(min-width:1024px) { .rad-content-grid-card__cta-cover { height: 100% } } .rad-content-grid-card__cta-cover:focus-visible~* .rad-button { outline: 2px solid #a100ff; outline-offset: 8px } .rad-content-grid-card__close-button { height: 24px; position: absolute; right: 24px; top: 28px; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: translate; transition-property: translate; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); translate: calc(100% + 24px); width: 24px } @media(min-width:600px) { .rad-content-grid-card__close-button { display: none } } .rad-content-grid-card__label { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: 1.25rem; margin-left: 1.5rem; padding-top: 1.75rem; position: relative; text-transform: uppercase } @media(min-width:1440px) { .rad-content-grid-card__label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-content-grid-card__label { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-content-grid-card__label { margin-bottom: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-content-grid-card__label { margin-bottom: 1.6666666667rem } } @media(min-width:1440px) { .rad-content-grid-card__label { margin-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__label { margin-left: 2rem } } @media(min-width:1440px) { .rad-content-grid-card__label { padding-top: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-content-grid-card__label { padding-top: 2.3333333333rem } } .rad-content-grid-card__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; margin-left: 1.5rem; margin-right: 1.5rem; position: relative } @media(min-width:1440px) { .rad-content-grid-card__title { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-content-grid-card__title { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-content-grid-card__title { margin-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__title { margin-left: 2rem } } @media(min-width:1440px) { .rad-content-grid-card__title { margin-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__title { margin-right: 2rem } } .rad-content-grid-card__sliding-content { -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; left: 0; position: relative; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-content-grid-card__sliding-content>* { -ms-flex-negative: 0; flex-shrink: 0; width: 100% } .rad-content-grid-card__front-content { -webkit-box-align: end; -ms-flex-align: end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .rad-content-grid-card__half-image .cmp-image__image, .rad-content-grid-card__quarter-image .cmp-image__image { height: 212px } @media(min-width:1440px) { .rad-content-grid-card__half-image .cmp-image__image, .rad-content-grid-card__quarter-image .cmp-image__image { height: 14.72222vw } } @media(min-width:1920px) { .rad-content-grid-card__half-image .cmp-image__image, .rad-content-grid-card__quarter-image .cmp-image__image { height: 282.6666666667px } } .rad-content-grid-card__half-image { width: 100% } .rad-content-grid-card__half-image .cmp-image__image { -o-object-fit: cover; object-fit: cover; width: 100% } .rad-content-grid-card__full-image { aspect-ratio: .7075471698; pointer-events: none; position: absolute; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: opacity, width, -webkit-filter; transition-property: opacity, width, -webkit-filter; transition-property: filter, opacity, width; transition-property: filter, opacity, width, -webkit-filter; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% } .rad-content-grid-card__full-image .cmp-image { height: 100% } .rad-content-grid-card__full-image .cmp-image__image { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100% } @media(min-width:600px) { .rad-content-grid-card__full-image { aspect-ratio: .6509433962 } } .rad-content-grid-card__logo { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.4; margin-bottom: 1.5rem; margin-left: 1.5rem; margin-right: auto; text-transform: uppercase } @media(min-width:1440px) { .rad-content-grid-card__logo { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-content-grid-card__logo { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-content-grid-card__logo { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__logo { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-content-grid-card__logo { margin-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__logo { margin-left: 2rem } } .rad-content-grid-card__back-content { -webkit-box-align: end; -ms-flex-align: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: space-between } .rad-content-grid-card__content { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; margin-left: 1.5rem; margin-right: 1.5rem; margin-top: 1.5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-content-grid-card__content { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-content-grid-card__content { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-content-grid-card__content { margin-top: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__content { margin-top: 2rem } } @media(min-width:1440px) { .rad-content-grid-card__content { margin-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__content { margin-left: 2rem } } @media(min-width:1440px) { .rad-content-grid-card__content { margin-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card__content { margin-right: 2rem } } .rad-content-grid-card .rad-button, .rad-content-grid-card .rad-icon-button { color: inherit } .rad-content-grid-card .rad-button { margin-bottom: 1rem; margin-right: 1.5rem; z-index: 2 } @media(min-width:1440px) { .rad-content-grid-card .rad-button { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-content-grid-card .rad-button { margin-bottom: 1.3333333333rem } } @media(min-width:1440px) { .rad-content-grid-card .rad-button { margin-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-content-grid-card .rad-button { margin-right: 2rem } } .rad-content-grid-card--announcement { background-color: #39005e } .rad-content-grid-card--announcement .rad-content-grid-card__quarter-image { mix-blend-mode: screen } .rad-content-grid-card--announcement .cmp-image__image { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-content-grid-card--live-interview-landscape, .rad-content-grid-card--live-interview-portrait { background-color: #202020 } .rad-content-grid-card--live-interview-landscape .cmp-image__image, .rad-content-grid-card--live-interview-portrait .cmp-image__image { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-content-grid-card--podcast-landscape, .rad-content-grid-card--podcast-portrait { background-color: #f1f1ef; color: #000 } .rad-content-grid-card--podcast-landscape .cmp-image__image, .rad-content-grid-card--podcast-portrait .cmp-image__image { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-content-grid-card--case-study, .rad-content-grid-card--perspective { background-color: #f1f1ef; color: #000 } .rad-content-grid-card--research-report-dark { background-color: #000 } .rad-content-grid-card--research-report-light { background-color: #fff; color: #000 } .rad-card-carousel .flickity-page-dots { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: end; -ms-flex-pack: end; align-items: stretch; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; justify-content: flex-end; margin: 0 auto; max-width: 1920px; position: relative; right: 0; width: auto } @media(min-width:600px) { .rad-card-carousel .flickity-page-dots { height: 48px; margin: 0 2.75rem 0 auto } } @media(min-width:1440px) { .rad-card-carousel .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-card-carousel .flickity-page-dots { height: 64px } } @media(min-width:1024px) { .rad-card-carousel .flickity-page-dots { margin-right: 4.75rem } } @media(min-width:1440px) { .rad-card-carousel .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-card-carousel .flickity-page-dots { margin-right: 6.3333333333rem } } .rad-card-carousel .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: auto; margin: 0; padding: .25rem; position: relative; width: .5rem; z-index: 1 } .rad-card-carousel .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-card-carousel .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-card-carousel .flickity-page-dot:after, .rad-card-carousel .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-card-carousel .flickity-page-dot:first-child { overflow: visible } .rad-card-carousel .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-card-carousel .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-card-carousel .flickity-page-dot:hover { background: none } .rad-card-carousel .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-card-carousel .flickity-page-dot.is-selected { background: none } .rad-card-carousel .flickity-page-dot.is-selected:after { background: #fff } .rad-card-carousel .flickity-enabled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-card-carousel .flickity-viewport { -ms-flex-preferred-size: 100%; flex-basis: 100% } .rad-card-carousel .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; left: 0; margin-top: -12px; position: relative; right: 0; -webkit-transform: unset; transform: unset; width: 48px } @media(min-width:1440px) { .rad-card-carousel .flickity-prev-next-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-card-carousel .flickity-prev-next-button { width: 64px } } @media(min-width:1440px) { .rad-card-carousel .flickity-prev-next-button { height: 3.33333vw } } @media(min-width:1920px) { .rad-card-carousel .flickity-prev-next-button { height: 64px } } @media(min-width:600px) { .rad-card-carousel .flickity-prev-next-button { margin-top: 0 } } .rad-card-carousel .flickity-prev-next-button:focus { -webkit-box-shadow: none; box-shadow: none } .rad-card-carousel .flickity-prev-next-button.previous { margin-left: 2.25rem } @media(min-width:1024px) { .rad-card-carousel .flickity-prev-next-button.previous { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-card-carousel .flickity-prev-next-button.previous { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-card-carousel .flickity-prev-next-button.previous { margin-left: 5.6666666667rem } } .rad-card-carousel .flickity-prev-next-button.next { margin-left: 0.25rem } @media(min-width:1440px) { .rad-card-carousel .flickity-prev-next-button.next { margin-left: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-card-carousel .flickity-prev-next-button.next { margin-left: 0.3333333333rem } } .rad-card-carousel .flickity-button-icon { fill: #fff; position: static; width: 1.25rem } @media(min-width:1440px) { .rad-card-carousel .flickity-button-icon { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-card-carousel .flickity-button-icon { width: 1.6666666667rem } } .rad-card-carousel__text-container { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-card-carousel__text-container { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-card-carousel__heading { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-bottom: 1rem } @media(min-width:600px) { .rad-card-carousel__heading { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-card-carousel__heading { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-card-carousel__heading { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-carousel__heading { font-size: 4rem } } @media(min-width:600px) { .rad-card-carousel__heading { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-card-carousel__heading { margin-bottom: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-card-carousel__heading { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-card-carousel__heading { margin-bottom: 2.6666666667rem } } .rad-card-carousel__sub-heading { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333; margin-bottom: 2rem } @media(min-width:600px) { .rad-card-carousel__sub-heading { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-card-carousel__sub-heading { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-card-carousel__sub-heading { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-card-carousel__sub-heading { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-card-carousel__sub-heading { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-card-carousel__sub-heading { margin-bottom: 3rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-card-carousel__sub-heading { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-carousel__sub-heading { margin-bottom: 4rem } } .rad-card-carousel__view-all-button-wrapper { margin-bottom: 2rem } @media(min-width:1024px) { .rad-card-carousel__view-all-button-wrapper { margin-bottom: 3rem } } @media(min-width:1440px) { .rad-card-carousel__view-all-button-wrapper { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-carousel__view-all-button-wrapper { margin-bottom: 4rem } } @media(max-width:599px) { .rad-card-carousel__slider-receiver { -ms-overflow-style: none; overflow-x: scroll; scrollbar-width: none } .rad-card-carousel__slider-receiver::-webkit-scrollbar { display: none } } @media(max-width:599px) { .rad-card-carousel__cards-container { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } } .rad-card-carousel .rad-card { -ms-flex-negative: 0; flex-shrink: 0 } .rad-card-carousel .flickity-viewport { margin-bottom: 2rem } @media(min-width:1024px) { .rad-card-carousel .flickity-viewport { margin-bottom: 3rem } } @media(min-width:1440px) { .rad-card-carousel .flickity-viewport { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-carousel .flickity-viewport { margin-bottom: 4rem } } .rad-card-carousel .flickity-cell { padding-left: 1rem } @media(min-width:600px) { .rad-card-carousel .flickity-cell { padding-left: var(--rad-spacing-md) } } .rad-card-carousel__card-size-maintainer { height: 26.5rem; width: 18.75rem } @media(min-width:600px) { .rad-card-carousel__card-size-maintainer { height: unset; width: unset } } .rad-card-carousel__slider-container { margin: 2rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad-card-carousel__slider-container { display: none } } .rad-card-carousel__slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad-card-carousel__slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad-card-carousel__slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad-card-carousel__slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-card-carousel__slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-card-carousel__slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-card-carousel__slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-card-carousel__slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } @media(min-width:600px) { .rad-card-carousel__slider-container { display: none } } .rad-no-pointer-events { pointer-events: none } .rad-tile-grid { -webkit-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: shrink-margin-top; animation-name: shrink-margin-top; -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1); animation-timing-function: cubic-bezier(0.85, 0, 0, 1); opacity: 0; position: relative; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @-webkit-keyframes shrink-margin-top { 0% { margin-top: calc(100vh - var(--rad-nav-height)) } } @keyframes shrink-margin-top { 0% { margin-top: calc(100vh - var(--rad-nav-height)) } } .rad-tile-grid .flickity-page-dots { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: end; -ms-flex-pack: end; align-items: stretch; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; justify-content: flex-end; margin: 0 auto; max-width: 1920px; position: relative; right: 0; width: auto } @media(min-width:600px) { .rad-tile-grid .flickity-page-dots { height: 48px; margin: 0 2.75rem 0 auto } } @media(min-width:1440px) { .rad-tile-grid .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-tile-grid .flickity-page-dots { height: 64px } } @media(min-width:1024px) { .rad-tile-grid .flickity-page-dots { margin-right: 4.75rem } } @media(min-width:1440px) { .rad-tile-grid .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-tile-grid .flickity-page-dots { margin-right: 6.3333333333rem } } .rad-tile-grid .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: auto; margin: 0; padding: .25rem; position: relative; width: .5rem; z-index: 1 } .rad-tile-grid .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-tile-grid .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-tile-grid .flickity-page-dot:after, .rad-tile-grid .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-tile-grid .flickity-page-dot:first-child { overflow: visible } .rad-tile-grid .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-tile-grid .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-tile-grid .flickity-page-dot:hover { background: none } .rad-tile-grid .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-tile-grid .flickity-page-dot.is-selected { background: none } .rad-tile-grid .flickity-page-dot.is-selected:after { background: #fff } .rad-tile-grid .flickity-enabled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-tile-grid .flickity-viewport { -ms-flex-preferred-size: 100%; flex-basis: 100% } .rad-tile-grid .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; left: 0; margin-top: -12px; position: relative; right: 0; -webkit-transform: unset; transform: unset; width: 48px } @media(min-width:1440px) { .rad-tile-grid .flickity-prev-next-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-tile-grid .flickity-prev-next-button { width: 64px } } @media(min-width:1440px) { .rad-tile-grid .flickity-prev-next-button { height: 3.33333vw } } @media(min-width:1920px) { .rad-tile-grid .flickity-prev-next-button { height: 64px } } @media(min-width:600px) { .rad-tile-grid .flickity-prev-next-button { margin-top: 0 } } .rad-tile-grid .flickity-prev-next-button:focus { -webkit-box-shadow: none; box-shadow: none } .rad-tile-grid .flickity-prev-next-button.previous { margin-left: 2.25rem } @media(min-width:1024px) { .rad-tile-grid .flickity-prev-next-button.previous { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-tile-grid .flickity-prev-next-button.previous { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-tile-grid .flickity-prev-next-button.previous { margin-left: 5.6666666667rem } } .rad-tile-grid .flickity-prev-next-button.next { margin-left: 0.25rem } @media(min-width:1440px) { .rad-tile-grid .flickity-prev-next-button.next { margin-left: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-tile-grid .flickity-prev-next-button.next { margin-left: 0.3333333333rem } } .rad-tile-grid .flickity-button-icon { fill: #fff; position: static; width: 1.25rem } @media(min-width:1440px) { .rad-tile-grid .flickity-button-icon { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-tile-grid .flickity-button-icon { width: 1.6666666667rem } .rad-tile-grid { margin-left: calc(-50vw + 960px); margin-right: calc(-50vw + 960px) } } .rad-tile-grid.rad-tile-grid--html-complete { opacity: 1 } @media(min-width:600px) { .rad-tile-grid.rad-tile-grid--enable-slide-x-animation .rad-tile-grid__rows-container { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99); transition: -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99); transition: transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99); transition: transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99), -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99) } } .rad-tile-grid .rad-tile-grid__cards-container { -ms-overflow-style: none; overflow-y: scroll; scrollbar-width: none } .rad-tile-grid .rad-tile-grid__cards-container::-webkit-scrollbar { display: none } @media(min-width:1024px) { .rad-tile-grid .rad-tile-grid__cards-container { overflow-y: visible } } .rad-tile-grid .flickity-viewport { margin-bottom: 3.75rem; min-height: 14.0625rem; overflow: hidden; width: 100%; height: 430px !important; } @media(min-width:1440px) { .rad-tile-grid .flickity-viewport { margin-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-tile-grid .flickity-viewport { margin-bottom: 5rem } } .rad-tile-grid .flickity-cell { overflow: hidden; width: 100% } .rad-tile-grid .flickity-button:focus-visible { outline: 2px solid #a100ff; outline-offset: 8px } @media(min-width:1920px) { .rad-tile-grid .flickity-prev-next-button.previous { margin-left: calc(50vw - 853.33333px) } .rad-tile-grid .flickity-page-dots { margin-left: auto; margin-right: calc(50vw - 853.33333px) } } .rad-tile-grid .rad-tile-grid__slider-receiver { padding-bottom: 1.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-tile-grid .rad-tile-grid__slider-receiver { padding-bottom: 1.75rem } } .rad-tile-grid .rad-tile-grid__card-open-adjuster { -webkit-transition: margin-left 1000ms ease 0ms; transition: margin-left 1000ms ease 0ms } .rad-tile-grid .rad-tile-grid__mobile-cell { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 calc(9.375rem - 50vw + 8px); padding: 2.5rem 0 3rem; width: 100vw } .rad-tile-grid .is-selected { z-index: 1 } .rad-tile-grid .rad-tile-grid__rows-container { margin-right: 5rem; min-width: 100% } @media(min-width:600px) { .rad-tile-grid .rad-tile-grid__rows-container { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } } .rad-tile-grid .rad-tile-grid__row { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-tile-grid .rad-tile-grid__row { -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; padding: 0 3rem; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } } @media(min-width:1024px) { .rad-tile-grid .rad-tile-grid__row { -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; margin: 0 auto; padding-left: 5rem; padding-right: 5rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: translate; transition-property: translate; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } } @media(min-width:1440px) { .rad-tile-grid .rad-tile-grid__row { -webkit-column-gap: calc(5rem + 5.55556vw - 80px); -moz-column-gap: calc(5rem + 5.55556vw - 80px); column-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-tile-grid .rad-tile-grid__row { -webkit-column-gap: 6.6666666667rem; -moz-column-gap: 6.6666666667rem; column-gap: 6.6666666667rem } } @media(min-width:1440px) { .rad-tile-grid .rad-tile-grid__row { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-tile-grid .rad-tile-grid__row { padding-left: 6.6666666667rem } } @media(min-width:1440px) { .rad-tile-grid .rad-tile-grid__row { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-tile-grid .rad-tile-grid__row { padding-right: 6.6666666667rem } } @media(min-width:600px) { .rad-tile-grid .rad-tile-grid__row:last-child { margin-top: 3rem } } @media(min-width:1024px) { .rad-tile-grid .rad-tile-grid__row:last-child { margin-top: 5rem } } .rad-tile-grid .rad-card--place-holder { background: none } .rad-tile-grid__slider-container { margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad-tile-grid__slider-container { display: none } } .rad-tile-grid__slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad-tile-grid__slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad-tile-grid__slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad-tile-grid__slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-tile-grid__slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-tile-grid__slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-tile-grid__slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-tile-grid__slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-breadcrumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; padding: 1.5rem 0; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-breadcrumb { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-breadcrumb { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-breadcrumb { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-breadcrumb__item-see { display: none } @media(max-width:767px) { .rad-breadcrumb__item { overflow: hidden } .rad-breadcrumb__item:not(.rad-breadcrumb__link:last-of-type) { display: none } .rad-breadcrumb__item-see { display: inline } .rad-breadcrumb__item-text { text-overflow: ellipsis } .rad-breadcrumb__link:last-of-type:before { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 80%; height: 20px; justify-content: center; margin-right: 8px; width: 20px } .rad-breadcrumb__separator { display: none } } @media(min-width:600px) { .rad-breadcrumb { padding-bottom: 3rem; padding-top: 3rem } } @media(min-width:1440px) { .rad-breadcrumb { padding-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-breadcrumb { padding-bottom: 4rem } } @media(min-width:1440px) { .rad-breadcrumb { padding-top: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-breadcrumb { padding-top: 4rem } } .rad-breadcrumb__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2.5rem; padding: 0.625rem 0.5rem } @media(min-width:1440px) { .rad-breadcrumb__item { height: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-breadcrumb__item { height: 3.3333333333rem } } @media(min-width:1440px) { .rad-breadcrumb__item { padding-bottom: calc(0.625rem + 0.69444vw - 10px) } } @media(min-width:1920px) { .rad-breadcrumb__item { padding-bottom: 0.8333333333rem } } @media(min-width:1440px) { .rad-breadcrumb__item { padding-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-breadcrumb__item { padding-left: 0.6666666667rem } } @media(min-width:1440px) { .rad-breadcrumb__item { padding-right: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-breadcrumb__item { padding-right: 0.6666666667rem } } @media(min-width:1440px) { .rad-breadcrumb__item { padding-top: calc(0.625rem + 0.69444vw - 10px) } } @media(min-width:1920px) { .rad-breadcrumb__item { padding-top: 0.8333333333rem } } .rad-breadcrumb__item:not(.rad-breadcrumb__link) { color: #a2a2a0 } .rad-breadcrumb__item:last-child { overflow: hidden } .rad-breadcrumb__item-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .rad-breadcrumb__link { text-decoration: none } .rad-breadcrumb__link, .rad-breadcrumb__link:visited { color: #fff } .rad-breadcrumb__link:hover { color: #dcafff } .rad-breadcrumb__link .rad-breadcrumb__item-text { position: relative } .rad-breadcrumb__link .rad-breadcrumb__item-text:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 0 } :hover>.rad-breadcrumb__item-text:after { width: 100% } @media(min-width:1920px) { .rad-banner { margin-left: calc(-50vw + 960px); margin-right: calc(-50vw + 960px) } } .rad-banner__background-color-container { background-color: #101010 } .rad-banner__content-container { margin: 0 auto; max-width: 120rem; padding-bottom: 2.5rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 2.5rem } @media(min-width:600px) { .rad-banner__content-container { padding-bottom: 3.75rem; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md); padding-top: 3.75rem } } @media(min-width:1440px) { .rad-banner__content-container { padding-top: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-banner__content-container { padding-top: 5rem } } @media(min-width:1440px) { .rad-banner__content-container { padding-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-banner__content-container { padding-bottom: 5rem } } .rad-banner__headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-banner__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-banner__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-banner__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-banner__headline { font-size: 4rem } } @media(min-width:600px) { .rad-banner__headline { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner__headline { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-banner.rad-banner--headline-large .rad-banner__headline { font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25 } @media(min-width:600px) { .rad-banner.rad-banner--headline-large .rad-banner__headline { font-size: 3.75rem; line-height: 1.067 } } @media(min-width:1440px) { .rad-banner.rad-banner--headline-large .rad-banner__headline { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-banner.rad-banner--headline-large .rad-banner__headline { font-size: 5rem } } .rad-banner__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.25rem; font-weight: 300; line-height: 1.4; margin-top: 1rem } @media(min-width:600px) { .rad-banner__subheader { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-banner__subheader { font-size: 2.25rem; line-height: 1.222 } } @media(min-width:1440px) { .rad-banner__subheader { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-banner__subheader { font-size: 3rem } } @media(min-width:600px) { .rad-banner__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-size: 1.5rem; font-weight: 300; line-height: 1.333; margin-top: 1.5rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0) } } @media(min-width:1024px) { .rad-banner__subheader { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-banner__subheader { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-banner__subheader { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-banner__subheader { width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner__subheader { margin-top: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-banner__subheader { margin-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-banner__subheader { margin-top: 2.6666666667rem } } .rad-banner__body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-top: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-banner__body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-banner__body { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-banner__body { font-size: 1.125rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.6; margin-top: 1.5rem; text-underline-offset: .25rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0) } } @media(min-width:1024px) { .rad-banner__body { font-size: 1.25rem } } @media(min-width:1440px) { .rad-banner__body { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-banner__body { font-size: 1.6666666667rem } } @media(min-width:600px) { .rad-banner__body { width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner__body { margin-top: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0); width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0); width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-banner__body { margin-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-banner__body { margin-top: 2.6666666667rem } } .rad-banner__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-top: 2.5rem; row-gap: 1rem } @media(min-width:600px) { .rad-banner__buttons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; -ms-flex-direction: row; flex-direction: row; margin-top: 1.5rem } } @media(min-width:1024px) { .rad-banner__buttons { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; margin-top: 2rem } } @media(min-width:1440px) { .rad-banner__buttons { -webkit-column-gap: calc(2rem + 2.22222vw - 32px); -moz-column-gap: calc(2rem + 2.22222vw - 32px); column-gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-banner__buttons { -webkit-column-gap: 2.6666666667rem; -moz-column-gap: 2.6666666667rem; column-gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-banner__buttons { margin-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-banner__buttons { margin-top: 2.6666666667rem } } .rad-banner .rad-button.rad-button--primary { padding: 0 1.25rem } .rad-banner .rad-button.rad-button--primary:hover { color: #fff } @media(min-width:600px) { .rad-banner .rad-button.rad-button--primary { padding-left: 1.5rem; padding-right: 1.5rem } } @media(min-width:1440px) { .rad-banner .rad-button.rad-button--primary { padding-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-banner .rad-button.rad-button--primary { padding-right: 2rem } } @media(min-width:1440px) { .rad-banner .rad-button.rad-button--primary { padding-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-banner .rad-button.rad-button--primary { padding-left: 2rem } } .rad-banner .rad-button.rad-button--secondary { padding: 0 1.1875rem } @media(min-width:600px) { .rad-banner .rad-button.rad-button--secondary { padding-left: 1.4375rem; padding-right: 1.4375rem } } @media(min-width:1440px) { .rad-banner .rad-button.rad-button--secondary { padding-right: calc(1.4375rem + 1.59722vw - 23px) } } @media(min-width:1920px) { .rad-banner .rad-button.rad-button--secondary { padding-right: 1.9166666667rem } } @media(min-width:1440px) { .rad-banner .rad-button.rad-button--secondary { padding-left: calc(1.4375rem + 1.59722vw - 23px) } } @media(min-width:1920px) { .rad-banner .rad-button.rad-button--secondary { padding-left: 1.9166666667rem } } .rad-banner.rad-banner--centered { text-align: center } .rad-banner.rad-banner--centered .rad-banner__body, .rad-banner.rad-banner--centered .rad-banner__headline, .rad-banner.rad-banner--centered .rad-banner__subheader { margin-left: auto; margin-right: auto } @media(min-width:1024px) { .rad-banner.rad-banner--centered .rad-banner__body { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-banner.rad-banner--centered .rad-banner__buttons { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; justify-content: center } .rad-banner.rad-banner--background-image .rad-banner__background-color-container { background-image: url(clientlib-rad/resources/images/banner/Banner_Mobile_Illustration.svg); background-position: 100%; background-repeat: no-repeat } @media(min-width:600px) { .rad-banner.rad-banner--background-image .rad-banner__background-color-container { background-image: url(clientlib-rad/resources/images/banner/Banner_Tablet_Illustration.svg) } } @media(min-width:1024px) { .rad-banner.rad-banner--background-image .rad-banner__background-color-container { background-image: none } .rad-banner.rad-banner--background-image .rad-banner__content-container { background-image: url(clientlib-rad/resources/images/banner/Banner_Desktop_Left-Illustration.svg); background-position: 100%; background-repeat: no-repeat } } @media(min-width:1440px) { .rad-banner.rad-banner--background-image .rad-banner__content-container { background-size: 100% auto } } @media(min-width:1024px) { .rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container { background-image: url(clientlib-rad/resources/images/banner/Banner_Desktop_Center-Illustration.svg); background-position: 50% } } @media(min-width:1440px) { .rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container { background-size: 152% auto } } @media(min-width:1920px) { .rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container { background-size: auto 924px } } @media(min-width:1024px) { .rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__content-container { background-image: none } } .rad-banner.rad-banner--no-background .rad-banner__background-color-container { background: none } .rad-carousel-block { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-carousel-block { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-carousel-block__image { display: block; margin-bottom: 24px; margin-left: calc(var(--rad-spacing-sm)*-1); margin-right: calc(var(--rad-spacing-sm)*-1); max-width: none; width: calc(100vw - var(--scrollbar-width)) } .rad-carousel-block__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 1rem } @media(min-width:600px) { .rad-carousel-block__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-carousel-block__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-carousel-block__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-carousel-block__title { font-size: 2.6666666667rem } } .rad-carousel-block__body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-carousel-block__body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-carousel-block__body { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-carousel-block { -webkit-box-align: end; -ms-flex-align: end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: space-between } .rad-carousel-block__image { margin: 0; margin-left: calc(var(--rad-spacing-md)*-1); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-carousel-block__image { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:600px) { .rad-carousel-block__text-container { width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-carousel-block__text-container { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-carousel-block__title { font-size: 1.125rem; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; line-height: 1.4 } } @media(min-width:1024px) { .rad-carousel-block__title { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-carousel-block__title { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-carousel-block__title { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-carousel-block__body { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-carousel-block__body { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-carousel-block__body { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-carousel-block__image { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1) } .rad-carousel-block__text-container { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-carousel-block__body, .rad-carousel-block__title { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-carousel-block__body, .rad-carousel-block__title { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-carousel-block__body, .rad-carousel-block__title { margin-bottom: 2rem } } .rad-footer { background: #000; color: #fff; margin: 0 auto; max-width: 120rem; overflow: hidden; padding: 0; position: relative } @media(min-width:600px) { .rad-footer { --lottie-top: 60; --lottie-top: 9.25rem; padding: 0 } } @media(min-width:1440px) { .rad-footer { --lottie-top: calc(9.25rem + 10.27778vw - 148px) } } @media(min-width:1920px) { .rad-footer { --lottie-top: 12.3333333333rem } } .rad-footer__main { padding: 1.5rem 1rem } @media(min-width:600px) { .rad-footer__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; min-height: 100svh; padding: 3.75rem 3rem 3rem; position: relative; z-index: 1 } } @media(min-width:1024px) { .rad-footer__main { margin: 0 auto; max-width: 120rem; padding-bottom: 4rem; padding-left: 5rem; padding-right: 5rem; padding-top: var(--lottie-top) } } @media(min-width:1440px) { .rad-footer__main { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-footer__main { padding-right: 6.6666666667rem } } @media(min-width:1440px) { .rad-footer__main { padding-bottom: calc(4rem + 4.44444vw - 64px) } } @media(min-width:1920px) { .rad-footer__main { padding-bottom: 5.3333333333rem } } @media(min-width:1440px) { .rad-footer__main { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-footer__main { padding-left: 6.6666666667rem } } @media(min-width:600px) { .rad-footer__copyright, .rad-footer__links-container, .rad-footer__title { width: calc(50% - 0.75rem) } } .rad-footer__title { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.167; margin-bottom: 2rem } @media(min-width:600px) { .rad-footer__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-footer__title { font-size: 2.25rem; line-height: 1.111 } } @media(min-width:1440px) { .rad-footer__title { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-footer__title { font-size: 3rem } } @media(min-width:600px) { .rad-footer__title { margin-bottom: 3rem } } @media(min-width:1024px) { .rad-footer__title { font-size: 1.25rem; font-size: 1.5rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; line-height: 1.167; line-height: 1.25; margin-bottom: 5rem; width: 25.3125rem } } @media(min-width:1440px) { .rad-footer__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-footer__title { font-size: 2.6666666667rem } } @media(min-width:1440px) { .rad-footer__title { margin-bottom: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-footer__title { margin-bottom: 6.6666666667rem } } .rad-footer__links-container { margin-bottom: 1rem } @media(min-width:600px) { .rad-footer__links-container { margin-bottom: 1.5rem } } @media(min-width:1024px) { .rad-footer__links-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem } } @media(min-width:1440px) { .rad-footer__links-container { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-footer__links-container { margin-bottom: 2.6666666667rem } } .rad-footer__links-column { list-style: none; margin: 0; padding-left: 0 } @media(min-width:1024px) { .rad-footer__links-column { width: 11.625rem } } @media(min-width:1440px) { .rad-footer__links-column { width: calc(11.625rem + 12.91667vw - 186px) } } @media(min-width:1920px) { .rad-footer__links-column { width: 15.5rem } } @media(min-width:1024px) { .rad-footer__links-column:first-child { margin-right: 2rem } } @media(min-width:1440px) { .rad-footer__links-column:first-child { margin-right: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-footer__links-column:first-child { margin-right: 2.6666666667rem } } @media(min-width:1024px) { .rad-footer__link-item:last-child .rad-footer__link { margin-bottom: 0 } } .rad-footer__link { color: #fff; display: block; font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 1rem; position: relative; text-decoration: none; text-underline-offset: .25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1440px) { .rad-footer__link { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-footer__link { font-size: 1.3333333333rem } } @media(min-width:1440px) { .rad-footer__link { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-footer__link { margin-bottom: 1.3333333333rem } } @media(min-width:1024px) { .rad-footer__link { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-footer__link { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-footer__link { font-size: 1.1666666667rem } } .rad-footer__link:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 0 } .rad-footer__link:hover:after { width: 100% } .rad-footer__link:hover { color: #a2a2a0 } .rad-footer__copyright { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-footer__copyright { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-footer__copyright { font-size: 1.1666666667rem } } .rad-footer__lottie-positioner { overflow: hidden } @media(min-width:600px) { .rad-footer__lottie-positioner { bottom: 0; max-width: calc(50% - 0.375rem); position: absolute; right: 0; top: var(--lottie-top) } } @media(min-width:1024px) { .rad-footer__lottie-positioner { max-width: calc(50% - 0.5rem) } } .rad-footer__lottie-centerer { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; max-width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-footer__lottie-ratio-maintainer { min-width: 999vw } } .cmp-global-header { background: #000; color: #fff; padding-top: var(--rad-global-header-height) } .cmp-global-header nav { background: #000; left: 0; position: fixed; right: 0; top: 0; z-index: 1001 } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__content { bottom: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button { border: none } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button div { width: 14px } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span { -webkit-transform-origin: left center; transform-origin: left center; width: 18px } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:first-child { top: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:nth-child(2) { opacity: 0; width: 0% } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:nth-child(3) { top: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__logo { display: none } @media(min-width:600px) { .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__content { -webkit-transform: translateX(0); transform: translateX(0) } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__logo { display: -webkit-box; display: -ms-flexbox; display: flex } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-overlay { opacity: .6; -webkit-transform: none; transform: none; z-index: 999 } } .cmp-global-header__navbar-container { -webkit-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: enterFromTop; animation-name: enterFromTop; -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1); animation-timing-function: cubic-bezier(0.85, 0, 0, 1); display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--rad-global-header-height) } @-webkit-keyframes enterFromTop { 0% { -webkit-transform: translateY(-var(--rad-global-header-height)); transform: translateY(-var(--rad-global-header-height)) } } @keyframes enterFromTop { 0% { -webkit-transform: translateY(-var(--rad-global-header-height)); transform: translateY(-var(--rad-global-header-height)) } } @media(min-width:600px) { .cmp-global-header__navbar-container { background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1 } } @media(min-width:1201px) { .cmp-global-header__navbar-container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1920px } } .cmp-global-header__primary-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 66% } @media(min-width:1201px) { .cmp-global-header__primary-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 75vw } } @media(min-width:1920px) { .cmp-global-header__primary-nav { width: 1440px } } .cmp-global-header__utility-nav { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; width: 34% } @media(min-width:1201px) { .cmp-global-header__utility-nav { width: 25vw } } @media(min-width:1440px) { .cmp-global-header__utility-nav { width: 25% } } @media(min-width:1920px) { .cmp-global-header__utility-nav { width: 480px } } .cmp-global-header__search { z-index: 2 } .cmp-global-header__search a { color: #fff; height: 48px; width: 48px } .cmp-global-header__search a, .cmp-global-header__search a:after { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; text-decoration: none } .cmp-global-header__search a:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-font-smoothing: antialiased; align-items: center; content: ""; font-family: icont; font-size: 1.5rem; font-size: 1.125rem; font-style: normal; font-weight: 400 } @media(min-width:1440px) { .cmp-global-header__search a:after { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .cmp-global-header__search a:after { font-size: 2rem } } .cmp-global-header__search a:focus { outline-offset: -1px } @media(min-width:600px) { .cmp-global-header__search a { -webkit-box-pack: right; -ms-flex-pack: right; height: var(--rad-global-header-height); justify-content: right } } .cmp-global-header__menu { z-index: 2 } @media(min-width:1201px) { .cmp-global-header__menu { display: none } } .cmp-global-header__menu-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: start; -ms-flex-pack: start; align-items: center; background: transparent; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--rad-global-header-height); justify-content: flex-start; padding: 0; width: 5rem } .cmp-global-header__menu-button div { height: 16px; left: 16px; position: relative; width: 14px } @media(min-width:600px) { .cmp-global-header__menu-button div { left: 48px } } @media(min-width:1024px) { .cmp-global-header__menu-button div { left: 80px } } .cmp-global-header__menu-button span { background: #fff; display: block; height: 2px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; width: 100% } .cmp-global-header__menu-button span:first-child { top: 0 } .cmp-global-header__menu-button span:nth-child(2) { top: 6px; width: calc(100% + 4px) } .cmp-global-header__menu-button span:nth-child(3) { top: 12px } .cmp-global-header__logo { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; left: 0; margin: auto; position: absolute; right: 0; width: 100%; z-index: 1 } .cmp-global-header__logo .cmp-logo { display: block } .cmp-global-header__logo .cmp-logo__svg-wrapper svg { height: 24px } @media(min-width:600px) { .cmp-global-header__logo .cmp-logo__svg-wrapper svg { height: 32px } } @media(min-width:1201px) { .cmp-global-header__logo .cmp-logo__svg-wrapper svg { height: auto } } @media(max-width:599px) { .cmp-global-header__logo .cmp-logo .cmp-logo__greater-than { -webkit-transform: translateX(57px); transform: translateX(57px) } .cmp-global-header__logo .cmp-logo .cmp-logo__text { display: none; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; translate: none } .cmp-global-header__logo .cmp-logo:hover .cmp-logo__greater-than, .cmp-global-header__logo .cmp-logo:hover .cmp-logo__text { scale: none; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; translate: none } .cmp-global-header__logo .cmp-logo:hover .cmp-logo__greater-than { -webkit-transform: translateX(57px); transform: translateX(57px) } } @media(min-width:600px) { .cmp-global-header__logo { display: -webkit-box; display: -ms-flexbox; display: flex } } @media(min-width:1201px) { .cmp-global-header__logo { -webkit-box-pack: start; -ms-flex-pack: start; display: block; justify-content: flex-start; margin: 0; max-width: 168px; padding-left: 80px; position: relative; right: 0; width: 25vw; z-index: 1 } } @media(min-width:1440px) { .cmp-global-header__logo { max-width: unset; padding-left: 80px; padding-left: 5.55556vw } } @media(min-width:1920px) { .cmp-global-header__logo { padding-left: 106.6666666667px; width: 480px } } .cmp-global-header__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; background: #202020; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: calc(100vh - var(--rad-global-header-height)); left: 0; margin-top: var(--rad-global-header-height); opacity: 0; overflow-x: hidden; overflow-y: auto; position: fixed; scrollbar-color: #a100ff #460073; scrollbar-width: thin; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .45s ease-in-out; transition: .45s ease-in-out; visibility: hidden; width: 100% } .cmp-global-header__content::-webkit-scrollbar { height: 4px; width: 4px } .cmp-global-header__content::-webkit-scrollbar-track { background-color: #460073 } .cmp-global-header__content::-webkit-scrollbar-thumb { background-color: #a100ff } @media(min-width:600px) { .cmp-global-header__content { -webkit-transform: translateX(-105%); transform: translateX(-105%); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; width: 320px } } @media(min-width:1201px) { .cmp-global-header__content { background-color: #000; height: auto; margin-top: 0; opacity: 1; overflow: visible; position: static; top: auto; -webkit-transform: none; transform: none; -webkit-transition-property: opacity; transition-property: opacity; visibility: visible; width: 50vw } } @media(min-width:1920px) { .cmp-global-header__content { width: 960px } } .cmp-global-header__nav-menu { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; list-style-type: none; margin: 0; padding: 24px 16px } @media(min-width:600px) { .cmp-global-header__nav-menu { padding: 48px } } @media(min-width:1201px) { .cmp-global-header__nav-menu { -webkit-box-flex: 1; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; gap: 40px; justify-content: center; padding: 0 } } @media(min-width:1440px) { .cmp-global-header__nav-menu { gap: 40px } } .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-item-content, .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__title-link-list__content { background-color: #202020; height: 100% } @media(min-width:1024px) { .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-item-content, .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__title-link-list__content { height: unset; visibility: visible } } .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button { font-size: 1.3333333333rem } } .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } @media(min-width:1201px) { .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button { color: #a2a2a0 } } .cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--no-animation .cmp-global-header__nav-menu-item-content { -webkit-transition: none; transition: none } @media(min-width:1201px) { .cmp-global-header__nav-menu-item { margin-left: 2px; margin-right: 2px } } .cmp-global-header__nav-menu-label-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; height: 40px; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 8px; padding: 0; position: relative; text-underline-offset: .25rem; width: 100% } @media(min-width:1440px) { .cmp-global-header__nav-menu-label-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .cmp-global-header__nav-menu-label-button { font-size: 1.3333333333rem } } .cmp-global-header__nav-menu-label-button:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-font-smoothing: antialiased; align-items: center; bottom: 0; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 1.5rem; font-size: .5rem; font-style: normal; font-weight: 400; height: 40px; justify-content: center; position: absolute; right: 0; text-decoration: none; top: 0; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; width: 20px } @media(min-width:1440px) { .cmp-global-header__nav-menu-label-button:after { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .cmp-global-header__nav-menu-label-button:after { font-size: 2rem } } @media(min-width:1440px) { .cmp-global-header__nav-menu-label-button:after { font-size: 0.625rem; font-size: calc(0.625rem + 0.69444vw - 10px) } } @media(min-width:1920px) { .cmp-global-header__nav-menu-label-button:after { font-size: 0.8333333333rem } } .cmp-global-header__nav-menu-label-button:focus { outline-offset: -1px } @media(min-width:1201px) { .cmp-global-header__nav-menu-label-button { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 100%; padding-top: 3px; white-space: nowrap } .cmp-global-header__nav-menu-label-button:after { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; position: relative } } @media(min-width:1440px) { .cmp-global-header__nav-menu-label-button:after { margin-left: 0.55556vw } } @media(min-width:1920px) { .cmp-global-header__nav-menu-label-button:after { margin-left: 10.6666666667px } } @media(min-width:1201px) { .cmp-global-header__nav-menu-label-button--no-drawer:after { display: none } } @media(min-width:1920px) { .cmp-global-header__nav-menu-label-button:after { font-size: .75rem } } .cmp-global-header__nav-menu-item-content { max-height: 0; overflow: hidden; -webkit-transition: 400ms cubic-bezier(0.02, 0.01, 0.47, 1); transition: 400ms cubic-bezier(0.02, 0.01, 0.47, 1); will-change: max-height } @media(min-width:1201px) { .cmp-global-header__nav-menu-item-content { bottom: unset; left: 0; position: absolute; right: 0; top: var(--rad-global-header-height); visibility: hidden; width: 100vw; z-index: -1 } } @media(min-width:1440px) { .cmp-global-header__nav-menu-item-content { margin-left: 0 } .cmp-global-header__nav-menu-item-content .cmp-global-header__drawer { margin: 0 auto; max-width: 1920px } } .cmp-global-header__menu-footer { margin-bottom: 0; margin-top: auto; padding: 0 16px 24px } @media(min-width:600px) { .cmp-global-header__menu-footer { padding: 0 48px 48px } } @media(min-width:1201px) { .cmp-global-header__menu-footer { display: none } } .cmp-global-header__menu-footer .cmp-global-header__action-container { -ms-flex-wrap: wrap; flex-wrap: wrap } .cmp-global-header__social-icons { -webkit-box-pack: start; -ms-flex-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; margin: 0; padding: 24px 0 0 } .cmp-global-header__social-icons a, .cmp-global-header__social-icons li { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .cmp-global-header__social-icons a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-font-smoothing: antialiased; color: #fff; font-family: icont; font-size: 1.5rem; font-style: normal; font-weight: 400; height: 24px; justify-content: center; margin-right: 16px; text-decoration: none; width: 24px } @media(min-width:1440px) { .cmp-global-header__social-icons a { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .cmp-global-header__social-icons a { font-size: 2rem } } .cmp-global-header__social-icons a.cmp-global-header__icon--facebook:after { content: ""; font-size: 83.3333333333% } .cmp-global-header__social-icons a.cmp-global-header__icon--twitter:after { content: ""; font-size: 67.7083333333% } .cmp-global-header__social-icons a.cmp-global-header__icon--linkedin:after { content: ""; font-size: 75% } .cmp-global-header__social-icons a.cmp-global-header__icon--google:after { content: ""; font-size: 83.3333333333% } .cmp-global-header__social-icons a.cmp-global-header__icon--instagram:after { content: ""; font-size: 75% } .cmp-global-header__utility-links { margin: 0; padding: 0 } .cmp-global-header__utility-links li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; margin-bottom: 8px } .cmp-global-header__utility-links a { color: #fff; font-size: 1rem; text-align: center; text-decoration: none } @media(min-width:600px) { .cmp-global-header__menu-overlay { background-color: rgba(32, 32, 32, .75); height: 100%; opacity: 0; position: fixed; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; width: 100%; z-index: -9999 } } html.cmp-global-header--menu-open { overflow: hidden } .cmp-global-header__group-link-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .cmp-global-header__group-link-list .content-card--cardwithbutton { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } @media(min-width:1201px) { .cmp-global-header__group-link-list { display: block } .cmp-global-header__group-link-list .content-card--cardwithbutton { -webkit-box-ordinal-group: unset; -ms-flex-order: unset; order: unset } } .cmp-global-header__group-link-list .cmp-global-header__menu-footer { background-color: #202020; padding-top: 32px } .cmp-global-header__title-link-list__content { position: relative; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible } @media(max-width:1200px) { .cmp-global-header:not(.cmp-global-header--menu-open) .cmp-global-header__content { display: none; height: 0; opacity: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; visibility: hidden; width: 0 } } .rad--has-subnav .cmp-global-header nav { -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top; transition-property: top } .rad--has-subnav.rad-global-header--offscreen .cmp-global-header nav { top: calc(var(--rad-global-header-height)*-1) } .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__language-container { background-color: #000; position: absolute; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .7s ease-in-out; transition: .7s ease-in-out; width: auto; z-index: 2 } @media(min-width:600px) { .cmp-global-header.cmp-global-header--menu-open .cmp-global-header__language-container { position: relative } } .cmp-global-header__language-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100%; -webkit-transform: translateY(-200%); transform: translateY(-200%); width: 0; z-index: 2 } @media(min-width:600px) { .cmp-global-header__language-container { position: relative; -webkit-transform: none; transform: none; width: auto } } .cmp-global-header__language-selector { background-color: #000; border: none; color: #fff; margin-left: 24px; margin-right: 16px; min-height: 100%; opacity: 1 } .cmp-global-header__language-selector, .cmp-global-header__language-selector:before { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .cmp-global-header__language-selector:before { -webkit-box-pack: center; -ms-flex-pack: center; content: ""; font-family: icont; font-size: 1.25rem; font-style: normal; font-weight: 400; justify-content: center } @media(min-width:1440px) { .cmp-global-header__language-selector:before { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .cmp-global-header__language-selector:before { font-size: 1.6666666667rem } } .cmp-global-header__language-selector .current-country-text { padding-left: 6px } .cmp-global-header__language-selector:focus, .cmp-global-header__language-selector:hover { outline-offset: -1px } @media(min-width:600px) { .cmp-global-header__language-selector { margin-right: 48px; -webkit-transform: inherit; transform: inherit } } @media(min-width:1024px) { .cmp-global-header__language-selector { margin-left: 32px; margin-right: 80px } } @media(min-width:1440px) { .cmp-global-header__language-selector { margin-left: 32px; margin-right: 80px; margin-right: 5.55556vw } } @media(min-width:1920px) { .cmp-global-header__language-selector { margin-right: 106.6666666667px } } @media(min-width:1440px) { .cmp-global-header__language-selector { margin-left: 2.22222vw } } @media(min-width:1920px) { .cmp-global-header__language-selector { margin-left: 42.6666666667px } } .cmp-global-header__language-selector .icon-down-caret { display: inline-block; height: 24px; position: relative; width: 24px } .cmp-global-header__language-selector .icon-down-caret:before { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 37.5%; font-style: normal; font-weight: 400; height: 100%; justify-content: center; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } @media(min-width:1440px) { .cmp-global-header__language-selector .icon-down-caret:before { font-size: 0.625rem; font-size: calc(0.625rem + 0.69444vw - 10px) } } @media(min-width:1920px) { .cmp-global-header__language-selector .icon-down-caret:before { font-size: 0.8333333333rem } } .cmp-global-header__language-selector[aria-expanded=true] .icon-down-caret:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .cmp-global-header__language-options { background-color: #202020; display: none; position: absolute; right: 20px; top: 70px; width: 304px } @media(min-width:600px) { .cmp-global-header__language-options { top: 80px } } @media(min-width:1201px) { .cmp-global-header__language-options { top: 88px } } @media(min-width:1440px) { .cmp-global-header__language-options { top: 6.11111vw } } @media(min-width:1920px) { .cmp-global-header__language-options { top: 117.3333333333px } } .cmp-global-header__language-options .arrow-up { display: none } .cmp-global-header__language-options .input-group { height: 16px; width: 100% } .cmp-global-header__language-options .country-list { height: 410px; overflow-x: hidden; overflow-y: auto; scrollbar-color: #a100ff #460073; scrollbar-width: thin } .cmp-global-header__language-options .country-list::-webkit-scrollbar { height: 4px; width: 4px } .cmp-global-header__language-options .country-list::-webkit-scrollbar-track { background-color: #460073 } .cmp-global-header__language-options .country-list::-webkit-scrollbar-thumb { background-color: #a100ff } .cmp-global-header__language-menu { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; list-style-type: none; margin: 0; padding: 0; text-underline-offset: .25rem } @media(min-width:1440px) { .cmp-global-header__language-menu { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .cmp-global-header__language-menu { font-size: 1.3333333333rem } } .cmp-global-header__language-menu li { -webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2); box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2); padding: 12px 32px } .cmp-global-header__language-menu li a { color: #fff; text-decoration: none } .cmp-global-header__language-menu li :hover { color: #a2a2a0; text-decoration: underline } .cmp-global-header__language-menu li :focus { text-decoration: underline } .cmp-global-header__language-menu .default { -webkit-box-shadow: none; box-shadow: none; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .cmp-global-header__language-menu .default { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .cmp-global-header__language-menu .default { font-size: 1.1666666667rem } } .cmp-global-header__language-menu .dropdown-header { -webkit-box-shadow: none; box-shadow: none; color: #fff; font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-bottom: 24px; padding-top: 32px } @media(min-width:1440px) { .cmp-global-header__language-menu .dropdown-header { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .cmp-global-header__language-menu .dropdown-header { font-size: 1.1666666667rem } } .cmp-global-header .cmp-global-header__language-selector--show, .cmp-global-header .cmp-global-header__signed-in-option-selector--show { display: block } #cmp-global-header__current-country { display: none } @media(min-width:1201px) { .cmp-global-header__drawer { background-color: #202020; max-height: calc(100vh - 88px); overflow-y: auto; padding-bottom: 80px; padding-top: 80px } } @media(min-width:1440px) { .cmp-global-header__drawer { padding-top: 5.55556vw } } @media(min-width:1920px) { .cmp-global-header__drawer { padding-top: 106.6666666667px } } @media(min-width:1440px) { .cmp-global-header__drawer { padding-bottom: 5.55556vw } } @media(min-width:1920px) { .cmp-global-header__drawer { padding-bottom: 106.6666666667px } } @media(min-width:1201px) { .cmp-global-header__drawer-content { margin-left: auto; margin-right: auto; padding-left: var(--rad-spacing-sm); padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-sm); padding-right: var(--rad-spacing-md) } .cmp-global-header__drawer-two-columns { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .cmp-global-header__drawer-left-column { width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .cmp-global-header__drawer-right-column { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .cmp-global-header__drawer-right-column .cmp-global-header__group-link-list { max-width: 100% } } .cmp-global-header__inner-link-list { list-style-type: none; padding-left: 0 } .cmp-global-header__inner-link-list a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 16px; padding-left: 16px; position: relative; text-decoration: none; text-underline-offset: .25rem; width: auto } @media(min-width:600px) { .cmp-global-header__inner-link-list a { font-size: 1rem; font-weight: 400; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .cmp-global-header__inner-link-list a { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .cmp-global-header__inner-link-list a { font-size: 1.3333333333rem } } @media(min-width:1201px) { .cmp-global-header__inner-link-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } .cmp-global-header__inner-link-list li { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; max-width: 25%; padding-right: 15px } .cmp-global-header__inner-link-list a { border: none; color: #fff; display: inline-block; margin-bottom: 16px; min-height: auto; padding-left: 0; padding-right: 0; word-break: break-word } .cmp-global-header__inner-link-list a:focus, .cmp-global-header__inner-link-list a:hover { text-decoration: underline } .cmp-global-header__link-list.cmp-global-header__link-list--full-width-li .cmp-global-header__inner-link-list li:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: none } .cmp-global-header__link-list.cmp-global-header__link-list--with-arrows { display: -webkit-box; display: -ms-flexbox; display: flex } .cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list li { -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; padding-right: 50px } .cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125rem; font-size: 1.25rem; font-size: 1.75rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; line-height: 1.4; line-height: 1.286; position: relative } } @media(min-width:1440px) { .cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a { font-size: 2.3333333333rem } } @media(min-width:1201px) { .cmp-global-header__link-list__content .cmp-global-header__inner-link-list a { padding-left: 0 } .cmp-global-header__link-list+.cmp-global-header__link-list, .cmp-global-header__link-list+.cmp-global-header__title-link-list { margin-top: 20px } } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content { left: 0; scrollbar-color: #a100ff #460073; scrollbar-width: thin; -webkit-transform: translateX(0); transform: translateX(0); visibility: visible } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar { height: 4px; width: 4px } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar-track { background-color: #460073 } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar-thumb { background-color: #a100ff } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content .cmp-global-header__inner-link-list { padding: 0 16px } @media(min-width:600px) { .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content .cmp-global-header__inner-link-list { padding: 0 48px } } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content:hover { scrollbar-width: auto } .cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content:hover::-webkit-scrollbar { width: 12px } .cmp-global-header__title-link-list__menu-label { display: none } @media(min-width:1201px) { .cmp-global-header__title-link-list__menu-label { display: block; font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: 24px; padding-left: 15px; text-transform: uppercase } } @media(min-width:1440px) { .cmp-global-header__title-link-list__menu-label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .cmp-global-header__title-link-list__menu-label { font-size: 1.1666666667rem } } .cmp-global-header__title-link-list__menu-button { -webkit-box-pack: justify; -ms-flex-pack: justify; background-color: transparent; border: none; color: #fff; font-size: 1rem; justify-content: space-between; line-height: 1.5; min-height: 40px; padding: 0 0 0 16px; position: relative; text-align: left; width: 100% } .cmp-global-header__title-link-list__menu-button, .cmp-global-header__title-link-list__menu-button:after { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 400 } .cmp-global-header__title-link-list__menu-button:after { -webkit-box-pack: center; -ms-flex-pack: center; content: ""; font-family: icont; font-size: 1.5rem; font-size: 50%; font-style: normal; height: 20px; justify-content: center; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; width: 20px } @media(min-width:1440px) { .cmp-global-header__title-link-list__menu-button:after { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .cmp-global-header__title-link-list__menu-button:after { font-size: 2rem } } .cmp-global-header__title-link-list__menu-button:focus { outline-offset: -1px } @media(min-width:1201px) { .cmp-global-header__title-link-list__menu-button { display: none } } .cmp-global-header__title-link-list__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .45s ease-in-out; transition: .45s ease-in-out; visibility: hidden; width: 100%; z-index: 1 } @media(min-width:1201px) { .cmp-global-header__title-link-list__content { overflow: visible; position: static; -webkit-transform: none; transform: none } } .cmp-global-header__title-link-list__content-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #202020; border: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 16px; margin-left: 12px; margin-top: 16px; min-height: 44px; padding-right: .9375rem; position: relative; text-underline-offset: .25rem; width: 100% } @media(min-width:1440px) { .cmp-global-header__title-link-list__content-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .cmp-global-header__title-link-list__content-button { font-size: 1.3333333333rem } } .cmp-global-header__title-link-list__content-button:before { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 1.5rem; font-size: 50%; font-style: normal; font-weight: 400; height: 20px; justify-content: center; width: 20px } @media(min-width:1440px) { .cmp-global-header__title-link-list__content-button:before { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .cmp-global-header__title-link-list__content-button:before { font-size: 2rem } } @media(min-width:600px) { .cmp-global-header__title-link-list__content-button { margin-left: 44px; margin-top: 48px } } @media(min-width:1201px) { .cmp-global-header__title-link-list__content-button { display: none } .cmp-global-header__title-link-list+.cmp-global-header__link-list, .cmp-global-header__title-link-list+.cmp-global-header__title-link-list { margin-top: 20px } .cmp-global-header__title-link-list+.cmp-global-header__link-list:before, .cmp-global-header__title-link-list+.cmp-global-header__title-link-list:before { content: ""; display: block; margin-left: 15px; margin-right: 15px; padding-bottom: 40px } } .cmp-global-header__group-link-list .cmp-global-header__title-link-list__menu-label { margin-bottom: 16px; padding-left: 24px; padding-top: 16px; text-transform: uppercase } .cmp-global-header__group-link-list .cmp-global-header__inner-link-list { background-color: #202020 } .cmp-global-header__group-link-list .cmp-global-header__inner-link-list a p { display: none } @media(min-width:1201px) { .cmp-global-header__group-link-list .cmp-global-header__title-link-list__menu-label { margin-bottom: 24px; padding-left: 0; padding-top: 0 } .cmp-global-header__group-link-list .cmp-global-header__inner-link-list { border-bottom: 0; row-gap: 16px } .cmp-global-header__group-link-list .cmp-global-header__inner-link-list a { border-bottom: 0; margin-bottom: 16px; padding-left: 0 } .cmp-global-header__group-link-list .cmp-global-header__inner-link-list a p { display: block } .cmp-global-header__group-link-list .cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a { margin-bottom: 52px } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list, .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 33.3333333333% } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__inner-link-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__link-list, .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__title-link-list { margin-top: 0 } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__link-list:before, .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__title-link-list:before { content: none } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__link-list, .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__title-link-list { margin-top: 0 } .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__link-list:before, .cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__title-link-list:before { content: none } } .cmp-header-featured-content .cmp-teaser__content { background-color: transparent; border: none; margin: 16px 0 } @media(min-width:1201px) { .cmp-header-featured-content .cmp-teaser__content { margin-bottom: 40px; margin-top: 0; max-width: 300px } } .cmp-header-featured-content .cmp-teaser__pretitle { color: #fff; font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: 16px; text-transform: uppercase } @media(min-width:1440px) { .cmp-header-featured-content .cmp-teaser__pretitle { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .cmp-header-featured-content .cmp-teaser__pretitle { font-size: 1.1666666667rem } } @media(min-width:1201px) { .cmp-header-featured-content .cmp-teaser__pretitle { margin-bottom: 24px } } .cmp-header-featured-content .cmp-teaser__title { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 16px } @media(min-width:600px) { .cmp-header-featured-content .cmp-teaser__title { font-size: 1.25rem; line-height: 1.4 } } @media(min-width:1024px) { .cmp-header-featured-content .cmp-teaser__title { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .cmp-header-featured-content .cmp-teaser__title { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .cmp-header-featured-content .cmp-teaser__title { font-size: 2.3333333333rem } } @media(min-width:1201px) { .cmp-header-featured-content .cmp-teaser__title { margin-top: auto } } .cmp-header-featured-content .cmp-teaser__title-link { color: #fff; display: inline-block; text-decoration: none } .cmp-header-featured-content .cmp-teaser__title-link:hover { text-decoration: underline } @media(min-width:1201px) { .cmp-header-featured-content .cmp-teaser__title-link, .cmp-header-featured-content .cmp-teaser__title-link:hover { color: #fff } .cmp-header-featured-content .cmp-teaser__title-link:focus { text-decoration: underline } } .cmp-header-featured-content .cmp-teaser__description { color: #a2a2a0; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; margin: auto; text-underline-offset: .25rem } @media(min-width:1440px) { .cmp-header-featured-content .cmp-teaser__description { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .cmp-header-featured-content .cmp-teaser__description { font-size: 1.1666666667rem } } .rad-icon-text-carousel-tier-1__headline { margin-bottom: 32px; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__headline { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-icon-text-carousel-tier-1__header { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-bottom: .5rem } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__header { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__header { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__header { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__header { font-size: 4rem } } .rad-icon-text-carousel-tier-1__carousel-card { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } .rad-icon-text-carousel-tier-1__carousel-card-logo { margin-bottom: 16px; max-width: 160px; min-height: 80px; min-width: 80px } .rad-icon-text-carousel-tier-1__carousel-card-headline { font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: .5rem } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { font-size: 2rem } } .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; margin-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: 1.1666666667rem } } .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 { margin-top: 64px } .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline { margin-bottom: 1.5rem } .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { font-size: 2.6666666667rem } } .rad-icon-text-carousel-tier-2 { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-icon-text-carousel-tier-2 { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-icon-text-carousel-tier-2__headline { margin-bottom: 2.5rem } .rad-icon-text-carousel-tier-2__header { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-bottom: 1rem } @media(min-width:600px) { .rad-icon-text-carousel-tier-2__header { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-2__header { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-2__header { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-2__header { font-size: 4rem } } .rad-icon-text-carousel-tier-2__grid { -webkit-column-gap: 12.5%; -moz-column-gap: 12.5%; column-gap: 12.5%; display: grid; grid-template-columns: repeat(3, 25%); row-gap: 16px } .rad-icon-text-carousel-tier-2__grid img { width: 100% } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__headline { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; margin-bottom: 32px } .rad-icon-text-carousel-tier-1__header { margin-bottom: 0; width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__header { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__carousel-card { padding-left: var(--rad-spacing-md); padding-right: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*0.18 - var(--rad-spacing-md)); width: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*66/100) } .rad-icon-text-carousel-tier-1__carousel-card-logo { height: 48px; margin-bottom: 24px; max-width: 96px; min-height: 48px; min-width: 48px } .rad-icon-text-carousel-tier-1__carousel-card-headline { margin-bottom: 1rem } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-headline { margin-bottom: 1.3333333333rem } } @media(min-width:600px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: 1.125rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.6; margin-bottom: 1.5rem; text-underline-offset: .25rem } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: 1.25rem } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-body { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-body { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-body { margin-bottom: 2rem } } @media(min-width:600px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 { margin-top: 80px } .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header { width: 100% } .rad-icon-text-carousel-tier-2__headline { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; margin-bottom: 48px } .rad-icon-text-carousel-tier-2__header { margin-bottom: 0; width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-2__header { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-icon-text-carousel-tier-2__grid { -webkit-column-gap: 12%; -moz-column-gap: 12%; column-gap: 12%; grid-template-columns: repeat(4, 16%); row-gap: 24px } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__headline { margin-bottom: 64px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__headline { margin-bottom: 4.44444vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__headline { margin-bottom: 85.3333333333px } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1__header { width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0); width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0); width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0) } .rad-icon-text-carousel-tier-1__carousel-card { padding-right: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*0.1 - var(--rad-spacing-md)); width: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*50/100) } .rad-icon-text-carousel-tier-1__carousel-card-logo { height: unset; margin-bottom: 32px; max-width: 160px; min-height: 80px; min-width: 80px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { margin-bottom: 2.22222vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { margin-bottom: 42.6666666667px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { max-width: 11.11111vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { max-width: 213.3333333333px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { min-width: 5.55556vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { min-width: 106.6666666667px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { min-height: 5.55556vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1__carousel-card-logo { min-height: 106.6666666667px } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 { margin-top: 120px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 { margin-top: 8.33333vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 { margin-top: 160px } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline { margin-bottom: 2.5rem } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline { margin-bottom: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline { margin-bottom: 3.3333333333rem } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-2__headline { margin-bottom: 64px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-2__headline { margin-bottom: 4.44444vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-2__headline { margin-bottom: 85.3333333333px } } @media(min-width:1024px) { .rad-icon-text-carousel-tier-2__header { width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0); width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0); width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0) } .rad-icon-text-carousel-tier-2__grid { -webkit-column-gap: 12.5%; -moz-column-gap: 12.5%; column-gap: 12.5%; grid-template-columns: repeat(5, 10%); row-gap: 48px } } @media(min-width:1440px) { .rad-icon-text-carousel-tier-2__grid { row-gap: 3.33333vw } } @media(min-width:1920px) { .rad-icon-text-carousel-tier-2__grid { row-gap: 64px } } .rad-locations { padding-left: 1rem; padding-right: 1rem } @media(min-width:600px) { .rad-locations { padding-left: 3rem; padding-right: 3rem } } @media(min-width:1200px) { .rad-locations { padding-left: 5rem; padding-right: 5rem } } @media(min-width:1440px) { .rad-locations { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-locations { padding-right: 6.6666666667rem } } @media(min-width:1440px) { .rad-locations { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-locations { padding-left: 6.6666666667rem } } .rad-locations__hidden-on-mobile { display: none } @media(min-width:600px) { .rad-locations__hidden-on-mobile { display: block } .rad-locations__visible-on-mobile { display: none } } .rad-locations__top { margin-bottom: 1.5rem } @media(min-width:600px) { .rad-locations__top { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 3rem } } @media(min-width:1200px) { .rad-locations__top { height: 2.6875rem } } @media(min-width:1440px) { .rad-locations__top { height: calc(2.6875rem + 2.98611vw - 43px) } } @media(min-width:1920px) { .rad-locations__top { height: 3.5833333333rem } } @media(min-width:1440px) { .rad-locations__top { margin-bottom: 5rem; margin-bottom: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-locations__top { margin-bottom: 6.6666666667rem } } .rad-locations__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; text-align: center } @media(min-width:600px) { .rad-locations__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-locations__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-locations__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-locations__title { font-size: 2.6666666667rem } } @media(min-width:600px) { .rad-locations__title { text-align: left } } @media(min-width:1024px) { .rad-locations__title { font-size: 1.5rem; letter-spacing: -2.5%; line-height: 1.75rem } } @media(min-width:1200px) { .rad-locations__title { font-size: 2rem; line-height: 2.5rem } } .rad-locations__cta .rad-button { height: 2.5rem; margin: 0 auto } .rad-locations__cities { --image-closed-height: 2rem; --image-closed-width: 3rem; pointer-events: none } @media(max-width:599px) { .rad-locations__cities { margin-bottom: 1.5rem } } @media(min-width:600px) { .rad-locations__cities { --image-closed-height: 2.75rem; --image-closed-width: 4.125rem; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; row-gap: 1rem } } @media(min-width:1200px) { .rad-locations__cities { --image-closed-height: 3.5625rem; --image-closed-width: 5.34375rem; --image-open-height: 8.8125rem; --image-open-width: 5.875rem; -webkit-column-gap: .75rem; -moz-column-gap: .75rem; column-gap: .75rem; row-gap: 1.5rem } } @media(min-width:1440px) { .rad-locations__cities { --image-closed-height: 5.375rem; --image-closed-width: 8.0625rem; --image-open-height: 13.125rem; --image-open-width: 8.75rem; --image-closed-height: calc(5.375rem + 5.97222vw - 86px); -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 2.5rem } } @media(min-width:1920px) { .rad-locations__cities { --image-closed-height: 7.1666666667rem } } @media(min-width:1440px) { .rad-locations__cities { --image-closed-width: calc(8.0625rem + 8.95833vw - 129px) } } @media(min-width:1920px) { .rad-locations__cities { --image-closed-width: 10.75rem } } @media(min-width:1440px) { .rad-locations__cities { --image-open-height: calc(13.125rem + 14.58333vw - 210px) } } @media(min-width:1920px) { .rad-locations__cities { --image-open-height: 17.5rem } } @media(min-width:1440px) { .rad-locations__cities { --image-open-width: calc(8.75rem + 9.72222vw - 140px) } } @media(min-width:1920px) { .rad-locations__cities { --image-open-width: 11.6666666667rem } } @media(min-width:1440px) { .rad-locations__cities { row-gap: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-locations__cities { -webkit-column-gap: 1.375rem; -moz-column-gap: 1.375rem; column-gap: 1.375rem; -webkit-column-gap: calc(1.375rem + 1.52778vw - 22px); -moz-column-gap: calc(1.375rem + 1.52778vw - 22px); column-gap: calc(1.375rem + 1.52778vw - 22px); -webkit-column-gap: 1.8333333333rem; -moz-column-gap: 1.8333333333rem; column-gap: 1.8333333333rem; row-gap: 3.3333333333rem } } .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image { opacity: .3 } @media(min-width:600px) { .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image { opacity: .2 } } .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name, .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible):after, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible):after { color: #616160; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: color, transform; transition-property: color, transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:600px) { .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name, .rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible):after, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name, .rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible):after { color: #2b2b2b } } .rad-locations .rad-locations__city { margin-bottom: .75rem; max-width: 100%; overflow: visible; pointer-events: auto } .rad-locations .rad-locations__city:last-of-type { margin-bottom: 0 } @media(min-width:600px) { .rad-locations .rad-locations__city { margin-bottom: 0 } } .rad-locations .rad-locations__city:hover { -webkit-transition: none; transition: none } .rad-locations .rad-locations__city-link { -webkit-box-align: center; -ms-flex-align: center; -ms-flex-negative: 0; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-shrink: 0; height: 2.5rem; justify-content: center; text-decoration: none; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:600px) { .rad-locations .rad-locations__city-link { height: 4rem } } @media(min-width:1200px) { .rad-locations .rad-locations__city-link { height: 5.25rem } } @media(min-width:1440px) { .rad-locations .rad-locations__city-link { height: 7rem; height: calc(7rem + 7.77778vw - 112px) } } @media(min-width:1920px) { .rad-locations .rad-locations__city-link { height: 9.3333333333rem } } .rad-locations .rad-locations__city-link:after { -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: color; transition-property: color; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(max-width:599px) { .rad-locations .rad-locations__city-link:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: .75rem; font-style: normal; font-weight: 400; height: 1.5rem; justify-content: center; width: 1.5rem } } .rad-locations .rad-locations__city-link:focus-visible, .rad-locations .rad-locations__city-link:hover { color: #fff; cursor: pointer } @media(min-width:1200px) { .rad-locations .rad-locations__city-link:hover .rad-locations__city-image-sizer { height: var(--image-open-height); opacity: 1; width: var(--image-open-width) } .rad-locations .rad-locations__city-link:hover .rad-locations__city-name, .rad-locations .rad-locations__city-link:hover:after { -webkit-transform: translateX(calc(var(--image-open-width)/2 - var(--image-closed-width)/2)); transform: translateX(calc(var(--image-open-width)/2 - var(--image-closed-width)/2)) } } .rad-locations .rad-locations__city-link:active .rad-locations__city-image { opacity: .7 } @media(min-width:600px) { .rad-locations .rad-locations__city-link:active .rad-locations__city-image { opacity: .8 } } .rad-locations .rad-locations__city-link:active .rad-locations__city-name, .rad-locations .rad-locations__city-link:active:after { color: #a2a2a0 } @media(min-width:1200px) { .rad-locations .rad-locations__city-link:active .rad-locations__city-image, .rad-locations .rad-locations__city-link:active:after { opacity: .5 } } .rad-locations .rad-locations__city-link:visited { color: #fff } .rad-locations__city-image, .rad-locations__city-image-sizer { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--image-closed-height); justify-content: center; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: var(--image-closed-width) } .rad-locations__city-image-sizer { -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: height, width; transition-property: height, width; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-locations__city-image-sizer__image { width: 100% } .rad-locations__city-name { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-left: .5rem; overflow: hidden; text-overflow: ellipsis; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: color; transition-property: color; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); white-space: nowrap } @media(min-width:600px) { .rad-locations__city-name { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-locations__city-name { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-locations__city-name { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-locations__city-name { font-size: 4rem } } @media(min-width:1440px) { .rad-locations__city-name { margin-left: 0.75rem; margin-left: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-locations__city-name { margin-left: 1rem } } @media(min-width:600px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { content: ","; font-size: 2rem; font-size: 3.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25; line-height: 1.067 } } @media(min-width:1440px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 5rem } } @media(min-width:1024px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 3.75rem; letter-spacing: -4%; line-height: 4rem } } @media(min-width:1200px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 5rem; letter-spacing: -0.04em; line-height: 1.05; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: color, -webkit-transform; transition-property: color, -webkit-transform; transition-property: transform, color; transition-property: transform, color, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } } @media(min-width:1440px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 6.6666666667rem } } @media(min-width:1440px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 3rem; font-size: 5rem; font-size: 6.25rem; font-size: calc(6.25rem + 6.94444vw - 100px); font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; line-height: 1.05; line-height: 1.04 } } @media(min-width:1920px) { .rad-locations__city-name, .rad-locations__city:not(:last-child) .rad-locations__city-link:after { font-size: 8.3333333333rem } } .rad-component__title--large-text .rad-locations__title { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-locations__title { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-locations__title { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-locations__title { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-locations__title { font-size: 4rem } } .rad-mixed-media-and-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 1920px; position: relative } .rad-mixed-media-and-text__media { aspect-ratio: 1.5; margin-bottom: 24px; position: relative } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media { max-width: 100vw; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100% } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media .cmp-image { height: 100% } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media img, .rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media video { display: block; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; width: 100% } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { bottom: 16px; height: 24px; left: 16px; position: absolute; width: 24px } .rad-mixed-media-and-text__media img.rad-mixed-media-and-text__secondary-media { aspect-ratio: 4/1; max-width: none; position: absolute; top: calc(100% - 12px); width: 100% } .rad-mixed-media-and-text__text { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); position: relative } @media(min-width:600px) { .rad-mixed-media-and-text__text { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-mixed-media-and-text__text>* { margin-bottom: 16px; margin-top: 16px } .rad-mixed-media-and-text__text>:first-child { margin-top: 0 } .rad-mixed-media-and-text__text>:last-child { margin-bottom: 0 } .rad-mixed-media-and-text__text .rad-mixed-media-and-text__label { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; text-transform: uppercase } @media(min-width:1440px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__label { font-size: 1.1666666667rem } } .rad-mixed-media-and-text__text .rad-mixed-media-and-text__title { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333 } @media(min-width:600px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__title { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__title { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__title { font-size: 3.3333333333rem } } .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: 1.1666666667rem } } .rad-mixed-media-and-text.rad-mixed-media-and-text--with-optional .rad-mixed-media-and-text__media { margin-bottom: calc(12px + 25vw) } .rad-mixed-media-and-text-header { margin-bottom: 1.5rem; margin-left: 1rem } @media(min-width:600px) { .rad-mixed-media-and-text-header { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 3rem } } @media(min-width:1024px) { .rad-mixed-media-and-text-header { margin-bottom: 2rem; margin-left: 5rem } } @media(min-width:1440px) { .rad-mixed-media-and-text-header { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-mixed-media-and-text-header { margin-bottom: 2.6666666667rem } } @media(min-width:1440px) { .rad-mixed-media-and-text-header { margin-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-mixed-media-and-text-header { margin-left: 6.6666666667rem } } .rad-mixed-media-and-text-header__headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-mixed-media-and-text-header__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-mixed-media-and-text-header__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-mixed-media-and-text-header__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-mixed-media-and-text-header__headline { font-size: 4rem } } @media(min-width:600px) { .rad-mixed-media-and-text-header__headline { width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-mixed-media-and-text-header__headline { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-mixed-media-and-text-header__headline { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-mixed-media-and-text-header__headline { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-mixed-media-and-text { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between } .rad-mixed-media-and-text__media { -ms-flex-item-align: start; align-self: start; margin: 0; width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-mixed-media-and-text__media { width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:600px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media { aspect-ratio: 1.5 } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { bottom: 24px; left: 24px } .rad-mixed-media-and-text__text { margin-right: var(--rad-spacing-md); padding: 0; width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-mixed-media-and-text__text { width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-mixed-media-and-text__text>:first-child { margin-top: 120px } .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-mixed-media-and-text.rad-mixed-media-and-text--with-optional .rad-mixed-media-and-text__media { margin-bottom: 0 } } @media(min-width:1024px) { .rad-mixed-media-and-text__media { width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1); width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1) } .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { bottom: 32px; left: 32px } } @media(min-width:1440px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { bottom: 2.22222vw } } @media(min-width:1920px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { bottom: 42.6666666667px } } @media(min-width:1440px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { left: 2.22222vw } } @media(min-width:1920px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button { left: 42.6666666667px } } @media(min-width:1024px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media { top: calc(100% - 24px) } .rad-mixed-media-and-text__text { width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-mixed-media-and-text__text>* { margin-bottom: 24px; margin-top: 24px } } @media(min-width:1440px) { .rad-mixed-media-and-text__text>* { margin-bottom: 1.66667vw } } @media(min-width:1920px) { .rad-mixed-media-and-text__text>* { margin-bottom: 32px } } @media(min-width:1440px) { .rad-mixed-media-and-text__text>* { margin-top: 1.66667vw } } @media(min-width:1920px) { .rad-mixed-media-and-text__text>* { margin-top: 32px } } @media(min-width:1024px) { .rad-mixed-media-and-text__text>:first-child { margin-top: 184px } } @media(min-width:1440px) { .rad-mixed-media-and-text__text>:first-child { margin-top: 12.77778vw } } @media(min-width:1920px) { .rad-mixed-media-and-text__text>:first-child { margin-top: 245.3333333333px } } @media(min-width:1024px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-size: 1.125rem; font-size: 1.5rem; font-weight: 300; letter-spacing: 0; line-height: 1.5; line-height: 1.333 } } @media(min-width:1440px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-mixed-media-and-text__text .rad-mixed-media-and-text__description { font-size: 2rem } } @media(min-width:1440px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media { top: calc(100% + 1.66667vw) } } @media(min-width:1920px) { .rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media { top: calc(100% + 32px) } } .rad-news { overflow: hidden; position: relative } .rad-news .rad-news-container { padding-top: 0; position: relative } .rad-news .rad-news-slideshow { pointer-events: none } .rad-news .flickity-page-dots { -webkit-box-pack: center; -ms-flex-pack: center; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; justify-content: center; margin-top: 2.5rem; pointer-events: all; position: relative; right: 0 } @media(min-width:600px) { .rad-news .flickity-page-dots { height: 3rem } } @media(min-width:1440px) { .rad-news .flickity-page-dots { height: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-news .flickity-page-dots { height: 4rem } } .rad-news .flickity-page-dots .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: 100%; margin: 0; padding: 0 .25rem; position: relative; width: .5rem } .rad-news .flickity-page-dots .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-news .flickity-page-dots .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-news .flickity-page-dots .flickity-page-dot:after, .rad-news .flickity-page-dots .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-news .flickity-page-dots .flickity-page-dot:first-child { overflow: visible } .rad-news .flickity-page-dots .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-news .flickity-page-dots .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-news .flickity-page-dots .flickity-page-dot:hover { background: none } .rad-news .flickity-page-dots .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-news .flickity-page-dots .flickity-page-dot.is-selected { background: none } .rad-news .flickity-page-dots .flickity-page-dot.is-selected:after { background: #fff } .rad-news .flickity-viewport { pointer-events: all; width: 100% } .rad-news .flickity-button { display: none } .rad-news .rad__range-input-slider-container { margin-top: 2.5rem } .rad-news-play-pause { display: none } .rad-news-play-pause:focus-visible { outline-offset: 0 } .rad-news-header { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 2.5rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-news-header { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-news-header { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-news-header { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-news-header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-news-header { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-news-header { font-size: 2.6666666667rem } } .rad-news-card { text-decoration: none } .rad-news-card:-moz-any-link { color: #fff } .rad-news-card:any-link { color: #fff } .rad-news-card:hover { color: #a2a2a0; cursor: pointer } .rad-news-card:active { color: #e3e3df } .rad-news-card:focus-visible { display: block; outline-offset: .0625rem } .rad-news-card .rad-news-eyebrow { font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; padding-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-news-card .rad-news-eyebrow { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-news-card .rad-news-eyebrow { font-size: 1.1666666667rem } } .rad-news-card .rad-news-title { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333 } @media(min-width:600px) { .rad-news-card .rad-news-title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-news-card .rad-news-title { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .rad-news-card .rad-news-title { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-news-card .rad-news-title { font-size: 3.3333333333rem } } .rad-news-carousel-cell { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-news .flickity-page-dots { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; justify-content: flex-end; margin-left: auto; margin-right: 2.75rem; margin-top: 3rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .rad-news .rad__range-input-slider-container { margin-top: 3rem } .rad-news-header { margin-bottom: 4rem; padding-left: var(--rad-spacing-md); padding-right: 0; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-news-header { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-news-carousel-cell { margin-top: .09375rem; padding-left: var(--rad-spacing-md); padding-right: 0; padding-right: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*-1); width: calc(min(100vw, 1920px)/4*7 - var(--rad-spacing-sm)*2/4*7 - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*7 - var(--rad-spacing-md)*2/8*7 - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-news-carousel-cell { width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-news-carousel-cell { padding-right: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*-1) } } @media(min-width:1024px) { .rad-news-carousel-cell { padding-right: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*-1) } } @media(min-width:600px) { .rad-news-card .rad-news-eyebrow { padding-bottom: 1.5rem } .rad-news-play-pause { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; margin-left: 2.25rem; position: absolute; width: 3rem } } @media(min-width:1024px) { .rad-news .flickity-page-dots { margin-right: 4.75rem; margin-top: 3.75rem } } @media(min-width:1440px) { .rad-news .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-news .flickity-page-dots { margin-right: 6.3333333333rem } } @media(min-width:1440px) { .rad-news .flickity-page-dots { margin-top: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-news .flickity-page-dots { margin-top: 5rem } } @media(min-width:1024px) { .rad-news-carousel-cell { padding-right: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*-1); padding-right: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*-1); padding-right: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*-1); width: calc(min(100vw, 1920px)/4*9 - var(--rad-spacing-sm)*2/4*9 - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*9 - var(--rad-spacing-md)*2/8*9 - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*9 - var(--rad-spacing-md)*2/12*9 - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0) } .rad-news-header { margin-bottom: 5rem } } @media(min-width:1440px) { .rad-news-header { margin-bottom: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-news-header { margin-bottom: 6.6666666667rem } } @media(min-width:1024px) { .rad-news-eyebrow { padding-bottom: 2rem } .rad-news-play-pause { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-news-play-pause { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-news-play-pause { margin-left: 5.6666666667rem } } .rad-component__title--large-text .rad-news-header { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-news-header { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-news-header { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-news-header { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-news-header { font-size: 4rem } } .rad-related-links { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-related-links { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-related-links__section-header { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 1rem } @media(min-width:600px) { .rad-related-links__section-header { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-related-links__section-header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-related-links__section-header { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-related-links__section-header { font-size: 2.6666666667rem } } .rad-related-links__list { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.6; padding-left: 48px; text-underline-offset: .25rem } @media(min-width:1024px) { .rad-related-links__list { font-size: 1.25rem } } @media(min-width:1440px) { .rad-related-links__list { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-related-links__list { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-related-links__list { padding-left: 3.33333vw } } @media(min-width:1920px) { .rad-related-links__list { padding-left: 64px } } .rad-related-links__list li { margin-bottom: 0.5rem; position: relative } @media(min-width:1440px) { .rad-related-links__list li { margin-bottom: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-related-links__list li { margin-bottom: 0.6666666667rem } } .rad-related-links__list li:last-of-type { margin-bottom: 0 } .rad-related-links__list li:before { color: #a100ff; content: ""; font-family: icont; font-size: 0.9375rem; position: absolute; right: 100%; top: 0.375rem; translate: -1.8125rem } @media(min-width:1440px) { .rad-related-links__list li:before { font-size: calc(0.9375rem + 1.04167vw - 15px) } } @media(min-width:1920px) { .rad-related-links__list li:before { font-size: 1.25rem } } @media(min-width:1440px) { .rad-related-links__list li:before { top: calc(0.375rem + 0.41667vw - 6px) } } @media(min-width:1920px) { .rad-related-links__list li:before { top: 0.5rem } } @media(min-width:1440px) { .rad-related-links__list li:before { translate: calc(-1.8125rem - 2.01389vw + 29px) } } @media(min-width:1920px) { .rad-related-links__list li:before { translate: -2.4166666667rem } } .rad-related-links__list li a { background-image: -webkit-gradient(linear, left top, left bottom, from(#dcafff), to(#dcafff)); background-image: linear-gradient(#dcafff, #dcafff); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; text-decoration: none; -webkit-transition: background-size 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-size 550ms cubic-bezier(0.85, 0, 0, 1) } .rad-related-links__list li a:hover { background-size: 100% 1px } .rad-related-links__list li sup { font-size: .625rem; font-weight: 600 } @media(min-width:600px) { .rad-related-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .rad-related-links__section-header { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-related-links__section-header { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-related-links__section-header { margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-related-links__section-header { margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } .rad-component__title--large-text .rad-related-links__section-header { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-related-links__section-header { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-related-links__section-header { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-related-links__section-header { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-related-links__section-header { font-size: 4rem } } .rad-smart-filter { padding-bottom: 1.5rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-smart-filter { padding-bottom: 3.75rem; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } @media(min-width:1440px) { .rad-smart-filter { padding-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-smart-filter { padding-bottom: 5rem } } .rad-smart-filter__sticky-header { background-color: #000; overflow: hidden; position: sticky; top: var(--rad-nav-height); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top; transition-property: top; z-index: 6 } @media(min-width:600px) { .rad-smart-filter__sticky-header { margin-left: calc(var(--rad-spacing-md)*-1); margin-right: calc(var(--rad-spacing-md)*-1); padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter__filter-mobile-controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; background-color: #000; display: none; -ms-flex-direction: column; flex-direction: column; height: 100%; justify-content: flex-start; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001 } .rad-smart-filter__filter-mobile-controls--open { display: -webkit-box; display: -ms-flexbox; display: flex } @media(min-width:600px) { .rad-smart-filter__filter-mobile-controls { display: none } } .rad-smart-filter__filter-mobile-controls-header { -webkit-box-pack: justify; -ms-flex-pack: justify; border-bottom: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-bottom: 1rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 1rem } @media(min-width:600px) { .rad-smart-filter__filter-mobile-controls-header { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter__filter-mobile-controls-filters { overflow: auto; padding-bottom: 2rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 1rem } @media(min-width:600px) { .rad-smart-filter__filter-mobile-controls-filters { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter__filter-mobile-controls-filters-heading { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-smart-filter__filter-mobile-controls-filters-heading { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter__filter-mobile-controls-filters-heading { font-size: 1.3333333333rem } } .rad-smart-filter__filter-mobile-controls-filters-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .75rem .5rem } .rad-smart-filter__filter-mobile-controls-footer { -webkit-box-pack: center; -ms-flex-pack: center; border-top: 1px solid #616160; justify-content: center; margin-top: auto; padding: 1rem 0 1.5rem } .rad-smart-filter__filter-mobile-controls-footer, .rad-smart-filter__filter-toggle-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .rad-smart-filter__filter-toggle-button { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; padding: .75rem 0; text-underline-offset: .25rem; width: 100% } @media(min-width:1440px) { .rad-smart-filter__filter-toggle-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter__filter-toggle-button { font-size: 1.3333333333rem } } .rad-smart-filter__filter-toggle-button:before { content: ""; display: inline; font-family: icont; font-size: 75%; margin-right: .5rem; width: 20px } .rad-smart-filter__filter-toggle-button:focus-visible { outline-offset: -2px } @media(min-width:600px) { .rad-smart-filter__filter-toggle-button { padding-bottom: 0.875rem; padding-top: 0.875rem } } @media(min-width:1440px) { .rad-smart-filter__filter-toggle-button { padding-bottom: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-smart-filter__filter-toggle-button { padding-bottom: 1.1666666667rem } } @media(min-width:1440px) { .rad-smart-filter__filter-toggle-button { padding-top: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-smart-filter__filter-toggle-button { padding-top: 1.1666666667rem } } .rad-smart-filter__filter-toggle-button--open:before { content: ""; font-size: 10.7142857143%; margin-top: 1px } .rad-smart-filter__filter-toggle-button-count { white-space: pre } .rad-smart-filter__filter-list-wrapper { display: none; padding-bottom: 1.5rem } @media(min-width:600px) { .rad-smart-filter__filter-list-wrapper { display: block; max-height: 0; padding-bottom: 0; -webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1); transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1); visibility: hidden } } .rad-smart-filter__filter-list-wrapper--open { visibility: visible } .rad-smart-filter__filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .75rem .5rem; padding-bottom: 1.5rem; padding-top: .625rem } @media(min-width:1024px) { .rad-smart-filter__filter-list { padding-bottom: 1rem; padding-top: 1.125rem; row-gap: 1rem } } @media(min-width:1440px) { .rad-smart-filter__filter-list { padding-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter__filter-list { padding-bottom: 1.3333333333rem } } @media(min-width:1440px) { .rad-smart-filter__filter-list { padding-top: calc(1.125rem + 1.25vw - 18px) } } @media(min-width:1920px) { .rad-smart-filter__filter-list { padding-top: 1.5rem } } @media(min-width:1440px) { .rad-smart-filter__filter-list { row-gap: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter__filter-list { row-gap: 1.3333333333rem } } .rad-smart-filter__filter-controls { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: end; -ms-flex-pack: end; align-items: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; padding-bottom: 1.5rem } @media(min-width:1440px) { .rad-smart-filter__filter-controls { -webkit-column-gap: calc(2rem + 2.22222vw - 32px); -moz-column-gap: calc(2rem + 2.22222vw - 32px); column-gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-smart-filter__filter-controls { -webkit-column-gap: 2.6666666667rem; -moz-column-gap: 2.6666666667rem; column-gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-smart-filter__filter-controls { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter__filter-controls { padding-bottom: 2rem } } .rad-smart-filter__filter-show-results { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .rad-smart-filter__results-and-sort { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; padding-top: 1.5rem } @media(min-width:600px) { .rad-smart-filter__results-and-sort { margin-bottom: 1.5rem; padding-top: 2.5rem } } @media(min-width:1440px) { .rad-smart-filter__results-and-sort { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter__results-and-sort { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-smart-filter__results-and-sort { padding-top: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-smart-filter__results-and-sort { padding-top: 3.3333333333rem } } .rad-smart-filter__sort { margin-left: auto } .rad-smart-filter__cards { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .rad-smart-filter__cards-list { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-left: calc(var(--rad-spacing-sm)*-1); margin-right: calc(var(--rad-spacing-sm)*-1); row-gap: 1.5rem } @media(min-width:1440px) { .rad-smart-filter__cards-list { -webkit-column-gap: 3.33333vw; -moz-column-gap: 3.33333vw; column-gap: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter__cards-list { -webkit-column-gap: 64px; -moz-column-gap: 64px; column-gap: 64px } } @media(min-width:600px) { .rad-smart-filter__cards-list { margin-left: calc(var(--rad-spacing-md)*-1); margin-right: calc(var(--rad-spacing-md)*-1); row-gap: 48px } } @media(min-width:1440px) { .rad-smart-filter__cards-list { row-gap: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter__cards-list { row-gap: 64px } } .rad-smart-filter__cards-row { -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-smart-filter__cards-row { -webkit-column-gap: calc(3rem + 3.33333vw - 48px); -moz-column-gap: calc(3rem + 3.33333vw - 48px); column-gap: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-smart-filter__cards-row { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem } } @media(min-width:600px) { .rad-smart-filter__cards-row { width: 600px } } @media(min-width:924px) { .rad-smart-filter__cards-row { width: 924px } } @media(min-width:1248px) { .rad-smart-filter__cards-row { width: 1248px } } @media(min-width:1440px) { .rad-smart-filter__cards-row { width: 86.66667vw } } @media(min-width:1920px) { .rad-smart-filter__cards-row { width: 1664px } } .rad-smart-filter__cards-load-more { margin-top: 24px } .rad-smart-filter__cards-load-more:disabled { display: none } @media(min-width:600px) { .rad-smart-filter__cards-load-more { margin-top: 48px } } @media(min-width:1440px) { .rad-smart-filter__cards-load-more { margin-top: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter__cards-load-more { margin-top: 64px } } .rad-smart-filter__card { -ms-flex-negative: 0; background-color: #460073; flex-shrink: 0; font-size: 1.125rem; font-weight: 500; height: 424px; letter-spacing: -0.005em; line-height: 1.6; padding: 16px; text-underline-offset: .25rem; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 276px } @media(min-width:1024px) { .rad-smart-filter__card { font-size: 1.25rem } } @media(min-width:1440px) { .rad-smart-filter__card { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-smart-filter__card { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-smart-filter__card { height: 29.44444vw } } @media(min-width:1920px) { .rad-smart-filter__card { height: 565.3333333333px } } @media(min-width:1440px) { .rad-smart-filter__card { padding: 1.11111vw } } @media(min-width:1920px) { .rad-smart-filter__card { padding: 21.3333333333px } } @media(min-width:1440px) { .rad-smart-filter__card { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter__card { width: 368px } } .rad-smart-filter__card:hover { width: 600px } @media(min-width:1440px) { .rad-smart-filter__card:hover { width: 41.66667vw } } @media(min-width:1920px) { .rad-smart-filter__card:hover { width: 800px } } @media(min-width:600px) { .rad-smart-filter .rad-card--expanded { z-index: 0 } } .rad-smart-filter__no-results { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -ms-flex-direction: column; flex-direction: column; padding: 3rem 1rem; text-align: center } .rad-smart-filter__no-results .no-results__header { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.167; padding-bottom: 1.5rem } @media(min-width:600px) { .rad-smart-filter__no-results .no-results__header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-smart-filter__no-results .no-results__header { font-size: 2.25rem; line-height: 1.111 } } @media(min-width:1440px) { .rad-smart-filter__no-results .no-results__header { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-smart-filter__no-results .no-results__header { font-size: 3rem } } .rad-smart-filter__no-results .no-results__subheader { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; padding-bottom: 1.5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-smart-filter__no-results .no-results__subheader { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter__no-results .no-results__subheader { font-size: 1.3333333333rem } } .rad-smart-filter__no-results .no-results__graphic { height: 14.125rem; margin-top: 3rem; width: 20rem } @media(min-width:600px) { .rad-smart-filter__no-results { margin: 0 auto; padding: 3.75rem 0; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-smart-filter__no-results { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-smart-filter__no-results .no-results__graphic { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; margin-bottom: 2rem; margin-top: 0; order: -1 } } @media(min-width:1024px) { .rad-smart-filter__no-results { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-smart-filter__no-results .no-results__header { padding-bottom: 1rem } .rad-smart-filter__no-results .no-results__graphic { margin-bottom: 3rem } } .rad-smart-filter__no-results--visible { display: -webkit-box; display: -ms-flexbox; display: flex } @media(min-width:1024px) { .rad-smart-filter .rad-card { height: 424px; width: 276px } } @media(min-width:1440px) { .rad-smart-filter .rad-card { height: 29.44444vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card { height: 565.3333333333px } } @media(min-width:1440px) { .rad-smart-filter .rad-card { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card { width: 368px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card__title { max-width: 228px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__title { max-width: 15.83333vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__title { max-width: 304px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card__top-content { padding-left: 1.5rem; padding-right: 1.5rem } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__top-content { padding-right: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__top-content { padding-right: 2rem } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__top-content { padding-left: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__top-content { padding-left: 2rem } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card__top-content-inner-row { width: 552px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__top-content-inner-row { width: 38.33333vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__top-content-inner-row { width: 736px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card__description { left: 300px; width: 276px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__description { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__description { width: 368px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__description { left: 20.83333vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__description { left: 400px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card__cta { width: 600px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card__cta { width: 41.66667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card__cta { width: 800px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card-feature__facts-figures { width: 276px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card-feature__facts-figures { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card-feature__facts-figures { width: 368px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card-feature--image-only { width: 276px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card-feature--image-only { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card-feature--image-only { width: 368px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card-feature-detail { width: 228px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card-feature-detail { width: 15.83333vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card-feature-detail { width: 304px } } @media(min-width:1024px) { .rad-smart-filter .rad-card .rad-card-feature__cover-img { height: 212px; width: 276px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card-feature__cover-img { height: 14.72222vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card-feature__cover-img { height: 282.6666666667px } } @media(min-width:1440px) { .rad-smart-filter .rad-card .rad-card-feature__cover-img { width: 19.16667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card .rad-card-feature__cover-img { width: 368px } } @media(min-width:1024px) { .rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img { height: 212px; left: unset; -webkit-transform: translateX(117px); transform: translateX(117px); width: 159px } } @media(min-width:1440px) { .rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img { height: 14.72222vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img { height: 282.6666666667px } } @media(min-width:1440px) { .rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img { width: 11.04167vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img { width: 212px } } @media(min-width:1024px) { .rad-smart-filter .rad-card.rad-card--expanded { height: 424px; width: 600px } } @media(min-width:1440px) { .rad-smart-filter .rad-card.rad-card--expanded { height: 29.44444vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card.rad-card--expanded { height: 565.3333333333px } } @media(min-width:1440px) { .rad-smart-filter .rad-card.rad-card--expanded { width: 41.66667vw } } @media(min-width:1920px) { .rad-smart-filter .rad-card.rad-card--expanded { width: 800px } } .rad-global-header--offscreen .rad-smart-filter__sticky-header { top: 0 } .rad--has-subnav.rad-global-header--offscreen .rad-smart-filter__sticky-header { top: 3.25rem } .rad--has-subnav .rad-smart-filter__sticky-header { top: calc(var(--rad-nav-height) + 3.25rem) } .rad-smart-filter-2 { padding-bottom: 1.5rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-smart-filter-2 { padding-bottom: 3.75rem; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } @media(min-width:1440px) { .rad-smart-filter-2 { padding-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-smart-filter-2 { padding-bottom: 5rem } } .rad-smart-filter-2__sticky-header { background-color: #000; overflow: hidden; position: sticky; top: var(--rad-nav-height); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top; transition-property: top; z-index: 6 } @media(min-width:600px) { .rad-smart-filter-2__sticky-header { margin-left: calc(var(--rad-spacing-md)*-1); margin-right: calc(var(--rad-spacing-md)*-1); padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter-2__filter-mobile-controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: start; -ms-flex-pack: start; background-color: #000; display: none; -ms-flex-direction: column; flex-direction: column; height: 100%; justify-content: flex-start; left: 0; position: fixed; top: 0; width: 100%; z-index: 1001 } .rad-smart-filter-2__filter-mobile-controls--open { display: -webkit-box; display: -ms-flexbox; display: flex } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-controls { display: none } } .rad-smart-filter-2__filter-mobile-controls-header { -webkit-box-pack: justify; -ms-flex-pack: justify; border-bottom: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-bottom: 1rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 1rem } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-controls-header { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter-2__filter-mobile-controls-filters { overflow: auto; padding-bottom: 2rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); padding-top: 1rem } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-controls-filters { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-smart-filter-2__filter-mobile-controls-filters-heading { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; justify-content: space-between; letter-spacing: -0.005em; line-height: 1.5; padding: .5rem 0; text-underline-offset: .25rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: color; transition-property: color; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100% } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-controls-filters-heading { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-controls-filters-heading { font-size: 1.3333333333rem } } .rad-smart-filter-2__filter-mobile-controls-filters-heading:after { content: ""; font-family: icont; font-size: .5rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: rotate; transition-property: rotate; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 1.25rem } .rad-smart-filter-2__filter-mobile-controls-filters-heading--open { color: #a2a2a0 } .rad-smart-filter-2__filter-mobile-controls-filters-heading--open:after { rotate: -180deg } .rad-smart-filter-2__filter-mobile-controls-filters-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .75rem .5rem; padding: 1rem 0 1rem 1rem } .rad-smart-filter-2__filter-mobile-controls-filters-list-wrapper { max-height: 0; overflow: hidden; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: max-height, visibility; transition-property: max-height, visibility; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); visibility: hidden } .rad-smart-filter-2__filter-mobile-controls-filters-list-wrapper--open { visibility: visible } .rad-smart-filter-2__filter-mobile-controls-footer { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; border-top: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin-top: auto; padding: 1rem 0 1.5rem } .rad-smart-filter-2__filter-toggle-button-container { background-color: #616160; border-top: 1px solid #616160; -webkit-column-gap: .0625rem; -moz-column-gap: .0625rem; column-gap: .0625rem; display: none; grid-template-columns: repeat(3, 1fr) } @media(min-width:600px) { .rad-smart-filter-2__filter-toggle-button-container { display: grid } } .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; border-bottom: 1px solid #616160; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; height: 3rem; letter-spacing: -0.005em; line-height: 1.5; padding: .5rem 0; text-underline-offset: .25rem; width: 100% } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { font-size: 1.3333333333rem } } .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { content: ""; display: inline; font-family: icont; font-size: 75%; margin-right: 8px; width: 20px } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { width: 1.38889vw } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { width: 26.6666666667px } } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { margin-right: 0.75rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { margin-right: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button:before, .rad-smart-filter-2__filter-toggle-button:before { margin-right: 1rem } } .rad-smart-filter-2__filter-mobile-toggle-button:focus-visible, .rad-smart-filter-2__filter-toggle-button:focus-visible { outline-offset: -2px } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { height: auto; padding: .875rem 1rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-left: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-left: 1.3333333333rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-right: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-right: 1.3333333333rem } } @media(min-width:1024px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-bottom: 0.875rem; padding-top: 0.875rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-bottom: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-bottom: 1.1666666667rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-top: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-mobile-toggle-button, .rad-smart-filter-2__filter-toggle-button { padding-top: 1.1666666667rem } } .rad-smart-filter-2__filter-mobile-toggle-button--open, .rad-smart-filter-2__filter-toggle-button--open { border-bottom-color: #000 } .rad-smart-filter-2__filter-mobile-toggle-button--open:before, .rad-smart-filter-2__filter-toggle-button--open:before { content: ""; font-size: 10.7142857143%; margin-top: 1px } .rad-smart-filter-2__filter-mobile-toggle-button-count, .rad-smart-filter-2__filter-toggle-button-count { white-space: pre } @media(min-width:600px) { .rad-smart-filter-2__filter-mobile-toggle-button { display: none } } .rad-smart-filter-2__filter-list-wrapper { display: none; padding-bottom: 1.5rem } @media(min-width:600px) { .rad-smart-filter-2__filter-list-wrapper { border-bottom: 0 solid #616160; display: block; height: 0; padding-bottom: 0; position: relative; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: border-bottom-width, height, visibility; transition-property: border-bottom-width, height, visibility; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); visibility: hidden } } .rad-smart-filter-2__filter-list-wrapper--open { border-bottom-width: 1px; visibility: visible } @media(min-width:1440px) { .rad-smart-filter-2__filter-list-wrapper--open { border-bottom-width: 0.06944vw } } @media(min-width:1920px) { .rad-smart-filter-2__filter-list-wrapper--open { border-bottom-width: 1.3333333333px } } .rad-smart-filter-2__filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: .75rem .5rem; padding-bottom: 1.5rem; padding-top: .625rem; position: absolute; top: 0; visibility: hidden } @media(min-width:1024px) { .rad-smart-filter-2__filter-list { padding-bottom: 1rem; padding-top: 1.125rem; row-gap: 1rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-list { padding-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-list { padding-bottom: 1.3333333333rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-list { padding-top: calc(1.125rem + 1.25vw - 18px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-list { padding-top: 1.5rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-list { row-gap: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-list { row-gap: 1.3333333333rem } } .rad-smart-filter-2__filter-list--visible { visibility: visible } .rad-smart-filter-2__filter-controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 1.5rem; position: absolute; right: 0 } @media(min-width:1440px) { .rad-smart-filter-2__filter-controls { -webkit-column-gap: calc(2rem + 2.22222vw - 32px); -moz-column-gap: calc(2rem + 2.22222vw - 32px); column-gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-controls { -webkit-column-gap: 2.6666666667rem; -moz-column-gap: 2.6666666667rem; column-gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-smart-filter-2__filter-controls { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter-2__filter-controls { padding-bottom: 2rem } } .rad-smart-filter-2__filter-show-results { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .rad-smart-filter-2__results-and-sort { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; padding-top: 1.5rem } @media(min-width:600px) { .rad-smart-filter-2__results-and-sort { margin-bottom: 1.5rem; padding-top: 2.5rem } } @media(min-width:1440px) { .rad-smart-filter-2__results-and-sort { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-smart-filter-2__results-and-sort { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-smart-filter-2__results-and-sort { padding-top: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-smart-filter-2__results-and-sort { padding-top: 3.3333333333rem } } .rad-smart-filter-2__sort { margin-left: auto } .rad-smart-filter-2__cards { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .rad-smart-filter-2__cards-list { -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; display: grid; margin-left: calc(var(--rad-spacing-sm)*-1); margin-right: calc(var(--rad-spacing-sm)*-1); row-gap: 1.5rem } @media(min-width:1440px) { .rad-smart-filter-2__cards-list { -webkit-column-gap: 3.33333vw; -moz-column-gap: 3.33333vw; column-gap: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter-2__cards-list { -webkit-column-gap: 64px; -moz-column-gap: 64px; column-gap: 64px } } @media(min-width:600px) { .rad-smart-filter-2__cards-list { grid-template-columns: repeat(2, 1fr); margin-left: calc(var(--rad-spacing-md)*-1); margin-right: calc(var(--rad-spacing-md)*-1); row-gap: 48px } } @media(min-width:1440px) { .rad-smart-filter-2__cards-list { row-gap: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter-2__cards-list { row-gap: 64px } } @media(min-width:924px) { .rad-smart-filter-2__cards-list { grid-template-columns: repeat(3, 1fr) } } @media(min-width:1248px) { .rad-smart-filter-2__cards-list { grid-template-columns: repeat(4, 1fr) } } .rad-smart-filter-2__cards-row { -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-smart-filter-2__cards-row { -webkit-column-gap: calc(3rem + 3.33333vw - 48px); -moz-column-gap: calc(3rem + 3.33333vw - 48px); column-gap: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-smart-filter-2__cards-row { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem } } @media(min-width:600px) { .rad-smart-filter-2__cards-row { width: 600px } } @media(min-width:924px) { .rad-smart-filter-2__cards-row { width: 924px } } @media(min-width:1248px) { .rad-smart-filter-2__cards-row { width: 1248px } } @media(min-width:1440px) { .rad-smart-filter-2__cards-row { width: 86.66667vw } } @media(min-width:1920px) { .rad-smart-filter-2__cards-row { width: 1664px } } .rad-smart-filter-2__cards-load-more { margin-top: 24px } .rad-smart-filter-2__cards-load-more:disabled { display: none } @media(min-width:600px) { .rad-smart-filter-2__cards-load-more { margin-top: 48px } } @media(min-width:1440px) { .rad-smart-filter-2__cards-load-more { margin-top: 3.33333vw } } @media(min-width:1920px) { .rad-smart-filter-2__cards-load-more { margin-top: 64px } } .rad-smart-filter-2__no-results { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; -ms-flex-direction: column; flex-direction: column; padding: 3rem 1rem; text-align: center } .rad-smart-filter-2__no-results .no-results__header { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.167; padding-bottom: 1.5rem } @media(min-width:600px) { .rad-smart-filter-2__no-results .no-results__header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-smart-filter-2__no-results .no-results__header { font-size: 2.25rem; line-height: 1.111 } } @media(min-width:1440px) { .rad-smart-filter-2__no-results .no-results__header { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-smart-filter-2__no-results .no-results__header { font-size: 3rem } } .rad-smart-filter-2__no-results .no-results__subheader { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; padding-bottom: 1.5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-smart-filter-2__no-results .no-results__subheader { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-smart-filter-2__no-results .no-results__subheader { font-size: 1.3333333333rem } } .rad-smart-filter-2__no-results .no-results__graphic { height: 14.125rem; margin-top: 3rem; width: 20rem } @media(min-width:600px) { .rad-smart-filter-2__no-results { margin: 0 auto; padding: 3.75rem 0; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-smart-filter-2__no-results { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-smart-filter-2__no-results .no-results__graphic { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; margin-bottom: 2rem; margin-top: 0; order: -1 } } @media(min-width:1024px) { .rad-smart-filter-2__no-results { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-smart-filter-2__no-results .no-results__header { padding-bottom: 1rem } .rad-smart-filter-2__no-results .no-results__graphic { margin-bottom: 3rem } } .rad-smart-filter-2__no-results--visible { display: -webkit-box; display: -ms-flexbox; display: flex } .rad-global-header--offscreen .rad-smart-filter-2__sticky-header { top: 0 } .rad--has-subnav.rad-global-header--offscreen .rad-smart-filter-2__sticky-header { top: 3.25rem } .rad--has-subnav .rad-smart-filter-2__sticky-header { top: calc(var(--rad-nav-height) + 3.25rem) } @-webkit-keyframes rad-vertical-tabs-description-mobile-slide-in { 0% { translate: var(--description-slide-start-amount) } to { translate: 0 } } @keyframes rad-vertical-tabs-description-mobile-slide-in { 0% { translate: var(--description-slide-start-amount) } to { translate: 0 } } .rad-vertical-tabs { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-vertical-tabs { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-vertical-tabs__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 2.5rem } @media(min-width:600px) { .rad-vertical-tabs__header { margin-bottom: 3.75rem } } @media(min-width:1440px) { .rad-vertical-tabs__header { margin-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-vertical-tabs__header { margin-bottom: 5rem } } .rad-vertical-tabs__header-large-headline { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; text-align: center } @media(min-width:600px) { .rad-vertical-tabs__header-large-headline { font-size: 5rem; font-size: 2rem; font-size: 3.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.05; line-height: 1.25; line-height: 1.067 } } @media(min-width:1440px) { .rad-vertical-tabs__header-large-headline { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-large-headline { font-size: 5rem } } @media(min-width:768px) { .rad-vertical-tabs__header-large-headline { font-size: 3rem; font-size: 5rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; line-height: 1.05 } } @media(min-width:1024px) { .rad-vertical-tabs__header-large-headline { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-vertical-tabs__header-large-headline { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-large-headline { font-size: 8.3333333333rem } } @media(min-width:600px) { .rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header { margin-top: .5rem } } @media(min-width:1024px) { .rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header { margin-top: 1rem } } @media(min-width:1440px) { .rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header { margin-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header { margin-top: 1.3333333333rem } } .rad-vertical-tabs__header-sub-header { -ms-flex-item-align: center; align-self: center; font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-weight: 300; line-height: 1.5; text-align: center } @media(min-width:600px) { .rad-vertical-tabs__header-sub-header { font-size: 1.125rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-vertical-tabs__header-sub-header { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-vertical-tabs__header-sub-header { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-sub-header { font-size: 2rem } } @media(min-width:600px) { .rad-vertical-tabs__header-sub-header { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-vertical-tabs__header-sub-header { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1200px) { .rad-vertical-tabs__header-sub-header { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-size: 1.5rem; font-size: 1.75rem; font-weight: 300; line-height: 1.333; line-height: 1.286 } } @media(min-width:1440px) { .rad-vertical-tabs__header-sub-header { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-sub-header { font-size: 2.3333333333rem } } .rad-vertical-tabs__header-label { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: 1rem; text-transform: uppercase } @media(min-width:1440px) { .rad-vertical-tabs__header-label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-label { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-vertical-tabs__header-label { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-label { margin-bottom: 1.3333333333rem } } .rad-vertical-tabs__header-small-headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-vertical-tabs__header-small-headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-vertical-tabs__header-small-headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-vertical-tabs__header-small-headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-vertical-tabs__header-small-headline { font-size: 4rem } } @media(min-width:1024px) { .rad-vertical-tabs__header-small-headline { margin-bottom: 1.25rem } } .rad-vertical-tabs__tabs { position: relative } @media(min-width:600px) { .rad-vertical-tabs__tabs { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } } .rad-vertical-tabs__tabs-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; row-gap: 1rem } @media(min-width:600px) { .rad-vertical-tabs__tabs-list { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-list { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-list { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-list { font-size: 2.6666666667rem } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-list { row-gap: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-list { row-gap: 1.3333333333rem } } @media(min-width:600px) { .rad-vertical-tabs__tabs-list { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-list { font-size: 1.5rem; font-size: 2rem; font-size: 2.25rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.167; line-height: 1.25; line-height: 1.111; width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0) } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-list { font-size: calc(2.25rem + 2.5vw - 36px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-list { font-size: 3rem } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-list { width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-vertical-tabs__tabs-list-entry { --entry-transition-duration: 100ms; position: relative; text-align: left; width: 100% } @media(min-width:600px) { .rad-vertical-tabs__tabs-list-entry { --dot-size: 6px; min-width: 3em; -webkit-transition: color var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1); transition: color var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1); width: auto } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-list-entry { --dot-size: 8px } } .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-list-entry { color: #616160 } .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-list-entry--active { color: #fff } .rad-vertical-tabs__tabs-list-entry:before { background-color: #a100ff; content: ""; display: block; height: var(--dot-size); left: 0; opacity: 0; position: absolute; top: 1ex; -webkit-transition: opacity var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1); transition: opacity var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1); translate: 0 -50%; width: var(--dot-size) } @media(min-width:600px) { .rad-vertical-tabs__tabs-list-entry--active { translate: calc(16px + var(--dot-size)) } .rad-vertical-tabs__tabs-list-entry--active:before { opacity: 1; translate: calc(-100% - 16px) -50% } } .rad-vertical-tabs__tabs-list-entry--mobile-active { color: #fff } .rad-vertical-tabs__tabs-list-entry--mobile-inactive { color: #616160 } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-positioner { height: 100%; position: absolute; right: 0; top: 0; width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-description-positioner { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-vertical-tabs__tabs-description { height: 100%; left: 0; overflow-x: hidden; position: fixed; top: 0; translate: 100%; width: 100%; z-index: 1001 } @media(min-width:600px) { .rad-vertical-tabs__tabs-description { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; overflow: visible; position: sticky; top: 180px; translate: 0; visibility: visible; z-index: 1 } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description { top: 12.5vw } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description { top: 240px } } .rad-vertical-tabs__tabs-description-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100%; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-card { -ms-flex-item-align: start; align-self: flex-start; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md); padding: 0 } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description { --description-slide-start-amount: 100%; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) 0s 1 forwards running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) 0s 1 forwards running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description { -webkit-animation: none; animation: none } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-header { --description-slide-start-amount: 8vw; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .04s 1 both running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .04s 1 both running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-header { -webkit-animation: none; animation: none } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-sub-header { --description-slide-start-amount: 10vw; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-sub-header { -webkit-animation: none; animation: none } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-body { --description-slide-start-amount: 10vw; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-body { -webkit-animation: none; animation: none } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-button { --description-slide-start-amount: 12vw; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .06s 1 both running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .06s 1 both running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-button { -webkit-animation: none; animation: none } } .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .cmp-image { --description-slide-start-amount: 14vw; -webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .07s 1 both running; animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .07s 1 both running } @media(min-width:600px) { .rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .cmp-image { -webkit-animation: none; animation: none } } .rad-vertical-tabs__tabs-description-close-button { -ms-flex-item-align: end; -ms-flex-negative: 0; align-self: flex-end; flex-shrink: 0; height: 48px; margin: .75rem -0.25rem .5rem 0; width: 48px } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-close-button { display: none } } .rad-vertical-tabs__tabs-description-header { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333; margin-bottom: 1rem } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-header { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-description-header { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-header { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-header { font-size: 3.3333333333rem } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-header { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-header { margin-bottom: 1.3333333333rem } } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-header { display: none } } .rad-vertical-tabs__tabs-description-sub-header { font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: 1rem } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-sub-header { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-description-sub-header { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-sub-header { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-sub-header { font-size: 2rem } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-sub-header { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-sub-header { margin-bottom: 1.3333333333rem } } .rad-vertical-tabs__tabs-description-body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-body { font-size: 1.3333333333rem } } .rad-vertical-tabs__tabs-description-button { -ms-flex-item-align: end; align-self: flex-end; margin-top: 1rem } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description-button { margin-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description-button { margin-top: 1.3333333333rem } } @media(min-width:600px) { .rad-vertical-tabs__tabs-description-button { -ms-flex-item-align: start; align-self: flex-start } } .rad-vertical-tabs__tabs-description .cmp-image { aspect-ratio: 16/9; margin-top: 2.5rem; overflow: hidden } @media(min-width:600px) { .rad-vertical-tabs__tabs-description .cmp-image { margin-top: 3rem } } @media(min-width:1024px) { .rad-vertical-tabs__tabs-description .cmp-image { margin-top: 4rem } } @media(min-width:1440px) { .rad-vertical-tabs__tabs-description .cmp-image { margin-top: calc(4rem + 4.44444vw - 64px) } } @media(min-width:1920px) { .rad-vertical-tabs__tabs-description .cmp-image { margin-top: 5.3333333333rem } } .rad-vertical-tabs__tabs-description .cmp-image__image { height: 100%; margin-left: calc(var(--rad-spacing-sm)*-1); margin-right: calc(var(--rad-spacing-sm)*-1); max-width: calc(100% + var(--rad-spacing-sm)*2); -o-object-fit: cover; object-fit: cover; width: 100% } @media(min-width:600px) { .rad-vertical-tabs__tabs-description .cmp-image__image { margin-left: 0; margin-right: 0; max-width: 100% } } .rad-vertical-tabs__tabs-description--hidden { display: none } @media(min-width:600px) { .rad-vertical-tabs__tabs-description--hidden { display: block; visibility: hidden } } .rad-vertical-tabs__button { margin-top: var(--rad-spacing-sm) } .rad-client-carousel { position: relative } .rad-client-carousel .flickity-cell { bottom: 0 } .rad-client-carousel .flickity-page-dots { -webkit-box-pack: center; -ms-flex-pack: center; bottom: -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; justify-content: center; position: relative; right: 0 } @media(min-width:600px) { .rad-client-carousel .flickity-page-dots { height: 48px } } @media(min-width:1440px) { .rad-client-carousel .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-client-carousel .flickity-page-dots { height: 64px } } .rad-client-carousel .flickity-page-dots .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: 100%; margin: 0; padding: 0 .25rem; position: relative; width: .5rem } .rad-client-carousel .flickity-page-dots .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-client-carousel .flickity-page-dots .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-client-carousel .flickity-page-dots .flickity-page-dot:after, .rad-client-carousel .flickity-page-dots .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-client-carousel .flickity-page-dots .flickity-page-dot:first-child { overflow: visible } .rad-client-carousel .flickity-page-dots .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-client-carousel .flickity-page-dots .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-client-carousel .flickity-page-dots .flickity-page-dot:hover { background: none } .rad-client-carousel .flickity-page-dots .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-client-carousel .flickity-page-dots .flickity-page-dot.is-selected { background: none } .rad-client-carousel .flickity-page-dots .flickity-page-dot.is-selected:after { background: #fff } .rad-client-carousel__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem } .rad-client-carousel__container .flickity-button { display: none } .rad-client-carousel__cell, .rad-client-carousel__left { width: 100% } .rad-client-carousel__left .rad-client-carousel__image-container .rad-client-carousel__image { display: block; width: 100% } .rad-client-carousel__right { padding: 0 1rem 1rem; position: static; width: 100% } .rad-client-carousel__right .rad-client-carousel__cell { padding-top: 1.5rem } .rad-client-carousel__right .rad-client-carousel__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 1rem } @media(min-width:600px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 2.6666666667rem } } .rad-client-carousel__right .rad-client-carousel__info { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__info { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__info { font-size: 1.3333333333rem } } .rad-client-carousel__right .rad-client-carousel__read { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; padding: 0; text-underline-offset: .25rem; visibility: hidden } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__read { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__read { font-size: 1.3333333333rem } } .rad-client-carousel__right .rad-client-carousel__cell.is-selected .rad-client-carousel__read { visibility: visible } .rad-client-carousel__controllers { display: none } .rad-carousel-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 1rem 1.5rem; row-gap: 8px; width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-carousel-header { width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-carousel-header { width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-carousel-header { padding: 0 0 2rem 3rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-carousel-header { padding-bottom: 3rem; padding-left: 5rem; row-gap: 1rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0) } } @media(min-width:1440px) { .rad-carousel-header { padding-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-carousel-header { padding-bottom: 4rem } } @media(min-width:1440px) { .rad-carousel-header { row-gap: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-carousel-header { row-gap: 1.3333333333rem } } @media(min-width:1440px) { .rad-carousel-header { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-carousel-header { padding-left: 6.6666666667rem } } @media(min-width:1024px) { .rad-carousel-header { width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-carousel-header__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-carousel-header__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-carousel-header__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-carousel-header__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-carousel-header__title { font-size: 2.6666666667rem } } .rad-carousel-header__headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-carousel-header__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-carousel-header__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-carousel-header__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-carousel-header__headline { font-size: 4rem } } .rad-carousel-header__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-weight: 300; line-height: 1.5 } @media(min-width:600px) { .rad-carousel-header__subheader { font-size: 1.125rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-carousel-header__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-carousel-header__subheader { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-carousel-header__subheader { font-size: 2rem } } @media(min-width:600px) { .rad-client-carousel { padding-left: 0; padding-right: 3rem; position: relative } .rad-client-carousel .flickity-cell { margin-bottom: 0 } .rad-client-carousel .flickity-page-dots { margin-right: 3rem; margin-top: 0; position: absolute; top: calc(100% - 60px); width: auto } .rad-client-carousel__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-bottom: 1.5rem } .rad-client-carousel__container .flickity-enabled:focus-visible { outline: .125rem solid #a100ff } .rad-client-carousel__read { margin-bottom: -0.5rem } .rad-client-carousel__controllers { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; margin-left: 2.25rem; position: absolute; top: calc(100% - 60px) } .rad-client-carousel__controllers .rad-icon-button { width: 48px } } @media(min-width:1440px) { .rad-client-carousel__controllers .rad-icon-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-client-carousel__controllers .rad-icon-button { width: 64px } } @media(min-width:600px) { .rad-client-carousel__controllers .rad-icon-button:focus-visible { outline-offset: 0 } } @media(min-width:600px) { .rad-client-carousel-pause { display: none } .rad-client-carousel__left { -ms-flex-negative: 0; flex-shrink: 0; width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-client-carousel__left { width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:600px) { .rad-client-carousel__right { padding: 0 } .rad-client-carousel__right .flickity-viewport { height: 12.5rem } .rad-client-carousel__right .rad-client-carousel__cell { padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); padding-top: 0 } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__cell { padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 1.125rem; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; line-height: 1.4; margin-bottom: 1rem } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__title { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-client-carousel__right .rad-client-carousel__content { width: auto } .rad-client-carousel__right .rad-client-carousel__info { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; margin-bottom: 0; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__info { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__info { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-client-carousel__right .rad-client-carousel__read { margin-top: 1rem } } @media(min-width:1024px) { .rad-client-carousel__container { margin-bottom: 2rem } .rad-client-carousel { padding-right: 5rem } .rad-client-carousel .flickity-page-dots { margin-right: 5rem; top: calc(100% - 5rem) } .rad-client-carousel__controllers { margin-left: 4.25rem; top: calc(100% - 5rem) } } @media(min-width:1440px) { .rad-client-carousel__controllers { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-client-carousel__controllers { margin-left: 5.6666666667rem } } @media(min-width:1024px) { .rad-client-carousel__left { width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1); width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1) } .rad-client-carousel__right .flickity-viewport { min-height: 14.0625rem } } @media(min-width:1440px) { .rad-client-carousel__right .flickity-viewport { min-height: calc(14.0625rem + 15.625vw - 225px) } } @media(min-width:1920px) { .rad-client-carousel__right .flickity-viewport { min-height: 18.75rem } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__title { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__title { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__title { margin-bottom: 2rem } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__read { margin-top: 1.5rem } } @media(min-width:1440px) { .rad-client-carousel__right .rad-client-carousel__read { margin-top: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-client-carousel__right .rad-client-carousel__read { margin-top: 2rem } } @media(min-width:1024px) { .rad-client-carousel__right .rad-client-carousel__cell { padding-left: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); padding-left: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); padding-left: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); padding-top: 0 } } @media(min-width:1920px) { .rad-client-carousel__container { margin-bottom: 3.333125rem } } .rad-absorb-image__wrapper img { display: block; width: 100% } .rad-absorb-image__caption { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; padding-top: .5rem; text-underline-offset: .25rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-absorb-image__caption { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-absorb-image__caption { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-absorb-image__caption { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-image__caption { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-absorb-image__caption { padding-left: 0; width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-image__caption { padding-top: 0.75rem; width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-absorb-image__caption { padding-top: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-absorb-image__caption { padding-top: 1rem } } .rad-absorb-image__caption-text { color: #a2a2a0; padding-top: .5rem } @media(min-width:1024px) { .rad-absorb-image__caption-text { padding-top: 0.25rem } } @media(min-width:1440px) { .rad-absorb-image__caption-text { padding-top: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-absorb-image__caption-text { padding-top: 0.3333333333rem } } .rad-absorb-image__caption-text:first-child { color: #fff } .rad-absorb-image--img-large .rad-absorb-image__caption, .rad-absorb-image--img-large .rad-absorb-image__wrapper { margin: 0 var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-image--img-large .rad-absorb-image__caption, .rad-absorb-image--img-large .rad-absorb-image__wrapper { margin: 0 var(--rad-spacing-md) } } .rad-absorb-image--img-large.rad-absorb-image--flush .rad-absorb-image__wrapper { margin: 0; width: 100% } .rad-absorb-image--img-medium { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-image--img-medium { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-absorb-image--img-medium .rad-absorb-image__wrapper { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-image--img-medium .rad-absorb-image__wrapper { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-image--img-medium .rad-absorb-image__wrapper { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-absorb-image--img-medium .rad-absorb-image__wrapper { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-image--img-medium .rad-absorb-image__wrapper { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: calc(var(--rad-spacing-sm)*-1); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1) } @media(min-width:600px) { .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper img { max-width: none } @media(min-width:600px) { .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: calc(var(--rad-spacing-md)*-1); width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*1); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*1); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1) } } .rad-absorb-image--img-medium.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: 0; margin-right: calc(var(--rad-spacing-sm)*-1) } @media(min-width:600px) { .rad-absorb-image--img-medium.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-right: calc(var(--rad-spacing-md)*-1) } } .rad-absorb-image--img-small { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-image--img-small { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-absorb-image--img-small .rad-absorb-image__wrapper { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-image--img-small .rad-absorb-image__wrapper { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-image--img-small .rad-absorb-image__wrapper { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: calc(var(--rad-spacing-sm)*-1); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1) } @media(min-width:600px) { .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } } .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper img { max-width: none } @media(min-width:600px) { .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: calc(var(--rad-spacing-md)*-1) } } @media(min-width:1024px) { .rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1) } } .rad-absorb-image--img-small.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-left: 0; margin-right: calc(var(--rad-spacing-sm)*-1) } @media(min-width:600px) { .rad-absorb-image--img-small.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper { margin-right: calc(var(--rad-spacing-md)*-1) } } .rad-absorb-image--align-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } @media(min-width:600px) { .rad-absorb-image--align-right .rad-absorb-image__caption, .rad-absorb-image--align-right .rad-absorb-image__wrapper { -ms-flex-item-align: end; align-self: flex-end; text-align: right } } @media(max-width:599px) { .rad-absorb-image--standard { display: none } } @media(min-width:600px) { .rad-absorb-image--mobile { display: none } } .rad-authors { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-authors { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } @media(min-width:1024px) { .rad-authors { padding-left: 0; padding-top: 8.75rem; position: absolute; right: 0; top: 0 } } .rad-authors__label { border-bottom: 1px; border-color: #202020; border-style: solid; color: #a2a2a0; font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-bottom: 16px } @media(min-width:1440px) { .rad-authors__label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-authors__label { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-authors__label { padding-bottom: 24px } } @media(min-width:1024px) { .rad-authors__label { border-bottom-width: 0; padding-bottom: 2rem } } @media(min-width:1440px) { .rad-authors__label { padding-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-authors__label { padding-bottom: 2.6666666667rem } } .rad-authors__author { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px; border-color: #202020; border-style: solid; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 24px; justify-content: space-between } @media(min-width:600px) { .rad-authors__author { gap: 32px } } @media(min-width:1024px) { .rad-authors__author { -webkit-box-orient: vertical; -webkit-box-direction: normal; border-bottom-width: 0; -ms-flex-direction: column; flex-direction: column; gap: 4px; padding-bottom: 1.5rem; width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-authors__author { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-authors__author { padding-bottom: 2rem } } @media(min-width:1024px) { .rad-authors__author:last-child { padding-bottom: 0 } } .rad-authors__text { max-width: calc(100% - 7rem); padding: var(--rad-spacing-sm) 0 } @media(min-width:600px) { .rad-authors__text { max-width: calc(100% - 10rem); padding-bottom: 16px } } @media(min-width:1024px) { .rad-authors__text { max-width: unset; padding-bottom: 0; padding-top: 0 } } .rad-authors__author-name { font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; margin-bottom: 4px; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-authors__author-name { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-authors__author-name { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-authors__author-name { margin-bottom: 0 } } .rad-authors__author-title { color: #a2a2a0; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-authors__author-title { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-authors__author-title { font-size: 1.1666666667rem } } .rad-authors__author-social { -webkit-box-flex: 0; -ms-flex-positive: 0; -ms-flex-negative: 0; -webkit-box-pack: right; -ms-flex-pack: right; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 0; flex-shrink: 0; gap: 16px; justify-content: right; padding-top: .5rem; width: 80px } @media(min-width:600px) { .rad-authors__author-social { padding-top: 1rem } } @media(min-width:1024px) { .rad-authors__author-social { padding-top: 0 } } .rad-authors__author-social .rad-icon-button { -webkit-box-flex: 0; -ms-flex-positive: 0; -ms-flex-negative: 0; color: #a2a2a0; flex-grow: 0; flex-shrink: 0; height: 3rem; width: 3rem } .rad-authors__author-social .rad-icon-button:hover { color: #fff } .rad-authors__author-social .rad-icon-button:first-child { -ms-flex-item-align: left; align-self: left } @media(min-width:1024px) { .rad-authors__author-social { -webkit-box-pack: left; -ms-flex-pack: left; gap: 0; justify-content: left; margin-left: -14px } } .rad-absorb-stats { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-absorb-stats { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-absorb-stats__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 2rem } @media(min-width:600px) { .rad-absorb-stats__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-absorb-stats__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-absorb-stats__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-absorb-stats__title { font-size: 2.6666666667rem } } @media(min-width:1024px) { .rad-absorb-stats__title { margin-bottom: 3rem } } @media(min-width:1440px) { .rad-absorb-stats__title { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-absorb-stats__title { margin-bottom: 4rem } } .rad-absorb-stats__cards-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-absorb-stats__card { -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-stats__card { width: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card { width: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-absorb-stats__card { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } .rad-absorb-stats__card:nth-child(odd) { margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-stats__card:nth-child(odd) { margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card:nth-child(odd) { margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } .rad-absorb-stats__card:not(:last-child) { margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0); margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(max-width:1023px) { .rad-absorb-stats__card:nth-child(n+3) { margin-top: 2rem } } .rad-absorb-stats__card--media { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-absorb-stats__card--media { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card--media { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-text { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-text { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167 } @media(min-width:600px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 8.3333333333rem } } @media(min-width:600px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 1.75rem; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; line-height: 1.2 } } @media(min-width:1024px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-stat { font-size: 4rem } } .rad-absorb-stats__card--media .rad-absorb-stats__card-detail { margin-bottom: 2rem } @media(max-width:599px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-image-container { margin: 0 -1rem; max-width: 100vw } } @media(min-width:600px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-image-container { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card--media .rad-absorb-stats__card-image-container { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-absorb-stats__card--media .rad-absorb-stats__card-image { display: block } @media(min-width:600px) { .rad-absorb-stats__card--media { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-absorb-stats__card--media { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } } .rad-absorb-stats__card-text:before { background: #a100ff; content: ""; display: block; height: 0.25rem; margin-bottom: .5rem; width: 1.5rem } @media(min-width:1440px) { .rad-absorb-stats__card-text:before { height: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-absorb-stats__card-text:before { height: 0.3333333333rem } } @media(min-width:600px) { .rad-absorb-stats__card-text:before { margin-bottom: 1rem } } @media(min-width:1024px) { .rad-absorb-stats__card-text:before { margin-bottom: 1.5rem; width: 2rem } } @media(min-width:1440px) { .rad-absorb-stats__card-text:before { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-absorb-stats__card-text:before { margin-bottom: 2rem } } .rad-absorb-stats__card-stat { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-bottom: .5rem } @media(min-width:600px) { .rad-absorb-stats__card-stat { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-absorb-stats__card-stat { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-absorb-stats__card-stat { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-absorb-stats__card-stat { font-size: 4rem } } @media(min-width:600px) { .rad-absorb-stats__card-stat { margin-bottom: 1rem } } @media(min-width:1024px) { .rad-absorb-stats__card-stat { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-absorb-stats__card-stat { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-absorb-stats__card-stat { margin-bottom: 2rem } } .rad-absorb-stats__card-detail { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-absorb-stats__card-detail { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-absorb-stats__card-detail { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-absorb-stats__card-detail { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-absorb-stats__card-detail { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-absorb-stats__card-detail { font-size: 1.3333333333rem } } @media(min-width:1024px) { .rad-absorb-stats.rad-absorb-stats--five-or-six-cards .rad-absorb-stats__card { margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0); margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } .rad-absorb-stats.rad-absorb-stats--five-or-six-cards .rad-absorb-stats__card:nth-child(n+4) { margin-top: 3rem } } .rad-component__title--large-text .rad-absorb-stats__title { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-absorb-stats__title { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-absorb-stats__title { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-absorb-stats__title { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-absorb-stats__title { font-size: 4rem } } .rad-quote-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-quote-container { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-image-qoute .rad-quote-container { padding-left: 0 } .rad-quote-content { padding-left: 1rem; padding-top: 1.5rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-quote-content { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-quote-content { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-quote-image { -webkit-filter: grayscale(1); filter: grayscale(1); height: auto; width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*1) } @media(min-width:600px) { .rad-quote-image { width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-quote-image { width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1) } } .rad-quote-headline { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333; margin-bottom: 1rem } @media(min-width:600px) { .rad-quote-headline { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-quote-headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .rad-quote-headline { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-quote-headline { font-size: 3.3333333333rem } } .rad-quote-headline .rad-quote-text:before { content: "“" } .rad-quote-headline .rad-quote-text:after { content: "”" } .rad-quote-body { color: #a2a2a0; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-quote-body { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-quote-body { font-size: 1.1666666667rem } } .rad-quote-right .rad-quote-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .rad-quote-left .rad-quote-content, .rad-quote-right .rad-quote-content { margin: 0; padding: 0 } @media(min-width:600px) { .rad-quote-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .rad-quote-content { margin: auto 0; padding-left: 0; padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); padding-top: 0; width: calc(min(100vw, 1920px)/4*5 - var(--rad-spacing-sm)*2/4*5 - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*2); width: calc(min(100vw, 1920px)/8*5 - var(--rad-spacing-md)*2/8*5 - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*2) } } @media(min-width:1024px) { .rad-quote-content { width: calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*2) } } @media(min-width:600px) { .rad-quote-content { padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-quote-content { padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-quote-headline { margin-bottom: 1.5rem } .rad-quote-left .rad-quote-content, .rad-quote-right .rad-quote-content { margin-left: 0; max-width: 31.125rem; padding-left: 0 } } @media(min-width:1024px) { .rad-quote-image { width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1); width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } .rad-quote-headline { margin-bottom: 2rem } .rad-quote-content { max-width: 45.75rem; width: calc(min(100vw, 1920px)/4*7 - var(--rad-spacing-sm)*2/4*7 - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*2); width: calc(min(100vw, 1920px)/8*7 - var(--rad-spacing-md)*2/8*7 - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*2); width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*2) } .rad-quote-left .rad-quote-content, .rad-quote-right .rad-quote-content { min-width: 52.625rem } } @media(min-width:1440px) { .rad-quote-left .rad-quote-content, .rad-quote-right .rad-quote-content { min-width: calc(52.625rem + 58.47222vw - 842px) } } @media(min-width:1920px) { .rad-quote-left .rad-quote-content, .rad-quote-right .rad-quote-content { min-width: 70.1666666667rem } } @media(min-width:1440px) { .rad-quote-container { padding-bottom: 80px; padding-right: 80px; padding-top: 80px; padding-top: 5.55556vw } } @media(min-width:1920px) { .rad-quote-container { padding-top: 106.6666666667px } } @media(min-width:1440px) { .rad-quote-container { padding-right: 5.55556vw } } @media(min-width:1920px) { .rad-quote-container { padding-right: 106.6666666667px } } @media(min-width:1440px) { .rad-quote-container { padding-bottom: 5.55556vw } } @media(min-width:1920px) { .rad-quote-container { padding-bottom: 106.6666666667px } } @media(min-width:1440px) { .rad-quote-content { max-width: 876px; max-width: 60.83333vw; padding-left: 143px } } @media(min-width:1920px) { .rad-quote-content { max-width: 1168px } } @media(min-width:1440px) { .rad-quote-content { padding-left: 9.93056vw } } @media(min-width:1920px) { .rad-quote-content { padding-left: 190.6666666667px } } .rad-quote--no-marks .rad-quote-headline .rad-quote-text:after, .rad-quote--no-marks .rad-quote-headline .rad-quote-text:before { display: none } .rad-awards-card { --rad-award-card-height: 378px; --rad-award-card-width: 252px; color: #fff; height: var(--rad-award-card-height); overflow: hidden; position: relative; width: var(--rad-award-card-width) } @media(min-width:600px) { .rad-awards-card { --rad-award-card-height: 273px; --rad-award-card-width: 410px } } @media(min-width:1024px) { .rad-awards-card { --rad-award-card-height: 343px; --rad-award-card-width: 515px } } @media(min-width:1440px) { .rad-awards-card { --rad-award-card-height: 23.81944vw } } @media(min-width:1920px) { .rad-awards-card { --rad-award-card-height: 457.3333333333px } } @media(min-width:1440px) { .rad-awards-card { --rad-award-card-width: 35.76389vw } } @media(min-width:1920px) { .rad-awards-card { --rad-award-card-width: 686.6666666667px } } .rad-awards-card--purple { background-color: #460073 } .rad-awards-card--purple .rad-awards-card__motion-bg { opacity: .3 } .rad-awards-card--blue { background-color: #0041f0 } .rad-awards-card--blue .rad-awards-card__motion-bg { opacity: .3 } .rad-awards-card--red { background-color: #e2062e } .rad-awards-card--red .rad-awards-card__motion-bg { opacity: .5 } .rad-awards-card__toggle { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; white-space: nowrap; width: 1px } .rad-awards-card__motion-bg, .rad-awards-card__toggle { height: 100%; overflow: hidden; position: absolute; width: 100% } .rad-awards-card__motion-bg { pointer-events: none; -webkit-transition-timing-function: linear; transition-timing-function: linear } @media(min-width:600px) { .rad-awards-card__motion-bg { height: 105%; margin-left: -3%; margin-top: -1%; width: 105% } } .rad-awards-card__motion-bg .rad-awards-card__lp { display: block; height: 378px; margin-left: -157px; width: 567px } @media(min-width:600px) { .rad-awards-card__motion-bg .rad-awards-card__lp { height: 100%; margin-left: 0; width: 100% } } .rad-awards-card__cover { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; height: 100%; line-height: 1.333; position: relative } @media(min-width:600px) { .rad-awards-card__cover { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-awards-card__cover { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-awards-card__cover { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-awards-card__cover { font-size: 2.3333333333rem } } .rad-awards-card__title { bottom: 0; padding: 24px; position: absolute } @media(min-width:1024px) { .rad-awards-card__title { padding: 32px } } .rad-awards-card__detail { bottom: 0; font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; position: absolute; text-underline-offset: .25rem; top: 0; visibility: hidden; width: 100% } @media(min-width:1440px) { .rad-awards-card__detail { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-awards-card__detail { font-size: 1.3333333333rem } } .rad-awards-card__description { padding: 24px; -webkit-transform: translateY(460px); transform: translateY(460px) } @media(min-width:1024px) { .rad-awards-card__description { padding: 32px } } .rad-awards-card .rad-button { bottom: 24px; position: absolute; right: 24px; -webkit-transform: translateY(460px); transform: translateY(460px) } .rad-awards-card:focus-within { outline: 2px solid #a100ff; outline-offset: 8px } .rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__cover, .rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__toggle, .rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__cover, .rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__toggle { border: 1px solid transparent; bottom: 0; rotate: none; scale: none; top: 0; -webkit-transform: none; transform: none; translate: none } .rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__title, .rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__title { rotate: none; scale: none; -webkit-transform: translate(0); transform: translate(0); translate: none } .rad-awards { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); position: relative } @media(min-width:600px) { .rad-awards { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-awards__stage { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100svh; position: sticky; top: 0; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-awards__stage { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-awards__stage { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-awards__stage { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-awards__stage { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-awards__stage { margin-left: auto; margin-right: auto; width: calc(250% - var(--rad-spacing-sm)*3/4*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-sm)*0); width: calc(125% - var(--rad-spacing-sm)*7/8*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-md)*0); width: calc(83.33333% - var(--rad-spacing-sm)*11/12*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-md)*0) } } .rad-awards__headline { color: #fff; font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; text-align: center } @media(min-width:600px) { .rad-awards__headline { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-awards__headline { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-awards__headline { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-awards__headline { font-size: 8.3333333333rem } } .rad-awards-cards__presenter { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 100svh; -webkit-transform: translateZ(0); transform: translateZ(0); width: calc(100% - var(--rad-spacing-sm)*2) } @media(min-width:600px) { .rad-awards-cards__presenter { width: calc(100% - var(--rad-spacing-md)*2) } } .rad-awards .cmp-floating-awards-card:nth-child(2) { margin: 80px 0 80px auto } .rad-awards .cmp-floating-awards-card:nth-child(3) { margin-left: auto; margin-right: auto } .rad-awards-grid { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-awards-grid { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-awards-grid__heading-and-cta { margin-bottom: 2.5rem } @media(min-width:600px) { .rad-awards-grid__heading-and-cta { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 3.75rem } } @media(min-width:1024px) { .rad-awards-grid__heading-and-cta { margin-bottom: 5rem } } @media(min-width:1440px) { .rad-awards-grid__heading-and-cta { margin-bottom: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-awards-grid__heading-and-cta { margin-bottom: 6.6666666667rem } } .rad-awards-grid__heading { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-awards-grid__heading { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-awards-grid__heading { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-awards-grid__heading { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-awards-grid__heading { font-size: 4rem } } @media(min-width:600px) { .rad-awards-grid__heading { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-awards-grid__heading { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-awards-grid__cta { margin-top: .5rem } @media(min-width:600px) { .rad-awards-grid__cta { margin-top: .25rem } } @media(min-width:1024px) { .rad-awards-grid__cta { margin-top: 0.75rem } } @media(min-width:1440px) { .rad-awards-grid__cta { margin-top: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-awards-grid__cta { margin-top: 1rem } } @media(min-width:600px) { .rad-awards-grid__grid { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; display: grid; grid-template-columns: 1fr 1fr; row-gap: 1.5rem } } @media(min-width:1024px) { .rad-awards-grid__grid { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; grid-template-columns: 1fr 1fr 1fr; row-gap: 2rem } } @media(min-width:1440px) { .rad-awards-grid__grid { -webkit-column-gap: calc(2rem + 2.22222vw - 32px); -moz-column-gap: calc(2rem + 2.22222vw - 32px); column-gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-awards-grid__grid { -webkit-column-gap: 2.6666666667rem; -moz-column-gap: 2.6666666667rem; column-gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-awards-grid__grid { row-gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-awards-grid__grid { row-gap: 2.6666666667rem } } .rad-awards-grid .rad-awards-card { -ms-flex-negative: 0; flex-shrink: 0; height: 13.6875rem; width: 100% } @media(max-width:599px) { .rad-awards-grid .rad-awards-card { margin-top: 1.5rem } } @media(min-width:600px) { .rad-awards-grid .rad-awards-card { height: 13.5rem } } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card { height: 16.875rem; height: calc(16.875rem + 18.75vw - 270px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card { height: 22.5rem } } .rad-awards-grid .rad-awards-card__motion-bg lottie-player { margin-left: 0 } .rad-awards-grid .rad-awards-card__description, .rad-awards-grid .rad-awards-card__title { padding: 1.5rem } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card__description, .rad-awards-grid .rad-awards-card__title { padding: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card__description, .rad-awards-grid .rad-awards-card__title { padding: 2rem } } @media(min-width:600px) { .rad-awards-grid .rad-awards-card__title { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-size: 1.125rem; font-weight: 300; line-height: 1.5; line-height: 1.333 } } @media(min-width:1024px) { .rad-awards-grid .rad-awards-card__title { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card__title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card__title { font-size: 2rem } } @media(min-width:1024px) { .rad-awards-grid .rad-awards-card__title { font-size: 1.125rem; line-height: 1.5rem } } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card__title { font-size: 1.5rem; line-height: 2rem } } .rad-awards-grid .rad-awards-card__description { font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card__description { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card__description { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card__description { font-size: 1rem; font-size: calc(1rem + 1.11111vw - 16px); font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card__description { font-size: 1.3333333333rem } } .rad-awards-grid .rad-awards-card .rad-button { bottom: 1rem; right: 1rem } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card .rad-button { bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card .rad-button { bottom: 1.3333333333rem } } @media(min-width:1440px) { .rad-awards-grid .rad-awards-card .rad-button { right: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-awards-grid .rad-awards-card .rad-button { right: 1.3333333333rem } } .rad-frontpage-hero { aspect-ratio: 360/250; margin-bottom: 0; max-width: 100vw } @media(min-width:600px) { .rad-frontpage-hero { aspect-ratio: 770/360 } } @media(min-width:1024px) { .rad-frontpage-hero { aspect-ratio: 1170/260 } } @media(min-width:1920px) { .rad-frontpage-hero { margin-left: auto; margin-right: auto; max-width: 1920px } } .rad-frontpage-hero__wrapper-link { display: block } .rad-frontpage-hero__heading { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .rad-frontpage-hero__lottie-wrapper { margin: 0 auto } .rad-text-block-with-icon { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-text-block-with-icon { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-text-block-with-icon__headline { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 2rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-text-block-with-icon__headline { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-text-block-with-icon__headline { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-text-block-with-icon__headline { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-text-block-with-icon__headline { font-size: 2.6666666667rem } } @media(min-width:600px) { .rad-text-block-with-icon__headline { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-text-block-with-icon__headline { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-text-block-with-icon__headline { margin-bottom: 3rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-text-block-with-icon__headline { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-text-block-with-icon__headline { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-text-block-with-icon__headline { margin-bottom: 4rem } } .rad-text-block-with-icon__block-container { -webkit-column-gap: var(--rad-spacing-sm); -moz-column-gap: var(--rad-spacing-sm); column-gap: var(--rad-spacing-sm); display: grid; grid-template-columns: 1fr } @media(min-width:600px) { .rad-text-block-with-icon__block-container { grid-template-columns: repeat(2, 1fr) } } @media(min-width:1024px) { .rad-text-block-with-icon__block-container { grid-template-columns: repeat(3, 1fr); width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0); width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0); width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0) } } .rad-text-block-with-icon__block { margin-bottom: 2rem } @media(min-width:600px) { .rad-text-block-with-icon__block { margin-bottom: 3rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block { margin-bottom: 4rem } } .rad-text-block-with-icon__block-pictogram img { display: block; height: 3rem; margin-bottom: 1rem; width: 3rem } @media(min-width:600px) { .rad-text-block-with-icon__block-pictogram img { margin-bottom: 1.5rem } } @media(min-width:1440) { .rad-text-block-with-icon__block-pictogram img { height: 3rem; margin-bottom: 1.5rem; width: 3rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block-pictogram img { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-pictogram img { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block-pictogram img { width: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-pictogram img { width: 4rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block-pictogram img { height: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-pictogram img { height: 4rem } } .rad-text-block-with-icon__block-title { font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; margin-bottom: .5rem } @media(min-width:600px) { .rad-text-block-with-icon__block-title { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-text-block-with-icon__block-title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-text-block-with-icon__block-title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-title { font-size: 2rem } } @media(min-width:600px) { .rad-text-block-with-icon__block-title { margin-bottom: 1rem } } @media(min-width:1024px) { .rad-text-block-with-icon__block-title { margin-bottom: 1rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block-title { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-title { margin-bottom: 1.3333333333rem } } .rad-text-block-with-icon__block-body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-text-block-with-icon__block-body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block-body { font-size: 1.3333333333rem } } .rad-text-block-with-icon__block .rad-button { margin-top: .5rem } @media(min-width:1024px) { .rad-text-block-with-icon__block .rad-button { margin-top: 1rem } } @media(min-width:1440px) { .rad-text-block-with-icon__block .rad-button { margin-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-text-block-with-icon__block .rad-button { margin-top: 1.3333333333rem } } @media(min-width:1024px) { .rad-text-block-with-icon--four-blocks .rad-text-block-with-icon__block-container { grid-template-columns: repeat(4, 1fr); width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } } .rad-component__title--large-text .rad-text-block-with-icon__headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-text-block-with-icon__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-text-block-with-icon__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-text-block-with-icon__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-text-block-with-icon__headline { font-size: 4rem } } .rad-hero-image { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-hero-image { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-hero-image__btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-hero-image__btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; width: auto } } @media(min-width:1024px) { .rad-hero-image__btn { gap: 2rem } } @media(min-width:1440px) { .rad-hero-image__btn { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-hero-image__btn { gap: 2.6666666667rem } } .rad-hero-image__btn .rad-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100% } @media(min-width:600px) { .rad-hero-image__btn .rad-button { width: auto } } .rad-hero-image__content { padding-top: 2.5rem } .rad-hero-image__photo { display: block; height: auto; margin-left: calc(var(--rad-spacing-sm)*-1); width: 258px } .rad-hero-image__headline { font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25; margin-bottom: 1rem } @media(min-width:600px) { .rad-hero-image__headline { font-size: 3.75rem; line-height: 1.067 } } @media(min-width:1440px) { .rad-hero-image__headline { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-hero-image__headline { font-size: 5rem } } .rad-hero-image__body { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-weight: 300; line-height: 1.5; margin-bottom: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-hero-image__body { font-size: 1.125rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-hero-image__body { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-hero-image__body { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-hero-image__body { font-size: 2rem } } @media(min-width:600px) { .rad-hero-image__headline { margin-bottom: 1.5rem } .rad-hero-image__photo { margin-left: calc(var(--rad-spacing-md)*-1) } .rad-hero-image__content { padding-top: 3.75rem } } @media(min-width:768px) { .rad-hero-image { -webkit-box-align: end; -ms-flex-align: end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-end; -ms-flex-direction: row; flex-direction: row; justify-content: space-between } .rad-hero-image__photo { width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*1); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-hero-image__photo { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*1) } } @media(min-width:768px) { .rad-hero-image__content { padding-bottom: 3.75rem; padding-top: 0; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-image__content { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-hero-image__photo { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*1); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1); width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1) } .rad-hero-image__headline { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-hero-image__headline { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-hero-image__headline { margin-bottom: 2.6666666667rem } } @media(min-width:1024px) { .rad-hero-image__content { padding-bottom: var(--rad-spacing-md); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-leaders { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-leaders { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-leaders__heading-and-cta { margin-bottom: 1.5rem } @media(min-width:600px) { .rad-leaders__heading-and-cta { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin-bottom: 3.75rem } } @media(min-width:1024px) { .rad-leaders__heading-and-cta { margin-bottom: 3.75rem } } @media(min-width:1440px) { .rad-leaders__heading-and-cta { margin-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-leaders__heading-and-cta { margin-bottom: 5rem } } .rad-leaders__heading { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-leaders__heading { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-leaders__heading { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-leaders__heading { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-leaders__heading { font-size: 4rem } } @media(max-width:599px) { .rad-leaders__heading { margin-bottom: .5rem } } @media(min-width:600px) { .rad-leaders__heading { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-leaders__heading { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-leaders__cta { -ms-flex-negative: 0; flex-shrink: 0 } .rad-leaders__leader { -webkit-column-gap: var(--rad-spacing-sm); -moz-column-gap: var(--rad-spacing-sm); column-gap: var(--rad-spacing-sm); display: grid; grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin" "bio bio"; grid-template-columns: 30% auto; grid-template-rows: auto auto 1fr auto; width: 100% } @media(min-width:600px) { .rad-leaders__leader { grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin" "image-container bio"; grid-template-columns: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) 1fr; grid-template-rows: auto auto auto 1fr } } @media(min-width:1024px) { .rad-leaders__leader { grid-template-columns: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) 1fr } } .rad-leaders__leader-image-container { grid-area: image-container } .rad-leaders__leader-image, .rad-leaders__leader-image-container .cmp-image { -webkit-filter: grayscale(1); filter: grayscale(1) } .rad-leaders__leader-image { display: block; min-width: 100% } .rad-leaders__leader-name { font-size: 1.125rem; font-weight: 500; grid-area: leader-name; letter-spacing: -0.02em; line-height: 1.5 } @media(min-width:600px) { .rad-leaders__leader-name { font-size: 1.25rem; line-height: 1.4 } } @media(min-width:1024px) { .rad-leaders__leader-name { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-leaders__leader-name { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-leaders__leader-name { font-size: 2.3333333333rem } } .rad-leaders__leader-role { font-size: 0.875rem; font-weight: 500; font-weight: 400; grid-area: role; letter-spacing: -0.005em; line-height: 1.429; margin-top: 0.5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-leaders__leader-role { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-leaders__leader-role { font-size: 1.1666666667rem } } @media(min-width:1440px) { .rad-leaders__leader-role { margin-top: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-leaders__leader-role { margin-top: 0.6666666667rem } } .rad-leaders__leader-linkedin-container { grid-area: linkedin; margin-top: 0.5rem } @media(min-width:1440px) { .rad-leaders__leader-linkedin-container { margin-top: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-leaders__leader-linkedin-container { margin-top: 0.6666666667rem } } .rad-leaders__leader-linkedin { margin: -0.9375rem } @media(min-width:1440px) { .rad-leaders__leader-linkedin { margin: calc(-0.9375rem - 1.04167vw + 15px) } } @media(min-width:1920px) { .rad-leaders__leader-linkedin { margin: -1.25rem } } .rad-leaders__leader-bio { font-size: 0.875rem; font-weight: 500; font-weight: 400; grid-area: bio; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-leaders__leader-bio { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-leaders__leader-bio { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-leaders__leader-bio { width: calc(66.66667% - var(--rad-spacing-sm)*5/6*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-leaders__leader-bio { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem; width: calc(60% - var(--rad-spacing-sm)*9/10*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-leaders__leader-bio { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-leaders__leader-bio { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-leader--bio .rad-leaders__leader-linkedin-container, .rad-leader--bio .rad-leaders__leader-name, .rad-leader--bio .rad-leaders__leader-role { width: calc(66.66667% - var(--rad-spacing-sm)*5/6*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-leader--bio .rad-leaders__leader-linkedin-container, .rad-leader--bio .rad-leaders__leader-name, .rad-leader--bio .rad-leaders__leader-role { width: calc(57.14286% - var(--rad-spacing-sm)*6/7*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-leader--bio .rad-leaders__leader-bio { margin-top: auto; padding-top: 1rem } @media(min-width:1440px) { .rad-leader--bio .rad-leaders__leader-bio { padding-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-leader--bio .rad-leaders__leader-bio { padding-top: 1.3333333333rem } } @media(min-width:600px) { .rad-leaders--list .rad-leaders__leaders-container { -webkit-column-gap: var(--rad-spacing-sm); -moz-column-gap: var(--rad-spacing-sm); column-gap: var(--rad-spacing-sm); display: grid; grid-template-columns: repeat(2, 1fr) } } @media(min-width:1024px) { .rad-leaders--list .rad-leaders__leaders-container { margin-left: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); margin-left: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); margin-left: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } .rad-leaders--list .rad-leaders__leader { grid-template-columns: 30% auto; margin-bottom: 1.5rem; width: 100% } .rad-leaders--list .rad-leaders__leader:last-child { margin-bottom: 0 } @media(min-width:600px) { .rad-leaders--list .rad-leaders__leader { -ms-flex-negative: 0; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; flex-shrink: 0; grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin"; grid-template-rows: auto auto 1fr; margin-bottom: 2rem } .rad-leaders--list .rad-leaders__leader:nth-child(odd):nth-last-child(2) { margin-bottom: 0 } } @media(min-width:1024px) { .rad-leaders--list .rad-leaders__leader { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; margin-bottom: 2.5rem } } @media(min-width:1440px) { .rad-leaders--list .rad-leaders__leader { margin-bottom: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-leaders--list .rad-leaders__leader { margin-bottom: 3.3333333333rem } } @media(min-width:1440px) { .rad-leaders--list .rad-leaders__leader { -webkit-column-gap: calc(1.5rem + 1.66667vw - 24px); -moz-column-gap: calc(1.5rem + 1.66667vw - 24px); column-gap: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-leaders--list .rad-leaders__leader { -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem } } .rad-leaders--list .rad-leaders__leader-name { font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5 } @media(min-width:600px) { .rad-leaders--list .rad-leaders__leader-name { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-leaders--list .rad-leaders__leader-name { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-leaders--list .rad-leaders__leader-name { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-leaders--list .rad-leaders__leader-name { font-size: 2rem } } .rad-leaders--list .rad-leaders__leader-linkedin-container { margin-top: auto; padding-top: .5rem } @media(min-width:1024px) { .rad-leaders--list-single .rad-leaders__leaders-container { display: block; margin-left: 0 } .rad-leaders--list-single .rad-leaders__leader { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-hero-text__help-button { margin-left: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-hero-text__help-button { margin-left: var(--rad-spacing-md) } } .rad-hero-text__text-content { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-hero-text__text-content { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-hero-text__eyebrow { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding: 1.5rem 0; text-transform: uppercase; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-hero-text__eyebrow { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-hero-text__eyebrow { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-hero-text__eyebrow { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__eyebrow { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-hero-text__eyebrow { padding: 3.75rem 0 1.5rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__eyebrow { padding-bottom: 2rem; padding-top: 3.75rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-hero-text__eyebrow { padding-top: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-hero-text__eyebrow { padding-top: 5rem } } @media(min-width:1440px) { .rad-hero-text__eyebrow { padding-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-hero-text__eyebrow { padding-bottom: 2.6666666667rem } } .rad-hero-text__headline { font-size: 2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-hero-text__headline { font-size: 3.75rem; line-height: 1.067 } } @media(min-width:1440px) { .rad-hero-text__headline { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-hero-text__headline { font-size: 5rem } } @media(min-width:600px) { .rad-hero-text__headline { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__headline { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-hero-text__headline { width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0); width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__headline { width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-hero-text__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333; padding-top: 1rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-hero-text__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-hero-text__subheader { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-hero-text__subheader { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-hero-text__subheader { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-hero-text__subheader { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__subheader { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-hero-text__subheader { padding-top: 1.5rem; width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__subheader { padding-top: 2rem; width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0); width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0); width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-hero-text__subheader { padding-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-hero-text__subheader { padding-top: 2.6666666667rem } } .rad-hero-text__more-about { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; padding-top: 1rem; text-underline-offset: .25rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-hero-text__more-about { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-hero-text__more-about { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-hero-text__more-about { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__more-about { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-hero-text__more-about { padding-top: 1.5rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text__more-about { padding-top: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-hero-text__more-about { padding-top: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-hero-text__more-about { padding-top: 2.6666666667rem } } .rad-hero-text--no-top-padding { padding-top: 0 } .rad-hero-text--no-bottom-padding { padding-bottom: 0 } .rad-hero-text--no-eyebrow .rad-hero-text__headline { padding-top: 40px } @media(min-width:600px) { .rad-hero-text--no-eyebrow .rad-hero-text__headline { padding-top: 40px } } @media(min-width:1024px) { .rad-hero-text--no-eyebrow .rad-hero-text__headline { padding-top: 5rem } } @media(min-width:1440px) { .rad-hero-text--no-eyebrow .rad-hero-text__headline { padding-top: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-hero-text--no-eyebrow .rad-hero-text__headline { padding-top: 6.6666666667rem } } .rad-hero-text__btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1rem; margin-top: 1.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-hero-text__btn { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem } } @media(min-width:1440px) { .rad-hero-text__btn { gap: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-hero-text__btn { gap: 2rem } } @media(min-width:1024px) { .rad-hero-text__btn { margin-top: 3rem } } @media(min-width:1440px) { .rad-hero-text__btn { margin-top: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-hero-text__btn { margin-top: 4rem } } .rad-hero-text__btn .rad-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; width: 100% } @media(min-width:600px) { .rad-hero-text__btn .rad-button { width: auto } } .rad-hero-text--no-back .rad-hero-text__eyebrow { padding-top: 0 } .rad-hero-text--headline-xl .rad-hero-text__headline { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167 } @media(min-width:600px) { .rad-hero-text--headline-xl .rad-hero-text__headline { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-hero-text--headline-xl .rad-hero-text__headline { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-hero-text--headline-xl .rad-hero-text__headline { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-hero-text--headline-xl .rad-hero-text__headline { font-size: 8.3333333333rem } } @media(min-width:600px) { .rad-hero-text--headline-xl .rad-hero-text__headline { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-hero-text--headline-xl .rad-hero-text__headline { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-hero-text--center-aligned .rad-hero-text__text-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; text-align: center } .rad-quote-carousel .flickity-page-dots { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: end; -ms-flex-pack: end; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; justify-content: flex-end; margin: 0 auto; max-width: 1920px; width: auto } @media(min-width:600px) { .rad-quote-carousel .flickity-page-dots { height: 48px; margin: 0 2.75rem 0 auto } } @media(min-width:1440px) { .rad-quote-carousel .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-quote-carousel .flickity-page-dots { height: 64px } } @media(min-width:1024px) { .rad-quote-carousel .flickity-page-dots { margin-right: 4.75rem } } @media(min-width:1440px) { .rad-quote-carousel .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-page-dots { margin-right: 6.3333333333rem } } .rad-quote-carousel .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: auto; margin: 0; padding: .25rem; position: relative; width: .5rem; z-index: 1 } .rad-quote-carousel .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-quote-carousel .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-quote-carousel .flickity-page-dot:after, .rad-quote-carousel .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-quote-carousel .flickity-page-dot:first-child { overflow: visible } .rad-quote-carousel .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-quote-carousel .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-quote-carousel .flickity-page-dot:hover { background: none } .rad-quote-carousel .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-quote-carousel .flickity-page-dot.is-selected { background: none } .rad-quote-carousel .flickity-page-dot.is-selected:after { background: #fff } .rad-quote-carousel .flickity-enabled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-quote-carousel .flickity-viewport { -ms-flex-preferred-size: 100%; flex-basis: 100% } .rad-quote-carousel .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; left: 0; margin-top: -12px; position: relative; right: 0; -webkit-transform: unset; transform: unset; width: 48px } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button { width: 64px } } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button { height: 3.33333vw } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button { height: 64px } } @media(min-width:600px) { .rad-quote-carousel .flickity-prev-next-button { margin-top: 0 } } .rad-quote-carousel .flickity-prev-next-button:focus { -webkit-box-shadow: none; box-shadow: none } .rad-quote-carousel .flickity-prev-next-button.previous { margin-left: 2.25rem } @media(min-width:1024px) { .rad-quote-carousel .flickity-prev-next-button.previous { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button.previous { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button.previous { margin-left: 5.6666666667rem } } .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 0.25rem } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 0.3333333333rem } } .rad-quote-carousel .flickity-button-icon { fill: #fff; position: static; width: 1.25rem } @media(min-width:1440px) { .rad-quote-carousel .flickity-button-icon { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-button-icon { width: 1.6666666667rem } } .rad-quote-carousel .rad-quote-carousel-title__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; padding-bottom: var(--rad-spacing-lg); padding-left: var(--rad-spacing-sm); padding-top: 0; row-gap: 1rem } .rad-quote-carousel .rad-quote-carousel-title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-quote-carousel .rad-quote-carousel-title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-quote-carousel .rad-quote-carousel-title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-quote-carousel .rad-quote-carousel-title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-quote-carousel .rad-quote-carousel-title { font-size: 2.6666666667rem } } .rad-quote-carousel .rad-quote-carousel__sub { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-quote-carousel .rad-quote-carousel__sub { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-quote-carousel .rad-quote-carousel__sub { font-size: 1.3333333333rem } } .rad-quote-carousel .flickity-cell { bottom: 0 } .rad-quote-carousel .flickity-prev-next-button { display: none } .rad-quote-carousel .flickity-page-dots { bottom: 0; margin-top: 16px; position: relative; right: 0 } .rad-quote-carousel__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative } .rad-quote-carousel__cell, .rad-quote-carousel__left { width: 100% } .rad-quote-carousel__left .rad-quote-carousel__image-container .rad-quote-carousel__image { display: block; width: 100% } .rad-quote-carousel__right { padding: 0 1rem; width: 100% } .rad-quote-carousel__right .rad-quote-carousel__cell { padding-top: 1.5rem } .rad-quote-carousel__right .rad-quote-carousel__cell.is-selected .rad-quote-carousel__read { visibility: visible } .rad-quote-carousel__right .rad-quote-headline { margin-bottom: 1.5rem } @media(min-width:600px) { .rad-quote-carousel { padding-right: 3rem } .rad-quote-carousel .rad-quote-carousel-title__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding-bottom: var(--rad-spacing-md); padding-left: var(--rad-spacing-md) } .rad-quote-carousel .flickity-enabled { position: static } .rad-quote-carousel .flickity-cell { bottom: auto; margin-bottom: 0 } .rad-quote-carousel .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; bottom: -24px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; position: absolute; top: auto; translate: 0 100% } .rad-quote-carousel .flickity-prev-next-button svg { height: 1.875rem; position: static } } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button svg { height: calc(1.875rem + 2.08333vw - 30px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button svg { height: 2.5rem } } @media(min-width:600px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 86px } .rad-quote-carousel .flickity-page-dots { bottom: -24px; margin-top: 0; padding: 0; position: absolute; right: calc(var(--rad-spacing-md)*-1); translate: 0 100%; width: auto } .rad-quote-carousel__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; margin-bottom: 4.0625rem } } @media(min-width:600px) { .rad-quote-carousel__container .flickity-enabled:focus-visible { outline: .125rem solid #a100ff } } @media(min-width:600px) { .rad-quote-carousel__left { -ms-flex-negative: 0; flex-shrink: 0; width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1) } } @media(min-width:1024px) { .rad-quote-carousel__left { width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1) } } @media(min-width:600px) { .rad-quote-carousel__right { margin: auto 0; padding: 0 } .rad-quote-carousel__right .flickity-viewport { height: 12.5rem } .rad-quote-carousel__right .flickity-slider { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .rad-quote-carousel__right .rad-quote-carousel__cell { padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); padding-top: 0 } } @media(min-width:1024px) { .rad-quote-carousel { padding-right: 5rem } .rad-quote-carousel .flickity-prev-next-button { bottom: -2rem } } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button { bottom: calc(-2rem - 2.22222vw + 32px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button { bottom: -2.6666666667rem } } @media(min-width:1024px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 120px } } @media(min-width:1440px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 8.33333vw } } @media(min-width:1920px) { .rad-quote-carousel .flickity-prev-next-button.next { margin-left: 160px } } @media(min-width:1024px) { .rad-quote-carousel .flickity-page-dots { bottom: -2rem } } @media(min-width:1440px) { .rad-quote-carousel .flickity-page-dots { bottom: calc(-2rem - 2.22222vw + 32px) } } @media(min-width:1920px) { .rad-quote-carousel .flickity-page-dots { bottom: -2.6666666667rem } } @media(min-width:1024px) { .rad-quote-carousel__containers { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-quote-carousel__containers { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-quote-carousel__containers { margin-bottom: 2.6666666667rem } } @media(min-width:1024px) { .rad-quote-carousel__left { width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1); width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1) } .rad-quote-carousel__right .flickity-viewport { min-height: 14.0625rem } } @media(min-width:1440px) { .rad-quote-carousel__right .flickity-viewport { min-height: calc(14.0625rem + 15.625vw - 225px) } } @media(min-width:1920px) { .rad-quote-carousel__right .flickity-viewport { min-height: 18.75rem } } @media(min-width:1024px) { .rad-quote-carousel__right .rad-quote-carousel__title { margin-bottom: 1.25rem } } @media(min-width:1440px) { .rad-quote-carousel__right .rad-quote-carousel__title { margin-bottom: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-quote-carousel__right .rad-quote-carousel__title { margin-bottom: 1.6666666667rem } } @media(min-width:1024px) { .rad-quote-carousel__right .rad-quote-carousel__info { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-quote-carousel__right .rad-quote-carousel__info { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-quote-carousel__right .rad-quote-carousel__info { margin-bottom: 2rem } } @media(min-width:1024px) { .rad-quote-carousel__right .rad-quote-carousel__cell { padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); padding-top: 0 } .rad-quote-carousel__right .rad-quote-headline { margin-bottom: 2rem } } @media(min-width:1440px) { .rad-quote-carousel__right .rad-quote-headline { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-quote-carousel__right .rad-quote-headline { margin-bottom: 2.6666666667rem } } .rad-component__title--large-text .rad-quote-carousel-title { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-quote-carousel-title { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-quote-carousel-title { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-quote-carousel-title { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-quote-carousel-title { font-size: 4rem } } :root { --rad-subnav-margin-tablet: 48px; --rad-subnav-margin-desktop: 80px; --rad-subnav-margin-wide-desktop: 107px } .subnavigation { padding-bottom: 3.25rem } .rad-subnav { background-color: #460073; color: #fff; height: 3.25rem; position: fixed; top: var(--rad-nav-height); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top; transition-property: top; width: 100%; z-index: 10 } @media(min-width:1920px) { .rad-subnav { margin-left: calc(-50vw + 960px); margin-right: calc(-50vw + 960px) } } .rad-global-header--offscreen .rad-subnav { top: 0 } .rad-subnav-bar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: space-between; margin: 0 auto; max-width: 1920px; padding: 0 1rem } @media(min-width:600px) { .rad-subnav-bar { padding: 0 var(--rad-subnav-margin-tablet) } } @media(min-width:1024px) { .rad-subnav-bar { padding: 0 var(--rad-subnav-margin-desktop) } } @media(min-width:1440px) { .rad-subnav-bar { padding-left: 5rem; padding-left: calc(5rem + 5.55556vw - 80px); padding-right: 5rem } } @media(min-width:1920px) { .rad-subnav-bar { padding-left: 6.6666666667rem } } @media(min-width:1440px) { .rad-subnav-bar { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-subnav-bar { padding-right: 6.6666666667rem } } .rad-subnav-bar__title { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 500; height: 3.25rem; letter-spacing: -0.005em; line-height: 1.429; overflow: hidden; text-overflow: ellipsis; text-underline-offset: .25rem; vertical-align: middle; white-space: nowrap } @media(min-width:1440px) { .rad-subnav-bar__title { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-subnav-bar__title { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-subnav-bar__title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; padding-right: 2.5rem; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-subnav-bar__title { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-subnav-bar__title { font-size: 1.3333333333rem; padding-right: 3.3125rem } } .rad-subnav-bar__anchor-top { -ms-flex-item-align: center; align-self: center; padding: .875rem 0; text-decoration: none } .rad-subnav-bar__anchor-top:hover, .rad-subnav-bar__anchor-top:visited { color: #fff } .rad-subnav-bar .subnav-bar__link, .rad-subnav-bar .subnav-bar__link--anchor { text-decoration: none } @media(min-width:600px) { .rad-subnav-bar__items { -webkit-box-pack: end; -ms-flex-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.25rem; justify-content: flex-end } } .rad-subnav-bar__items .subnav-menu-toggle { padding-right: 1rem; width: auto } @media(min-width:600px) { .rad-subnav-bar__items .subnav-menu-toggle { display: none; margin-right: -10px } } .rad-subnav-bar__items .rad-subnav-bar__section-display { display: none; padding-left: 1.5rem; padding-right: 1rem } .rad-subnav-bar__dropdown-links { background-color: #202020; border-bottom: 1px solid #616160; border-top: 1px solid #7500c0; display: none; font-size: 0.875rem; font-size: .875rem; font-weight: 500; font-weight: 400; height: 0; letter-spacing: -0.005em; line-height: 1.429; padding: .5rem 1rem; position: absolute; text-underline-offset: .25rem; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-property: display, height; transition-property: display, height; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); width: 100% } @media(min-width:1440px) { .rad-subnav-bar__dropdown-links { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-subnav-bar__dropdown-links { font-size: 1.1666666667rem } } .rad-subnav-bar__dropdown-links .subnav-bar__link, .rad-subnav-bar__dropdown-links .subnav-bar__link--anchor { color: #fff; display: block; padding: 1rem 0; text-align: left; -webkit-transition-duration: 50ms; transition-duration: 50ms; -webkit-transition-property: font-weight; transition-property: font-weight; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-subnav-bar__dropdown-links .subnav-bar__link--anchor.current-section, .rad-subnav-bar__dropdown-links .subnav-bar__link--anchor:hover, .rad-subnav-bar__dropdown-links .subnav-bar__link.current-section, .rad-subnav-bar__dropdown-links .subnav-bar__link:hover { color: #fff; font-weight: 500 } @media(min-width:600px) { .rad-subnav-bar__dropdown-links { margin-top: 3.25rem; padding-left: 3rem } } @media(min-width:1024px) { .rad-subnav-bar__dropdown-links { padding-left: 5rem } } .rad-subnav-bar__links { display: none; font-size: 0.875rem; font-size: .875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-subnav-bar__links { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-subnav-bar__links { font-size: 1.1666666667rem } } .rad-subnav-bar__links .rad-subnav-bar__link-text { position: relative } .rad-subnav-bar__links .rad-subnav-bar__link-text:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 0 } :hover>.rad-subnav-bar__link-text:after { width: 100% } @media(min-width:600px) { .rad-subnav-bar__links { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 } } .rad-subnav-bar__links .subnav-bar__link, .rad-subnav-bar__links .subnav-bar__link--anchor { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.25rem; padding: 0 1.25rem; -webkit-transition-duration: 50ms; transition-duration: 50ms; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); white-space: nowrap } .rad-subnav-bar__links .subnav-bar__link--anchor:hover, .rad-subnav-bar__links .subnav-bar__link:hover { background-color: #7500c0; color: #fff } @media(min-width:1920px) { .rad-subnav-bar__links .subnav-bar__link, .rad-subnav-bar__links .subnav-bar__link--anchor { padding-left: 1.25rem; padding-left: calc(1.25rem + 1.38889vw - 20px); padding-left: 1.6666666667rem; padding-right: 1.25rem; padding-right: calc(1.25rem + 1.38889vw - 20px); padding-right: 1.6666666667rem } } @media(min-width:600px) { .rad-subnav--links-inline .rad-subnav-bar__links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -1.25rem } } @media(min-width:1920px) { .rad-subnav--links-inline .rad-subnav-bar__links { margin-right: -1.25rem; margin-right: calc(-1.25rem - 1.38889vw + 20px); margin-right: -1.6666666667rem } } @media(min-width:600px) { .rad-subnav--links-inline .rad-subnav-bar__section-display, .rad-subnav--links-inline .subnav-menu-toggle { display: none } .rad-subnav.rad-subnav__highlights--visible:not(.rad-subnav--links-inline) .rad-subnav-bar__links { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden } .rad-subnav.rad-subnav__highlights--visible:not(.rad-subnav--links-inline) .rad-subnav-bar__section-display { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; white-space: nowrap } } .rad-subnav.rad-subnav__highlights--visible .rad-subnav-bar__links .subnav-bar__link--anchor.current-section { background-color: #7500c0; color: #fff } .rad-subnav.rad-subnav__dropdown--active .rad-subnav-bar__dropdown-links, .rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .rad-subnav-bar__dropdown-links { display: block; height: auto; left: 0; max-height: 100dvh; right: 0 } .rad-subnav.rad-subnav__dropdown--active .subnav-menu-toggle .rad-icon, .rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .subnav-menu-toggle .rad-icon { rotate: 180deg } @media(min-width:600px) { .rad-subnav.rad-subnav__dropdown--active .rad-subnav-bar__section-display, .rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .rad-subnav-bar__section-display { display: none } } .rad-accordion { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-accordion { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-accordion__header-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 1.5rem; row-gap: 1rem } .rad-accordion__headline { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333 } @media(min-width:600px) { .rad-accordion__headline { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .rad-accordion__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .rad-accordion__headline { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .rad-accordion__headline { font-size: 3.3333333333rem } } .rad-accordion__more { margin-top: 1rem } .rad-accordion__more .rad-button:focus-visible { margin-left: .125rem; outline-offset: 0 } .rad-accordion__header-title { font-size: 1rem; font-weight: 500; gap: 1rem; letter-spacing: -0.02em; line-height: 1.5 } @media(min-width:600px) { .rad-accordion__header-title { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-accordion__header-title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-accordion__header-title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__header-title { font-size: 2rem } } .rad-accordion__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-weight: 300; line-height: 1.5 } @media(min-width:600px) { .rad-accordion__subheader { font-size: 1.125rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-accordion__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-accordion__subheader { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__subheader { font-size: 2rem } } .rad-accordion__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-right: 3.25rem; padding-bottom: 1.5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-accordion__content { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-accordion__content { font-size: 1.3333333333rem } } .rad-accordion__header { -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-start; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; gap: 16px; justify-content: space-between; letter-spacing: -0.02em; line-height: 1.5; padding: 16px 11px 16px 0; text-align: left; width: 100% } @media(min-width:600px) { .rad-accordion__header { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .rad-accordion__header { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-accordion__header { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__header { font-size: 2rem } } .rad-accordion__header:focus-visible { border: 2px solid #a100ff; outline-offset: 0 } .rad-accordion .rad-accordion__container--open:hover .accordioncard .rad-accordion__purple { border-top-color: #a100ff } .rad-accordion .rad-accordion__container--open .rad-accordion__header { border-top-color: #616160; color: #a2a2a0 } .rad-accordion .rad-accordion__container--open .rad-accordion__header .rad-accordion__icon:after, .rad-accordion .rad-accordion__container--open .rad-accordion__header .rad-accordion__icon:before { background-color: #a2a2a0 } .rad-accordion .rad-accordion__container--open .rad-accordion__purple { border-top: 2px solid #a100ff } .rad-accordion .rad-accordion__container--open .accordioncard:last-child .rad-accordion__item { border-bottom-color: #616160 } .rad-accordion__container { pointer-events: none } .rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header { border-color: #a100ff; color: #fff } .rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header .rad-accordion__icon:after, .rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header .rad-accordion__icon:before { background-color: #fff } .rad-accordion__container:hover .accordioncard .rad-accordion__header { border-top-color: #616160; color: #a2a2a0 } .rad-accordion__container:hover .accordioncard .rad-accordion__item--open .rad-accordion__header { border-top-color: #a100ff; color: #fff } .rad-accordion__container:hover .accordioncard:last-child .rad-accordion__item { border-bottom-color: #616160 } .rad-accordion .rad-accordion__header { border-top: 2px solid #a100ff } .rad-accordion .accordioncard { pointer-events: auto } .rad-accordion .accordioncard:last-child .rad-accordion__item { border-bottom: 2px solid #a100ff } .rad-accordion .accordioncard:last-child .rad-accordion__item.rad-accordion__item--open { border-color: #a100ff } .rad-accordion .accordioncard:hover .rad-accordion__header { border-color: #a100ff; color: #fff } .rad-accordion .accordioncard:hover:last-child .rad-accordion__item { border-bottom-color: #a100ff } .rad-accordion .accordioncard:hover .rad-accordion__icon:after, .rad-accordion .accordioncard:hover .rad-accordion__icon:before { background-color: #fff } .rad-accordion .accordioncard:hover+.accordioncard .rad-accordion__header { border-top: 2px solid #a100ff } .rad-accordion__item.rad-accordion__item--open .rad-accordion__icon:after { rotate: 0deg } .rad-accordion__item.rad-accordion__item--open .rad-accordion__content-wrapper { visibility: visible } .rad-accordion__icon { -ms-flex-negative: 0; flex-shrink: 0; height: 14px; margin: .3125rem auto; position: relative; width: 14px } @media(min-width:1440px) { .rad-accordion__icon { height: 0.97222vw } } @media(min-width:1920px) { .rad-accordion__icon { height: 18.6666666667px } } @media(min-width:1440px) { .rad-accordion__icon { width: 0.97222vw } } @media(min-width:1920px) { .rad-accordion__icon { width: 18.6666666667px } } .rad-accordion__icon:after, .rad-accordion__icon:before { background-color: #fff; content: ""; display: block; height: 2px; position: absolute; top: 50%; -webkit-transition: rotate 550ms cubic-bezier(0.85, 0, 0, 1); transition: rotate 550ms cubic-bezier(0.85, 0, 0, 1); translate: 0 -50%; width: 100% } @media(min-width:1440px) { .rad-accordion__icon:after, .rad-accordion__icon:before { height: 0.13889vw } } @media(min-width:1920px) { .rad-accordion__icon:after, .rad-accordion__icon:before { height: 2.6666666667px } } .rad-accordion__icon:after { rotate: -90deg } .rad-accordion__footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: .5rem; padding-top: 1.5rem } .rad-accordion__footer-title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; text-align: right } .rad-accordion__content-wrapper { max-height: 0; overflow: hidden; -webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1); transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1); visibility: hidden } .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-accordion__content-wrapper h2 { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-accordion__content-wrapper h2 { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-accordion__content-wrapper h2 { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-accordion__content-wrapper h2 { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-accordion__content-wrapper h2 { font-size: 4rem } } .rad-accordion__content-wrapper h2+h2, .rad-accordion__content-wrapper h2+h3 { margin-top: 1rem } .rad-accordion__content-wrapper h2+h4 { margin-top: 1.5rem } .rad-accordion__content-wrapper h2+h5 { margin-top: 1rem } .rad-accordion__content-wrapper h2+ol, .rad-accordion__content-wrapper h2+p, .rad-accordion__content-wrapper h2+ul { margin-top: 1.5rem } .rad-accordion__content-wrapper h3 { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-accordion__content-wrapper h3 { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-accordion__content-wrapper h3 { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-accordion__content-wrapper h3 { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-accordion__content-wrapper h3 { font-size: 2.6666666667rem } } .rad-accordion__content-wrapper h3+h2 { margin-top: 2rem } .rad-accordion__content-wrapper h3+h3 { margin-top: 1rem } .rad-accordion__content-wrapper h3+h4 { margin-top: 1.5rem } .rad-accordion__content-wrapper h3+h5 { margin-top: 1rem } .rad-accordion__content-wrapper h3+ol, .rad-accordion__content-wrapper h3+p, .rad-accordion__content-wrapper h3+ul { margin-top: 1.5rem } .rad-accordion__content-wrapper h4 { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.6; text-underline-offset: .25rem } @media(min-width:1024px) { .rad-accordion__content-wrapper h4 { font-size: 1.25rem } } @media(min-width:1440px) { .rad-accordion__content-wrapper h4 { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-accordion__content-wrapper h4 { font-size: 1.6666666667rem } } .rad-accordion__content-wrapper h4+h2, .rad-accordion__content-wrapper h4+h3 { margin-top: 2rem } .rad-accordion__content-wrapper h4+h4 { margin-top: .5rem } .rad-accordion__content-wrapper h4+h5 { margin-top: 2rem } .rad-accordion__content-wrapper h4+ol, .rad-accordion__content-wrapper h4+p, .rad-accordion__content-wrapper h4+ul { margin-top: .5rem } .rad-accordion__content-wrapper h5 { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333 } @media(min-width:600px) { .rad-accordion__content-wrapper h5 { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-accordion__content-wrapper h5 { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-accordion__content-wrapper h5 { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-accordion__content-wrapper h5 { font-size: 2.3333333333rem } } .rad-accordion__content-wrapper h5+h2, .rad-accordion__content-wrapper h5+h3 { margin-top: 2rem } .rad-accordion__content-wrapper h5+h4 { margin-top: 1.5rem } .rad-accordion__content-wrapper h5+h5 { margin-top: 1rem } .rad-accordion__content-wrapper h5+ol, .rad-accordion__content-wrapper h5+p, .rad-accordion__content-wrapper h5+ul { margin-top: 1.5rem } .rad-accordion__content-wrapper ol, .rad-accordion__content-wrapper p, .rad-accordion__content-wrapper ul { font-size: 1.125rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.6; padding-right: var(--scrollbar-width); text-underline-offset: .25rem } @media(min-width:1024px) { .rad-accordion__content-wrapper ol, .rad-accordion__content-wrapper p, .rad-accordion__content-wrapper ul { font-size: 1.25rem } } @media(min-width:1440px) { .rad-accordion__content-wrapper ol, .rad-accordion__content-wrapper p, .rad-accordion__content-wrapper ul { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-accordion__content-wrapper ol, .rad-accordion__content-wrapper p, .rad-accordion__content-wrapper ul { font-size: 1.6666666667rem } } .rad-accordion__content-wrapper ol a, .rad-accordion__content-wrapper p a, .rad-accordion__content-wrapper ul a { font-weight: 500 } .rad-accordion__content-wrapper ol a:focus-visible, .rad-accordion__content-wrapper p a:focus-visible, .rad-accordion__content-wrapper ul a:focus-visible { outline-offset: 2px } .rad-accordion__content-wrapper ol+h2, .rad-accordion__content-wrapper ol+h3, .rad-accordion__content-wrapper ol+h4, .rad-accordion__content-wrapper ol+h5, .rad-accordion__content-wrapper p+h2, .rad-accordion__content-wrapper p+h3, .rad-accordion__content-wrapper p+h4, .rad-accordion__content-wrapper p+h5, .rad-accordion__content-wrapper ul+h2, .rad-accordion__content-wrapper ul+h3, .rad-accordion__content-wrapper ul+h4, .rad-accordion__content-wrapper ul+h5 { margin-top: 2rem } .rad-accordion__content-wrapper ol+ol, .rad-accordion__content-wrapper ol+p, .rad-accordion__content-wrapper ol+ul, .rad-accordion__content-wrapper p+ol, .rad-accordion__content-wrapper p+p, .rad-accordion__content-wrapper p+ul, .rad-accordion__content-wrapper ul+ol, .rad-accordion__content-wrapper ul+p, .rad-accordion__content-wrapper ul+ul { margin-top: .5rem } .rad-accordion__content-wrapper ol li { counter-increment: li; list-style-type: none; padding-left: 30px; position: relative } .rad-accordion__content-wrapper ol li:before { color: #a100ff; content: counter(li) attr(start) ". "; left: 0; position: absolute } .rad-accordion__content-wrapper ul { list-style: none; padding-left: 0 } .rad-accordion__content-wrapper ul li { padding-left: 29px; position: relative } .rad-accordion__content-wrapper ul li:before { background-color: #a100ff; content: ""; display: inline-block; height: .375rem; left: 0; position: absolute; text-align: center; top: 10px; width: .375rem } @media(min-width:1440px) { .rad-accordion__content-wrapper ul li:before { top: 0.69444vw } } @media(min-width:1920px) { .rad-accordion__content-wrapper ul li:before { top: 13.3333333333px } } @media(min-width:600px) { .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__content-wrapper h2+h2, .rad-accordion__content-wrapper h2+h3 { margin-top: 1.5rem } .rad-accordion__content-wrapper h2+h4 { margin-top: 2rem } .rad-accordion__content-wrapper h2+h5 { margin-top: 1.5rem } .rad-accordion__content-wrapper h2+ol, .rad-accordion__content-wrapper h2+p, .rad-accordion__content-wrapper h2+ul { margin-top: 2rem } .rad-accordion__content-wrapper h3+h2 { margin-top: 3rem } .rad-accordion__content-wrapper h3+h3 { margin-top: 1.5rem } .rad-accordion__content-wrapper h3+h4 { margin-top: 2rem } .rad-accordion__content-wrapper h3+h5 { margin-top: 1.5rem } .rad-accordion__content-wrapper h3+ol, .rad-accordion__content-wrapper h3+p, .rad-accordion__content-wrapper h3+ul { margin-top: 2rem } .rad-accordion__content-wrapper h4+h2, .rad-accordion__content-wrapper h4+h3 { margin-top: 3rem } .rad-accordion__content-wrapper h4+h4 { margin-top: 1rem } .rad-accordion__content-wrapper h4+h5 { margin-top: 3rem } .rad-accordion__content-wrapper h4+ol, .rad-accordion__content-wrapper h4+p, .rad-accordion__content-wrapper h4+ul { margin-top: 1rem } .rad-accordion__content-wrapper h5+h2, .rad-accordion__content-wrapper h5+h3 { margin-top: 3rem } .rad-accordion__content-wrapper h5+h4 { margin-top: 2rem } .rad-accordion__content-wrapper h5+h5 { margin-top: 1.5rem } .rad-accordion__content-wrapper h5+ol, .rad-accordion__content-wrapper h5+p, .rad-accordion__content-wrapper h5+ul { margin-top: 2rem } .rad-accordion__content-wrapper ol, .rad-accordion__content-wrapper p, .rad-accordion__content-wrapper ul { padding-right: 0 } .rad-accordion__content-wrapper ol+h2, .rad-accordion__content-wrapper ol+h3, .rad-accordion__content-wrapper ol+h4, .rad-accordion__content-wrapper ol+h5, .rad-accordion__content-wrapper p+h2, .rad-accordion__content-wrapper p+h3, .rad-accordion__content-wrapper p+h4, .rad-accordion__content-wrapper p+h5, .rad-accordion__content-wrapper ul+h2, .rad-accordion__content-wrapper ul+h3, .rad-accordion__content-wrapper ul+h4, .rad-accordion__content-wrapper ul+h5 { margin-top: 3rem } .rad-accordion__content-wrapper ol+ol, .rad-accordion__content-wrapper ol+p, .rad-accordion__content-wrapper ol+ul, .rad-accordion__content-wrapper p+ol, .rad-accordion__content-wrapper p+p, .rad-accordion__content-wrapper p+ul, .rad-accordion__content-wrapper ul+ol, .rad-accordion__content-wrapper ul+p, .rad-accordion__content-wrapper ul+ul { margin-top: 1rem } .rad-accordion__content-wrapper ol li:before, .rad-accordion__content-wrapper ul li:before { height: .5rem; width: .5rem } } @media(min-width:1024px) { .rad-accordion__content-wrapper>h2, .rad-accordion__content-wrapper>h3, .rad-accordion__content-wrapper>h4, .rad-accordion__content-wrapper>h5, .rad-accordion__content-wrapper>ol, .rad-accordion__content-wrapper>p, .rad-accordion__content-wrapper>ul { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-accordion__content-wrapper h2+h2, .rad-accordion__content-wrapper h2+h3 { margin-top: 2rem } .rad-accordion__content-wrapper h2+h4 { margin-top: 3rem } .rad-accordion__content-wrapper h2+h5 { margin-top: 2rem } .rad-accordion__content-wrapper h2+ol, .rad-accordion__content-wrapper h2+p, .rad-accordion__content-wrapper h2+ul { margin-top: 3rem } .rad-accordion__content-wrapper h3+h2 { margin-top: 4rem } .rad-accordion__content-wrapper h3+h3 { margin-top: 2rem } .rad-accordion__content-wrapper h3+h4 { margin-top: 3rem } .rad-accordion__content-wrapper h3+h5 { margin-top: 2rem } .rad-accordion__content-wrapper h3+ol, .rad-accordion__content-wrapper h3+p, .rad-accordion__content-wrapper h3+ul { margin-top: 3rem } .rad-accordion__content-wrapper h4+h2, .rad-accordion__content-wrapper h4+h3 { margin-top: 4rem } .rad-accordion__content-wrapper h4+h4 { margin-top: 1.5rem } .rad-accordion__content-wrapper h4+h5 { margin-top: 4rem } .rad-accordion__content-wrapper h4+ol, .rad-accordion__content-wrapper h4+p, .rad-accordion__content-wrapper h4+ul { margin-top: 1.5rem } .rad-accordion__content-wrapper h5+h2, .rad-accordion__content-wrapper h5+h3 { margin-top: 4rem } .rad-accordion__content-wrapper h5+h4 { margin-top: 3rem } .rad-accordion__content-wrapper h5+h5 { margin-top: 2rem } .rad-accordion__content-wrapper h5+ol, .rad-accordion__content-wrapper h5+p, .rad-accordion__content-wrapper h5+ul { margin-top: 3rem } .rad-accordion__content-wrapper ol+h2, .rad-accordion__content-wrapper ol+h3, .rad-accordion__content-wrapper ol+h4, .rad-accordion__content-wrapper ol+h5, .rad-accordion__content-wrapper p+h2, .rad-accordion__content-wrapper p+h3, .rad-accordion__content-wrapper p+h4, .rad-accordion__content-wrapper p+h5, .rad-accordion__content-wrapper ul+h2, .rad-accordion__content-wrapper ul+h3, .rad-accordion__content-wrapper ul+h4, .rad-accordion__content-wrapper ul+h5 { margin-top: 4rem } .rad-accordion__content-wrapper ol+ol, .rad-accordion__content-wrapper ol+p, .rad-accordion__content-wrapper ol+ul, .rad-accordion__content-wrapper p+ol, .rad-accordion__content-wrapper p+p, .rad-accordion__content-wrapper p+ul, .rad-accordion__content-wrapper ul+ol, .rad-accordion__content-wrapper ul+p, .rad-accordion__content-wrapper ul+ul { margin-top: 1.5rem } } .rad-accordion__content-wrapper ol li { translate: .375rem } .rad-accordion__content-wrapper ul li { translate: .125rem } .rad-accordion .rad-accordion__image { aspect-ratio: 5/3; display: block; overflow: hidden } .rad-accordion .rad-accordion__image img { height: 100%; width: 100% } @media(min-width:600px) { .rad-accordion { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__header-container { padding-bottom: 2.5rem; row-gap: 1rem } .rad-accordion__header { gap: 1.5rem; padding-right: 0.875rem } } @media(min-width:1440px) { .rad-accordion__header { padding-right: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-accordion__header { padding-right: 1.1666666667rem } } @media(min-width:600px) { .rad-accordion__headline { font-size: 1.75rem; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; line-height: 1.2 } } @media(min-width:1024px) { .rad-accordion__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-accordion__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-accordion__headline { font-size: 4rem } } @media(min-width:600px) { .rad-accordion__header-title { gap: 1.5rem; width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0); width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__header-title { width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__content { font-size: 1.125rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.6; margin-right: 0; padding-bottom: 1.5rem; text-underline-offset: .25rem } } @media(min-width:1024px) { .rad-accordion__content { font-size: 1.25rem } } @media(min-width:1440px) { .rad-accordion__content { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-accordion__content { font-size: 1.6666666667rem } } @media(min-width:1440px) { .rad-accordion__content { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__content { padding-bottom: 2rem } } @media(min-width:600px) { .rad-accordion__detail { width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0); width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__detail { width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-size: 1.5rem; font-weight: 300; line-height: 1.333 } } @media(min-width:1024px) { .rad-accordion__subheader { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-accordion__subheader { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-accordion__subheader { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-accordion__footer { padding-top: 2.5rem } .rad-accordion__footer-title { font-size: 1.25rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; line-height: 1.167 } } @media(min-width:1024px) { .rad-accordion__footer-title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-accordion__footer-title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-accordion__footer-title { font-size: 2.6666666667rem } } @media(min-width:600px) { .rad-accordion__icon-container { width: 9% } } @media(min-width:1024px) { .rad-accordion { width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } .rad-accordion__header-container { padding-bottom: 4rem; row-gap: 1.5rem } } @media(min-width:1440px) { .rad-accordion__header-container { row-gap: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__header-container { row-gap: 2rem } } @media(min-width:1440px) { .rad-accordion__header-container { padding-bottom: calc(4rem + 4.44444vw - 64px) } } @media(min-width:1920px) { .rad-accordion__header-container { padding-bottom: 5.3333333333rem } } @media(min-width:1024px) { .rad-accordion__headline { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-accordion__header { padding-bottom: 1.5rem; padding-top: 1.5rem } } @media(min-width:1440px) { .rad-accordion__header { padding-top: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__header { padding-top: 2rem } } @media(min-width:1440px) { .rad-accordion__header { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__header { padding-bottom: 2rem } } @media(min-width:1024px) { .rad-accordion__header-title { gap: 2rem; width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0) } } @media(min-width:1440px) { .rad-accordion__header-title { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-accordion__header-title { gap: 2.6666666667rem } } @media(min-width:1024px) { .rad-accordion__header-title { width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-accordion__subheader { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-accordion__icon { margin-bottom: 0.4375rem; margin-top: 0.4375rem } } @media(min-width:1440px) { .rad-accordion__icon { margin-top: calc(0.4375rem + 0.48611vw - 7px) } } @media(min-width:1920px) { .rad-accordion__icon { margin-top: 0.5833333333rem } } @media(min-width:1440px) { .rad-accordion__icon { margin-bottom: calc(0.4375rem + 0.48611vw - 7px) } } @media(min-width:1920px) { .rad-accordion__icon { margin-bottom: 0.5833333333rem } } @media(min-width:1024px) { .rad-accordion__detail { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .rad-accordion__footer { gap: 1.5rem; padding-top: 4rem } } @media(min-width:1440px) { .rad-accordion__footer { padding-top: calc(4rem + 4.44444vw - 64px) } } @media(min-width:1920px) { .rad-accordion__footer { padding-top: 5.3333333333rem } } @media(min-width:1440px) { .rad-accordion__footer { gap: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__footer { gap: 2rem } } @media(min-width:1024px) { .rad-accordion__footer-title { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-accordion__icon-container { width: 6% } } .rad-accordion__stat .rad-accordion__stat-text:before { background-color: #a100ff; content: ""; display: block; height: 0.25rem; margin-bottom: 1rem; width: 2rem } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-text:before { height: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-text:before { height: 0.3333333333rem } } .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; margin-bottom: 1rem } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 8.3333333333rem } } .rad-accordion__stat .rad-accordion__stat-detail { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-detail { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-detail { font-size: 1.1666666667rem } } .rad-accordion__stat .rad-accordion__more { margin-bottom: 2rem } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__more { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__more { margin-bottom: 2.6666666667rem } } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__content-text { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__content-text { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__stat-content { -ms-flex-item-align: end; align-self: flex-end; margin-right: calc(25% - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__stat-content { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__stat-content { margin-right: calc(12.5% - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__stat-content { margin-right: calc(8.33333% - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 1.75rem; font-size: 2.5rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; line-height: 1.2 } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-percentage { font-size: 4rem } } @media(min-width:600px) { .rad-accordion__stat .rad-accordion__stat-detail { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-detail { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-detail { font-size: 1.3333333333rem } } @media(min-width:1024px) { .rad-accordion__stat .rad-accordion__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-direction: row; flex-direction: row; justify-content: space-between } .rad-accordion__stat .rad-accordion__content-text { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-accordion__stat .rad-accordion__stat-content { -ms-flex-item-align: stretch; align-self: stretch; width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .rad-accordion__stat .rad-accordion__stat-percentage, .rad-accordion__stat .rad-accordion__stat-text:before { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-accordion__stat .rad-accordion__stat-percentage, .rad-accordion__stat .rad-accordion__stat-text:before { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-accordion__stat .rad-accordion__stat-percentage, .rad-accordion__stat .rad-accordion__stat-text:before { margin-bottom: 2rem } } .rad-accordion__top-image .rad-accordion__more:before { background-color: #a100ff; content: ""; display: block; height: 0.25rem; margin-bottom: .5rem; width: 2rem } @media(min-width:1440px) { .rad-accordion__top-image .rad-accordion__more:before { height: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-accordion__top-image .rad-accordion__more:before { height: 0.3333333333rem } } .rad-accordion__top-image .rad-accordion__image { margin-bottom: 1rem } .rad-accordion__top-image .rad-accordion__detail { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-accordion__top-image .rad-accordion__detail { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-accordion__top-image .rad-accordion__detail { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-accordion__top-image .rad-accordion__content { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-accordion__top-image .rad-accordion__content { -webkit-box-align: end; -ms-flex-align: end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-end; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: 100% } .rad-accordion__top-image .rad-accordion__image { margin: 0; width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0); width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0); width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } .rad-accordion__top-image .rad-accordion__detail { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-right: calc(25% - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0); text-underline-offset: .25rem; width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-accordion__top-image .rad-accordion__detail { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-accordion__top-image .rad-accordion__detail { font-size: 1.3333333333rem } } @media(min-width:1024px) { .rad-accordion__top-image .rad-accordion__detail { margin-right: calc(12.5% - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0); margin-right: calc(8.33333% - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) } .rad-accordion__bottom-image .rad-accordion__stat-content { width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-mosaic { --gap: 24px; padding-left: 16px; padding-right: 16px } @media(min-width:600px) { .rad-mosaic { --card-ht: 17rem; --short-row-ht: calc(var(--card-ht) - var(--gap)); --s-clump: var(--card-ht) var(--short-row-ht) var(--card-ht); padding-left: 48px; padding-right: 48px } } @media(min-width:1024px) { .rad-mosaic { --gap: 32px; --card-ht: 17.5rem; padding-left: 80px; padding-right: 80px } } @media(min-width:1440px) { .rad-mosaic { --card-ht: 18.75rem; --card-ht: calc(18.75rem + 20.83333vw - 300px) } } @media(min-width:1920px) { .rad-mosaic { --card-ht: 25rem } } .rad-mosaic__heading { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; margin-bottom: 32px } @media(min-width:600px) { .rad-mosaic__heading { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-mosaic__heading { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-mosaic__heading { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-mosaic__heading { font-size: 2.6666666667rem } } @media(min-width:1024px) { .rad-mosaic__heading { margin-bottom: 48px } } .rad-mosaic__grid { display: grid; gap: var(--gap) } @media(min-width:600px) { .rad-mosaic__grid { grid-template-columns: repeat(2, 1fr) } } .rad-mosaic .rad-icon-button { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff)); background: linear-gradient(90deg, #7500c0 50%, #a100ff 0); background-position-x: 100%; background-size: 200% 200%; bottom: 0; height: 2.5rem; position: absolute; right: 0; -webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1); width: 2.5rem } @media(min-width:1024px) { .rad-mosaic .rad-icon-button { height: 3.25rem; width: 3.25rem } } @media(min-width:1440px) { .rad-mosaic .rad-icon-button { height: calc(3.25rem + 3.61111vw - 52px) } } @media(min-width:1920px) { .rad-mosaic .rad-icon-button { height: 4.3333333333rem } } @media(min-width:1440px) { .rad-mosaic .rad-icon-button { width: calc(3.25rem + 3.61111vw - 52px) } } @media(min-width:1920px) { .rad-mosaic .rad-icon-button { width: 4.3333333333rem } } @media(min-width:600px) { .rad-mosaic--1-card .rad-mosaic__grid { grid-template-rows: var(--card-ht) } .rad-mosaic--2-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) var(--short-row-ht) } .rad-mosaic--3-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) var(--card-ht) var(--short-row-ht) } .rad-mosaic--4-cards .rad-mosaic__grid { grid-template-rows: var(--s-clump) } .rad-mosaic--5-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) var(--s-clump) } .rad-mosaic--6-cards .rad-mosaic__grid { grid-template-rows: var(--s-clump) var(--card-ht) } .rad-mosaic--7-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) var(--s-clump) var(--card-ht) } .rad-mosaic--8-cards .rad-mosaic__grid { grid-template-rows: repeat(2, var(--s-clump)) } .rad-mosaic--9-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) repeat(2, var(--s-clump)) } .rad-mosaic--10-cards .rad-mosaic__grid { grid-template-rows: var(--s-clump) var(--card-ht) var(--s-clump) } .rad-mosaic--11-cards .rad-mosaic__grid { grid-template-rows: var(--card-ht) var(--s-clump) var(--card-ht) var(--s-clump) } .rad-mosaic--12-cards .rad-mosaic__grid { grid-template-rows: repeat(2, var(--s-clump) var(--card-ht)) } } .rad-mosaic__card { background: #202020; display: grid; grid-column: auto/span 1; outline-offset: .5rem; overflow: hidden; position: relative; text-decoration: none; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: background-color; transition-property: background-color; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-mosaic__card-description { padding: 24px } @media(min-width:600px) { .rad-mosaic__card-description { padding-bottom: 0 } } @media(min-width:1024px) { .rad-mosaic__card-description { padding: 40px 80px 0 40px } } @media(min-width:1440px) { .rad-mosaic__card-description { padding-right: 108px } } .rad-mosaic__card-description-eyebrow { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: 16px; text-align: left; text-transform: uppercase } @media(min-width:1440px) { .rad-mosaic__card-description-eyebrow { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-mosaic__card-description-eyebrow { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-mosaic__card-description-eyebrow { margin-bottom: 24px } } .rad-mosaic__card-description-eyebrow:before { background: #a100ff; content: ""; display: block; height: .25rem; margin-bottom: 16px; width: 2rem } @media(min-width:600px) { .rad-mosaic__card-description-eyebrow:before { width: 2rem } } @media(min-width:1024px) { .rad-mosaic__card-description-eyebrow:before { margin-bottom: 24px } } .rad-mosaic__card-description-title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4; text-align: left } @media(min-width:600px) { .rad-mosaic__card-description-title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-mosaic__card-description-title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-mosaic__card-description-title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-mosaic__card-description-title { font-size: 2.6666666667rem } } @media(min-width:600px) { .rad-mosaic__card-description-title { font-size: 1.125rem; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; line-height: 1.4 } } @media(min-width:1024px) { .rad-mosaic__card-description-title { font-size: 1.75rem; font-size: 1rem; font-size: 1.125rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.286; line-height: 1.5; line-height: 1.33; line-height: 1.167 } } @media(min-width:1440px) { .rad-mosaic__card-description-title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-mosaic__card-description-title { font-size: 2rem } } @media(min-width:1440px) { .rad-mosaic__card-description-title { font-size: 1.125rem; font-size: 1.25rem; font-size: 1.75rem; font-size: calc(1.75rem + 1.94444vw - 28px); font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; line-height: 1.4; line-height: 1.286 } } @media(min-width:1920px) { .rad-mosaic__card-description-title { font-size: 2.3333333333rem } } .rad-mosaic__card:hover { background: #2b2b2b; color: #fff } .rad-mosaic__card:hover .rad-icon-button { background-position-x: 0 } .rad-mosaic__card:active { background: #101010 } .rad-mosaic__card:active .rad-icon-button { background: #57008f } .rad-mosaic__card:visited { color: #fff } .rad-mosaic__card:not([aria-haspopup], a):hover { background: #202020 } .rad-mosaic__card--no-image .rad-mosaic__card-description { padding-bottom: 64px } @media(min-width:600px) { .rad-mosaic__card--no-image .rad-mosaic__card-description { padding-bottom: 0 } } .rad-mosaic__image-card { padding-bottom: 0 } .rad-mosaic__image-card-image { display: -webkit-box; display: -ms-flexbox; display: flex; height: 200px; min-height: 100% } @media(min-width:600px) { .rad-mosaic__image-card-image { height: 100% } } .rad-mosaic__image-card-image .cmp-image { height: 100%; width: 100% } .rad-mosaic__image-card-image img { display: block; min-width: 100%; -o-object-fit: cover; object-fit: cover } .rad-mosaic__stat-card-stat { padding-bottom: 2.5rem; padding-left: 24px; padding-right: 40px } .rad-mosaic__stat-card-stat-figure { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167; margin-bottom: 16px; text-align: left } @media(min-width:600px) { .rad-mosaic__stat-card-stat-figure { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-mosaic__stat-card-stat-figure { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-mosaic__stat-card-stat-figure { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-mosaic__stat-card-stat-figure { font-size: 8.3333333333rem } } @media(min-width:600px) { .rad-mosaic__stat-card-stat-figure { font-size: 2rem; font-size: 3.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.25; line-height: 1.067 } } @media(min-width:1440px) { .rad-mosaic__stat-card-stat-figure { font-size: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-mosaic__stat-card-stat-figure { font-size: 5rem } } .rad-mosaic__stat-card-stat-text { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-align: left; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-mosaic__stat-card-stat-text { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-mosaic__stat-card-stat-text { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-mosaic__stat-card-stat-text { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-mosaic__stat-card-stat-text { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-mosaic__stat-card-stat-text { font-size: 1.3333333333rem } } @media(min-width:1440px) { .rad-mosaic__stat-card-stat-text { padding-right: 64px } } @media(min-width:600px) { .rad-mosaic__card--horizontal { display: grid; gap: var(--gap); grid-column: auto/span 2; grid-template-columns: repeat(2, 1fr) } .rad-mosaic__card--horizontal .rad-mosaic__card-description { padding-right: 0 } } @media(min-width:1024px) { .rad-mosaic__card--horizontal .rad-mosaic__card-description { padding-right: calc(80px - var(--gap)) } } @media(min-width:1440px) { .rad-mosaic__card--horizontal .rad-mosaic__card-description { padding-right: 76px } } @media(min-width:600px) { .rad-mosaic__stat-card.rad-mosaic__card--horizontal .rad-mosaic__stat-card-stat { padding: 44px 40px 72px 0 } } @media(min-width:1024px) { .rad-mosaic__stat-card.rad-mosaic__card--horizontal .rad-mosaic__stat-card-stat { padding: 64px 148px 44px 0 } } @media(min-width:600px) { .rad-mosaic__card--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; grid-row: span 2; justify-content: space-between; row-gap: 24px } .rad-mosaic__card--vertical .rad-mosaic__image-card-image { height: var(--card-ht); min-height: 0; min-width: 100% } .rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat { padding: 0 40px 2.5rem 24px } } @media(min-width:1024px) { .rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat { padding: 0 80px 4.75rem 40px } } @media(min-width:1200px) { .rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat { padding-right: 108px } } .rad-component__title--large-text .rad-mosaic__heading { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-component__title--large-text .rad-mosaic__heading { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-component__title--large-text .rad-mosaic__heading { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-component__title--large-text .rad-mosaic__heading { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-component__title--large-text .rad-mosaic__heading { font-size: 4rem } } .mosaic-modal { -ms-scroll-chaining: none; background-color: #000; bottom: 0; color: #fff; cursor: -webkit-grab; cursor: grab; height: 100%; left: 100vw; overflow-x: scroll; overscroll-behavior: none; position: fixed; right: -100vw; scrollbar-color: #a100ff #460073; scrollbar-width: thin; top: 0; -webkit-transition-duration: 1.25s; transition-duration: 1.25s; -webkit-transition-property: right, left; transition-property: right, left; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); visibility: hidden } .mosaic-modal::-webkit-scrollbar { height: 4px; width: 4px } .mosaic-modal::-webkit-scrollbar-track { background-color: #460073 } .mosaic-modal::-webkit-scrollbar-thumb { background-color: #a100ff } .mosaic-modal:active { cursor: -webkit-grabbing; cursor: grabbing } .mosaic-modal.mosaic-modal--visible { visibility: visible; z-index: 8 } .mosaic-modal.mosaic-modal--visible .mosaic-modal__mobile-next-button .rad-icon:after { -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: .55s; animation-duration: .55s; -webkit-animation-iteration-count: 10; animation-iteration-count: 10; -webkit-animation-name: arrowBounce; animation-name: arrowBounce; -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9); animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9); -webkit-transform: translateX(0); transform: translateX(0) } .mosaic-modal.mosaic-modal--animating { left: 0; right: 0; visibility: visible; z-index: 8 } .mosaic-modal.mosaic-modal--animating .mosaic-modal__close { right: .75rem } @media(min-width:600px) { .mosaic-modal.mosaic-modal--animating .mosaic-modal__close { right: 2.25rem } .mosaic-modal.mosaic-modal--animating .mosaic-modal__cta { right: 3rem } } @media(min-width:1024px) { .mosaic-modal.mosaic-modal--animating .mosaic-modal__close, .mosaic-modal.mosaic-modal--animating .mosaic-modal__cta { right: 5rem } } @media(min-width:600px) { .mosaic-modal { padding-top: 3rem } } @media(min-width:1024px) { .mosaic-modal { padding-top: 0 } } .mosaic-modal .modal-hero { -ms-flex-negative: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; flex-shrink: 0; justify-content: center; padding: 0 1rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .mosaic-modal .modal-hero { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .mosaic-modal .modal-hero { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .mosaic-modal .modal-hero { -webkit-box-sizing: content-box; box-sizing: content-box; padding-left: 3rem; width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .mosaic-modal .modal-hero { padding-left: 5rem; width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/4*8 - var(--rad-spacing-sm)*2/4*8 - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*8 - var(--rad-spacing-md)*2/8*8 - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*8 - var(--rad-spacing-md)*2/12*8 - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .mosaic-modal .modal-hero__eyebrow { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-bottom: 1.5rem; padding-top: 1.5rem; text-transform: uppercase } @media(min-width:1440px) { .mosaic-modal .modal-hero__eyebrow { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .mosaic-modal .modal-hero__eyebrow { font-size: 1.1666666667rem } } @media(min-width:600px) { .mosaic-modal .modal-hero__eyebrow { padding-bottom: 2rem; padding-top: 0 } } @media(min-width:1024px) { .mosaic-modal .modal-hero__eyebrow { padding-bottom: 1.5rem } } .mosaic-modal .modal-hero__headline { font-size: 1.5rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.035em; line-height: 1.333 } @media(min-width:600px) { .mosaic-modal .modal-hero__headline { font-size: 2rem; line-height: 1.25 } } @media(min-width:1024px) { .mosaic-modal .modal-hero__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1440px) { .mosaic-modal .modal-hero__headline { font-size: calc(2.5rem + 2.77778vw - 40px) } } @media(min-width:1920px) { .mosaic-modal .modal-hero__headline { font-size: 3.3333333333rem } } @media(min-width:1024px)and (min-height:1036px) { .mosaic-modal .modal-hero__headline { font-size: 1.75rem; font-size: 2.5rem; font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; line-height: 1.2; line-height: 1.167 } } @media(min-width:1440px)and (min-height:1036px) { .mosaic-modal .modal-hero__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px)and (min-height:1036px) { .mosaic-modal .modal-hero__headline { font-size: 4rem } } .mosaic-modal .modal-hero__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1rem; font-weight: 300; line-height: 1.5 } @media(min-width:600px) { .mosaic-modal .modal-hero__subheader { font-size: 1.125rem; line-height: 1.333 } } @media(min-width:1024px) { .mosaic-modal .modal-hero__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .mosaic-modal .modal-hero__subheader { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .mosaic-modal .modal-hero__subheader { font-size: 2rem } } .mosaic-modal .modal-hero:focus-visible { outline-offset: -0.5rem } @media(min-width:1024px) { .mosaic-modal .modal-hero:focus-visible { outline-offset: -1rem } } .mosaic-modal .modal-inner-scroll { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 3rem; height: 100%; min-height: -webkit-max-content; min-height: -moz-max-content; min-height: max-content; padding-bottom: 3rem } @media(min-width:600px) { .mosaic-modal .modal-inner-scroll { gap: 14.5vw } } @media(min-width:1024px) { .mosaic-modal .modal-inner-scroll { gap: 6.6vw; padding: 100px 0 } } @media(min-width:1024px)and (min-height:868px) { .mosaic-modal .modal-inner-scroll { gap: 10vw; padding: 104px 0 } } @media(min-width:1024px)and (min-height:1036px) { .mosaic-modal .modal-inner-scroll { padding: 136px 0 } } .mosaic-modal--with-stat .modal-hero { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media(min-width:1024px) { .mosaic-modal--with-stat .modal-hero { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media(min-width:1024px)and (min-height:868px) { .mosaic-modal--with-stat .modal-hero { gap: 3rem } } @media(min-width:1024px)and (min-height:1036px) { .mosaic-modal--with-stat .modal-hero { gap: 5rem } } .mosaic-modal--with-stat .modal-hero__stat { margin-right: 20%; padding-top: 2rem } @media(min-width:600px) { .mosaic-modal--with-stat .modal-hero__stat { padding-top: 3rem } } @media(min-width:1024px) { .mosaic-modal--with-stat .modal-hero__stat { width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .mosaic-modal--with-stat .modal-hero__stat .stat__digits { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; padding-bottom: 1rem } @media(min-width:600px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { font-size: 4rem } } @media(min-width:1024px)and (min-height:868px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { padding-bottom: 1.5rem } } @media(min-width:1440px)and (min-height:868px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { padding-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px)and (min-height:868px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits { padding-bottom: 2rem } } .mosaic-modal--with-stat .modal-hero__stat .stat__digits:before { background: #a100ff; content: ""; display: block; height: .25rem; margin-bottom: 1rem; width: 1.5rem } @media(min-width:1024px) { .mosaic-modal--with-stat .modal-hero__stat .stat__digits:before { width: 2rem } } .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; padding-bottom: 2rem; text-underline-offset: .25rem } @media(min-width:1440px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: 1.1666666667rem } } @media(min-width:600px)and (max-width:1023px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { padding-bottom: 5.5rem } } @media(min-width:1024px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } } @media(min-width:1440px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .mosaic-modal--with-stat .modal-hero__stat .stat__detail { font-size: 1.3333333333rem } } @media(min-width:1024px)and (max-height:868px) { .mosaic-modal--with-stat .modal-hero { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-item-align: center; align-self: center; -ms-flex-direction: row; flex-direction: row; gap: 6.6%; width: calc(275% - var(--rad-spacing-sm)*3/4*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-sm)*0); width: calc(137.5% - var(--rad-spacing-sm)*7/8*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-md)*0); width: calc(91.66667% - var(--rad-spacing-sm)*11/12*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-md)*0) } .mosaic-modal--with-stat .modal-hero__top { padding-bottom: 2.25rem; padding-top: 2.25rem; width: calc(min(100vw, 1920px)/4*8 - var(--rad-spacing-sm)*2/4*8 - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*8 - var(--rad-spacing-md)*2/8*8 - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*8 - var(--rad-spacing-md)*2/12*8 - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } .mosaic-modal--with-stat .modal-hero__subheader { padding-bottom: 2.25rem } .mosaic-modal--with-stat .modal-hero__stat { margin-right: 5vw; padding-top: 60px; width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .mosaic-modal--with-stat .modal-inner-scroll { gap: 0 } } @media(min-width:1024px)and (min-height:1036px) { .mosaic-modal--with-stat { padding-top: 3rem } .mosaic-modal--with-stat .modal-inner-scroll { gap: 10vw } } .modal__card-stack { -ms-flex-item-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 3rem } @media(min-width:600px) { .modal__card-stack { gap: 10vw } } @media(min-width:1024px) { .modal__card-stack { gap: 5vw; padding-right: 5rem } } .modal__card-stack .card { -ms-flex-negative: 0; flex-shrink: 0; width: 72.4vw } @media(min-width:600px) { .modal__card-stack .card { width: calc(min(100vw, 1920px)/4*5 - var(--rad-spacing-sm)*2/4*5 - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*5 - var(--rad-spacing-md)*2/8*5 - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .modal__card-stack .card { width: calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .modal__card-stack .card img { height: 5rem; width: 5rem } } @media(min-width:1440px) { .modal__card-stack .card img { height: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .modal__card-stack .card img { height: 6.6666666667rem } } @media(min-width:1440px) { .modal__card-stack .card img { width: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .modal__card-stack .card img { width: 6.6666666667rem } } .modal__card-stack .card__title { font-size: 1rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.5; padding-bottom: .5rem; padding-top: 1rem } @media(min-width:600px) { .modal__card-stack .card__title { font-size: 1.125rem; line-height: 1.33 } } @media(min-width:1024px) { .modal__card-stack .card__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1440px) { .modal__card-stack .card__title { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .modal__card-stack .card__title { font-size: 2rem } } @media(min-width:600px) { .modal__card-stack .card__title { padding-bottom: 1.5rem; padding-top: 1.5rem } } .modal__card-stack .card__body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .modal__card-stack .card__body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .modal__card-stack .card__body { font-size: 1.3333333333rem } } .rad-button--no-text-mobile .rad-button__text { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } @media(min-width:1024px) { .rad-button--no-text-mobile .rad-button__text { clip: none; -webkit-clip-path: none; clip-path: none; height: auto; overflow: visible; position: relative; width: auto } } .rad-button--no-text-mobile .rad-button__icon-right { margin-left: 0 } @media(min-width:1024px) { .rad-button--no-text-mobile .rad-button__icon-right { margin-left: .5rem } } .rad-button--no-text-mobile:hover:after { width: 0 } @media(min-width:1024px) { .rad-button--no-text-mobile:hover:after { width: 100% } } .mosaic-modal__close { -webkit-box-pack: center; -ms-flex-pack: center; height: 3rem; justify-content: center; position: fixed; right: -100vw; top: .75rem; -webkit-transition-duration: 1.25s; transition-duration: 1.25s; -webkit-transition-property: right, left; transition-property: right, left; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); width: 3rem } @media(min-width:600px) { .mosaic-modal__close { top: 2.25rem } } @media(max-width:1023px) { .mosaic-modal__close { -webkit-box-pack: center; -ms-flex-pack: center; height: 3rem; justify-content: center; width: 3rem } } @media(min-width:1024px) { .mosaic-modal__close { top: 1.5rem } } .mosaic-modal__buttons-wrapper { height: 1px } .mosaic-modal__mobile-next-button { bottom: 3rem; height: 1.5rem; overflow: hidden; position: absolute; right: 1rem; width: 1.5rem } @-webkit-keyframes arrowBounce { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-5px); transform: translateX(-5px) } } @keyframes arrowBounce { 0% { -webkit-transform: translateX(0); transform: translateX(0) } to { -webkit-transform: translateX(-5px); transform: translateX(-5px) } } @media(min-width:600px) { .mosaic-modal__mobile-next-button { display: none } } .mosaic-modal__cta { background-color: #000; position: absolute; top: calc(100% - 5.5rem); -webkit-transform: translateX(140vw); transform: translateX(140vw) } @media(min-width:600px) { .mosaic-modal__cta { bottom: 3rem; position: fixed; right: -100vw; -webkit-transform: none; transform: none; -webkit-transition-duration: 1.25s; transition-duration: 1.25s; -webkit-transition-property: right, left; transition-property: right, left; -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1); transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1) } } .mosaic-modal__cta--is-fixed { padding-left: 1.875rem; position: fixed; right: 1rem; top: calc(100% - 4px - 5.5rem); -webkit-transform: none; transform: none } .background-dimmer { background-color: #000; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition-duration: .7s; transition-duration: .7s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: linear; transition-timing-function: linear } .background-dimmer--darkened { opacity: 1 } @media(min-width:1920px) { #main .rad-global-nav { margin-left: calc(-50vw + 960px); margin-right: calc(-50vw + 960px) } } .rad-global-nav { -ms-scroll-chaining: none; overscroll-behavior: none; padding-top: var(--rad-nav-height) } .rad-global-nav__wrapper { -webkit-animation-duration: 550ms; animation-duration: 550ms; -webkit-animation-name: enter-from-top; animation-name: enter-from-top; -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1); animation-timing-function: cubic-bezier(0.85, 0, 0, 1); background-color: #000; position: fixed; top: 0; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: top; transition-property: top; width: 100%; z-index: 10 } @-webkit-keyframes enter-from-top { 0% { top: calc(var(--rad-nav-height)*-1) } } @keyframes enter-from-top { 0% { top: calc(var(--rad-nav-height)*-1) } } .rad-global-nav__container { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--rad-nav-height); justify-content: space-between; padding-left: .125rem; padding-right: .125rem } .rad-global-nav__container a:focus-visible, .rad-global-nav__container button:focus-visible { outline-offset: 0 } @media(min-width:600px) { .rad-global-nav__container { padding-left: 2.125rem; padding-right: 3rem } } @media(min-width:1024px) { .rad-global-nav__container { padding-left: 5rem; padding-right: 5rem; position: absolute; width: 100% } } @media(min-width:1440px) { .rad-global-nav__container { left: 50%; max-width: 1920px; padding-left: 5rem; padding-left: calc(5rem + 5.55556vw - 80px); padding-right: 5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } @media(min-width:1920px) { .rad-global-nav__container { padding-left: 6.6666666667rem } } @media(min-width:1440px) { .rad-global-nav__container { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-global-nav__container { padding-right: 6.6666666667rem } } .rad-global-nav__menu .rad-icon__menu { height: 1.25rem; width: 1.25rem } .rad-global-nav__menu .rad-icon__menu:after { font-size: .833125rem } @media(min-width:1024px) { .rad-global-nav__menu { display: none } } .rad-global-nav__logo { left: 50vw; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .rad-global-nav__logo .cmp-logo { display: none } @media(min-width:600px) { .rad-global-nav__logo { left: 45vw; position: absolute; -webkit-transform: none; transform: none } } @media(min-width:1024px) { .rad-global-nav__logo { position: static } .rad-global-nav__logo a:focus-visible { outline-offset: 8px } } @media(min-width:1200px) { .rad-global-nav__logo .cmp-logo { display: block; height: 2rem } } @media(min-width:1440px) { .rad-global-nav__logo .cmp-logo { height: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-global-nav__logo .cmp-logo { height: 2.6666666667rem } } @media(min-width:1200px) { .rad-global-nav__logo .cmp-logo__svg-wrapper { width: 7.625rem } } @media(min-width:1440px) { .rad-global-nav__logo .cmp-logo__svg-wrapper { width: calc(7.625rem + 8.47222vw - 122px) } } @media(min-width:1920px) { .rad-global-nav__logo .cmp-logo__svg-wrapper { width: 10.1666666667rem } } .rad-global-nav__static-logo { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 3rem; justify-content: center; width: 3rem } .rad-global-nav__static-logo svg { height: 1.5rem; width: 1.5rem } @media(min-width:600px) { .rad-global-nav__static-logo { translate: -8px } .rad-global-nav__static-logo svg { height: 2rem; width: 2rem } } @media(min-width:1024px) { .rad-global-nav__static-logo { height: 2.5rem; translate: none; width: 2.5rem } } @media(min-width:1200px) { .rad-global-nav__static-logo { display: none } } .rad-global-nav__mobile-footer { display: none } .rad-global-nav__primary-nav { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; background-color: #202020; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100svh; justify-content: space-between; left: 100vw; position: absolute; top: 0; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100vw } @media(min-width:1024px) { .rad-global-nav__primary-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; background-color: transparent; bottom: unset; -ms-flex-direction: row; flex-direction: row; height: 100%; left: unset; position: static; top: unset; -webkit-transition: none; transition: none; width: auto } } .rad-global-nav__menu-close { left: .125rem; position: absolute; top: .25rem } @media(min-width:600px) { .rad-global-nav__menu-close { left: 2.125rem; top: .5rem } } @media(min-width:1024px) { .rad-global-nav__menu-close { display: none } } .rad-global-nav__menu-close .rad-icon__close:after { font-size: .729375rem } .rad-global-nav__menu-close .rad-icon__search { height: 20px; width: 20px } .rad-global-nav__menu-items { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; margin-top: var(--rad-nav-height); padding: 1rem 1rem 0; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-global-nav__menu-items { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-global-nav__menu-items { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-global-nav__menu-items { padding-left: 3rem; padding-right: 3rem; padding-top: 2rem } } @media(min-width:1024px) { .rad-global-nav__menu-items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; font-size: 0.875rem; font-weight: 500; font-weight: 400; gap: .5rem; letter-spacing: -0.005em; line-height: 1.429; margin-top: 0; padding-top: 0; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-global-nav__menu-items { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-global-nav__menu-items { font-size: 1.1666666667rem } } .rad-global-nav__l1--button, .rad-global-nav__l1--link { -webkit-box-pack: justify; -ms-flex-pack: justify; height: 100%; justify-content: space-between; width: 100% } @media(min-width:1024px) { .rad-global-nav__l1--button, .rad-global-nav__l1--link { -webkit-box-pack: normal; -ms-flex-pack: normal; font-size: 0.875rem; font-weight: 500; font-weight: 400; justify-content: normal; letter-spacing: -0.005em; line-height: 1.429; padding-left: .5rem; padding-right: .5rem; text-underline-offset: .25rem; white-space: nowrap; width: auto } } @media(min-width:1440px) { .rad-global-nav__l1--button, .rad-global-nav__l1--link { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-global-nav__l1--button, .rad-global-nav__l1--link { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-global-nav__l1--button .rad-button__icon-right, .rad-global-nav__l1--link .rad-button__icon-right { margin-left: 0.5rem } } @media(min-width:1440px) { .rad-global-nav__l1--button .rad-button__icon-right, .rad-global-nav__l1--link .rad-button__icon-right { margin-left: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-global-nav__l1--button .rad-button__icon-right, .rad-global-nav__l1--link .rad-button__icon-right { margin-left: 0.6666666667rem } } @media(min-width:1024px) { .rad-global-nav__l1--button .rad-button__text:after, .rad-global-nav__l1--link .rad-button__text:after { display: none; -webkit-transition: none; transition: none } .rad-global-nav__l1--button:active, .rad-global-nav__l1--link:active { color: #e3e3df } .rad-global-nav__l1--button:hover, .rad-global-nav__l1--link:hover { color: #a2a2a0 } .rad-global-nav__l1--button:hover .rad-button__text:after, .rad-global-nav__l1--link:hover .rad-button__text:after { display: none; -webkit-transition: none; transition: none } .rad-global-nav__l1--button.rad-global-nav__l1--long-content .rad-button__text, .rad-global-nav__l1--link.rad-global-nav__l1--long-content .rad-button__text { text-align: center; white-space: normal } } .rad-global-nav__l1--button .rad-icon__chevron-down:after, .rad-global-nav__l1--link .rad-icon__chevron-down:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1024px) { .rad-global-nav__l1--button .rad-icon__chevron-down:after, .rad-global-nav__l1--link .rad-icon__chevron-down:after { -webkit-transform: rotate(0); transform: rotate(0) } } .rad-global-nav__l1--active .rad-global-nav__l1--button .rad-icon__chevron-down:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .rad-global-nav__l1--active .rad-global-nav__l1--button .rad-button__text { position: relative } .rad-global-nav__l1--active .rad-global-nav__l1--button .rad-button__text:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); -webkit-transition: none; transition: none; width: 0; width: 100% } .rad-global-nav__l1--active .rad-global-nav__l1--button:active { color: #e3e3df } .rad-global-nav__l1--active .rad-global-nav__l1--button:hover { color: #a2a2a0 } .rad-global-nav__l1--active .rad-global-nav__l1--button:focus-visible { color: #fff } .rad-global-nav__l2-button { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding: .5rem 0; text-align: left; text-decoration: none; width: 100% } .rad-global-nav__l2-button:visited { color: #fff } @media(max-width:1023px) { .rad-global-nav__l2-button { position: static } .rad-global-nav__l2-button:after { display: none } } .rad-global-nav__l2-label { display: none } @media(min-width:600px) { .rad-global-nav .rad-global-nav__l2-button { display: none } .rad-global-nav .rad-global-nav__l2-label { color: #a2a2a0; display: block; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } } @media(min-width:1440px) { .rad-global-nav .rad-global-nav__l2-label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-global-nav .rad-global-nav__l2-label { font-size: 1.1666666667rem } } .rad-global-nav__menu-item-content { background-color: #202020; bottom: 0; height: calc(100svh - var(--rad-nav-height)); left: 100vw; padding-top: 1rem; position: absolute; top: var(--rad-nav-height); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100%; z-index: 3 } .rad-global-nav__menu-item-content a:focus-visible { outline-offset: -2px } .rad-global-nav__menu-item-content.rad-global-nav__drawer--open { left: 0 } @media(min-width:600px) { .rad-global-nav__menu-item-content { padding-left: 3rem; padding-top: 2rem } } @media(min-width:1024px) { .rad-global-nav__menu-item-content { bottom: unset; height: 0; left: 0; overflow: hidden; padding-left: 5rem; padding-right: 5rem; padding-top: 0; right: 0; top: 4.5rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: height; transition-property: height; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1); width: 100vw; z-index: -1 } } @media(min-width:1440px) { .rad-global-nav__menu-item-content { top: calc(4.5rem + 5vw - 72px) } } @media(min-width:1920px) { .rad-global-nav__menu-item-content { top: 6rem } } @media(min-width:1440px) { .rad-global-nav__menu-item-content { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-global-nav__menu-item-content { padding-left: 6.6666666667rem } } @media(min-width:1440px) { .rad-global-nav__menu-item-content { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-global-nav__menu-item-content { padding-right: 6.6666666667rem } } @media(min-width:1024px) { .rad-global-nav__menu-item-content a:focus-visible { outline-offset: 8px } } @media(min-width:1024px) { .rad-global-nav__menu-item-content:before { background-color: transparent; content: ""; display: block; height: 3.75rem; position: relative; width: 100% } } @media(min-width:1440px) { .rad-global-nav__menu-item-content:before { height: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-global-nav__menu-item-content:before { height: 5rem } } @media(min-width:1024px) { .rad-global-nav__menu-item-content.rad-global-nav__drawer--open { border-bottom: 1px solid #616160; max-height: calc(100vh - var(--rad-nav-height)) } } @media(min-width:1440px) { .rad-global-nav__menu-item-content, .rad-global-nav__menu-item-content.rad-global-nav__drawer--open { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } } .rad-global-nav .rad-global-nav__menu-items .aem-Grid .rad-global-nav__menu-item-content { width: 100vw } .rad-global-nav .menu-item-content__back-button { background-color: #202020; height: 3rem; margin-left: 1rem; margin-top: .25rem; position: absolute; top: calc(var(--rad-nav-height)*-1); visibility: hidden } @media(min-width:600px) { .rad-global-nav .menu-item-content__back-button { margin-left: 0; margin-top: .5rem } } @media(min-width:1024px) { .rad-global-nav .menu-item-content__back-button { display: none } } .rad-global-nav .rad-submenu__cta-wrapper { padding-bottom: 2rem } @media(min-width:600px) { .rad-global-nav .rad-submenu__cta-wrapper { padding-bottom: 3rem } } @media(min-width:1024px) { .rad-global-nav .rad-submenu__cta-wrapper { margin: 0 auto; max-width: 1920px } } @media(min-width:1920px) { .rad-global-nav .rad-submenu__cta-wrapper { margin-left: 50%; max-width: unset; padding-left: 5rem; padding-left: calc(5rem + 5.55556vw - 80px); padding-left: 6.6666666667rem; padding-right: 5rem; padding-right: calc(5rem + 5.55556vw - 80px); padding-right: 6.6666666667rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px } } .rad-global-nav .rad-submenu__cta { font-size: 1.25rem; font-weight: 500; height: 2.75rem; letter-spacing: -0.025em; line-height: 1.4; margin-left: 1rem; position: relative } @media(min-width:600px) { .rad-global-nav .rad-submenu__cta { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-global-nav .rad-submenu__cta { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-global-nav .rad-submenu__cta { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-global-nav .rad-submenu__cta { font-size: 2.6666666667rem } } .rad-global-nav .rad-submenu__cta .rad-button__text:after { border-bottom: 1px solid; bottom: 0; content: ""; display: block; left: 0; position: absolute; -webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1); transition: width 550ms cubic-bezier(0.85, 0, 0, 1); width: 0 } .rad-global-nav .rad-submenu__cta:hover .rad-button__text:after { width: 100% } @media(min-width:600px) { .rad-global-nav .rad-submenu__cta { margin-left: 0 } } @media(min-width:1024px) { .rad-global-nav .rad-submenu__cta { height: 3.5rem; padding-bottom: 0.5rem; padding-top: 0.5rem } } @media(min-width:1440px) { .rad-global-nav .rad-submenu__cta { height: calc(3.5rem + 3.88889vw - 56px) } } @media(min-width:1920px) { .rad-global-nav .rad-submenu__cta { height: 4.6666666667rem } } @media(min-width:1440px) { .rad-global-nav .rad-submenu__cta { padding-top: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-global-nav .rad-submenu__cta { padding-top: 0.6666666667rem } } @media(min-width:1440px) { .rad-global-nav .rad-submenu__cta { padding-bottom: calc(0.5rem + 0.55556vw - 8px) } } @media(min-width:1920px) { .rad-global-nav .rad-submenu__cta { padding-bottom: 0.6666666667rem } } .rad-global-nav__submenu { max-height: 100%; overflow: auto; padding: 0 1rem 7.5rem } @media(min-width:600px) { .rad-global-nav__submenu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; padding-left: 0; padding-right: 0; row-gap: 3rem } } @media(min-width:600px)and (max-width:1023px) { .rad-global-nav__submenu .l2-item { width: calc(50% - 12px) } } @media(min-width:1024px) { .rad-global-nav__submenu { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 2rem; margin: 0 auto; max-height: unset; overflow: visible; padding: 0 0 3.75rem } } @media(min-width:1440px) { .rad-global-nav__submenu { padding-bottom: calc(3.75rem + 4.16667vw - 60px) } } @media(min-width:1920px) { .rad-global-nav__submenu { padding-bottom: 5rem } } @media(min-width:1440px) { .rad-global-nav__submenu { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-global-nav__submenu { gap: 2.6666666667rem; margin-left: 50%; padding-left: 5rem; padding-left: calc(5rem + 5.55556vw - 80px); padding-left: 6.6666666667rem; padding-right: 5rem; padding-right: calc(5rem + 5.55556vw - 80px); padding-right: 6.6666666667rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 1920px } } .rad-global-nav .l2-links { font-size: 1rem; font-weight: 500; font-weight: 400; height: 0; letter-spacing: -0.005em; line-height: 1.5; overflow: hidden; text-underline-offset: .25rem; -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: height; transition-property: height; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-global-nav .l2-links { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-global-nav .l2-links { font-size: 1.3333333333rem } } .rad-global-nav .l2-links .rad-global-nav__l2-link:first-child { margin-top: 8px } .rad-global-nav .l2-links .rad-global-nav__l2-link:last-child { margin-bottom: 8px } @media(min-width:600px) { .rad-global-nav .l2-links { height: auto; overflow: visible; padding: 1rem 0 0 } .rad-global-nav .l2-links.l2-links--long-list { padding-bottom: 3rem } .rad-global-nav .l2-links .rad-global-nav__l2-link:first-child, .rad-global-nav .l2-links .rad-global-nav__l2-link:last-child { margin: 0 } } @media(min-width:1024px) { .rad-global-nav .l2-links { padding-bottom: 0; padding-top: 1rem; width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .rad-global-nav .l2-links.l2-links--long-list { -webkit-columns: 2; -moz-columns: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; padding-bottom: 0; width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-global-nav__l2-button:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-font-smoothing: antialiased; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 0.625rem; font-style: normal; font-weight: 400; justify-content: center; text-decoration: none; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } @media(min-width:1440px) { .rad-global-nav__l2-button:after { font-size: calc(0.625rem + 0.69444vw - 10px) } } @media(min-width:1920px) { .rad-global-nav__l2-button:after { font-size: 0.8333333333rem } } @media(min-width:600px) { .rad-global-nav__l2-button:after { display: none } } .rad-global-nav .l2-item--active .rad-global-nav__l2-button { color: #a2a2a0 } .rad-global-nav .l2-item--active .rad-global-nav__l2-button:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .rad-global-nav__l2-link { display: block; padding: .5rem 0 .5rem 1rem; text-decoration: none } @media(min-width:600px) { .rad-global-nav__l2-link { padding-left: 0 } } @media(min-width:1024px) { .rad-global-nav__l2-link { margin: .5rem 0; padding: 0 } .rad-global-nav__l2-link:after { content: ""; display: block } } .rad-global-nav__l2-link:visited { color: #fff } .rad-global-nav__l2-link:hover { color: #fff; text-decoration: underline } .rad-global-nav__utility-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row } @media(min-width:600px) { .rad-global-nav__utility-nav { width: -webkit-max-content; width: -moz-max-content; width: max-content } .rad-global-nav .rad-header__search { margin-right: .625rem } } .rad-global-nav .rad-header__search .rad-icon:after { font-size: .9375rem } @media(min-width:1440px) { .rad-global-nav .rad-header__search .rad-icon:after { font-size: 0.9375rem; font-size: calc(0.9375rem + 1.04167vw - 15px) } } @media(min-width:1920px) { .rad-global-nav .rad-header__search .rad-icon:after { font-size: 1.25rem } } .rad-global-nav .rad-global-nav__language-container { display: none; margin-right: 1rem; -webkit-transform: translateX(100vw); transform: translateX(100vw); -webkit-transition-duration: 550ms; transition-duration: 550ms; -webkit-transition-property: z-index, -webkit-transform; transition-property: z-index, -webkit-transform; transition-property: transform, z-index; transition-property: transform, z-index, -webkit-transform; -webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1); transition-timing-function: cubic-bezier(0.85, 0, 0, 1) } .rad-global-nav .rad-global-nav__language-container a:focus-visible { outline-offset: 8px } @media(min-width:600px) { .rad-global-nav .rad-global-nav__language-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: none; transform: none } } .rad-global-nav .cmp-global-header__language-selector { background-color: transparent; margin: 0 } .rad-global-nav__overlay { background-color: #000; bottom: 0; display: none; height: 100vh; left: 0; opacity: .5; position: fixed; right: 0; top: 0; width: 100vw } .rad-global-nav--menu-open .rad-global-nav__utility-nav { display: -webkit-box; display: -ms-flexbox; display: flex; height: var(--rad-nav-height); position: absolute; right: 0; top: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; z-index: 3 } @media(min-width:600px) { .rad-global-nav--menu-open .rad-global-nav__utility-nav { right: 3rem } } .rad-global-nav--menu-open .rad-global-nav__language-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transform: translateX(0); transform: translateX(0) } .rad-global-nav--menu-open .rad-header__search { display: none } @media(min-width:600px) { .rad-global-nav--menu-open .rad-header__search { display: initial } } .rad-global-nav--menu-open .rad-global-nav__primary-nav { left: 0; z-index: 2 } .rad-global-nav--menu-open .rad-global-nav__mobile-footer { display: block; padding-bottom: 3rem } @media(min-width:600px) { .rad-global-nav--menu-open .rad-global-nav__mobile-footer { padding-bottom: 3.75rem } } .rad-global-nav--menu-open .rad-global-nav__utility-links { padding: 0 1rem } @media(min-width:600px) { .rad-global-nav--menu-open .rad-global-nav__utility-links { padding: 0 3rem } } .rad-global-nav--menu-open .rad-global-nav__footer-link { display: block; height: 2.5rem; line-height: 1.5rem; padding: .5rem 0; text-decoration: none } .rad-global-nav--menu-open .rad-global-nav__footer-link:hover { color: #fff; text-decoration: underline } .rad-global-nav--menu-open .rad-global-nav__social-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; gap: .25rem; padding-left: 8px; padding-top: 32px } @media(min-width:600px) { .rad-global-nav--menu-open .rad-global-nav__social-links { padding-left: 2.25rem } } .rad-global-nav--menu-open .rad-nav-icon-button .rad-icon { height: 1.25rem; width: 1.25rem } .rad-global-nav--menu-open .rad-global-nav__overlay { display: block; z-index: 1 } .rad-global-nav--menu-open.rad-global-nav--submenu-open .rad-global-nav__mobile-footer { display: none } .rad-global-nav--dropdown-open .rad-global-nav__overlay { display: block; z-index: 1 } .rad-global-header--offscreen .rad-global-nav__wrapper { top: calc(var(--rad-nav-height)*-1) } @media(min-width:1440px) { .rad-global-header--offscreen .rad-global-nav__wrapper { top: -4.5rem; top: calc(-4.5rem - 5vw + 72px) } } @media(min-width:1920px) { .rad-global-header--offscreen .rad-global-nav__wrapper { top: -6rem } } .rad-global-nav__language-selector { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; min-height: 100%; opacity: 1 } @media(min-width:1440px) { .rad-global-nav__language-selector { height: 3.33333vw } } @media(min-width:1920px) { .rad-global-nav__language-selector { height: 64px } } .rad-global-nav__language-selector:before { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: 1.03125rem; font-style: normal; font-weight: 400; justify-content: center } @media(min-width:1440px) { .rad-global-nav__language-selector:before { font-size: 1.03125rem; font-size: calc(1.03125rem + 1.14583vw - 16.5px) } } @media(min-width:1920px) { .rad-global-nav__language-selector:before { font-size: 1.375rem } } .rad-global-nav__language-selector .current-country-text { padding-left: 6px } .rad-global-nav__language-selector:focus, .rad-global-nav__language-selector:hover { outline-offset: -1px } .rad-global-nav__language-selector .icon-down-caret { display: inline-block; height: 24px; position: relative; width: 24px } .rad-global-nav__language-selector .icon-down-caret:before { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: icont; font-size: .46875rem; font-style: normal; font-weight: 400; height: 100%; justify-content: center; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out } @media(min-width:1440px) { .rad-global-nav__language-selector .icon-down-caret:before { font-size: 0.46875rem; font-size: calc(0.46875rem + 0.52083vw - 7.5px) } } @media(min-width:1920px) { .rad-global-nav__language-selector .icon-down-caret:before { font-size: 0.625rem } } .rad-global-nav__language-selector[aria-expanded=true] .icon-down-caret:before { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rad-global-nav__language-options { background-color: #202020; display: none; position: absolute; right: 20px; top: var(--rad-nav-height); width: 304px } .rad-global-nav__language-options .arrow-up { display: none } .rad-global-nav__language-options .input-group { height: 16px; width: 100% } .rad-global-nav__language-options .country-list { height: 410px; overflow-x: hidden; overflow-y: auto; scrollbar-color: #a100ff #460073; scrollbar-width: thin } .rad-global-nav__language-options .country-list::-webkit-scrollbar { height: 4px; width: 4px } .rad-global-nav__language-options .country-list::-webkit-scrollbar-track { background-color: #460073 } .rad-global-nav__language-options .country-list::-webkit-scrollbar-thumb { background-color: #a100ff } .rad-global-nav__language-menu { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; list-style-type: none; margin: 0; padding: 0; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-global-nav__language-menu { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-global-nav__language-menu { font-size: 1.3333333333rem } } .rad-global-nav__language-menu li { -webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2); box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2); padding: 12px 32px } .rad-global-nav__language-menu li a { color: #fff; text-decoration: none } .rad-global-nav__language-menu li :hover { color: #a2a2a0; text-decoration: underline } .rad-global-nav__language-menu li :focus { text-decoration: underline } .rad-global-nav__language-menu .default { -webkit-box-shadow: none; box-shadow: none; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.429; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-global-nav__language-menu .default { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-global-nav__language-menu .default { font-size: 1.1666666667rem } } .rad-global-nav__language-menu .dropdown-header { -webkit-box-shadow: none; box-shadow: none; color: #fff; font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; padding-bottom: 24px; padding-top: 32px } @media(min-width:1440px) { .rad-global-nav__language-menu .dropdown-header { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-global-nav__language-menu .dropdown-header { font-size: 1.1666666667rem } } .rad-global-nav .rad-global-nav__language-selector--show, .rad-global-nav .rad-global-nav__signed-in-option-selector--show { display: block } #rad-global-nav__current-country { display: none } .rad-vidyard-player iframe { aspect-ratio: 16/9; display: block; height: 100%; margin: 0 auto; width: 100% } @media(min-width:1024px) { .rad-vidyard-player__container { padding-left: 5rem; padding-right: 5rem } } @media(min-width:1440px) { .rad-vidyard-player__container { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-vidyard-player__container { padding-right: 6.6666666667rem } } @media(min-width:1440px) { .rad-vidyard-player__container { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-vidyard-player__container { padding-left: 6.6666666667rem } } .rad-vidyard-player__transcript { -webkit-box-pack: end; -ms-flex-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; font-weight: 500; font-weight: 400; gap: 5rem; justify-content: flex-end; letter-spacing: -0.005em; line-height: 1.5; padding-right: 1rem; padding-top: 1rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-vidyard-player__transcript { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vidyard-player__transcript { font-size: 1.3333333333rem } } @media(min-width:1440px) { .rad-vidyard-player__transcript { padding-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-vidyard-player__transcript { padding-top: 1.3333333333rem } } @media(min-width:600px) { .rad-vidyard-player__transcript { padding-right: 3rem } } @media(min-width:1024px) { .rad-vidyard-player__transcript { padding-right: 0 } } .rad-article-table { color: #fff } .rad-article-table__container { overflow-x: auto; padding-bottom: .5rem; scrollbar-color: #a100ff #460073; scrollbar-width: thin; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-article-table__container { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-table__container { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-article-table__container::-webkit-scrollbar { height: 4px; width: 4px } .rad-article-table__container::-webkit-scrollbar-track { background-color: #460073 } .rad-article-table__container::-webkit-scrollbar-thumb { background-color: #a100ff } @media(min-width:600px) { .rad-article-table__container { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-table__container { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-article-table__headline { font-size: 1.125rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.6; margin-bottom: 1rem; text-underline-offset: .25rem } @media(min-width:1024px) { .rad-article-table__headline { font-size: 1.25rem } } @media(min-width:1440px) { .rad-article-table__headline { font-size: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-article-table__headline { font-size: 1.6666666667rem } } @media(min-width:1024px) { .rad-article-table__headline { margin-bottom: 1.5rem } } .rad-article-table table { background-color: #000; border: 1px solid #a2a2a0; border-collapse: collapse; border-top: 0 solid #a2a2a0; font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-article-table table { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-article-table table { font-size: 1.3333333333rem } } .rad-article-table table caption { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); display: inline; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .rad-article-table__caption { color: #a2a2a0; font-size: 0.875rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.429; padding-top: .5rem; text-underline-offset: .25rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:1440px) { .rad-article-table__caption { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-article-table__caption { font-size: 1.1666666667rem } } @media(min-width:600px) { .rad-article-table__caption { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-table__caption { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-article-table__caption { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-table__caption { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-article-table td, .rad-article-table th { border: 1px solid #a2a2a0; border-collapse: collapse; max-width: 43.5rem; min-width: 9rem } .rad-article-table th { font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.5; padding: 1rem .5rem; text-align: left; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-article-table th { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-article-table th { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-article-table th { padding: 1.5rem 1rem } } .rad-article-table td { padding: .5rem } @media(min-width:600px) { .rad-article-table td { padding: 1rem } } .rad-article-table--grey-headers th { background-color: #2b2b2b } .rad-article-table--purple-headers th { background-color: #7500c0 } @media(min-width:600px) { .rad-article-table--long-table .rad-article-table__container { width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-article-table--long-table .rad-article-table__container { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } } .rad-grid-card-carousel .flickity-page-dots { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: end; -ms-flex-pack: end; align-items: stretch; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; justify-content: flex-end; margin: 0 auto; max-width: 1920px; position: relative; right: 0; width: auto } @media(min-width:600px) { .rad-grid-card-carousel .flickity-page-dots { height: 48px; margin: 0 2.75rem 0 auto } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-page-dots { height: 3.33333vw } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-page-dots { height: 64px } } @media(min-width:1024px) { .rad-grid-card-carousel .flickity-page-dots { margin-right: 4.75rem } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-page-dots { margin-right: calc(4.75rem + 5.27778vw - 76px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-page-dots { margin-right: 6.3333333333rem } } .rad-grid-card-carousel .flickity-page-dot { background: none; border-radius: 0; -webkit-box-sizing: content-box; box-sizing: content-box; height: auto; margin: 0; padding: .25rem; position: relative; width: .5rem; z-index: 1 } .rad-grid-card-carousel .flickity-page-dot:focus-visible { outline: .0625rem solid #a100ff; outline-offset: -0.0625rem } .rad-grid-card-carousel .flickity-page-dot:focus { -webkit-box-shadow: none; box-shadow: none } .rad-grid-card-carousel .flickity-page-dot:after, .rad-grid-card-carousel .flickity-page-dot:before { content: ""; display: block; height: .5rem; position: absolute; top: 50%; translate: 0 -50% } .rad-grid-card-carousel .flickity-page-dot:first-child { overflow: visible } .rad-grid-card-carousel .flickity-page-dot:first-child:before { background: #616160; left: 50%; -webkit-transition: width 250ms ease 0s; transition: width 250ms ease 0s; width: calc(var(--dot-index)*100%) } .rad-grid-card-carousel .flickity-page-dot:after { background: #616160; left: .25rem; width: .5rem } .rad-grid-card-carousel .flickity-page-dot:hover { background: none } .rad-grid-card-carousel .flickity-page-dot:hover:after { background: #a2a2a0 } .rad-grid-card-carousel .flickity-page-dot.is-selected { background: none } .rad-grid-card-carousel .flickity-page-dot.is-selected:after { background: #fff } .rad-grid-card-carousel .flickity-enabled { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .rad-grid-card-carousel .flickity-viewport { -ms-flex-preferred-size: 100%; flex-basis: 100% } .rad-grid-card-carousel .flickity-prev-next-button { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; background: none; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; justify-content: center; left: 0; margin-top: -12px; position: relative; right: 0; -webkit-transform: unset; transform: unset; width: 48px } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-prev-next-button { width: 3.33333vw } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-prev-next-button { width: 64px } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-prev-next-button { height: 3.33333vw } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-prev-next-button { height: 64px } } @media(min-width:600px) { .rad-grid-card-carousel .flickity-prev-next-button { margin-top: 0 } } .rad-grid-card-carousel .flickity-prev-next-button:focus { -webkit-box-shadow: none; box-shadow: none } .rad-grid-card-carousel .flickity-prev-next-button.previous { margin-left: 2.25rem } @media(min-width:1024px) { .rad-grid-card-carousel .flickity-prev-next-button.previous { margin-left: 4.25rem } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-prev-next-button.previous { margin-left: calc(4.25rem + 4.72222vw - 68px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-prev-next-button.previous { margin-left: 5.6666666667rem } } .rad-grid-card-carousel .flickity-prev-next-button.next { margin-left: 0.25rem } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-prev-next-button.next { margin-left: calc(0.25rem + 0.27778vw - 4px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-prev-next-button.next { margin-left: 0.3333333333rem } } .rad-grid-card-carousel .flickity-button-icon { fill: #fff; position: static; width: 1.25rem } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-button-icon { width: calc(1.25rem + 1.38889vw - 20px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-button-icon { width: 1.6666666667rem } } .rad-grid-card-carousel__text-container { padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-grid-card-carousel__text-container { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md) } } .rad-grid-card-carousel__heading { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286; margin-bottom: 1rem } @media(min-width:600px) { .rad-grid-card-carousel__heading { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-grid-card-carousel__heading { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-grid-card-carousel__heading { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-grid-card-carousel__heading { font-size: 4rem } } @media(min-width:600px) { .rad-grid-card-carousel__heading { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-grid-card-carousel__heading { margin-bottom: 2rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-grid-card-carousel__heading { margin-bottom: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-grid-card-carousel__heading { margin-bottom: 2.6666666667rem } } .rad-grid-card-carousel__sub-heading { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333; margin-bottom: 2rem } @media(min-width:600px) { .rad-grid-card-carousel__sub-heading { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-grid-card-carousel__sub-heading { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-grid-card-carousel__sub-heading { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-grid-card-carousel__sub-heading { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-grid-card-carousel__sub-heading { width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-grid-card-carousel__sub-heading { margin-bottom: 3rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1440px) { .rad-grid-card-carousel__sub-heading { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-grid-card-carousel__sub-heading { margin-bottom: 4rem } } .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 2rem } @media(min-width:600px) { .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 1rem } } @media(min-width:1024px) { .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 1.94rem } } @media(min-width:1440px) { .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: calc(1.94rem + 2.15556vw - 31.04px) } } @media(min-width:1920px) { .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 2.5866666667rem } } @media(max-width:599px) { .rad-grid-card-carousel__slider-receiver { -ms-overflow-style: none; overflow-x: scroll; scrollbar-width: none } .rad-grid-card-carousel__slider-receiver::-webkit-scrollbar { display: none } } @media(max-width:599px) { .rad-grid-card-carousel__cards-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 26.5rem; padding: 0 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } } .rad-grid-card-carousel .rad-content-grid-card { -ms-flex-negative: 0; flex-shrink: 0 } .rad-grid-card-carousel .flickity-viewport { height: 28.81rem; margin-bottom: 1.47rem } @media(min-width:600px) { .rad-grid-card-carousel .flickity-viewport { margin-bottom: .94rem } } @media(min-width:1024px) { .rad-grid-card-carousel .flickity-viewport { height: 28.81rem; margin-bottom: 1.845rem } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-viewport { margin-bottom: calc(1.845rem + 2.05vw - 29.52px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-viewport { margin-bottom: 2.46rem } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-viewport { height: calc(28.81rem + 32.01111vw - 460.96px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-viewport { height: 38.4133333333rem } } .rad-grid-card-carousel .flickity-cell { height: 100%; padding-left: 1rem; width: 17.94rem } @media(min-width:600px) { .rad-grid-card-carousel .flickity-cell { padding-left: 2.5rem; width: 20.25rem } } @media(min-width:1440px) { .rad-grid-card-carousel .flickity-cell { width: 20.25rem; width: calc(20.25rem + 22.5vw - 324px) } } @media(min-width:1920px) { .rad-grid-card-carousel .flickity-cell { width: 27rem } } @media(min-width:600px) { .rad-grid-card-carousel__card-wrapper { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 27.56rem; justify-content: center; width: 17.25rem } } @media(min-width:1024px) { .rad-grid-card-carousel__card-wrapper { height: 27.56rem; width: 17.25rem } } @media(min-width:1440px) { .rad-grid-card-carousel__card-wrapper { height: calc(27.56rem + 30.62222vw - 440.96px) } } @media(min-width:1920px) { .rad-grid-card-carousel__card-wrapper { height: 36.7466666667rem } } @media(min-width:1440px) { .rad-grid-card-carousel__card-wrapper { width: calc(17.25rem + 19.16667vw - 276px) } } @media(min-width:1920px) { .rad-grid-card-carousel__card-wrapper { width: 23rem } } .rad-grid-card-carousel__card-size-maintainer { height: 26.5rem; width: 18.75rem } @media(min-width:600px) { .rad-grid-card-carousel__card-size-maintainer { height: unset; width: 276px } } .rad-grid-card-carousel__slider-container { margin: 2rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad-grid-card-carousel__slider-container { display: none } } .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad-grid-card-carousel__slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel__slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel__slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel__slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-grid-card-carousel__slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-grid-card-carousel__slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } @media(min-width:600px) { .rad-grid-card-carousel__slider-container { display: none } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 1.47rem } } @media(min-width:1024px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 2.47rem } } @media(min-width:1440px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 2.47rem; margin-bottom: calc(2.47rem + 2.74444vw - 39.52px) } } @media(min-width:1920px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper { margin-bottom: 3.2933333333rem } } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 26.5rem; padding: 0 1rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:600px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container { -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; height: calc(26.5rem + 20px); padding: 0 3rem } } @media(min-width:1440px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container { height: 28.81rem; height: calc(28.81rem + 32.01111vw - 460.96px) } } @media(min-width:1920px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container { height: 38.4133333333rem } } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container { display: block; margin: 2rem auto 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container { display: none } } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } @media(min-width:600px) { .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container { margin-top: 1.47rem } } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-receiver { -ms-overflow-style: none; overflow-x: scroll; scrollbar-width: none } .rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-receiver::-webkit-scrollbar { display: none } .rad-card-grid__cards-viewport { -ms-overflow-style: none; margin-top: -10px; overflow-y: scroll; padding-top: 10px; scrollbar-width: none } .rad-card-grid__cards-viewport::-webkit-scrollbar { display: none } @media(min-width:600px) { .rad-card-grid__cards-viewport { margin-top: 0; overflow-y: unset; padding-top: 0 } } .rad-card-grid__cards-container { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: start; -ms-flex-pack: start; -ms-overflow-style: none; align-items: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; margin-bottom: 1.5rem; padding-left: 1rem; padding-right: 1rem; scrollbar-width: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .rad-card-grid__cards-container::-webkit-scrollbar { display: none } @media(min-width:600px) { .rad-card-grid__cards-container { -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 auto 3rem; padding: 0; row-gap: 3rem } } @media(min-width:1440px) { .rad-card-grid__cards-container { -webkit-column-gap: calc(3rem + 3.33333vw - 48px); -moz-column-gap: calc(3rem + 3.33333vw - 48px); column-gap: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-grid__cards-container { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem } } @media(min-width:1440px) { .rad-card-grid__cards-container { row-gap: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-grid__cards-container { row-gap: 4rem } } @media(min-width:1440px) { .rad-card-grid__cards-container { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-card-grid__cards-container { margin-bottom: 4rem } } @media(min-width:924px) { .rad-card-grid__cards-container { grid-template-columns: repeat(3, 1fr) } } @media(min-width:1248px) { .rad-card-grid__cards-container { grid-template-columns: repeat(4, 1fr) } } .rad-card-grid__slider-container { margin: 0 auto 1.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media(min-width:1024px) { .rad-card-grid__slider-container { display: none } } .rad-card-grid__slider-container .rad__range-input-slider-for-carousel { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; display: block; margin: 0; padding: .5rem 0; width: 17.25rem } @media(min-width:600px) { .rad-card-grid__slider-container .rad__range-input-slider-for-carousel { padding: 1.25rem 0 } } .rad-card-grid__slider-container ::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; -webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: -webkit-grab; cursor: grab; height: .5rem; width: .5rem } .rad-card-grid__slider-container ::-moz-range-thumb { -moz-appearance: none; appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-card-grid__slider-container ::-ms-thumb { appearance: none; background: #fff; border: none; border-radius: 0; box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000; cursor: grab; height: .5rem; width: .5rem } .rad-card-grid__slider-container ::-webkit-slider-runnable-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-card-grid__slider-container ::-moz-range-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } .rad-card-grid__slider-container ::-ms-track { background: #616160; cursor: pointer; height: .5rem; width: 100% } @media(min-width:1440px) { .rad-card-grid__slider-container { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-card-grid__slider-container { margin-bottom: 2rem } } @media(min-width:600px) { .rad-card-grid__slider-container { display: none } } .rad-card-grid__explore-more { margin: 0 auto } .rad-editorial-grid__header { padding-left: 1rem; padding-right: 1rem } @media(min-width:600px) { .rad-editorial-grid__header { padding-left: 3rem; padding-right: 3rem } } @media(min-width:1024px) { .rad-editorial-grid__header { padding-left: 5rem; padding-right: 5rem } } @media(min-width:1440px) { .rad-editorial-grid__header { padding-left: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid__header { padding-left: 6.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid__header { padding-right: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid__header { padding-right: 6.6666666667rem } } .rad-editorial-grid__headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-editorial-grid__headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-editorial-grid__headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-editorial-grid__headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-editorial-grid__headline { font-size: 4rem } } .rad-editorial-grid__headline+.rad-editorial-grid__subheader { margin-top: .5rem } @media(min-width:1024px) { .rad-editorial-grid__headline+.rad-editorial-grid__subheader { margin-top: 1rem } } @media(min-width:1440px) { .rad-editorial-grid__headline+.rad-editorial-grid__subheader { margin-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-editorial-grid__headline+.rad-editorial-grid__subheader { margin-top: 1.3333333333rem } } .rad-editorial-grid__subheader { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333; margin-bottom: 1.5rem } @media(min-width:600px) { .rad-editorial-grid__subheader { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1024px) { .rad-editorial-grid__subheader { font-size: 1.75rem; line-height: 1.286 } } @media(min-width:1440px) { .rad-editorial-grid__subheader { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-editorial-grid__subheader { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-editorial-grid__subheader { margin-bottom: 2rem } } @media(min-width:1024px) { .rad-editorial-grid__subheader { margin-bottom: 3rem } } @media(min-width:1440px) { .rad-editorial-grid__subheader { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-editorial-grid__subheader { margin-bottom: 4rem } } .rad-editorial-grid__card { -ms-flex-negative: 0; flex-shrink: 0; text-decoration: none; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-editorial-grid__card { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid__card { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } .rad-editorial-grid__card .editorial-grid-card__copy-wrapper { padding-top: 1.5rem } @media(min-width:1024px) { .rad-editorial-grid__card .editorial-grid-card__copy-wrapper { padding-top: 1.5rem } } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__copy-wrapper { padding-top: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__copy-wrapper { padding-top: 2rem } } .rad-editorial-grid__card .editorial-grid-card__label { font-size: 0.875rem; font-weight: 500; letter-spacing: .02em; line-height: 1.143; margin-bottom: .5rem; text-transform: uppercase } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__label { font-size: calc(0.875rem + 0.97222vw - 14px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__label { font-size: 1.1666666667rem } } @media(min-width:1024px) { .rad-editorial-grid__card .editorial-grid-card__label { margin-bottom: 0.75rem } } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__label { margin-bottom: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__label { margin-bottom: 1rem } } .rad-editorial-grid__card .editorial-grid-card__title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-editorial-grid__card .editorial-grid-card__title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-editorial-grid__card .editorial-grid-card__title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__title { font-size: 2.6666666667rem } } .rad-editorial-grid__card .editorial-grid-card__body { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; margin-top: .5rem; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__body { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__body { font-size: 1.3333333333rem } } @media(min-width:1024px) { .rad-editorial-grid__card .editorial-grid-card__body { margin-top: 0.75rem } } @media(min-width:1440px) { .rad-editorial-grid__card .editorial-grid-card__body { margin-top: calc(0.75rem + 0.83333vw - 12px) } } @media(min-width:1920px) { .rad-editorial-grid__card .editorial-grid-card__body { margin-top: 1rem } } .rad-editorial-grid__card .rad-button { margin-top: .5rem } @media(min-width:1024px) { .rad-editorial-grid__card .rad-button { margin-top: 1rem } } @media(min-width:1440px) { .rad-editorial-grid__card .rad-button { margin-top: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-editorial-grid__card .rad-button { margin-top: 1.3333333333rem } } .rad-editorial-grid__card:hover { color: #fff } @media(max-width:599px) { .rad-editorial-grid__card.rad-editorial-grid__card--mobile-img-disabled:before { border: solid #a100ff; border-width: .25rem 0 0; content: ""; display: block; height: 1.5rem; width: 2rem } .rad-editorial-grid__card.rad-editorial-grid__card--mobile-img-disabled .editorial-grid-card__image { display: none } } .rad-editorial-grid__card:hover, .rad-editorial-grid__card:visited { color: #fff } .rad-editorial-grid .editorial-grid-card__image { width: 100% } .rad-editorial-grid .editorial-grid-card__image .cmp-image__image { display: block; width: 100% } .rad-editorial-grid__cards-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm) } @media(min-width:600px) { .rad-editorial-grid__cards-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md); row-gap: 3.75rem } } @media(min-width:1024px) { .rad-editorial-grid__cards-container { gap: 2rem; row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid__cards-container { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid__cards-container { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid__cards-container { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid__cards-container { row-gap: 6.6666666667rem } } .rad-editorial-grid.rad-editorial-grid--three-items-a .rad-editorial-grid__header { text-align: center } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--two-items .rad-editorial-grid__card:nth-child(2) { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) { margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) { margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) { margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container { display: grid; gap: 2rem; grid-template-areas: "one two two ." "one . three three"; grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr; grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr; row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container { row-gap: 6.6666666667rem } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>* { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100% } .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:first-child { grid-area: one; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:nth-child(2) { grid-area: two; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:nth-child(3) { grid-area: three; margin-left: 0; width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(4) { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(4) { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container { display: grid; gap: 2rem; grid-template-areas: "one two two ." "one . three three" "four four . ."; grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr; grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr; row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container { row-gap: 6.6666666667rem } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>* { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100% } .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:first-child { grid-area: one; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(2) { grid-area: two; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(3) { grid-area: three; margin-left: 0; width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(4) { grid-area: four; width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) { margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container { display: grid; gap: 2rem; grid-template-areas: "one two two ." "one . three three" "four five five ."; grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr; grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr; row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container { row-gap: 6.6666666667rem } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>* { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100% } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:first-child { grid-area: one; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(2) { grid-area: two; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(3) { grid-area: three; margin-left: 0; width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(4) { grid-area: four; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(5) { grid-area: five; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one { padding-bottom: 3.75rem } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) { margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) { margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) { margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:first-child { width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:first-child { width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(2) { width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(2) { width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) { margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) { width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) { margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) { margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { display: grid; gap: 2rem; grid-template-areas: "one two two ." "one . three three"; grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr; grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr; padding-bottom: 5rem; row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { padding-bottom: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { padding-bottom: 6.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one { row-gap: 6.6666666667rem } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>* { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100% } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:first-child { grid-area: one; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:nth-child(2) { grid-area: two; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:nth-child(3) { grid-area: three; margin-left: 0; width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two { display: grid; gap: 2rem; grid-template-areas: "one one two" ". three three"; grid-template-columns: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*0 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); row-gap: 5rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two { gap: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two { gap: 2.6666666667rem } } @media(min-width:1440px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two { row-gap: calc(5rem + 5.55556vw - 80px) } } @media(min-width:1920px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two { row-gap: 6.6666666667rem } } @media(min-width:1024px) { .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>* { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100% } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:first-child { grid-area: one; width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:nth-child(2) { grid-area: two; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } .rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:nth-child(3) { grid-area: three; margin-left: 0; width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-editorial-grid__header--centered .rad-editorial-grid__header { text-align: center } .rad-editorial-grid__headline--xl .rad-editorial-grid__headline { font-size: 3rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.167 } @media(min-width:600px) { .rad-editorial-grid__headline--xl .rad-editorial-grid__headline { font-size: 5rem; line-height: 1.05 } } @media(min-width:1024px) { .rad-editorial-grid__headline--xl .rad-editorial-grid__headline { font-size: 6.25rem; line-height: 1.04 } } @media(min-width:1440px) { .rad-editorial-grid__headline--xl .rad-editorial-grid__headline { font-size: calc(6.25rem + 6.94444vw - 100px) } } @media(min-width:1920px) { .rad-editorial-grid__headline--xl .rad-editorial-grid__headline { font-size: 8.3333333333rem } } .rad-banner-image-and-text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: var(--rad-spacing-sm); padding-right: var(--rad-spacing-sm); position: relative } @media(min-width:600px) { .rad-banner-image-and-text { padding-left: var(--rad-spacing-md); padding-right: var(--rad-spacing-md); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0); width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner-image-and-text { width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0); width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0); width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0) } } .rad-banner-image-and-text__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } @media(min-width:600px) { .rad-banner-image-and-text__container { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; justify-content: space-between } } .rad-banner-image-and-text__image { margin-bottom: 1rem } @media(min-width:600px) { .rad-banner-image-and-text__image { margin: 0; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0); width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner-image-and-text__image { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } .rad-banner-image-and-text__image .rad-banner-image-and-text__primary-image { display: block; width: 100% } .rad-banner-image-and-text__text { position: relative; text-decoration: none } .rad-banner-image-and-text__text:hover, .rad-banner-image-and-text__text:visited { color: #fff } .rad-banner-image-and-text__text>* { margin-bottom: 8px } .rad-banner-image-and-text__text>:last-child { margin-bottom: 0 } .rad-banner-image-and-text__text-title { font-size: 1.25rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.4 } @media(min-width:600px) { .rad-banner-image-and-text__text-title { font-size: 1.5rem; line-height: 1.167 } } @media(min-width:1024px) { .rad-banner-image-and-text__text-title { font-size: 2rem; line-height: 1.25 } } @media(min-width:1440px) { .rad-banner-image-and-text__text-title { font-size: calc(2rem + 2.22222vw - 32px) } } @media(min-width:1920px) { .rad-banner-image-and-text__text-title { font-size: 2.6666666667rem } } .rad-banner-image-and-text__text-description { font-size: 1rem; font-weight: 500; font-weight: 400; letter-spacing: -0.005em; line-height: 1.5; text-underline-offset: .25rem } @media(min-width:1440px) { .rad-banner-image-and-text__text-description { font-size: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-banner-image-and-text__text-description { font-size: 1.3333333333rem } } @media(min-width:600px) { .rad-banner-image-and-text__text { width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } .rad-banner-image-and-text__text>* { margin-bottom: 1rem } } @media(min-width:1440px) { .rad-banner-image-and-text__text>* { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-banner-image-and-text__text>* { margin-bottom: 1.3333333333rem } } @media(min-width:600px) { .rad-banner-image-and-text__text-description { margin-bottom: .5rem } .rad-banner-image-and-text__text:before { background-color: #a100ff; content: ""; display: block; height: .25rem; margin-bottom: 1rem; width: 2rem } } @media(min-width:1024px) { .rad-banner-image-and-text__text:before { margin-bottom: 1.5rem } } @media(min-width:1440px) { .rad-banner-image-and-text__text:before { margin-bottom: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-banner-image-and-text__text:before { margin-bottom: 2rem } } @media(min-width:600px) { .rad-banner-image-and-text__text { width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner-image-and-text__text { margin: auto 0; width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0); width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0); width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0); width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0) } .rad-banner-image-and-text__text-description { margin-bottom: 1rem } } @media(min-width:1440px) { .rad-banner-image-and-text__text-description { margin-bottom: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-banner-image-and-text__text-description { margin-bottom: 1.3333333333rem } } .rad-banner-image-and-text__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1.5rem; row-gap: .5rem; width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0) } @media(min-width:600px) { .rad-banner-image-and-text__header { width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner-image-and-text__header { width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) } } @media(min-width:600px) { .rad-banner-image-and-text__header { margin-bottom: 2rem; width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0); width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) } } @media(min-width:1024px) { .rad-banner-image-and-text__header { margin-bottom: 3rem; row-gap: 1rem; width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0); width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0) } } @media(min-width:1440px) { .rad-banner-image-and-text__header { margin-bottom: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-banner-image-and-text__header { margin-bottom: 4rem } } @media(min-width:1440px) { .rad-banner-image-and-text__header { row-gap: calc(1rem + 1.11111vw - 16px) } } @media(min-width:1920px) { .rad-banner-image-and-text__header { row-gap: 1.3333333333rem } } @media(min-width:1024px) { .rad-banner-image-and-text__header { width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0); width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0) } } .rad-banner-image-and-text__header-headline { font-size: 1.75rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.286 } @media(min-width:600px) { .rad-banner-image-and-text__header-headline { font-size: 2.5rem; line-height: 1.2 } } @media(min-width:1024px) { .rad-banner-image-and-text__header-headline { font-size: 3rem; line-height: 1.167 } } @media(min-width:1440px) { .rad-banner-image-and-text__header-headline { font-size: calc(3rem + 3.33333vw - 48px) } } @media(min-width:1920px) { .rad-banner-image-and-text__header-headline { font-size: 4rem } } .rad-banner-image-and-text__header-subheadline { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-weight: 300; line-height: 1.333 } @media(min-width:600px) { .rad-banner-image-and-text__header-subheadline { font-family: GT Sectra Fine, Palatino; font-size: 1.5rem; font-size: 1rem; font-size: 1.125rem; font-weight: 300; line-height: 1.333; line-height: 1.5 } } @media(min-width:1024px) { .rad-banner-image-and-text__header-subheadline { font-size: 1.5rem; line-height: 1.333 } } @media(min-width:1440px) { .rad-banner-image-and-text__header-subheadline { font-size: calc(1.5rem + 1.66667vw - 24px) } } @media(min-width:1920px) { .rad-banner-image-and-text__header-subheadline { font-size: 2rem } } @media(min-width:1024px) { .rad-banner-image-and-text__header-subheadline { font-family: GT Sectra Fine, Palatino; font-size: 1.125rem; font-size: 1.5rem; font-size: 1.75rem; font-weight: 300; line-height: 1.333; line-height: 1.286 } } @media(min-width:1440px) { .rad-banner-image-and-text__header-subheadline { font-size: calc(1.75rem + 1.94444vw - 28px) } } @media(min-width:1920px) { .rad-banner-image-and-text__header-subheadline { font-size: 2.3333333333rem } } @media(min-width:600px) { .rad-banner-image-and-text--image-right .rad-banner-image-and-text__container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .rad-banner-image-and-text--bottom-padding-disabled { padding-bottom: 0 } .rad-banner-image-and-text--top-padding-disabled { padding-top: 0 }