/* Basis – reset, typografie en layoutprimitieven
   Samengevoegd uit de inline CSS van 57 referentiepagina's. */

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  font-family:var(--body);
  color:var(--ink);
  background:var(--cream);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.wrap {
  max-width:1200px;
  margin:0 auto;
  padding:0 36px;
}
.dot {
  display:inline-block;
  width:.44em;
  height:.44em;
  background:var(--orange);
  border-radius:50%;
  vertical-align:baseline;
}
h1, h2, h3 {
  font-family:var(--display);
  line-height:1.08;
  letter-spacing:-.01em;
  font-weight:700;
}
.eyebrow {
  font-family:var(--body);
  font-weight:800;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--orange-deep);
}
a {
  color:inherit;
}
.sec {
  padding:92px 0;
}
.sec-sm {
  padding:64px 0;
}
.sec-head {
  max-width:700px;
  margin-bottom:var(--ruimte-xs);
}
.sec-head.center {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.sec-head .eyebrow {
  display:block;
  margin-bottom:14px;
}
.sec-head h2 {
  font-size:42px;
  font-weight:600;
  margin-top:10px;
}
.sec-head p {
  font-size:18px;
  color:var(--ink-soft);
  margin-top:14px;
}
.band-dark {
  background:var(--ink);
  color:#fff;
}
.band-dark .sec-head h2 {
  color:#fff;
}
.band-dark .sec-head p {
  color:rgba(255,255,255,.68);
}
.band-warm {
  background:var(--peach);
}
.band-cream {
  background:var(--cream-2);
}
.reveal {
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s cubic-bezier(.22,.68,.28,1), transform .65s cubic-bezier(.22,.68,.28,1);
  will-change:opacity,transform;
}
.reveal.in {
  opacity:1;
  transform:none;
}
body.has-cart .aime-fab {
  right:auto;
  left:26px;
}
body.has-cart .aime-panel {
  right:auto;
  left:26px;
}
.band-tint {
  background:var(--orange-tint);
}
.band-soft {
  background:linear-gradient(165deg,#FFF6EC,#FBEAD6);
}
.band-mint {
  background:linear-gradient(165deg,#EFF6F0,#E4F0E8);
}
.band-sky {
  background:linear-gradient(165deg,#EEF1F7,#E3E9F3);
}
.band-lilac {
  background:linear-gradient(165deg,#F4EEF6,#EBDFEE);
}
.band-cream + .band-cream, .band-dark + .band-dark {
  padding-top:0!important;
}

@media (prefers-reduced-motion: reduce) {
  html {
  scroll-behavior:auto;
  }
  .reveal {
  opacity:1;
  transform:none;
  transition:none;
  }
}
.sec.band-accent {
  background:transparent;
  padding-top:var(--ruimte-s)!important;
  padding-bottom:var(--ruimte-s)!important;
}
.sec.band-accent > .wrap {
  background:linear-gradient(150deg,#2C2A27,#211F1D);
  border-radius:var(--tk-radius-lg,26px);
  padding:44px 46px;
  color:#fff;
  max-width:1140px;
}
.sec.band-accent h2, .sec.band-accent h3, .sec.band-accent h4 {
  color:#fff;
}
.sec.band-accent p {
  color:rgba(255,255,255,.72);
}
.sec.band-accent .eyebrow {
  color:#F9A45C;
}

@media(max-width:720px) {
  .sec.band-accent > .wrap {
  padding:30px 26px;
  border-radius:20px;
  }
}

@media(max-width:860px) {
  .wrap[style*="grid-template-columns:1.1fr"] {
  display:block!important;
  }
}