/* Chat 26: the landing page for hosts that show no store (lib/landing.js): the name and an e-mail address only, in the
   Heritage look's paper, ink and fonts (served from /_sf/look/). */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url("/_sf/look/cormorant-garamond-latin.woff2") format("woff2"); }
@font-face { font-family: "Jost"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url("/_sf/look/jost-latin.woff2") format("woff2"); }

:root { --sf-landing-paper: #f8f2e7; --sf-landing-ink: #2b2018; --sf-landing-muted: #68584a; --sf-landing-line: #c9b596; --sf-landing-accent: #455a64; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
.sf-landing { background: var(--sf-landing-paper); color: var(--sf-landing-ink); font-family: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased; }
.sf-landing-main { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 24px; text-align: center; }
.sf-landing-name { margin: 0; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; text-transform: uppercase;
  font-size: clamp(1.75rem, 1.1rem + 3.2vw, 3.25rem); letter-spacing: 0.18em; line-height: 1.15; padding-left: 0.18em; overflow-wrap: anywhere; }
.sf-landing-rule { display: flex; align-items: center; gap: 10px; margin: 22px 0 26px; }
.sf-landing-rule::before, .sf-landing-rule::after { content: ""; width: 44px; height: 1px; background: var(--sf-landing-line); }
.sf-landing-rule span { width: 5px; height: 5px; background: var(--sf-landing-accent); transform: rotate(45deg); }
.sf-landing-contact { margin: 0; font-size: 0.9375rem; letter-spacing: 0.06em; overflow-wrap: anywhere; }
.sf-landing-contact a { color: var(--sf-landing-muted); text-decoration: none; border-bottom: 1px solid var(--sf-landing-line); padding-bottom: 3px;
  transition: color 0.2s ease, border-color 0.2s ease; }
.sf-landing-contact a:hover, .sf-landing-contact a:focus-visible { color: var(--sf-landing-ink); border-color: var(--sf-landing-ink); }
.sf-landing-contact a:focus-visible { outline: 2px solid var(--sf-landing-accent); outline-offset: 4px; }