/* last-carburettor-base */
body { margin: 0; }
html { scroll-behavior: smooth; }
:root :where(.is-layout-flow, .is-layout-flex, .is-layout-constrained) > * { margin-block-start: 0; }
:where(.wp-site-blocks) :where(h1, h2, h3, h4, h5, h6, p, figure, ul, blockquote) { margin: 0; }
:where(.wp-site-blocks) a { color: inherit; }

/* pictures that fill their HUD frame */
.img-fill img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* pill buttons */
.btn .wp-block-button__link,
.btn-ghost .wp-block-button__link {
  display: inline-block; border-radius: 999px; padding: 16px 30px;
  font-family: space-mono, ui-monospace, monospace; font-weight: 700; font-size: 13px;
  line-height: 1.2; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none;
  color: #f6efe1; transition: background-color .2s ease, border-color .2s ease;
}
.btn .wp-block-button__link { background: #c8322b; border: 0; }
.btn .wp-block-button__link:hover { background: #a92821; }
.btn-ghost .wp-block-button__link { background: transparent; border: 1.5px solid rgba(246,239,225,0.7); }
.btn-ghost .wp-block-button__link:hover { border-color: #f6efe1; }
@container (max-width: 767px) {
  .site-header .btn .wp-block-button__link { padding: 11px 14px; font-size: 10px; }
}

/* logo */
.lc-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.lc-logo svg { width: 56px; height: 56px; flex: none; }
.lc-logo-words { display: flex; flex-direction: column; }
.lc-logo-the { font-family: space-mono, ui-monospace, monospace; font-weight: 700; font-size: 10px; line-height: 1; letter-spacing: 0.3em; color: #3fe0e8; margin-bottom: 5px; }
.lc-logo-name { font-family: dm-serif-display, Georgia, serif; font-style: italic; font-size: 29px; line-height: 1; color: #f6efe1; }
.lc-logo-tag { font-family: space-mono, ui-monospace, monospace; font-weight: 700; font-size: 9px; line-height: 1; letter-spacing: 0.06em; color: #b9c2c9; margin-top: 6px; }
@container (max-width: 767px) {
  .lc-logo svg { width: 42px; height: 42px; }
  .lc-logo-the { font-size: 8px; margin-bottom: 3px; }
  .lc-logo-name { font-size: 22px; }
  .lc-logo-tag { display: none; }
}

/* header + footer links */
.site-header nav a, .stripes-footer a { text-decoration: none; transition: color .2s ease; }
.site-header nav a:hover, .stripes-footer a:hover { color: #3fe0e8; }