@font-face {
  font-family: Schibsted;
  src: url("fonts/schibsted-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Schibsted;
  src: url("fonts/schibsted-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
html { background: #eef1f3; }
body {
  font-family: Schibsted, ui-sans-serif, system-ui, sans-serif;
  font-size: 16.5px;
  line-height: 1.45;
  color: #141516;
  background: #eef1f3;
  padding: 28px 20px 72px;
  max-width: 640px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
}
.kicker { font-size: 13px; color: #5c6166; margin: 0 0 16px; letter-spacing: 0.03em; }
h1 { font-size: 34px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 12px; }
h2 {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6166;
  margin: 28px 0 8px;
  border-top: 1px solid #141516;
  padding-top: 16px;
}
.lede, p { margin: 0 0 12px; }
.fine { font-size: 14px; color: #5c6166; }
a { color: #b8896a; }
a:hover { color: #8f684e; }
ul, ol { margin: 0 0 12px; padding: 0 0 0 1.15rem; }
li { margin: 0 0 8px; }
.foot { margin-top: 32px; padding-top: 16px; border-top: 1px solid #141516; font-size: 13px; color: #5c6166; }

.shop {
  padding: 18px 0 8px;
  border-top: 1px solid #d5d8db;
}
.shop:first-of-type { border-top: 0; padding-top: 4px; }
.shop h3 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 4px;
  text-transform: none;
}
.shop .meta { font-size: 13px; color: #5c6166; margin: 0 0 10px; }
.shop .lab {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5c6166;
  margin: 10px 0 2px;
}
.shop p { margin: 0 0 8px; }

@media (min-width: 720px) {
  body { max-width: 720px; padding-top: 48px; }
  h1 { font-size: 42px; }
}