.hero-photo{position:relative;min-height:560px;border-radius:38px;overflow:hidden;box-shadow:0 35px 80px rgba(2,42,52,.28);background:#063d4b}
.hero-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.hero-photo:after,.page-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(3,42,52,.22))}
.page-photo{margin:-74px clamp(22px,7vw,110px) 20px;position:relative;z-index:2;height:min(52vw,560px);min-height:360px;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(2,42,52,.24);border:7px solid #f8fbfb;background:#063d4b}
.page-photo img{width:100%;height:100%;object-fit:cover;display:block}
.page-photo figcaption{position:absolute;left:28px;bottom:24px;z-index:2;background:rgba(3,42,52,.86);color:#fff;padding:10px 17px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.5px;backdrop-filter:blur(8px)}
@media(max-width:900px){.hero-photo{min-height:440px}.page-photo{margin-top:-42px;height:55vw;min-height:310px}}
@media(max-width:580px){.hero-photo{min-height:390px;border-radius:26px}.page-photo{margin:-28px 16px 0;height:68vw;min-height:250px;border-radius:24px;border-width:5px}.page-photo figcaption{left:15px;bottom:14px;font-size:11px}.hero-photo img{object-position:62% center}}