.showcase-frame{height:40em;overflow:hidden;position:relative;width:100%}.showcase-frame .showcase-frame__border{aspect-ratio:16/9;background-color:var(--base-900);border-radius:var(--border-radius) var(--border-radius) 0 0;display:block;overflow:hidden;padding:1.5rem 1.5rem 0;width:100%}.showcase-frame .showcase-frame__content{aspect-ratio:16/9;background-color:var(--base-900);border:2px solid var(--base-600);border-radius:calc(var(--border-radius)/2) calc(var(--border-radius)/2) 0 0;overflow:hidden;position:relative;width:100%}.showcase-frame .showcase-frame__content img,.showcase-frame .showcase-frame__content video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}@container (max-width: 48rem){.showcase-frame{height:unset}.showcase-frame .showcase-frame__border{padding:1rem 1rem 0;width:100%}}.homepage__header{background:linear-gradient(to top,var(--primary-200),var(--white));container-name:homepage-header;container-type:inline-size;padding-top:var(--navbar-height)}.homepage__header .container{min-height:calc(60em - var(--navbar-height))}.homepage__header .homepage__header__content{display:flex;flex-direction:column;min-height:inherit;padding-top:8em;text-align:center}.homepage__header .homepage__header__title{font-size:calc(var(--font-size-h1)*1.3);font-weight:var(--font-weight-semibold);line-height:1.2}.homepage__header .homepage__header__subtitle{font-size:1.25rem;margin-top:var(--spacer-lg)}.homepage__header .showcase-frame{margin:var(--spacer-xxl) auto 0 auto;max-height:40em;width:90%}@container (max-width: 90rem){.homepage__header .showcase-frame{height:auto}}@container (max-width: 48rem){.homepage__header .container{min-height:unset}.homepage__header .homepage__header__title{font-size:calc(var(--font-size-h3)*1.1)}.homepage__header .homepage__header__title br{display:none}.homepage__header .homepage__header__content{display:flex;flex-direction:column;min-height:unset;padding-top:var(--spacer-xl);text-align:center}.homepage__header .showcase-frame{margin:var(--spacer) 0 0;width:100%}}