.pageblock--family{--block-padding-x: 0;--block-padding-y: 0;--body-color: var(--color-neutral-0);--heading-color: var(--color-neutral-0);--button-color: var(--color-neutral-0);--card-offset: 75px}.pageblock--family .container{display:flex;padding-inline:0;margin-inline:0}.pageblock--family .container .family-model-card{position:relative;display:flex;align-items:flex-end;width:50%;min-height:100vh;transition:width var(--transition-duration-slow) var(--transition-bounce-gentle)}.pageblock--family .container .family-model-card .x-core-intro{position:absolute;right:var(--card-offset);bottom:0;left:var(--card-offset);z-index:1;transition:bottom var(--transition-duration) var(--transition-timing-function)}@container style(--breakpoint-xs: true){.pageblock--family .container .family-model-card .x-core-intro .x-core-title{--heading-margin-bottom: 10px}}:root[style*="--breakpoint-xs: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card .x-core-intro .x-core-title{--heading-margin-bottom: 10px}.pageblock--family .container .family-model-card .x-core-intro .x-core-heading{color:var(--color-neutral-0)!important;font-size:var(--h2-size);transition:font-size var(--transition-duration) var(--transition-timing-function)}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card .x-core-intro .x-core-heading{font-size:var(--h1-size)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card .x-core-intro .x-core-heading{font-size:var(--h1-size)}.pageblock--family .container .family-model-card .x-core-intro__content{opacity:0;transition:opacity var(--transition-duration) var(--transition-timing-function)}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card .x-core-intro__content{opacity:1}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card .x-core-intro__content{opacity:1}.pageblock--family .container .family-model-card .x-core-intro .x-core-button-wrapper{position:absolute;right:0;bottom:0}.pageblock--family .container .family-model-card .x-core-intro .x-core-button--center{position:relative;right:inherit;left:inherit;display:block;opacity:1}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card .x-core-intro{bottom:calc(var(--card-offset) * 1.5 + 25px)}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card .x-core-intro{bottom:calc(var(--card-offset) * 1.5 + 25px)}.pageblock--family .container .family-model-card .x-core-button{position:absolute;right:var(--card-offset);bottom:0;height:fit-content;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing-function),bottom var(--transition-duration) var(--transition-timing-function)}.pageblock--family .container .family-model-card .x-core-button .x-core-icon{margin-left:14px}.pageblock--family .container .family-model-card .x-core-button:after{display:none}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card .x-core-button{right:inherit;bottom:var(--card-offset);left:var(--card-offset);opacity:1}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card .x-core-button{right:inherit;bottom:var(--card-offset);left:var(--card-offset);opacity:1}.pageblock--family .container .family-model-card img{z-index:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@container style(--breakpoint-md-min: true){.pageblock--family .container .family-model-card:hover{width:75%;transition:width var(--transition-duration-slow) var(--transition-bounce)}}:root[style*="--breakpoint-md-min: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card:hover{width:75%;transition:width var(--transition-duration-slow) var(--transition-bounce)}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card:hover{width:100%}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card:hover{width:100%}.pageblock--family .container .family-model-card:before{position:absolute;inset:50% 0 0;display:none;background:linear-gradient(0deg,#000,#00000080,#fff0);content:"";pointer-events:none}@container style(--breakpoint-sm-max: true){.pageblock--family .container .family-model-card:before{display:block}}:root[style*="--breakpoint-sm-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card:before{display:block}@container style(--breakpoint-lg-max: true){.pageblock--family .container .family-model-card{height:65vh;min-height:auto}}:root[style*="--breakpoint-lg-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card{height:65vh;min-height:auto}@container style(--breakpoint-md-max: true){.pageblock--family .container .family-model-card{flex-direction:column;width:100%;height:40vh}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card{flex-direction:column;width:100%;height:40vh}@container style(--breakpoint-xs: true){.pageblock--family .container .family-model-card{height:50vh}}:root[style*="--breakpoint-xs: true"] .applyContainerPolyFill .pageblock--family .container .family-model-card{height:50vh}@container style(--breakpoint-md-max: true){.pageblock--family .container{flex-direction:column}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--family .container{flex-direction:column}.pageblock--family.pageblock--content-center .family-model-card .x-core-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;text-align:center;inset:0}.pageblock--family.pageblock--content-center .family-model-card .x-core-intro__content{opacity:1}.pageblock--family.pageblock--content-center .family-model-card .x-core-intro .x-core-button-wrapper{position:relative}.pageblock--family.pageblock--content-center .family-model-card .x-core-button{display:none}.pageblock--family.pageblock--first{padding-top:0}@container style(--breakpoint-sm-max: true){.pageblock--family{--card-offset: 35px}}:root[style*="--breakpoint-sm-max: true"] .applyContainerPolyFill .pageblock--family{--card-offset: 35px}@container style(--breakpoint-sm-min: true){.pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro{bottom:var(--card-offset)}.pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro .x-core-heading{font-size:var(--h1-size)}.pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro__content{opacity:1}.pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-button{bottom:var(--card-offset);opacity:1}}:root[style*="--breakpoint-sm-min: true"] .applyContainerPolyFill .pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro{bottom:var(--card-offset)}:root[style*="--breakpoint-sm-min: true"] .applyContainerPolyFill .pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro .x-core-heading{font-size:var(--h1-size)}:root[style*="--breakpoint-sm-min: true"] .applyContainerPolyFill .pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-intro__content{opacity:1}:root[style*="--breakpoint-sm-min: true"] .applyContainerPolyFill .pageblock--family:not(.pageblock--content-center) .family-model-card:hover .x-core-button{bottom:var(--card-offset);opacity:1}
