@media(max-width:980px){
  body{overflow:auto!important;height:auto!important}
  .site-header{padding:0 18px;height:58px}
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .mobile-panel{position:fixed;inset:58px 0 0 0;background:#0A0A0A;z-index:50;padding:18px;display:none;flex-direction:column;gap:8px}
  .mobile-panel.open{display:flex}
  .mobile-panel a{padding:16px;border:1px solid rgba(247,243,239,.12);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
  .mobile-panel a[aria-current="page"]{border-color:#C8A96A;color:#C8A96A}
  .site-footer{height:auto;padding:14px 18px;flex-wrap:wrap;gap:10px}
  .home-main,.np-main,.cs-main,.book-main,.clem-main{height:auto!important;grid-template-columns:1fr;overflow:visible}
  .home-page .site-header{position:relative;background:rgba(8,8,8,.92);backdrop-filter:blur(8px);border-bottom-color:rgba(247,243,239,.12)}
  .home-page .mobile-panel{background:#060606}
  .home-page .home-main{height:auto!important;max-height:none;overflow:visible}
  .home-hero{min-height:68vh}
  .home-title-wrap{padding:70px 18px 26px 18px;align-items:flex-end}
  .h1{font-size:52px;line-height:.9}
  .home-copy{max-width:26ch;font-size:.95rem;line-height:1.5}
  .home-actions{flex-wrap:wrap;gap:10px}
  .btn{min-width:146px;padding:12px 16px}
  .home-footer{padding:12px 18px;gap:8px}
  .home-footer-tag{font-size:.64rem;letter-spacing:.14em}
  .home-footer-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;width:100%;font-size:.62rem;letter-spacing:.1em}
  .home-footer-contact span,.home-footer-contact a{white-space:normal}
  .np-media{height:48vh}
  .cs-main{padding:18px;display:block}
  .cs-intro{margin-bottom:18px;max-width:none}
  .cs-grid{display:grid;grid-template-columns:1fr;gap:18px;height:auto}
  .cs-prod{min-height:56vh;grid-template-rows:auto auto}
  .cs-poster-frame{height:auto}
  .cs-poster{aspect-ratio:3 / 4.25;max-width:480px;margin:0 auto}
  .cs-info{min-height:0}
  .cs-btn{min-width:0;width:100%}
  .clem-main{grid-template-columns:1fr}
  .clem-nav{flex-direction:row;overflow:auto;flex-wrap:nowrap}
  .clem-nav button{white-space:nowrap}
  .book-right{order:-1}
}

@media(max-width:700px){
  .home-hero{min-height:72vh}
  .home-hero-image[data-seq="hero-exterior1"],
  .home-hero-image[data-seq="hero-exterior2"]{object-position:68% 52%}
  .home-hero-image[data-seq="hero3"]{object-position:60% 44%}
  .home-hero-image[data-seq="hero4"]{object-position:64% 45%}
  .home-hero-image[data-seq="hero5"]{object-position:62% 48%}
  .h1{font-size:42px}
  .kicker{font-size:.66rem;letter-spacing:.28em}
  .home-copy{font-size:.88rem}
  .home-footer-contact{grid-template-columns:1fr}
  .cs-main{padding:16px 14px}
  .cs-heading{font-size:.78rem;letter-spacing:.22em}
  .cs-deck{font-size:.94rem}
  .cs-grid{gap:16px}
  .cs-info{padding:14px 14px 12px}
  .cs-meta{font-size:.56rem}
}