.about-hero { min-height: 0; }
.about-hero::after { background: linear-gradient(90deg,rgba(26,23,19,.65),rgba(26,23,19,.24)) !important; }
.about-hero .about-copy { width: min(1240px,calc(100% - 64px)); min-height: 0; padding: 64px 0 70px; align-items: flex-start; text-align: left; }
.about-copy > .story-label,.about-copy > .story-subtitle,.about-copy > .story-rule,.about-copy > .story-text,.about-copy > .story-actions,.about-hero > .scroll-note { display: none !important; }
.about-copy #aboutTitle { max-width: 850px; font-size: 56px !important; color: #fffaf4 !important; }
.about-copy .home-intro { margin: 18px 0 32px; color: #fffaf4; font: 400 20px/1.5 'Fraunces',serif; max-width: 640px; }
.home-explore { margin-top: 24px; color: #fffaf4; font: 600 14px/1.5 'Be Vietnam Pro',sans-serif; text-underline-offset: 5px; }
#home-booking { width: 100%; }
.home-results { background: #fffaf4; color: #36271f; scroll-margin-top: 16px; }
.home-results[hidden] { display: none; }
.home-results-inner { max-width: 1240px; margin: auto; padding: 32px; }
.home-results .home-results-inner h2 { font: 600 30px/1.2 'Fraunces',serif !important; margin: 0 0 12px; }
.home-results-inner > p { font: 400 15px/1.6 'Be Vietnam Pro',sans-serif !important; margin: 0 0 20px; }
.home-room-results { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.home-room-result { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 16px; padding: 16px; border: 1px solid #ded3c8; border-radius: 6px; }
.home-room-photo { border: 0; padding: 0; background: transparent; cursor: zoom-in; width: 120px; height: 120px; border-radius: 4px; overflow: hidden; }
.home-room-photo img { width: 100%; height: 100%; object-fit: cover; }
.home-room-copy { min-width: 0; }
.home-room-copy h3 { font: 600 22px/1.3 'Fraunces',serif !important; margin: 4px 0 8px; }
.home-room-copy small { display: block; color: #705848; font: 400 12px/1.5 'Be Vietnam Pro',sans-serif !important; }
.home-room-copy p { font: 400 14px/1.5 'Be Vietnam Pro',sans-serif !important; margin: 4px 0; }
.home-room-copy .home-room-range { font-weight: 600 !important; }
.home-room-select { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; background: #633a29; color: #fffaf4; border-radius: 4px; font: 600 14px/1.4 'Be Vietnam Pro',sans-serif; }
.home-room-actions { grid-column: 1/-1; display: flex; justify-content: flex-end; align-items: center; gap: 12px; flex-wrap: wrap; }
.home-room-gallery { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: #633a29; text-decoration: underline; text-underline-offset: 4px; font: 600 14px/1.4 'Be Vietnam Pro',sans-serif; cursor: pointer; }
.home-retry { min-height: 44px; padding: 8px 16px; border: 1px solid #633a29; color: #633a29; background: transparent; cursor: pointer; }
.home-photo-dialog { padding: 48px 16px 16px; background: #171717; border: 0; max-width: 95vw; max-height: 95dvh; }
.home-photo-dialog::backdrop { background: #000c; }
.home-photo-dialog img { max-width: 90vw; max-height: 80dvh; object-fit: contain; }
.home-photo-dialog button { position: absolute; top: 4px; right: 4px; width: 44px; height: 44px; background: transparent; border: 0; color: white; font-size: 28px; cursor: pointer; }
@media(max-width:700px) {
  .home-results-inner { padding: 24px 16px; }
  .home-room-results { grid-template-columns: 1fr; }
  .home-results .home-results-inner h2 { font-size: 26px !important; }
  .home-room-result { grid-template-columns: 96px minmax(0,1fr); gap: 12px; padding: 12px; }
  .home-room-photo { width: 96px; height: 112px; }
  .home-room-select { grid-column: 1/-1; justify-self: stretch; justify-content: center; }
}
.home-modes { display: inline-flex; gap: 4px; padding: 4px; margin: 0 0 12px; border: 1px solid #ffffff60; border-radius: 6px; background: #201b1680; }
.home-modes button { min-height: 44px; padding: 10px 20px; border: 0; border-radius: 4px; color: #fffaf4; background: transparent; cursor: pointer; font: 600 14px/1.4 'Be Vietnam Pro',sans-serif; }
.home-modes button[aria-pressed="true"] { background: #fffaf4; color: #5c3324; }
.home-search { display: grid; grid-template-columns: 1.15fr 1fr 1fr .7fr auto; gap: 0; padding: 16px; border-radius: 8px; background: #fffaf4; color: #36271f; align-items: center; box-shadow: 0 8px 28px #0002; }
.home-field { min-width: 0; padding: 0 14px; border-right: 1px solid #ddd5ca; }
.home-field > label,.home-field > span { display: block; margin-bottom: 7px; font: 600 13px/1.4 'Be Vietnam Pro',sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; color: #705848 !important; }
.home-field input,.home-field select { display: block; width: 100%; min-width: 0; min-height: 36px; padding: 4px 0; border: 0; border-radius: 0; background: transparent; color: #36271f; font: 500 15px/1.4 'Be Vietnam Pro',sans-serif !important; letter-spacing: 0 !important; }
.home-field input:focus-visible,.home-field select:focus-visible,.home-modes button:focus-visible,.home-submit:focus-visible { outline: 2px solid #a65b3e; outline-offset: 3px; }
.home-field input[readonly] { color: #705848; }
.home-submit { margin-left: 14px; min-height: 56px; padding: 14px 22px; border: 0; border-radius: 5px; background: #633a29; color: #fffaf4; font: 700 15px/1.4 'Be Vietnam Pro',sans-serif; cursor: pointer; }
.home-submit:hover { background: #482719; }
.home-search-error { color: #fffaf4; margin-top: 10px; font: 500 14px/1.5 'Be Vietnam Pro',sans-serif; }
@media(max-width:1100px) {
  .home-search { grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: "facility guests" "arrival departure" "submit submit"; gap: 12px 16px; }
  .home-field:nth-child(1) { grid-area: facility; }
  .home-field:nth-child(2) { grid-area: arrival; }
  .home-field:nth-child(3) { grid-area: departure; }
  .home-field:nth-child(4) { grid-area: guests; }
  .home-field { border: 0; padding: 0; }
  .home-field input,.home-field select { border-bottom: 1px solid #ddd5ca; }
  .home-submit { grid-area: submit; margin: 0; min-height: 44px; padding: 10px 16px; }
  .about-hero .about-copy { padding: 24px 0 16px; }
  .about-copy #aboutTitle { font-size: 38px !important; }
  .about-copy .home-intro { margin: 10px 0 18px; }
}
@media(max-width:600px) {
  .about-hero .about-copy { width: calc(100% - 24px); padding: 16px 0 8px; }
  .about-copy #aboutTitle { font-size: 26px !important; line-height: 1.15 !important; }
  .about-copy .home-intro { font-size: 15px; margin: 8px 0 12px; line-height: 1.4; }
  .home-modes { display: flex; }
  .home-modes button { flex: 1; padding: 10px 6px; font-size: 13px; }
  .home-search { padding: 12px; gap: 8px 12px; }
  .home-field > label { margin-bottom: 2px; }
  .home-field input,.home-field select { font-size: 16px !important; min-height: 40px; }
  .home-explore { margin-top: 4px; min-height: 36px; display: inline-flex; align-items: center; font-size: 13px; }
  .home-results-inner { padding-top: 16px; }
  .home-results .home-results-inner h2 { font-size: 23px !important; margin-bottom: 8px; }
  .home-results-inner > p { font-size: 13px !important; margin-bottom: 12px; }
}