.front-section { scroll-margin-top: 100px; }
.home-hero__scroll[hidden] { display: none; }
.front-section--white { background: var(--koppi-white); }
.front-section--mint { background: var(--koppi-mint); }
.front-section--forest { color: white; background: var(--koppi-forest-dark); }
.front-section__inner { display: grid; gap: clamp(1.8rem, 4vw, 3rem); }
.front-section__body { max-width: 800px; }
.front-section__body > .section-kicker + h2 { margin-top: .6rem; }
.front-section__body h2 { font-size: clamp(2rem, 5vw, 3.5rem); overflow-wrap: anywhere; }
.front-section__body .front-section__content { margin-top: 1.5rem; }
.front-section__body .front-section__content > :last-child { margin-bottom: 0; }
.front-section__body > .koppi-button { margin-top: 1.5rem; }
.front-section--with-image .front-section__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.front-section--image-right .front-section__image { order: 2; }
.front-section__image img { display: block; width: 100%; height: auto; border-radius: 1.6rem; }
.front-section--forest .front-section__body :is(h2, h3, h4, p, li, strong, blockquote), .front-section--forest .front-testimonial { color: white; }
.front-section--forest .section-kicker { color: #c9e8d5; }
.front-section--forest .entry-content a { color: white; text-decoration: underline; }
.front-section--forest .koppi-button { color: var(--koppi-forest-dark); background: white; }
.front-section--forest .koppi-button:hover { background: var(--koppi-mint); }
.front-testimonials { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1.25rem; }
.front-testimonial { margin: 0; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--koppi-border); border-radius: 1.5rem; color: var(--koppi-ink); background: rgb(255 255 255 / 65%); }
.front-testimonial__mark { display: block; height: 2.8rem; color: var(--koppi-forest); font-family: Georgia, serif; font-size: 4.2rem; line-height: 1; }
.front-testimonial blockquote { margin: .7rem 0 1.3rem; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(1.3rem, 2.2vw, 1.8rem); font-weight: 600; line-height: 1.45; }
.front-testimonial blockquote p + p { margin-top: 1em; }
.front-testimonial figcaption { font-size: .95rem; font-weight: 600; }
.front-testimonials--single { grid-template-columns: minmax(0, 1fr); }
.front-testimonials--single .front-testimonial { max-width: 900px; width: 100%; }
.front-testimonials--single blockquote { font-size: clamp(1.5rem, 3.1vw, 2.5rem); }
.front-section--forest .front-testimonial { border-color: rgb(255 255 255 / 20%); background: rgb(255 255 255 / 8%); }
.front-section--forest .front-testimonial__mark { color: #c9e8d5; }
@media (max-width: 760px) {
  .front-section--with-image .front-section__inner { grid-template-columns: minmax(0, 1fr); }
  .front-section--image-right .front-section__image { order: 0; }
}