.stays-refined { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 100px); padding-block: 100px; background: #e9e7df; }
.refined-home { margin: 0; min-width: 0; }
.stays-refined .refined-photo { display: block; overflow: hidden; min-height: 0; height: auto; background: none; }
.stays-refined .refined-photo::before { content: none; }
.refined-photo.parallax-ready img { transform: translateY(var(--parallax-y, 0px)) scale(1.1); }
@media (prefers-reduced-motion: reduce) { .refined-photo.parallax-ready img { transform: none; } }
.refined-photo img { display: block; width: 100%; height: auto; aspect-ratio: 6 / 5; object-fit: cover; object-position: 50% 48%; }
.refined-home figcaption { display: flex; justify-content: space-between; gap: 16px; padding-top: 18px; color: #455463; font-size: 10px; line-height: 1.7; letter-spacing: .06em; }
.refined-home figcaption span:first-child { color: var(--ink); }
.stays-refined .stays-copy { padding: 0 0 35px; }
.stays-refined .eyebrow { margin-bottom: 26px; }
.stays-refined h2 { font-size: clamp(34px, 3.25vw, 52px); line-height: 1.16; letter-spacing: -.04em; }
.stays-refined .stays-copy > p:not(.eyebrow) { max-width: 380px; margin: 25px 0 23px; font-size: 15px; line-height: 1.9; }
.stays-refined .text-link { font-size: 12px; gap: 30px; }
.stays-refined .stays-copy > p.refined-detail { margin: 34px 0 0; padding-top: 20px; border-top: 1px solid #c3c6bf; font-size: 10px; letter-spacing: .06em; }
.refined-detail span { margin-inline: 9px; color: #947445; }
@media (max-width: 1000px) { .stays-refined { gap: 35px; padding-block: 75px; } .refined-photo img { aspect-ratio: 4 / 5; } .refined-home figcaption { flex-direction: column; gap: 3px; } }
@media (max-width: 700px) {
  .stays-refined { grid-template-columns: 1fr; gap: 36px; padding: 36px 24px 60px; }
  .refined-photo img { aspect-ratio: 6 / 5; }
  .refined-home figcaption { flex-direction: row; flex-wrap: wrap; gap: 4px 16px; padding-top: 14px; font-size: 9px; }
  .stays-refined .stays-copy { padding: 0; }
  .stays-refined .eyebrow { margin-bottom: 20px; }
  .stays-refined h2 { font-size: clamp(32px, 8.3vw, 44px); }
  .stays-refined .stays-copy > p:not(.eyebrow) { margin-top: 22px; }
  .stays-refined .stays-copy > p.refined-detail { margin-top: 26px; }
}
@media (max-width: 360px) { .stays-refined { padding-inline: 20px; } }