:root,:host{--tile-border-width: 1px;--tile-border-style: solid;--tile-border-radius: 0;--tile-box-shadow: none;--tile-image-light-gradient-color-transparent: rgba(255, 255, 255, 0);--tile-image-light-gradient-color-solid: rgba(255, 255, 255, 0.75);--tile-image-dark-gradient-color-transparent: rgba(0, 0, 0, 0);--tile-image-dark-gradient-color-solid: rgba(0, 0, 0, 0.75);--tile-padding-min: 20;--tile-padding-max: 40;--tile-gap-min: 24;--tile-gap-max: 24}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;height:var(--height, auto);width:100%;background:var(--background, transparent);color:var(--foreground, inherit);border-width:var(--tile-border-width, 1px);border-style:var(--tile-border-style, solid);border-color:var(--border-color, transparent);border-radius:var(--tile-border-radius, 12px);box-shadow:var(--tile-box-shadow, none);aspect-ratio:var(--format, 2/1);justify-content:center;--gradient-color-transparent: transparent;--gradient-color-solid: transparent;--gradient-top: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);--gradient-bottom: linear-gradient(to top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);--gradient-center: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%)}.tile__wrapper{display:flex;flex-direction:row;align-items:center;padding:clamp(var(--tile-padding-min)*1px,(var(--tile-padding-max) - var(--tile-padding-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--tile-padding-min) - (var(--tile-padding-max) - var(--tile-padding-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--tile-padding-max)*1px);gap:clamp(var(--tile-gap-min)*1px,(var(--tile-gap-max) - var(--tile-gap-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--tile-gap-min) - (var(--tile-gap-max) - var(--tile-gap-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--tile-gap-max)*1px);background:var(--wrapper-background, transparent);z-index:2}.tile__body{flex:1}.tile .background-layer{z-index:1}.tile.format--auto{--format: auto}.tile.format--1_1{--format: 1/1}.tile.format--3_2{--format: 3/2}.tile.format--2_3{--format: 2/3}.tile.format--4_3{--format: 4/3}.tile.format--3_4{--format: 3/4}.tile.format--5_4{--format: 5/4}.tile.format--4_5{--format: 4/5}.tile.format--16_9{--format: 16/9}.tile.format--2_1{--format: 2/1}.tile .background-layer{transition:transform .3s ease-in-out}.tile.clickable a.tile__link{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:10;content:""}.tile.clickable:hover .background-layer{transform:scale(1.05)}.tile picture,.tile video,.tile img{--image-border-radius: 0}.tile.full-height{--format: auto;--height: 100%;height:100%}.tile.vertical-align--top{justify-content:flex-start;--wrapper-background: linear-gradient(to top, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%)}.tile.vertical-align--center{justify-content:center;--wrapper-background: linear-gradient(to top, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%, var(--gradient-color-solid) 76.1%, var(--gradient-color-transparent) 100%)}.tile.vertical-align--bottom{justify-content:flex-end;--wrapper-background: linear-gradient(to bottom, var(--gradient-color-transparent) 0%, var(--gradient-color-solid) 23.9%)}.tile.background--transparent{--background: transparent}.tile.background--white-50{--background: var(--color-white-50)}.tile.background--white-100{--background: var(--color-white-100)}.tile.background--gray-light{--background: var(--color-gray-light)}.tile.background--gray-solid{--background: var(--color-gray-solid)}.tile.background--brand-light{--background: var(--color-brand-light)}.tile.background--brand-solid{--background: var(--color-brand-solid)}.tile.background--image-light{--background: transparent;--gradient-color-transparent: var(--tile-image-light-gradient-color-transparent, rgba(255, 255, 255, 0));--gradient-color-solid: var(--tile-image-light-gradient-color-solid, rgba(255, 255, 255, 0.75))}.tile.background--image-dark{--background: transparent;--gradient-color-transparent: var(--tile-image-dark-gradient-color-transparent, rgba(0, 0, 0, 0));--gradient-color-solid: var(--tile-image-dark-gradient-color-solid, rgba(0, 0, 0, 0.75))}.tile.border--transparent{--border-color: transparent;border-style:hidden}.tile.border--white-50{--border-color: var(--color-white-50)}.tile.border--white-100{--border-color: var(--color-white-100)}.tile.border--gray-light{--border-color: var(--color-gray-light)}.tile.border--gray-solid{--border-color: var(--color-gray-solid)}.tile.border--brand-light{--border-color: var(--color-brand-light)}.tile.border--brand-solid{--border-color: var(--color-brand-solid)}.tile.foreground--black{--foreground: var(--color-fg-black)}.tile.foreground--gray{--foreground: var(--color-fg-gray)}.tile.foreground--white{--foreground: var(--color-fg-white)}:root,:host{--banner-border-radius: var(--image-border-radius, 0)}.tile.banner{--tile-border-radius: var(--banner-border-radius, 0);--tile-border-width: 0;--format: 3/1;background:var(--color-brand-solid);border-color:rgba(0,0,0,0);display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start}.tile.banner:focus-within{outline:var(--focus-ring-border, none);box-shadow:var(--focus-ring-shadow) !important}.tile.banner:hover .background-layer{transform:none !important}.tile.banner .tile__wrapper{display:flex;flex-direction:row;align-items:center;background:rgba(0,0,0,0) !important;padding:0;max-width:55%;width:100%;z-index:2;padding-top:clamp(var(48)*1px,(var(80) - var(48))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(48) - (var(80) - var(48))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(80)*1px);padding-bottom:clamp(var(48)*1px,(var(80) - var(48))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(48) - (var(80) - var(48))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(80)*1px);padding-left:4rem;padding-right:clamp(var(24)*1px,(var(48) - var(24))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(24) - (var(48) - var(24))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(48)*1px)}.tile.banner .tile__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1}.tile.banner .banner-label{color:#000;font-variant-numeric:lining-nums proportional-nums;font-family:Literata;font-size:19px;font-style:normal;font-weight:400;line-height:24px}.tile.banner .banner-title-wrap{display:inline-flex;align-items:center;gap:24px;flex-wrap:wrap;width:100%}.tile.banner .banner-title{margin:0;font-family:var(--font-family-serif);font-weight:400;color:var(--color-fg-black, #181d27);font-size:clamp(var(24)*1px,(var(36) - var(24))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(24) - (var(36) - var(24))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(36)*1px);line-height:clamp(var(32)*1px,(var(44) - var(32))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(32) - (var(44) - var(32))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(44)*1px)}.tile.banner .banner-arrow-container{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.tile.banner .banner-arrow{display:block;width:24px;height:auto;transform:rotate(90deg)}.tile.banner.clickable:hover .banner-arrow-container{transform:translateX(8px)}.tile.banner .background-layer{position:absolute;top:24px;bottom:0;left:auto;right:10%;width:45%;height:calc(100% - 24px);overflow:hidden;z-index:1;pointer-events:none}.tile.banner .background-layer picture{display:block;height:100%;width:100%}.tile.banner .background-layer picture,.tile.banner .background-layer picture img{object-fit:contain;object-position:bottom right;border-radius:0}.tile.banner .background-layer picture img{display:block;height:100%;width:100%}@media screen and (max-width: 767px){.tile.banner{--format: 4/5;flex-direction:column;align-items:stretch;justify-content:flex-start !important}.tile.banner .tile__wrapper{max-width:100%;width:100%;padding-top:24px !important;padding-bottom:24px !important;padding-left:24px !important;padding-right:24px !important;box-sizing:border-box}.tile.banner .banner-title-wrap{gap:16px}.tile.banner .background-layer{top:auto;bottom:0;left:0;right:0;width:100%;height:68%}.tile.banner .background-layer picture,.tile.banner .background-layer picture img{object-position:bottom center}}