.if-wwm-home,
.if-wwm-index {
  --wwm-ink: #13251b;
  --wwm-deep: #173728;
  --wwm-lime: #d9ed91;
  background: #edf0e8;
  color: var(--wwm-ink);
  padding: clamp(70px, 9vw, 120px) 0;
}

.if-wwm-index { background: #f5f3eb; }
.if-wwm-home *, .if-wwm-index * { box-sizing: border-box; }
.if-wwm-home__inner, .if-wwm-index__inner { margin-inline: auto; max-width: 1380px; width: min(1380px, calc(100% - 48px)); }
.if-wwm-home__head, .if-wwm-index__head { align-items: end; display: flex; gap: 30px; justify-content: space-between; margin-bottom: 36px; }
.if-wwm-home__head p, .if-wwm-index__head p { color: #2e6a48; font-size: .74rem; font-weight: 850; letter-spacing: .12em; margin: 0 0 12px; text-transform: uppercase; }
.if-wwm-home__head h2, .if-wwm-index__head h2 { font-size: clamp(2.1rem, 4.6vw, 4.8rem); letter-spacing: -.06em; line-height: .98; margin: 0; max-width: 900px; }
.if-wwm-home__head > a, .if-wwm-index__head > a { border-bottom: 1px solid currentColor; flex: 0 0 auto; font-weight: 800; padding-bottom: 4px; text-decoration: none; }
.if-wwm-home__grid, .if-wwm-index__grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.if-wwm-home__grid > a, .if-wwm-index__grid > a { background: var(--wwm-deep); border-radius: 24px; color: #eff4ec; display: flex; flex-direction: column; min-height: 280px; padding: clamp(24px, 3vw, 38px); text-decoration: none; transition: transform 160ms ease, box-shadow 160ms ease; }
.if-wwm-home__grid > a:hover, .if-wwm-index__grid > a:hover { box-shadow: 0 22px 48px rgba(19, 37, 27, .17); transform: translateY(-4px); }
.if-wwm-home__grid > a > span, .if-wwm-index__grid > a > span { color: var(--wwm-lime); font-size: .7rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.if-wwm-home__grid strong, .if-wwm-index__grid strong { font-size: clamp(1.35rem, 2.2vw, 2.15rem); letter-spacing: -.035em; line-height: 1.08; margin: 38px 0 18px; }
.if-wwm-home__grid small, .if-wwm-index__grid small { color: #c7d2ca; font-size: .94rem; line-height: 1.55; margin-top: auto; }
[data-if-wwm-lang="en"] { display: none; }
html[data-if-language="en"] [data-if-wwm-lang="no"] { display: none; }
html[data-if-language="en"] [data-if-wwm-lang="en"] { display: inline; }
@media (max-width: 840px) { .if-wwm-home__grid, .if-wwm-index__grid { grid-template-columns: 1fr; } .if-wwm-home__head, .if-wwm-index__head { align-items: start; flex-direction: column; } }
@media (max-width: 520px) { .if-wwm-home__inner, .if-wwm-index__inner { width: min(100% - 28px, 1380px); } .if-wwm-home__grid > a, .if-wwm-index__grid > a { min-height: 230px; } }
