/* ==========================================================================
   Oppsummering — the heading over the summary column at the top of a work
   page.

   This was the last of the site's eyebrow labels. Framer drew five of them
   as small bordered chips — "Om meg", "Erfaring" and "Utdanning" over the
   three cards on the front page, "Oppsummering" here — and two more were
   hand-built to match ("Prosess" on the front page, "Dypdykk" further down
   this page). All of them named a block whose own content already said what
   it was: a card of years and schools does not need the word Utdanning over
   it, and a page of slides does not need Dypdykk. They are gone, and with
   them section-tag.css, which existed only to restyle the Framer three.

   This one stays because it is the only name its block has. The three
   entries under it — the brief, Problem, Løsning — are 18px subheadings, so
   without something above them the column starts mid-sentence. Being the
   only label left, it is no longer an eyebrow over a heading; it *is* the
   heading, and it is set as one: 32px stepping to 40px at Framer's own
   810px breakpoint, the same scale .process-title on the front page and
   .pitch-intro-line further down this page use. Keep the three in step by
   hand if any of them changes.

   The markup is plain now. The chip was a Framer component — a <p> in a
   RichTextContainer inside two wrapper divs — and it has been replaced in
   all four exported pages by a single <h2>, which the page was missing
   anyway: the only other h2 on it is .pitch-intro-line. That is an edit to
   the export rather than another stylesheet override because no Framer
   script runs on these pages any more, so nothing re-renders the markup
   and restores what CSS was fighting.

   Left-ranged, and the width is what does it: .framer-115d1kp centres its
   children (`align-items: center`), so a heading sized by its own text
   would sit centred in the column while every line beneath it starts at
   the left edge. width:100% gives it the same box its siblings have, and
   the text then starts where theirs does.

   The gap to the first subheading is the column's own — 64px from 810px
   up, 24px below it — the same spacing that separates the summary's three
   entries from each other.
   ========================================================================== */

.summary-heading {
  margin: 0;
  width: 100%;
  font-family: 'Inter Display', 'Inter Display Placeholder', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15em;
  letter-spacing: -0.01em;
  text-align: left;
  color: var(--token-43464fc0-8f12-4214-bfdd-fa0c6aa29267, #141415);
}

@media (min-width: 810px) {
  .summary-heading {
    font-size: 40px;
  }
}