.hero{position:relative;container:hero/inline-size}@container (inline-size>=48rem){.hero .hero__text{z-index:var(--layer-10);order:-1}}.hero .hero__media img{aspect-ratio:var(--ratio-landscape);-o-object-fit:cover;object-fit:cover;inline-size:100%}@container (inline-size>=64rem){.hero .hero__text{z-index:var(--layer-10) ;position:relative}}.hero .hero__text-wrapper>*+*{margin-block-start:var(--size-5)}.hero .hero__subtitle{font-size:var(--font-size-4)}:where([class*=bg-blue-]:not(.bg-blue-100)) .hero,:where([class*=bg-blue-]:not(.bg-blue-100)) .hero .hero__title{color:var(--white)}@container (inline-size>=48rem){.hero.is-angled .hero__media{position:relative;overflow:hidden}.hero.is-angled .hero__media img{clip-path:polygon(35% 0,100% 0,100% 100%,0 100%,0 100%)}}.hero:not(.hero--video) .hero__container{gap:var(--size-5);grid-template-columns:1fr;display:grid}@container (inline-size>=48rem){.hero:not(.hero--video) .hero__container{align-items:center;gap:var(--size-8);grid-template-columns:45% 1fr}}.hero.hero--video .hero__container{position:relative;overflow:hidden}.hero.hero--video .hero__text{padding-block-start:var(--size-5)}@container (inline-size>=48rem){.hero.hero--video .hero__text{padding-block:var(--size-20) var(--size-16);background-image:linear-gradient(#fff0,#000);position:absolute;inset-block-end:0;inset-inline:0}}.hero.hero--video .hero__text-wrapper{inline-size:100%;max-inline-size:var(--size-container);margin-inline:auto}.hero.hero--video .hero__text-wrapper>*+*{margin-block-start:var(--size-8)}@container (inline-size>=48rem){.hero.hero--video .hero__text-wrapper{padding-inline-start:var(--size-30) }}:where([class*=bg-blue-]:not(.bg-blue-100)) .hero.hero--video .hero__title{color:var(--white)}@container (inline-size>=48rem){.hero.hero--video .hero__title{color:var(--white)}}.hero__buttons{gap:var(--size-5);flex-direction:column;display:flex}@container (inline-size>=40rem){.hero__buttons{flex-direction:row}.hero__buttons .button--primary:focus-visible{outline-color:var(--white)}}.hero__buttons .button--primary+.button--primary{--_bg:var(--gold-300);--_border:var(--_bg);--_color:var(--blue-700);background-color:var(--_bg);border-color:var(--_border);color:var(--_color)}.hero__buttons .button--primary+.button--primary:hover,.hero__buttons .button--primary+.button--primary:active{--_bg:var(--gold-500);--_color:var(--blue-700)}.hero__missing-video{max-inline-size:50%;font-style:italic;position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}