﻿@media (max-width: 1000px) {
  .nav-toggle { display: block; }
  .nav-links { position: fixed; inset: 82px 0 auto; background: rgba(61,41,31,.98); padding: 22px 20px 30px; flex-direction: column; align-items: flex-start; transform: translateY(-130%); transition: transform .3s ease; }
  .nav-links.open { transform: translateY(0); }
  .split, .split.reverse, .story-grid, .contact-grid, .room-card { grid-template-columns: 1fr; }
  .feature-grid, .cards { grid-template-columns: repeat(2, 1fr); }
  .testimonials, .footer-grid { grid-template-columns: 1fr; }
  .media-frame { min-height: 420px; }
  .collection-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  :root { --container: min(100vw - 28px, 1180px); }
  .nav { height: 72px; }
  .brand { font-size: 23px; }
  .hero-content { padding-top: 110px; }
  .hero-copy { font-size: 16px; }
  .hero-controls { left: 14px; right: auto; bottom: 66px; }
  .scroll-indicator { display: none; }
  .section { padding: 72px 0; }
  .feature-grid, .cards, .form-row { grid-template-columns: 1fr; }
  .collection-card { grid-template-columns: 1fr; }
  .collection-card img { width: 100%; height: 240px; }
  .room-card img { height: 310px; }
  .room-card div { padding: 24px; }
  .contact-panel { padding: 28px; }
  .footer-bottom { flex-direction: column; }
  .hero-page { min-height: 64vh; padding-top: 126px; }
  .parallax-band { background-attachment: scroll; min-height: 520px; }
  .parallax-band .content { margin: 0 auto 54px; }
}

