/* Ventesiden på skibbyur.dk indtil lanceringen (#189). Samme farver og skrifttyper som public/styles.css, men helt
   selvstændig: kun de latinske udsnit af skrifttyperne, ingen billeder og ingen eksterne ressourcer. */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/archivo-black-latin.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(fonts/inter-latin.woff2) format('woff2');
}
:root { --ink: #101311; --paper: #f1f0e9; --acid: #d7ff24; --muted: #a6ada7; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--ink); color: #fff;
  font: 400 1rem/1.6 Inter, Arial, sans-serif; }
.topbar { height: 78px; padding: 0 clamp(22px, 5vw, 80px); display: flex; align-items: center; }
.wordmark { display: inline-flex; align-items: flex-end; gap: 10px; line-height: 1; white-space: nowrap; }
.wordmark b { font: 1.15rem 'Archivo Black', Arial, sans-serif; letter-spacing: -.04em; }
.wordmark span { background: var(--acid); color: #111; padding: 5px 6px; font-size: .7rem; font-weight: 800;
  transform: rotate(-3deg); }
main { flex: 1; display: flex; flex-direction: column; justify-content: center;
  padding: clamp(40px, 8vw, 110px) clamp(24px, 7vw, 110px); }
.eyebrow { margin: 0 0 24px; font-size: .78rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase;
  color: var(--muted); }
h1 { margin: 0; font-family: 'Archivo Black', Arial, sans-serif; font-weight: 400; text-transform: uppercase;
  letter-spacing: -.058em; line-height: .96; font-size: clamp(3.4rem, 11vw, 9rem); }
h1 em { font-style: normal; color: var(--acid); }
.intro { max-width: 560px; margin: 35px 0 0; color: #d2d5d1; font-size: clamp(1rem, 1.4vw, 1.2rem); }
.strip { background: var(--acid); color: var(--ink); min-height: 64px; display: flex; align-items: center;
  padding: 10px clamp(22px, 5vw, 80px); font: 1rem 'Archivo Black', Arial, sans-serif; text-transform: uppercase;
  letter-spacing: -.02em; }
.produkt { max-width: 560px; margin: 22px 0 0; color: #fff; font-weight: 700; font-size: clamp(.95rem, 1.2vw, 1.05rem); }
footer { padding: 26px clamp(22px, 5vw, 80px); color: var(--muted); font-size: .76rem; letter-spacing: .1em;
  display: flex; flex-wrap: wrap; gap: 10px 28px; align-items: center; }
footer p { margin: 0; }
footer .firma { flex-basis: 100%; letter-spacing: .04em; }
footer .links { display: flex; flex-wrap: wrap; gap: 8px 22px; }
footer a { color: #d2d5d1; text-decoration: none; }
footer a:hover, footer a:focus-visible { color: var(--acid); text-decoration: underline; }
/* Kun i forhåndsvisningen (--eksempel). */
.eksempel { margin: 0; padding: 12px clamp(22px, 5vw, 80px); background: var(--red, #dd4938); color: #fff; font-weight: 800;
  font-size: .9rem; }
[hidden] { display: none !important; }