.c-hero{--c-hero-background-color:var(--theme-color-10);--c-hero-container-padding-block:calc(var(--theme-spacing-lg) - var(--c-hero-container-border-width));--c-hero-container-padding-inline:calc(var(--theme-gutter-outer) - var(--c-hero-container-border-width));--c-hero-container-border-width:0px;--c-hero-content-flex-direction:column;--c-hero-body-flex-direction:column;--c-hero-body-align-items:stretch;--c-hero-body-justify-content:space-between;--c-hero-body-order:1;--c-hero-body-width:auto;--c-hero-body-padding:0 calc(var(--theme-gutter-inner)/2);--c-hero-media-align-items:stretch;--c-hero-media-order:2;--c-hero-media-width:max-content;--c-hero-media-padding:0;--c-hero-media-margin:var(--theme-spacing-lg) calc(var(--theme-gutter-inner)/2) 0;--c-hero-media-border-radius:0;--c-hero-actions-padding:var(--theme-spacing-lg) 0 0}.c-hero,.c-hero__container{background-color:var(--c-hero-background-color)}.c-hero__container{border:var(--c-hero-container-border-width) solid var(--theme-color-primary);box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:var(--theme-max-width);overflow:hidden;padding:var(--c-hero-container-padding-block) var(--c-hero-container-padding-inline)}.c-hero__content{display:flex;flex-direction:var(--c-hero-content-flex-direction);margin-left:calc(var(--theme-gutter-inner)/-2);margin-right:calc(var(--theme-gutter-inner)/-2)}.c-hero__body{align-items:var(--c-hero-body-align-items);flex-direction:var(--c-hero-body-flex-direction);flex-grow:1;justify-content:var(--c-hero-body-justify-content);order:var(--c-hero-body-order);padding:var(--c-hero-body-padding);width:var(--c-hero-body-width)}.c-hero__body,.c-hero__media{box-sizing:border-box;display:flex}.c-hero__media{align-items:var(--c-hero-media-align-items);border-radius:var(--c-hero-media-border-radius);flex-shrink:0;margin:var(--c-hero-media-margin);order:var(--c-hero-media-order);overflow:hidden;padding:var(--c-hero-media-padding);width:var(--c-hero-media-width)}.c-hero__body-content{display:grid}.c-hero__heading{margin-bottom:var(--theme-spacing-xs)}.c-hero__subheading{margin-bottom:var(--theme-spacing-md)}.c-hero__label{margin-bottom:var(--theme-spacing-2xs);order:-1}.c-hero__actions{flex-shrink:0;padding:var(--c-hero-actions-padding)}.c-hero--secondary{--c-hero-background-color:var(--theme-color-30)}.c-hero--media-left-lg-up{--c-hero-body-order:2;--c-hero-media-order:1;--c-hero-media-margin:0 calc(var(--theme-gutter-inner)/2) var(--theme-spacing-lg)}.c-hero--media-border-radius{--c-hero-media-border-radius:var(--theme-border-radius)}.c-hero--media-border-radius-lg{--c-hero-media-border-radius:var(--theme-border-radius-lg)}.c-hero--media-border-radius-xl{--c-hero-media-border-radius:var(--theme-border-radius-xl)}.c-hero--media-border-radius-full{--c-hero-media-border-radius:50%}.c-hero--super{--c-hero-media-width:auto;--c-hero-media-padding:0 calc(var(--theme-gutter-inner)/2);--c-hero-media-margin:var(--theme-spacing-lg) calc(var(--c-hero-container-padding-inline)*-1) calc(var(--c-hero-container-padding-block)*-1)}.c-hero--super.c-hero--media-left-lg-up{--c-hero-media-margin:calc(var(--c-hero-container-padding-block)*-1) calc(var(--c-hero-container-padding-inline)*-1) var(--theme-spacing-lg)}.c-hero--portal{--c-hero-container-border-width:var(--theme-portal-border-width-sm);background-color:transparent}@media (min-width:40.001em){.c-hero{--c-hero-body-flex-direction:row;--c-hero-body-align-items:center;--c-hero-actions-padding:0 0 0 var(--theme-gutter-inner)}.c-hero--super{--c-hero-container-padding-block:calc(var(--theme-spacing-2xl) - var(--c-hero-container-border-width));--c-hero-body-flex-direction:column;--c-hero-body-align-items:stretch;--c-hero-media-margin:var(--theme-spacing-2xl) calc(var(--c-hero-container-padding-inline)*-1) calc(var(--c-hero-container-padding-block)*-1);--c-hero-actions-padding:var(--theme-spacing-lg) 0 0}.c-hero--super.c-hero--media-left-lg-up{--c-hero-media-margin:calc(var(--c-hero-container-padding-block)*-1) calc(var(--c-hero-container-padding-inline)*-1) var(--theme-spacing-2xl)}.c-hero--portal{--c-hero-container-border-width:var(--theme-portal-border-width-md)}}@media (min-width:60.001em){.c-hero{--c-hero-content-flex-direction:row;--c-hero-media-align-items:center;--c-hero-media-margin:0 calc(var(--theme-gutter-inner)/2)}.c-hero--super{--c-hero-container-padding-block:0;--c-hero-container-padding-inline:var(--theme-gutter-outer);--c-hero-body-justify-content:center;--c-hero-body-width:50%;--c-hero-body-padding:var(--theme-spacing-md) calc(var(--theme-gutter-inner)*2) var(--theme-spacing-md) calc(var(--theme-gutter-inner) + var(--theme-gutter-inner)/2);--c-hero-media-width:calc(50% + var(--c-hero-container-padding-inline));--c-hero-media-padding:0 calc(var(--theme-gutter-inner)/2) 0 0;--c-hero-media-margin:0 calc(var(--c-hero-container-padding-inline)*-1) 0 0}.c-hero--super.c-hero--media-left-lg-up{--c-hero-body-padding:var(--theme-spacing-md) calc(var(--theme-gutter-inner) + var(--theme-gutter-inner)/2) var(--theme-spacing-md) calc(var(--theme-gutter-inner)*2);--c-hero-media-padding:0 0 0 calc(var(--theme-gutter-inner)/2);--c-hero-media-margin:0 0 0 calc(var(--c-hero-container-padding-inline)*-1)}.c-hero--portal{--c-hero-container-border-width:var(--theme-portal-border-width-lg)}}