@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/cormorant-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/cormorant-600.ttf) format('truetype');
}

:root,html.is-localhost{--font-ttl:"Cormorant Garamond",Georgia,serif}
body,input,textarea,select,button{font-family:"DM Sans",sans-serif}
.is-windows .p-top-ttl,.is-windows .p-top-fv__heading,.is-windows .p-top-feature__item-title{font-family:var(--font-ttl)!important}
.p-top-copy,.p-top-fv__heading,.l-footer__message,.p-top-feature__item-title{font-weight:500}
.p-top-fv-copy,.p-top-fv__visual-inner.clip .p-top-fv__visual-inner--bg{font-family:"DM Sans",sans-serif}
/* 90px menu, 60px grid inset, and 315px marquee at the video's 1890px width. */
@media (min-width:1600px){html{font-size:15px}}
@media (min-width:1024px){html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}}
dialog.recreation-detail:not([open]){display:none!important}