.hero-simple-img{--hero-bg:var(--bg-page);--hero-bg-fade:var(--bg-page-fade);aspect-ratio:1440/570;overflow:hidden;position:relative}.hero-simple-img.bg-surface{--hero-bg:var(--bg-surface);--hero-bg-fade:transparent}.hero-simple-img.bg-emphasis{--hero-bg:var(--bg-emphasis);--hero-bg-fade:transparent}.hero-simple-img-media{inset:0;position:absolute;z-index:0}.hero-simple-img-media picture{display:block;inset:0;position:absolute}.hero-simple-img-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hero-simple-img-fade{display:none;inset:0;position:absolute}.hero-simple-img-titlebar{--notch-radius:calc(var(--font-size-h2)*0.8);align-items:center;background:var(--hero-bg);border-radius:var(--notch-radius) var(--notch-radius) 0 0;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-3);left:50%;padding:var(--spacing-4) var(--spacing-6) var(--spacing-3);position:absolute;text-align:center;transform:translateX(-50%);width:-moz-max-content;width:max-content;z-index:1}.hero-simple-img-titlebar:after,.hero-simple-img-titlebar:before{bottom:-1px;content:"";height:var(--notch-radius);position:absolute;width:var(--notch-radius)}.hero-simple-img-titlebar:before{background-image:radial-gradient(circle at 0 0,transparent var(--notch-radius),var(--hero-bg) calc(var(--notch-radius) + .5px));left:1px;transform:translateX(-100%)}.hero-simple-img-titlebar:after{background-image:radial-gradient(circle at 100% 0,transparent var(--notch-radius),var(--hero-bg) calc(var(--notch-radius) + .5px));right:1px;transform:translateX(100%)}.hero-simple-img-label{line-height:1;white-space:nowrap}.hero-simple-img-title{line-height:1}@media(max-width:767px){.hero-simple-img{aspect-ratio:auto;min-height:90dvh}.hero-simple-img-fade{background:linear-gradient(to top,var(--bg-page) 14%,var(--bg-page-fade) 60%);display:block}.hero-simple-img-titlebar{background:transparent;border-radius:0;color:var(--text-on-page);padding-bottom:var(--spacing-6);padding-left:var(--spacing-3);padding-right:var(--spacing-3);width:100%}.hero-simple-img-label{color:var(--ui-accent-on-page)}.hero-simple-img-titlebar:after,.hero-simple-img-titlebar:before{display:none}}