/* Undersidenes hero, lagt paa forsidens uttrykk: mork flate, venstrestilt,
   samme typeskala og samme venstrekant som seksjonene under. */
.page-hero{
  position:relative;overflow:hidden;text-align:left;
  background:var(--navy);
  padding:140px 0 76px;
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 22% 15%, rgba(232,133,61,.10) 0%, transparent 52%),
    radial-gradient(ellipse at 78% 85%, rgba(77,142,232,.12) 0%, transparent 55%);
}
.page-hero-content{
  max-width:var(--maxw);margin:0 auto;padding:0 28px;
  position:relative;z-index:1;
}
.page-hero h1{
  font-size:clamp(34px,4.6vw,58px);font-weight:800;color:#fff;
  line-height:1.06;letter-spacing:-.03em;margin:0 0 18px;max-width:900px;
}
.page-hero p{
  font-size:18.5px;color:var(--txt-dim);line-height:1.66;
  max-width:620px;margin:0 0 26px;
}

.article-hero{
  position:relative;overflow:hidden;
  background:var(--navy);
  padding:140px 0 66px;
}
.article-hero::before{
  content:"";position:absolute;top:-45%;right:-15%;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle, rgba(77,142,232,.14) 0%, transparent 70%);
}
.article-hero-inner{
  max-width:760px;margin:0 auto;padding:0 28px;
  position:relative;z-index:1;
}
.article-hero h1{
  font-size:clamp(30px,3.9vw,46px);font-weight:800;color:#fff;
  line-height:1.08;letter-spacing:-.028em;
}

@media(max-width:1000px){
  .page-hero{padding:124px 0 62px}
  .article-hero{padding:124px 0 56px}
}
@media(max-width:760px){
  .page-hero{padding:110px 0 50px}
  .page-hero-content,.article-hero-inner{padding:0 20px}
  .page-hero p{font-size:16.5px}
  .article-hero{padding:110px 0 44px}
}

/* Ingressen i heroen og seksjonstitlene, lagt paa forsidens skala. */
.page-hero .subtitle{
  font-size:18.5px;font-weight:400;color:var(--txt-dim);
  line-height:1.66;letter-spacing:0;max-width:620px;margin:0 0 26px;
}
.section-title{
  font-size:clamp(30px,3.6vw,46px);font-weight:700;color:var(--ink);
  text-align:left;letter-spacing:-.02em;line-height:1.08;margin:0 0 44px;
}
@media(max-width:760px){
  .page-hero .subtitle{font-size:16.5px}
  .section-title{margin-bottom:32px}
}