/* /harrison-assessments/ — bevarte seksjonsstiler (trofast port). Google Fonts +
   sidefiks-globaler + widgetenes .ageri-btn droppet, bilde-URL site-relativ. */

/* --- widget 0 --- */

/* Sidefiks: papir-bakgrunn og skjul temaets sidetittel */




.harr {
  --brun: #382D2E;
  --varm: #5C4A3A;
  --oliven: #A09B5F;
  --oliven-lys: #C1BC91;
  --sand: #E8E4D5;
  --papir: #F5F3EC;
  --lysgraa: #D8D7D2;
  --graa: #4B4B4D;

  font-family: "Libre Franklin", system-ui, -apple-system, sans-serif;
  color: var(--brun); background: var(--papir);
  -webkit-font-smoothing: antialiased;
}
.harr *, .harr *::before, .harr *::after { box-sizing: border-box; margin: 0; padding: 0; }
.harr__wrap { max-width: 860px; margin: 0 auto; padding: 0 24px; }
.harr section { padding: 56px 0; border-top: 1px solid var(--lysgraa); }
.harr section:first-child { border-top: none; }
.harr__eyebrow {
  font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--oliven); font-weight: 700; margin-bottom: 16px;
}
.harr h1 {
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: clamp(32px, 5.2vw, 50px); line-height: 1.1; font-weight: 400;
  margin-bottom: 20px; max-width: 16ch;
}
.harr h1 em { color: var(--oliven); font-style: italic; }
.harr h2 {
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: clamp(25px, 3.8vw, 34px); line-height: 1.18; font-weight: 400;
  margin-bottom: 18px; max-width: 22ch;
}
.harr h2 em { color: var(--oliven); font-style: italic; }
.harr__diff {
  display: inline-block; font-weight: 600; font-size: 15px; color: var(--brun);
  background: var(--sand); border-radius: 999px; padding: 8px 16px; margin-bottom: 22px;
}
.harr__lead { font-size: 19px; line-height: 1.6; color: var(--brun); margin-bottom: 16px; max-width: 56ch; }
.harr p { font-size: 16px; line-height: 1.7; color: var(--graa); margin-bottom: 16px; max-width: 62ch; }
.harr p strong { color: var(--brun); font-weight: 600; }
.harr a.harr__link {
  color: var(--oliven); -webkit-text-fill-color: var(--oliven);
  text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
  font-weight: 500; transition: color 0.15s;
}
.harr a.harr__link:hover, .harr a.harr__link:focus-visible { color: var(--varm); -webkit-text-fill-color: var(--varm); }
.harr a.harr__link:visited { color: var(--oliven); -webkit-text-fill-color: var(--oliven); }
.harr a.harr__link:focus-visible { outline: 2px solid var(--oliven); outline-offset: 2px; border-radius: 2px; }

/* Stat-rad */
.harr__stats { display: flex; flex-wrap: wrap; gap: 14px; margin: 26px 0 28px; }
.harr__stat {
  flex: 1 1 160px; background: #fff; border: 1px solid var(--lysgraa);
  border-radius: 12px; padding: 18px 20px;
}
.harr__stat b {
  display: block; font-family: "Libre Caslon Text", Georgia, serif;
  font-size: 30px; font-weight: 400; color: var(--brun); line-height: 1;
}
.harr__stat span { display: block; margin-top: 7px; font-size: 13.5px; color: var(--graa); line-height: 1.4; }

/* Knapper */
.harr__actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 8px; }
.harr__btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 30px; border-radius: 8px;
  font-family: "Libre Franklin", sans-serif; font-size: 16px; font-weight: 600;
  text-decoration: none; cursor: pointer;
  background: var(--brun); color: var(--papir); -webkit-text-fill-color: var(--papir);
  border: 1.5px solid var(--brun);
  transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease;
}
/* Hover = full invertering: mørk bakgrunn blir lys, lys tekst blir mørk */
.harr__btn:hover, .harr__btn:focus-visible {
  background: var(--papir); color: var(--brun); -webkit-text-fill-color: var(--brun);
  border-color: var(--brun); transform: translateY(-1px);
}
.harr__btn:focus-visible { outline: 2px solid var(--brun); outline-offset: 3px; }
.harr__btn:active { transform: translateY(0); }
.harr__btn svg { width: 16px; height: 16px; flex: 0 0 16px; }
.harr__btn--oliven {
  background: var(--oliven); color: var(--brun); -webkit-text-fill-color: var(--brun);
  border-color: var(--oliven);
}
.harr__btn--oliven:hover, .harr__btn--oliven:focus-visible {
  background: var(--papir); color: var(--brun); -webkit-text-fill-color: var(--brun);
  border-color: var(--oliven);
}

