/* A more legible, spacious first impression for the dedicated penthouse. */
.hero{
  min-height:100svh;
  background-image:linear-gradient(90deg,rgba(7,7,6,.65) 0%,rgba(7,7,6,.40) 48%,rgba(7,7,6,.08) 100%),linear-gradient(0deg,rgba(7,7,6,.68) 0%,transparent 34%),url('hero-penthouse-hd.webp');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.hero .hero-inner{width:min(1360px,calc(100% - 72px));padding:clamp(155px,18vh,215px) 0 42px;display:flex;flex-direction:column;align-items:flex-start}
.hero .kicker{margin-bottom:19px;color:#eacb98;text-shadow:0 2px 14px #0008}
.hero .hero-inner h1{max-width:none;margin:0;font-size:clamp(46px,5.1vw,76px);line-height:1.02;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 28px #0008}
.hero .lead{max-width:640px;margin:clamp(34px,5vh,62px) 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.7;color:#fff8ef;text-shadow:0 2px 16px #000,0 1px 2px #000}
.hero .actions{align-self:center;justify-content:center;gap:14px;margin:clamp(34px,5vh,62px) 0 0}
.hero .actions .button{min-height:53px;padding:0 27px}
.hero .hero-trust{width:100%;margin:clamp(48px,8vh,96px) 0 0;padding:18px 24px;background:rgba(12,11,9,.65);border:1px solid rgba(224,194,151,.32);backdrop-filter:blur(14px)}
.hero .hero-trust .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.hero .hero-trust .trust-badge{min-width:0;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.hero .hero-trust .trust-badge small{color:#f4e8d6}
.hero .proof{width:100%;margin:22px 0 0;padding:19px 0 0;border-top:1px solid #ffffff65;gap:22px}
.hero .proof strong{color:#f2d7aa}
.hero .proof span{color:#f4ede3}
@media(min-width:1100px){.hero .hero-inner h1{white-space:nowrap;text-wrap:initial}}
@media(max-width:900px){.hero .hero-inner{width:calc(100% - 56px);padding-top:170px}.hero .hero-inner h1{font-size:clamp(46px,6.4vw,66px);max-width:850px}.hero .lead{margin-top:33px}.hero .hero-trust{margin-top:54px}.hero .hero-trust .trust-grid{gap:18px}}
@media(max-width:620px){.hero{min-height:100svh;background-position:57% center}.hero .hero-inner{width:calc(100% - 36px);padding:150px 0 34px}.hero .kicker{font-size:11px;line-height:1.5;margin-bottom:15px}.hero .hero-inner h1{font-size:clamp(39px,10vw,54px);line-height:1.04}.hero .lead{font-size:16px;line-height:1.58;margin-top:26px;max-width:36ch}.hero .actions{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:30px}.hero .actions .button{padding:10px 12px;min-height:54px;font-size:11px;line-height:1.3;text-align:center}.hero .hero-trust{margin-top:42px;padding:16px 12px}.hero .hero-trust .trust-grid{gap:16px}.hero .hero-trust .trust-badge{gap:7px}.hero .hero-trust .trust-badge small{font-size:11px}.hero .proof{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:21px;padding-top:16px;gap:15px}.hero .proof strong{font-size:26px}.hero .proof span{font-size:11px}}

/* Prominent guest ratings in the homepage badges. */
.hero .hero-trust .trust-badge small[data-i18n="airbnbBadgeReviews"],
.hero .hero-trust .trust-badge .booking-score{
  font-size:1.5rem;
  font-weight:700;
  line-height:1.3;
}
@media(max-width:620px){
  .hero .hero-trust .trust-badge small[data-i18n="airbnbBadgeReviews"],
  .hero .hero-trust .trust-badge .booking-score{font-size:1.125rem}
}

/* Three separate award cards, matching the Fifth Avenue presentation. */
.hero .hero-trust{padding:0;background:none;border:0;backdrop-filter:none}
.hero .hero-trust .trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:stretch}
.hero .hero-trust .trust-badge{display:flex;flex-wrap:nowrap;gap:14px;justify-content:flex-start;padding:17px 16px;min-height:112px;background:rgba(12,11,9,.9);border:1px solid rgba(224,194,151,.45);border-radius:10px;box-shadow:0 8px 24px #0002}
.hero .hero-trust .distinction-icon{display:block;flex:0 0 37px;width:37px;height:37px;object-fit:contain}
.hero .hero-trust .distinction-icon--cup{height:48px}
.hero .hero-trust .distinction-copy{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.hero .hero-trust .distinction-title{font-size:.875rem;font-weight:600;line-height:1.35;color:#f4e8d6}
.hero .hero-trust .trust-badge small[data-i18n="airbnbBadgeReviews"]{font-size:1.5rem;line-height:1.3;color:#f4e8d6;text-align:left}
.hero .hero-trust .trust-badge .booking-score{font-size:1.5rem;line-height:1.3;color:#fff;align-self:flex-start}
.hero .hero-trust .airbnb-logo{width:72px;height:21px;max-height:21px}
.hero .hero-trust .booking-logo{width:93px;height:21px;max-height:21px}
@media(max-width:1100px){.hero .hero-trust .trust-badge{padding:14px 11px;gap:10px}.hero .hero-trust .distinction-icon{flex-basis:29px;width:29px;height:32px}}
@media(max-width:900px){.hero .hero-trust .trust-grid{grid-template-columns:1fr}.hero .hero-trust .trust-badge{min-height:80px;padding:14px 16px}.hero .hero-trust .distinction-icon{flex-basis:37px;width:37px;height:37px}}
@media(max-width:620px){.hero .hero-trust .trust-grid{gap:8px}.hero .hero-trust .trust-badge{padding:13px;gap:13px}.hero .hero-trust .distinction-title{font-size:.875rem}.hero .hero-trust .trust-badge small[data-i18n="airbnbBadgeReviews"],.hero .hero-trust .trust-badge .booking-score{font-size:1.125rem}}

/* A warm, high-contrast booking action with a gentle attention cue. */
.hero .actions .button[data-i18n="heroBook"]{
  position:relative;isolation:isolate;background:#f2b544;border-color:#f2b544;
  color:#17120b;font-weight:800;box-shadow:0 5px 20px #0004;
  transition:background .2s,box-shadow .2s,transform .2s;
}
.hero .actions .button[data-i18n="heroBook"]::before{
  content:"";position:absolute;inset:-5px;z-index:-1;border:2px solid #f2b544;
  border-radius:inherit;pointer-events:none;opacity:0;
  animation:booking-halo 4.8s ease-out 1.2s infinite;
}
@keyframes booking-halo{
  0%,65%,100%{opacity:0;transform:scale(1)}
  70%{opacity:.48;transform:scale(1)}
  94%{opacity:0;transform:scale(1.06,1.24)}
}
.hero .actions .button[data-i18n="heroBook"]:hover{
  background:#ffca63;border-color:#ffca63;transform:translateY(-2px);box-shadow:0 8px 25px #0005;
}
.hero .actions .button[data-i18n="heroBook"]:focus-visible{outline:3px solid #fff;outline-offset:6px}
.hero .actions .button[data-i18n="heroBook"]:hover::before,
.hero .actions .button[data-i18n="heroBook"]:focus-visible::before{animation:none}
@media(prefers-reduced-motion:reduce){
  .hero .actions .button[data-i18n="heroBook"]{transition:none}
  .hero .actions .button[data-i18n="heroBook"]::before{animation:none}
  .hero .actions .button[data-i18n="heroBook"]:hover{transform:none}
}