.mel-collection-banner{position:relative;isolation:isolate;width:100%;aspect-ratio:8/3;overflow:hidden;background:#e7e9dd}.mel-collection-banner picture,.mel-collection-banner img,.mel-collection-banner__shade{position:absolute;inset:0;width:100%;height:100%;display:block}.mel-collection-banner img{object-fit:cover;object-position:center}.mel-collection-banner__shade{background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,.13) 40%,transparent 75%);z-index:1}.mel-collection-banner__copy{position:absolute;inset:auto 0 0;z-index:2;padding-block:32px}.mel-collection-banner h1{font-family:"MEL Libre Caslon",Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,80px);line-height:1.06;color:white;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.15)}@media(max-width:760px){.mel-collection-banner{aspect-ratio:2/1}.mel-collection-banner__copy{padding-block:24px}.mel-collection-banner h1{font-size:clamp(36px,9vw,52px);max-width:12ch}}

.mel-banner-intro__mobile{display:none}.mel-banner-intro__desktop{display:block}@media(max-width:760px){.mel-banner-intro__desktop{display:none}.mel-banner-intro__mobile{display:block}.mel-banner-intro__mobile>p{margin:0 0 8px}.mel-banner-intro__mobile summary{font-size:14px;text-decoration:underline;cursor:pointer}.mel-banner-intro__mobile details[open]>div{padding-top:12px}.template-collection:has([data-mel-collection-banner]) .section--padding{padding-top:20px}}

@media(min-width:761px){.mel-collection-banner{max-height:380px}}