/* cmsms stylesheet: landing2026 modified: 10/23/26 15:00:27 */
/* ==========================================================
   Remmen Møbelfabrikk – avskjedsside
   Stylesheet for CMS Made Simple (Design Manager)
   ========================================================== */

:root {
  --remmen-blue: #0068b4;
  --petrol: #17374a;
  --text: #2a3a44;
  --heart: #c8423b;
  --bg: #f3eee6;          /* varm, lys lintone */
}

*,
*::before,
*::after { box-sizing: border-box; }

body.farvel {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
  color: var(--text);
  font-family: "museo-sans-rounded", "Nunito", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  font-size: 19px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

main.farvel {
  width: 100%;
  max-width: 620px;
  padding: 64px 24px;
  text-align: center;
}

/* ---------- Logo ---------- */
.farvel-logo {
  margin: 0 0 56px;
  color: var(--remmen-blue);
  line-height: 0;
}

.farvel-logo svg {
  width: 340px;
  max-width: 80%;
  height: auto;
}

.farvel-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ---------- Tekst ---------- */
main.farvel h1 {
  margin: 0 0 32px;
  color: var(--petrol);
  font-weight: 500;
  font-size: clamp(28px, 5vw, 38px);
  line-height: 1.25;
}

.farvel-content p {
  margin: 0 0 22px;
}

.farvel-content strong {
  color: var(--petrol);
  font-weight: 700;
}

.farvel-content em {
  color: var(--petrol);
  font-style: normal;
  font-weight: 500;
}

/* ---------- Hjerte ---------- */
.farvel-heart {
  display: inline-block;
  width: 34px;
  height: 34px;
  fill: var(--heart);
  margin-top: 8px;
}

/* ---------- Mobil ---------- */
@media (max-width: 480px) {
  body.farvel { font-size: 17px; }
  main.farvel { padding: 48px 20px; }
  .farvel-logo { margin-bottom: 40px; }
}