@layer quartz-base{.page-banner{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border:1px solid var(--lightgray);border-radius:5px;width:100%;height:auto;max-height:300px;margin:.5rem 0 1.25rem;position:relative;overflow:hidden}.page-banner:after{content:"";pointer-events:none;border-radius:5px;position:absolute;inset:0;box-shadow:inset 0 1px 3px #00000014,inset 0 -20px 30px -10px #0000000f}.page-banner picture{width:100%;height:100%;display:block}.page-banner img{object-fit:cover;opacity:0;border-radius:5px;width:100%;max-width:none;height:100%;margin:0;animation:.4s forwards banner-fade-in}@keyframes banner-fade-in{to{opacity:1}}}