/* Small shared additions: notice strip, Instagram CTA and editable place cards. */
.home-notices { display:grid; grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr); gap:clamp(32px,6vw,92px); padding:64px var(--page-inset); background:#faf9f5; border-bottom:1px solid var(--line); }
.home-notices header .section-index { display:block; margin-bottom:18px; }
.home-notices h2 { margin:0; font:500 clamp(23px,2.1vw,32px)/1.7 var(--mincho); letter-spacing:.045em; }
.home-notices-list { list-style:none; padding:0; margin:0 0 12px; }
.home-notices-list li { border-top:1px solid var(--line); }
.home-notices-list li:last-child { border-bottom:1px solid var(--line); }
.home-notices-list a { display:grid; grid-template-columns:100px minmax(0,1fr) 30px; align-items:center; gap:20px; min-height:64px; padding:16px 0; color:inherit; text-decoration:none; }
.home-notices-list time { color:#586e72; font:400 12px/1.6 var(--gothic); letter-spacing:.06em; }
.home-notices-list span { font:400 15px/1.9 var(--gothic); overflow-wrap:anywhere; }
.home-notices-list .arrow { width:25px; }
.home-notices-more { font-size:13px; }
.home-notices-empty { margin:0 0 12px; font:400 15px/1.9 var(--gothic); }
.news-instagram { display:grid; grid-template-columns:54px minmax(0,1fr) auto; gap:30px; align-items:center; margin:0 var(--page-inset) 90px; padding:clamp(30px,4vw,58px); color:#fff; background:#0b2630; }
.news-instagram .section-index { color:#c7d8d5; }
.news-instagram h2 { margin:14px 0; font:500 clamp(25px,2.5vw,36px)/1.6 var(--mincho); letter-spacing:.05em; }
.news-instagram p { margin:0; font:400 15px/2 var(--gothic); color:#e1ebe9; }
.news-instagram-icon { width:46px; height:46px; }
.news-instagram a { display:flex; align-items:center; gap:24px; min-height:48px; color:#fff; text-decoration:none; font:500 14px/1.8 var(--gothic); border-bottom:1px solid #ffffff60; padding-block:10px; }
.news-instagram a .arrow { width:34px; }
.local-attraction-grid > article { min-width:0; padding:38px 30px 34px; border:1px solid #bfcfca; }
.local-attraction-grid > article > small { display:block; color:var(--orange); font:400 11px/1.6 var(--gothic); letter-spacing:.16em; }
.local-attraction-grid > article h3 { margin:22px 0 18px; font:500 clamp(22px,2vw,30px)/1.7 var(--mincho); letter-spacing:.04em; }
.local-attraction-grid > article p { font:400 15px/2 var(--gothic); margin:0 0 24px; }
.local-attraction-grid .attraction-link { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:8px 0; border:0; color:inherit; font:500 13px/1.8 var(--gothic); text-decoration:none; }
.local-attraction-photo { margin:0 0 28px; aspect-ratio:3/2; overflow:hidden; background:#eef5f2; }
.local-attraction-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.page #film-title { font-size:clamp(27px,2.5vw,38px); }
.contact-hero-media > img { width:100%; height:100%; object-fit:cover; }
.page .subpage h2 > .copy-desktop { white-space:normal; overflow-wrap:anywhere; }
/* Responsive article titles must override the homepage's deliberate nowrap.
   Preserve entered line breaks while allowing long text to wrap at any width. */
.page :is(.single-news-hero-copy,.catalog-single-copy) { min-width:0; }
.page :is(.single-news-hero-copy,.catalog-single-copy) h1 { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.page :is(.single-news-hero-copy,.catalog-single-copy) h1 > :is(.copy-desktop,.copy-mobile) { max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:normal; text-wrap:balance; }
@media (min-width:821px) {
  .page .single-news-hero--full .single-news-hero-copy h1 { max-width:min(100%,1100px); font-size:clamp(40px,4.2vw,64px); line-height:1.5; }
}
@media (min-width:821px) {
  /* The hero title intentionally bridges the white-to-photo gradient; give it a real width. */
  .subpage-hero-copy h1 { width:min(56vw,850px); max-width:none; }
  .page .subpage h1 > .copy-desktop { white-space:normal; overflow-wrap:anywhere; }
}
@media (min-width:1151px) and (max-width:1430px) {
  .site-header { padding-inline:3vw; gap:18px; }
  .site-header nav { gap:clamp(9px,1vw,14px); font-size:12px; }
  .site-header .brand { font-size:26px; }
  .site-header .reserve { padding-inline:20px; font-size:13px; }
}
@media (max-width:820px) {
  .home-notices { grid-template-columns:1fr; gap:24px; padding:42px var(--page-inset); }
  .home-notices-list a { grid-template-columns:1fr 25px; gap:5px 14px; min-height:80px; }
  .home-notices-list time { grid-column:1/-1; }
  .home-notices-list span { font-size:14px; }
  .news-instagram { grid-template-columns:34px minmax(0,1fr); gap:20px; margin-bottom:60px; padding:28px 22px; }
  .news-instagram-icon { width:30px; height:30px; align-self:start; }
  .news-instagram a { grid-column:2; justify-self:start; }
  .news-instagram p { font-size:14px; }
  .local-attraction-grid > article { padding:28px 24px; }
  .page #film-title { font-size:clamp(26px,4.8vw,34px); }
}
@media (hover:hover) { .home-notices-list a:hover,.news-instagram a:hover,.attraction-link:hover { opacity:.75; } }

/* 0.19.7: the client's introduction and existing twelve-photo gallery are one section. */
.a-home-about { padding:clamp(80px,8vw,132px) var(--page-inset); background:#f5f8f6; }
.home-about-heading { display:grid; grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr); gap:clamp(32px,7vw,112px); max-width:1440px; margin:0 auto clamp(42px,5vw,72px); }
.home-about-heading > .section-index { align-self:start; padding-top:15px; }
.home-about-copy { min-width:0; }
.home-about-copy h2 { margin:0; font:500 clamp(32px,4vw,60px)/1.6 var(--mincho); letter-spacing:.05em; }
.page .a-home-about h2 > :is(.copy-desktop,.copy-mobile) { white-space:normal; overflow-wrap:anywhere; }
.home-about-copy p { max-width:680px; margin:24px 0 28px; font:400 clamp(15px,1.25vw,18px)/2.05 var(--gothic); }
.home-about-copy .text-link { display:inline-flex; align-items:center; gap:24px; min-height:44px; max-width:100%; }
.home-about-gallery { max-width:1440px; margin-inline:auto; scroll-margin-top:110px; }
@media (max-width:820px) {
  .a-home-about { padding:72px 7vw; }
  .home-about-heading { grid-template-columns:1fr; gap:20px; margin-bottom:36px; }
  .home-about-heading > .section-index { padding-top:0; }
  .home-about-copy h2 { font-size:clamp(29px,7.5vw,36px); }
  .home-about-copy p { margin:22px 0; }
  .home-about-copy .text-link { font-size:13px; gap:18px; }
}
