@layer components{@layer base{.promo{--promo-text-color:light-dark(var(--color-brand-midnight-blue-900),var(--color-brand-cloud-white));--promo-overlay-color:oklch(0% 0 0/.2);--promo-glass-bleed:var(--space-8x);--promo-panel-padding-block-start:var(--component-space-2xl);--promo-panel-padding-block-end:var(--component-space-2xl);--promo-panel-padding-inline:var(--space-3x);--promo-panel-gap:var(--component-space-lg);--promo-content-gap:var(--component-space-3xl);--promo-text-gap:var(--component-space-xl);--promo-content-inline-padding:var(--component-space-xl);inline-size:100%;max-inline-size:var(--site-max-inline-size);margin-inline:auto;container-type:inline-size}.promo__panel{min-block-size:30rem;padding-block-start:var(--promo-panel-padding-block-start);padding-block-end:var(--promo-panel-padding-block-end);padding-inline:var(--promo-panel-padding-inline);isolation:isolate;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:clip}.promo__panel:after{z-index:-1;pointer-events:none;content:"";background-color:var(--promo-overlay-color);position:absolute;inset:0}.promo__image{z-index:-2;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.promo__background{pointer-events:none;--video-control-inset-block:var(--space-4x) auto;position:absolute;inset:0}.promo__content{gap:var(--promo-content-gap);padding-block:var(--component-space-xl);padding-inline:var(--space-3x);color:var(--promo-text-color);flex-direction:column;display:flex;position:relative}.promo__content:before{z-index:-1;pointer-events:none;content:"";background-color:var(--surface-glass-tint);-webkit-backdrop-filter:blur(var(--surface-glass-blur));backdrop-filter:blur(var(--surface-glass-blur));position:absolute;inset:0}.promo__text{gap:var(--promo-text-gap);flex-direction:column;inline-size:100%;display:flex}.promo__eyebrow,.promo__headline,.promo__body{color:inherit;margin:0}.promo__form{inline-size:100%}.promo__form>*{margin-block:0}.promo__cta{inline-size:100%}@media (width>=1024px){.promo__cta{inline-size:auto}}@media (width>=768px){.promo__panel{--promo-panel-padding-block-start:var(--space-20x);--promo-panel-padding-block-end:var(--space-20x);--promo-panel-padding-inline:var(--component-space-2xl);gap:var(--promo-panel-gap);justify-content:initial;grid-template-columns:1fr 1fr;display:grid}.promo__content{padding:0}.promo__content:before{inset-block:calc(var(--promo-glass-bleed) * -1);inset-inline:0}}}@layer variants{.promo[data-background=absent][data-theme=light] .promo__panel{background-color:var(--color-brand-cloud-white)}.promo[data-background=absent][data-theme=light] .promo__eyebrow{color:var(--color-eyebrow)}.promo[data-background=absent][data-theme=dark] .promo__panel{background-color:var(--color-brand-sky-blue-900)}.promo[data-background=absent] .promo__panel:after,.promo[data-background=absent] .promo__content:before{content:none}.promo[data-layout=centered] .promo__panel{text-align:center;justify-content:center;align-items:center}.promo[data-layout=centered] .promo__content{text-align:center;align-items:center}.promo[data-layout=centered] .promo__text{align-items:center}@media (width>=768px){.promo__content{min-inline-size:30rem;padding-inline:var(--promo-content-inline-padding)}.promo[data-layout=centered] .promo__panel{grid-template-columns:minmax(0, var(--readable-max-inline-size,48rem));justify-content:center}.promo[data-layout=centered] .promo__content{grid-column:1}.promo[data-layout=left] .promo__content,.promo[data-layout=right] .promo__content{text-align:start;align-items:flex-start}.promo[data-layout=left] .promo__text,.promo[data-layout=right] .promo__text{align-items:flex-start}.promo[data-layout=left] .promo__content{grid-column:1}.promo[data-layout=right] .promo__content{grid-column:2}.promo__background{--video-control-inset-block:auto var(--space-4x)}.promo[data-layout=right] .promo__background{--video-control-inset-inline:var(--space-4x) auto}}}@layer states{@media (prefers-reduced-transparency:reduce){.promo__content:before{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:light-dark(oklch(100% 0 0/.85),oklch(0% 0 0/.85))}}}}
