/*
  flikk.io — statiske prosasider (personvern, vilkår, sikkerhet, slett konto,
  om oss). Landingens system: charcoal på cream, Hanken Grotesk, generøs measure.
*/
@font-face{
  font-family:"Hanken Grotesk";
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url('/fonts/hanken-grotesk-latin.woff2') format('woff2');
}
:root{
  --charcoal:#262420;
  --cream:#FAF6EC;
  --spark:#F4DC6A;
  --belt:#FFFCF2;
  --muted:#6E6A60;
  --faint:#938E81;
  --hairline:#E7E2D4;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--cream);
  color:var(--charcoal);
  font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 28px;}

header.top{padding:26px 0 22px;}
header.top .lockup svg{height:30px;width:auto;display:block;}

main{padding:40px 0 80px;}
h1{
  font-weight:300;
  font-size:clamp(32px,5vw,44px);
  line-height:1.1;
  letter-spacing:-0.02em;
  margin-bottom:8px;
}
.subtitle{color:var(--muted);font-size:17px;margin-bottom:6px;}
main .lead{margin-top:26px;}
h2{
  font-weight:500;
  font-size:21px;
  letter-spacing:-0.01em;
  margin:0 0 14px;
}
h3{font-weight:500;font-size:17px;margin:22px 0 8px;}
p{margin:0 0 14px;font-size:16px;}
ul{margin:0 0 14px 22px;}
li{margin-bottom:8px;font-size:16px;}
strong{font-weight:500;}
a{
  color:var(--charcoal);
  text-decoration:underline;
  text-decoration-color:var(--faint);
  text-underline-offset:3px;
}
a:hover{text-decoration-color:var(--charcoal);}
.rule{border:none;border-top:1px solid var(--hairline);margin:36px 0;}
section>*:last-child{margin-bottom:0;}

/* Om oss — teamet, enkelt rutenett i stedet for karusell. */
.team{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:22px;
}
.person img{
  width:100%;aspect-ratio:4/5;object-fit:cover;display:block;
  border-radius:18px;border:1px solid var(--hairline);background:var(--belt);
}
.person .name{font-weight:500;margin-top:10px;}
.person .role{color:var(--muted);font-size:14px;}

footer{
  border-top:1px solid var(--hairline);
  padding:30px 0 44px;
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:var(--faint);
}
footer svg{height:22px;width:auto;display:block;}