/* Tre lag innsikt + bruksområder (kort) */
.harr__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 26px; }
.harr__card { background: #fff; border: 1px solid var(--lysgraa); border-radius: 12px; padding: 22px 22px 24px; }
.harr__card h3 {
  font-family: "Libre Franklin", sans-serif; font-size: 16px; font-weight: 700;
  color: var(--brun); margin-bottom: 8px; letter-spacing: 0.01em;
}
.harr__card p { font-size: 14.5px; line-height: 1.6; margin: 0; }
.harr__card .k { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--oliven); font-weight: 700; display: block; margin-bottom: 10px; }

/* Sitatblokk */
.harr__quote {
  font-family: "Libre Caslon Text", Georgia, serif;
  font-size: clamp(21px, 3vw, 28px); line-height: 1.34; font-style: italic;
  color: var(--brun); border-left: 3px solid var(--oliven);
  padding: 6px 0 6px 22px; margin: 4px 0 8px; max-width: 34ch;
}

/* Lavterskel lead-blokk (Tillitsindeks) */
.harr__softcta {
  background: var(--sand); border-radius: 14px; padding: 26px 28px;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
}
.harr__softcta div { max-width: 50ch; }
.harr__softcta h3 { font-family: "Libre Caslon Text", Georgia, serif; font-size: 21px; font-weight: 400; margin-bottom: 6px; }
.harr__softcta p { font-size: 15px; margin: 0; }

/* Partner-blokk */
.harr__partner { background: #fff; border: 1px solid var(--lysgraa); border-radius: 14px; padding: 30px 30px; }
.harr__sign { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--lysgraa); }
.harr__sign .navn { font-weight: 600; font-size: 15px; color: var(--brun); }
.harr__sign .bio { font-size: 13.5px; color: var(--graa); margin-top: 4px; }

/* Hørt i Full tillit */
.harr__pod { font-size: 15px; color: var(--graa); }

/* FAQ */
.harr__faq-item { border-top: 1px solid var(--lysgraa); padding: 22px 0; }
.harr__faq-item:last-child { border-bottom: 1px solid var(--lysgraa); }
.harr__faq-item h3 { font-family: "Libre Franklin", sans-serif; font-size: 18px; font-weight: 600; color: var(--brun); margin-bottom: 9px; line-height: 1.35; }
.harr__faq-item p { font-size: 15.5px; line-height: 1.65; margin: 0; }

/* Bunn-CTA */
.harr__endcta { text-align: center; }
.harr__endcta h2 { margin: 0 auto 14px; }
.harr__endcta p { margin: 0 auto 22px; }

