/* Coaching approach and everyday note; the established hero is unchanged. */
#marco-homepage-preview #methode.coaching-principles {
  position: relative;
  padding: clamp(48px, 5.5vw, 80px) clamp(22px, 5vw, 72px);
  color: #171615;
  background: #fffaf1;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  scroll-margin-top: 130px;
}
#marco-homepage-preview #methode.coaching-principles::before,
#marco-homepage-preview #methode.coaching-principles::after {content: none;}
#marco-homepage-preview #methode .principles-inner {max-width: 1280px; margin: 0 auto;}
#marco-homepage-preview #methode .principles-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: end;
  gap: 28px 64px;
}
#marco-homepage-preview #methode .premium-eyebrow {margin: 0 0 16px; color: #806225; font-size: 12px; font-weight: 600; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase;}
#marco-homepage-preview #methode h2 {
  margin: 0;
  color: #171615;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 650;
  line-height: 1.1;
  letter-spacing: -.04em;
  text-wrap: balance;
}
#marco-homepage-preview #methode h2 em {color: #806225; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: 400;}
#marco-homepage-preview #methode .principles-lead {max-width: 540px; margin: 0; color: #6d655d; font-size: 17px; line-height: 1.75;}
#marco-homepage-preview #methode .principles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 38px;
}
#marco-homepage-preview #methode .principles-grid article {min-width: 0; padding-top: 22px; border-top: 1px solid #cdbb95;}
#marco-homepage-preview #methode .principles-grid h3 {margin: 0 0 12px; color: #171615; font-size: 25px; font-weight: 600; line-height: 1.25; letter-spacing: -.025em;}
#marco-homepage-preview #methode .principles-grid p {max-width: 35ch; margin: 0; color: #6d655d; font-size: 16px; line-height: 1.7;}
#marco-homepage-preview #methode .everyday-note {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: 26px 56px;
  margin-top: 38px;
  padding: clamp(26px, 3.6vw, 44px);
  border: 1px solid #58472b;
  border-radius: 18px;
  color: #fffaf1;
  background: #171615;
}
#marco-homepage-preview #methode .everyday-note .premium-eyebrow {color: #dfc17d;}
#marco-homepage-preview #methode .everyday-note h3 {max-width: 540px; margin: 0; color: #fffaf1; font-size: clamp(26px, 3vw, 38px); font-weight: 500; line-height: 1.18; letter-spacing: -.025em; text-wrap: balance;}
#marco-homepage-preview #methode .everyday-note>div>p:not(.premium-eyebrow) {margin: 0; color: #ded6c7; font-size: 17px; line-height: 1.7;}
#marco-homepage-preview #methode .everyday-signature {display: block; margin-top: 20px; color: #dfc17d; font-size: 14px; font-weight: 600; line-height: 1.5;}
@media(max-width: 960px) {
  #marco-homepage-preview #methode .principles-intro {grid-template-columns: minmax(0, 1fr); gap: 24px;}
}
@media(max-width: 760px) {
  #marco-homepage-preview #methode.coaching-principles {padding: 46px 22px;}
  #marco-homepage-preview #methode h2 {font-size: clamp(34px, 8.5vw, 44px);}
  #marco-homepage-preview #methode .principles-lead {font-size: 16px;}
  #marco-homepage-preview #methode .principles-grid {grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 30px;}
  #marco-homepage-preview #methode .principles-grid article {padding-top: 20px;}
  #marco-homepage-preview #methode .principles-grid h3 {margin-bottom: 8px; font-size: 23px;}
  #marco-homepage-preview #methode .principles-grid p {max-width: none;}
  #marco-homepage-preview #methode .everyday-note {grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 30px; padding: 26px; border-radius: 16px;}
  #marco-homepage-preview #methode .everyday-note h3 {font-size: 29px;}
  #marco-homepage-preview #methode .everyday-note>div>p:not(.premium-eyebrow) {font-size: 16px;}
}