/* Wide scene compositions retain the complete building, with calm space for copy. */
.hero{height:clamp(650px,43vw,850px);min-height:650px;max-height:none;background:#23372b}
.hero .hero-media{inset:0;overflow:hidden}
.hero .hero-media .scene-frame{inset:0 0 auto;width:100%;height:100%;object-fit:cover;object-position:right bottom;transform:none;animation:none;mask-image:none}
.hero .hero-media:before{content:'';position:absolute;inset:0;background:linear-gradient(#23372b 0%,transparent 24%,transparent 78%,#23372b 100%);z-index:2;pointer-events:none}
.hero .hero-shade{background:linear-gradient(90deg,#23372bf5 0%,#23372be8 27%,#23372b44 47%,transparent 62%)}
.hero .hero-content{width:52%;padding-top:52px;padding-bottom:100px}
.hero .hero-feature{bottom:24px;background:#23372bd9}
@media(max-width:1000px) and (min-width:701px){.hero .hero-content{width:56%;padding-left:4vw}.hero h1{font-size:52px}.hero .hero-feature{width:300px}}
@media(max-width:700px){
 .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:30px}
 .hero .hero-content{order:0;width:100%;padding:38px 22px 18px}
 .hero .hero-media{position:relative;order:1;inset:auto;flex:none;width:100%;height:clamp(260px,75vw,450px);z-index:0}
 .hero .hero-media .scene-frame{inset:0 auto 0 -80%;width:180%;max-width:none;height:100%;object-fit:contain;object-position:center;mask-image:none}
 .hero .hero-media:before{background:linear-gradient(#23372b 0%,transparent 14%,transparent 86%,#23372b 100%)}
 .hero .hero-shade{display:none}
 .hero .hero-feature{order:2;position:relative;inset:auto;width:auto;margin:0 22px;padding:15px 18px 10px;z-index:1}
 .hero>.scroll-cue{display:none}
}
@media(min-width:701px){.collection-panel{max-width:none;width:100%;margin-inline:0;min-height:570px}.collection-photo{min-height:570px}.collection-photo img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 35%}}