@media (max-width: 760px) {
  .harr__cards { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .harr section { padding: 44px 0; }
  .harr__stat { flex: 1 1 100%; }
  .harr__btn { width: 100%; justify-content: center; }
  .harr__actions { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .harr__btn { transition: none !important; }
}

/* ===== Mørk hero med bilde bak (som forsiden) ===== */
.harr__hero {
  margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
  padding: 104px 24px; border-top: none;
  display: flex; align-items: center;
  min-height: clamp(560px, 80vh, 820px);
  background-color: var(--brun);
  background-image:
    linear-gradient(100deg, rgba(56,45,46,0.94) 0%, rgba(56,45,46,0.88) 42%, rgba(56,45,46,0.60) 76%, rgba(56,45,46,0.40) 100%),
    url('/wp-content/uploads/2026/05/K2A2162-scaled.jpg');
  background-size: cover, cover;
  background-position: center center, center right;
  background-repeat: no-repeat, no-repeat;
}
.harr__hero-inner { max-width: 812px; margin: 0 auto; width: 100%; }
.harr__hero .harr__eyebrow { color: var(--oliven-lys); display: flex; align-items: center; gap: 12px; }
.harr__hero .harr__eyebrow::before { content: ''; width: 30px; height: 1.5px; background: var(--oliven-lys); display: block; }
.harr__hero h1 { color: var(--papir); }
.harr__hero h1 em { color: var(--oliven-lys); }
.harr__hero .harr__lead { color: rgba(245,243,236,0.85); max-width: 600px; }
.harr__hero .harr__diff { background: rgba(245,243,236,0.12); color: var(--papir); -webkit-text-fill-color: var(--papir); }
.harr__hero .harr__stat { background: rgba(245,243,236,0.08); border-color: rgba(245,243,236,0.22); }
.harr__hero .harr__stat b { color: var(--papir); }
.harr__hero .harr__stat span { color: rgba(245,243,236,0.72); }
.harr__hero .harr__btn { background: var(--oliven); color: var(--brun); -webkit-text-fill-color: var(--brun); border-color: var(--oliven); }
.harr__hero .harr__btn:hover, .harr__hero .harr__btn:focus-visible { background: var(--oliven-lys); color: var(--brun); -webkit-text-fill-color: var(--brun); border-color: var(--oliven-lys); transform: translateY(-1px); }
.harr__hero a.harr__link { color: var(--oliven-lys); -webkit-text-fill-color: var(--oliven-lys); }
.harr__hero a.harr__link:hover, .harr__hero a.harr__link:focus-visible { color: var(--papir); -webkit-text-fill-color: var(--papir); }
@media (max-width: 680px) {
  .harr__hero {
    padding: 78px 22px; min-height: clamp(460px, 70vh, 620px);
    background-image:
      linear-gradient(180deg, rgba(56,45,46,0.82) 0%, rgba(56,45,46,0.70) 45%, rgba(56,45,46,0.90) 100%),
      url('/wp-content/uploads/2026/05/K2A2162-scaled.jpg');
    background-position: center center, center top;
  }
}


/* --- widget 1 --- */

.ageri-choose{background:#382D2E;}
.ageri-choose__inner{max-width:1000px;margin:0 auto;padding:74px 20px;font-family:inherit;}
.ageri-choose__head{text-align:center;margin-bottom:38px;}
.ageri-choose__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:17px;color:#C1BC91;font-weight:700;margin:0 0 14px;}
.ageri-choose__title{font-size:33px;line-height:1.2;margin:0;color:#F5F3EC;}
.ageri-choose__grid{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;}
.ageri-choose__card{flex:1 1 320px;display:flex;flex-direction:column;background:#E8E4D5;border-radius:14px;padding:36px 30px;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.25);}
.ageri-choose__card h3{font-size:22px;margin:0 0 10px;color:#382D2E;}
.ageri-choose__card p{font-size:16px;color:#4B4B4D;margin:0 0 26px;line-height:1.5;flex:1;}

/* CodeRabbit: fullfør :active-states (eksplisitte farger, ikke bare transform) +
   full invertering (fg OG bg) på oliven- og hero-knappene. */
.harr__btn:active {
  background: #E8E4D5; color: var(--brun); -webkit-text-fill-color: var(--brun); border-color: var(--brun); transform: translateY(0);
}
.harr__btn--oliven:hover, .harr__btn--oliven:focus-visible {
  background: var(--brun); color: var(--papir); -webkit-text-fill-color: var(--papir); border-color: var(--brun);
}
.harr__btn--oliven:active {
  background: #5C4A3A; color: var(--papir); -webkit-text-fill-color: var(--papir); border-color: #5C4A3A; transform: translateY(0);
}
.harr__hero .harr__btn:hover, .harr__hero .harr__btn:focus-visible {
  background: var(--brun); color: var(--papir); -webkit-text-fill-color: var(--papir); border-color: var(--papir);
}
.harr__hero .harr__btn:active {
  background: #5C4A3A; color: var(--papir); -webkit-text-fill-color: var(--papir); border-color: var(--papir); transform: translateY(0);
}