/* Photography led sections for the membership, overview and location pages. */
.page-overview .overview-photo{position:relative;overflow:hidden;min-height:520px;background:#3e4950}
.page-overview .overview-photo>img{display:block;width:100%;height:520px;object-fit:cover;object-position:center 56%}
.page-overview .overview-photo-label{position:absolute;top:28px;left:30px;color:#fff;font:400 11px 'DM Sans',sans-serif;letter-spacing:.22em;text-shadow:0 1px 10px #18232a}
.page-overview .overview-photo .metric-row{position:absolute;left:0;right:0;bottom:0;margin:0;padding:32px 38px;gap:0;border:0;background:linear-gradient(0deg,rgba(17,18,20,.92),rgba(17,18,20,.74));color:#fff}
.page-overview .overview-photo .metric-row>div{padding:0 30px;border-right:1px solid rgba(255,255,255,.32);gap:7px}
.page-overview .overview-photo .metric-row>div:first-child{padding-left:0}
.page-overview .overview-photo .metric-row>div:last-child{border:0}
.page-overview .overview-photo .metric-row small{color:#d8bfa9;font-family:'DM Sans',sans-serif;letter-spacing:.18em}
.page-overview .overview-photo .metric-row b{font-size:clamp(42px,4.4vw,65px);font-weight:400;line-height:1.08}
.page-overview .overview-photo .metric-row span{color:#eee4db;font-size:13px}
.page-membership .benefit-details{gap:48px 28px}
.page-membership .benefit-details article{display:block;border:0;padding:0;min-width:0}
.page-membership .benefit-details .benefit-photo{position:relative;overflow:hidden;background:#d8d1c8;aspect-ratio:1.55;margin:0 0 24px}
.page-membership .benefit-details .benefit-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.page-membership .benefit-details article:hover .benefit-photo img{transform:scale(1.035)}
.page-membership .benefit-details .benefit-photo span{position:absolute;left:18px;bottom:16px;color:#fff;background:rgba(17,15,14,.72);padding:8px 12px;font-size:11px;letter-spacing:.1em}
.page-membership .benefit-details .benefit-copy{display:grid;grid-template-columns:40px minmax(105px,.43fr) 1fr;gap:14px;padding:18px 0 22px;border-top:1px solid #bca996}
.page-membership .benefit-details b{font-size:17px}
.page-membership .benefit-details h3{font-size:23px;line-height:1.4;color:#594b40}
.page-membership .benefit-details p{font-size:14px;color:#605b55;line-height:1.8}
.page-location .visual-places{gap:18px}
.page-location .visual-places article{min-height:0;padding:0;border:0;background:#fff;overflow:hidden}
.page-location .place-photo{display:block;overflow:hidden;background:#ded4c9;aspect-ratio:.92}
.page-location .place-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.page-location .visual-places article:hover img{transform:scale(1.035)}
.page-location .place-text{padding:21px 3px 6px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;border-top:1px solid #bba592}
.page-location .place-text>span{grid-row:span 2;color:#a2826a;font:italic 17px Georgia,serif}
.page-location .visual-places h3{margin:0 0 8px;color:#76604f;font-size:26px}
.page-location .visual-places p{grid-column:2;margin:0;color:#655c53;line-height:1.7;font-size:14px}
.page-location .photo-credit{margin:24px 0 0;font-size:11px;line-height:1.7;color:#736d67}
.page-location .photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .page-overview .overview-photo,.page-overview .overview-photo>img{min-height:0;height:455px}
  .page-overview .overview-photo .metric-row{padding:25px}
  .page-overview .overview-photo .metric-row>div{padding:0 17px}
  .page-membership .benefit-details .benefit-copy{grid-template-columns:32px 1fr;column-gap:9px;row-gap:0}
  .page-membership .benefit-details h3{grid-column:2;grid-row:1}
  .page-membership .benefit-details p{grid-column:2;grid-row:2;margin-top:10px}
  .page-location .visual-places{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-location .visual-places article:last-child{grid-column:1/-1}
  .page-location .visual-places article:last-child .place-photo{aspect-ratio:2.1}
}
@media(max-width:700px){
  .page-overview .overview-photo{min-height:0;height:auto}
  .page-overview .overview-photo>img{height:260px;object-position:66% 72%;transform:scale(1.2);transform-origin:68% 72%}
  .page-overview .overview-photo-label{top:16px;left:16px;font-size:10px;letter-spacing:.14em}
  .page-overview .overview-photo .metric-row{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0 18px;background:#332d29}
  .page-overview .overview-photo .metric-row>div,.page-overview .overview-photo .metric-row>div:first-child{min-width:0;gap:5px;padding:20px 14px 22px;border:0}
  .page-overview .overview-photo .metric-row>div:first-child{grid-column:1;grid-row:2;padding-left:0;border-top:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.22)}
  .page-overview .overview-photo .metric-row>div:nth-child(2){grid-column:1/-1;grid-row:1;padding:24px 0 21px}
  .page-overview .overview-photo .metric-row>div:last-child{grid-column:2;grid-row:2;padding-right:0;border-top:1px solid rgba(255,255,255,.22)}
  .page-overview .overview-photo .metric-row small{font-size:10px;letter-spacing:.12em;white-space:nowrap}
  .page-overview .overview-photo .metric-row b{font-size:clamp(33px,9vw,43px)}
  .page-overview .overview-photo .metric-row>div:nth-child(2) b{font-size:clamp(52px,15vw,68px)}
  .page-overview .overview-photo .metric-row span{font-size:11px;line-height:1.55;word-break:keep-all}
  .page-membership .benefit-details{gap:34px}
  .page-membership .benefit-details .benefit-photo{aspect-ratio:1.35;margin-bottom:14px}
  .page-membership .benefit-details .benefit-copy{grid-template-columns:32px 1fr;column-gap:8px;row-gap:0;padding:15px 0 0}
  .page-membership .benefit-details b{grid-column:1;grid-row:1;font-size:17px}
  .page-membership .benefit-details h3{grid-column:2;grid-row:1;font-size:21px;line-height:1.35}
  .page-membership .benefit-details p{grid-column:2;grid-row:2;margin-top:10px;font-size:14px;line-height:1.8;word-break:keep-all}
  .page-location .visual-places{grid-template-columns:1fr;gap:32px}
  .page-location .visual-places article:last-child{grid-column:auto}
  .page-location .place-photo{aspect-ratio:1.35}
  .page-location .visual-places article:last-child .place-photo{aspect-ratio:1.35}
  .page-location .place-photo img{object-position:center}
  .page-location .visual-places article:nth-child(2) .place-photo img{object-position:67% center}
  .page-location .place-text{padding-top:17px}
  .page-location .visual-places h3{font-size:23px}
  .page-location .visual-places p{font-size:14px}
  .page-location .photo-credit{font-size:12px;line-height:1.75}
}
@media(max-width:360px){
  .page-overview .overview-photo>img{height:230px}
  .page-overview .overview-photo .metric-row{padding:0 14px}
  .page-membership .benefit-details .benefit-photo{aspect-ratio:1.25}
  .page-location .place-photo{aspect-ratio:1.25}
}
@media(prefers-reduced-motion:reduce){.page-membership .benefit-details .benefit-photo img,.page-location .place-photo img{transition:none}}