/* Benefits from the original homepage, presented through the hotel's own photography. */
.stay-benefits{padding:100px 0 76px;background:var(--light)}
.stay-benefits__head{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin-bottom:48px}
.stay-benefits__head .eyebrow{margin-bottom:22px}
.stay-benefits__head .h2{font-size:clamp(42px,4.4vw,68px);line-height:1.04}
.stay-benefits__intro{max-width:340px;margin:0 0 5px;font-size:13px;line-height:1.9;color:var(--blue-2)}
.stay-benefits__stories{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}
.benefit-story{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:460px;padding:28px;color:#fff;background:var(--blue-night);overflow:hidden}
.benefit-story>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.benefit-story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,31,36,.46),rgba(12,31,36,.04) 30%,rgba(12,31,36,.36) 52%,rgba(12,31,36,.92) 100%);transition:opacity .6s}
.benefit-story--park>img{object-position:49% center}
.benefit-story--water>img{object-position:58% center}
.benefit-story--tennis>img{object-position:72% center}
.benefit-story__top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.benefit-story__arrow{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #ffffff70;border-radius:50%;font:20px Georgia,serif;transition:background .4s,color .4s,transform .4s}
.benefit-story__body{padding-top:80px}
.benefit-story__fact{display:flex;align-items:baseline;gap:14px;margin-bottom:20px;font-size:68px;font-weight:300;line-height:1;letter-spacing:-.06em}
.benefit-story__fact small{font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}
.benefit-story__tag{display:block;font-size:9px;letter-spacing:.045em;margin-bottom:20px;color:#ffffffdc}
.benefit-story h3{font-size:clamp(25px,2.3vw,36px);font-weight:400;line-height:1.16;letter-spacing:-.045em;text-wrap:balance}
.benefit-story h3 em{font-family:Georgia,'Times New Roman',serif;font-size:1.11em;font-weight:400;letter-spacing:-.04em}
.benefit-story__body p{margin-top:16px;font-size:10px;line-height:1.8;color:#ffffffd9;max-width:30ch}
.benefit-story:hover>img,.benefit-story:focus-visible>img{transform:scale(1.055)}
.benefit-story:hover .benefit-story__arrow,.benefit-story:focus-visible .benefit-story__arrow{background:#fff;color:var(--blue-deep);transform:rotate(45deg)}
.benefit-story:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.benefit-story:nth-child(2){--d:.08s}.benefit-story:nth-child(3){--d:.16s}
.stay-benefits__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:38px 0 0;padding:32px 0 0;border-top:1px solid var(--line)}
.benefit-detail{display:flex;align-items:flex-start;gap:20px;padding:0 30px}
.benefit-detail:first-child{padding-left:0}.benefit-detail:last-child{padding-right:0}
.benefit-detail+.benefit-detail{border-left:1px solid var(--line)}
.benefit-detail svg{flex:none;width:34px;height:34px;fill:none;stroke:var(--orange);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.benefit-detail h3{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-.025em;color:var(--blue)}
.benefit-detail p{margin-top:8px;font-size:11px;line-height:1.8;color:var(--muted);max-width:27ch}
@media(min-width:1450px){.benefit-story{min-height:500px;padding:32px}.benefit-story__body p{font-size:12px}.benefit-story__top{font-size:9px}.benefit-story__tag{font-size:10px}.benefit-detail h3{font-size:16px}.benefit-detail p{font-size:12px}}
@media(max-width:1050px){.stay-benefits__head{gap:36px}.stay-benefits__intro{max-width:285px;font-size:12px}.stay-benefits__stories{gap:12px;grid-template-columns:1.15fr 1fr 1fr}.benefit-story{padding:20px;min-height:410px}.benefit-story h3{font-size:25px}.benefit-story__top{font-size:7px;letter-spacing:.1em}.benefit-story__arrow{width:30px;height:30px}.benefit-detail{padding:0 20px;gap:12px}.benefit-detail svg{width:28px;height:28px}.benefit-detail h3{font-size:12px}.benefit-detail p{font-size:10px}}
@media(max-width:760px){
 .stay-benefits{padding:70px 0 54px}.stay-benefits__head{display:block;margin-bottom:30px}.stay-benefits__head .h2{font-size:46px}.stay-benefits__intro{max-width:420px;margin-top:24px;font-size:12px}
 .stay-benefits__stories{grid-template-columns:1fr 1fr;gap:12px}.benefit-story--park{grid-column:1/-1;min-height:370px}.benefit-story--park>img{object-position:center 55%}.benefit-story{min-height:350px;padding:22px}.benefit-story h3{font-size:27px}.benefit-story__top{font-size:8px}.benefit-story__body p{font-size:10px}
 .stay-benefits__details{grid-template-columns:1fr;margin-top:28px;padding-top:6px}.benefit-detail,.benefit-detail:first-child,.benefit-detail:last-child{padding:23px 0;gap:22px}.benefit-detail+.benefit-detail{border-left:0;border-top:1px solid var(--line)}.benefit-detail svg{width:34px;height:34px}.benefit-detail h3{font-size:15px}.benefit-detail p{font-size:12px;max-width:none;margin-top:5px}
}
@media(max-width:480px){
 .stay-benefits__head .h2{font-size:42px}.stay-benefits__head .eyebrow{font-size:8px;letter-spacing:.18em;gap:10px}.stay-benefits__head .eyebrow::before{width:24px}
 .stay-benefits__stories{grid-template-columns:1fr;gap:14px}.benefit-story--park{grid-column:auto}.benefit-story{min-height:330px;padding:24px}.benefit-story--park{min-height:390px}.benefit-story h3{font-size:32px}.benefit-story__body{padding-top:54px}.benefit-story__fact{font-size:62px;margin-bottom:20px}.benefit-story__body p{font-size:11px;max-width:none}.benefit-story__tag{font-size:10px}.benefit-story--tennis>img{object-position:center 55%}.benefit-story--water>img{object-position:center}
}
@media(prefers-reduced-motion:reduce){.benefit-story>img,.benefit-story__arrow{transition:none}.benefit-story:hover>img,.benefit-story:focus-visible>img{transform:none}}
