@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(assets/fonts/2026-trial-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/2026-trial-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/2026-trial-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/2026-trial-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/2026-trial-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Syne';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/2026-trial-5.ttf) format('truetype');
}

:root{--serif:'Syne',sans-serif;--sans:'Montserrat',sans-serif}
h1,h2,h3,.scroll-story h1,.scroll-story h2,.suite-grid h3,.map-heading h3{font-weight:400;letter-spacing:-.04em}
h1 em,h2 em,h3 em{font-style:normal}
.scroll-story h1,.scroll-story h2{font-size:clamp(44px,5.8vw,84px);line-height:1.08}
.story-body{font-weight:400}
@media(max-width:600px){.scroll-story h1,.scroll-story h2{font-size:clamp(34px,9.2vw,48px)}.chapter-heading h2{font-size:clamp(34px,9.5vw,50px)}.montage-door-title h2{font-size:40px}.suite-info h3{font-size:34px}.story-body{font-size:15px}.map-heading h3{font-size:29px}}