@font-face { font-family: 'Kings Caslon'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/kc-regular.woff2) format('woff2'); }
@font-face { font-family: 'Kings Caslon'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/kc-italic.woff2) format('woff2'); }
@font-face { font-family: 'Kings Caslon'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/kc-bold.woff2) format('woff2'); }
@font-face { font-family: 'Kings Caslon'; font-style: italic; font-weight: 700; font-display: swap; src: url(fonts/kc-bolditalic.woff2) format('woff2'); }
@font-face { font-family: 'Contax Pro'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/contax-bold.woff2) format('woff2'); }
body { margin: 0; background: #E9E2D6 url(img/travertine-light.jpg); background-size: 420px 420px; }
    a { color: #16130F; text-decoration: none; }
    a:hover { color: #5E5749; }
    .navlink { font-family: 'Contax Pro', Helvetica, Arial, sans-serif; font-size: 11px; letter-spacing: 0.22em; color: #16130F; }
    .navlink:hover { color: #5E5749; }
    .plate { position: relative; overflow: hidden; aspect-ratio: 1328 / 560; }
    .platenote { position: absolute; left: 16px; bottom: 13px; font-family: 'Contax Pro', Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: 0.26em; color: rgba(22,19,15,0.32); }
    .body { font-size: 17px; line-height: 1.85; color: #2A251E; font-weight: 300; }

    /* ---- phones and small tablets ------------------------------------- */
    @media (max-width: 760px) {
      .pad  { padding-left: 20px !important; padding-right: 20px !important; }
      .edge { margin-left: 20px !important; margin-right: 20px !important; }

      .nav { flex-direction: column !important; height: auto !important;
             gap: 18px !important; padding-top: 26px !important; padding-bottom: 22px !important; }
      .nav-mark { position: static !important; transform: none !important; }
      .nav-links { gap: 26px !important; }

      h1 { font-size: 30px !important; line-height: 1.26 !important; }
      .plate { aspect-ratio: 5 / 4 !important; }
      .body { font-size: 16px !important; }
      .row { flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; }
      .row > div { margin-left: 0 !important; text-align: left !important; }

      .foot-top  { flex-direction: column !important; gap: 40px !important; }
      .foot-cols { flex-direction: column !important; gap: 32px !important; }
      .foot img  { height: 36px !important; }
      .foot > div:last-child { flex-direction: column !important; gap: 10px !important; }

      /* touch targets: the ink stays the same size, the tappable area grows */
      .nav a, .foot a { position: relative !important; }
      .nav a::after, .foot a::after {
        content: '' !important; position: absolute !important;
        left: -8px !important; right: -8px !important; top: -17px !important; bottom: -17px !important;
      }
    }
.ground { background: #E9E2D6 url(img/travertine-light.jpg); background-size: 420px 420px; }