/* Fonts are served from this site (SIL OFL, licences in assets/fonts/):
   no visitor's browser is sent to a third party to load the page. */
@font-face{font-family:'Geist';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/geist.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/geist-mono.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/newsreader.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* From the Claude Design export. */
body{margin:0;background:#FAFAF9;color:#0F0E0D;font:400 16px/1.5 "Geist","Inter Tight",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#135B45;text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:#E6EEEA}
@keyframes nf-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}

/* Hover and focus states, as the design tool generated them; the focus
   ring only for keyboard focus, not after every click. */
.scp0:hover { color: rgb(15, 14, 13) !important; }
.scp1:focus-visible { outline: rgb(19, 91, 69) solid 2px !important; outline-offset: 2px !important; }
.scp2:hover { background: rgb(11, 36, 28) !important; }
.scp3:hover { background: rgb(229, 229, 227) !important; }

/* Phones: the design's nav is wider than the screen. The section links
   and the nav's booking button give way; the hero carries the call to
   action. !important because the design's styles are inline. */
@media (max-width: 640px) {
  .nav-links, .nav-book { display: none !important; }
}