/* Isolated homepage study. Content, CMS hooks and interactive components stay intact. */
body.anew-surface-study {
  --surface-main: #fcfbf9;
  --surface-soft: #f3f0eb;
  --surface-rule: #dfdad2;
  --surface-radius: 16px;
  --section-space: clamp(64px, 6vw, 96px);
  background: var(--surface-main);
}

/* A continuous light canvas lets the photography carry the page. */
body.anew-surface-study #trust.trust-bar,
body.anew-surface-study #about,
body.anew-surface-study #anew-flow,
body.anew-surface-study #testimonials,
body.anew-surface-study #faq {
  background: var(--surface-main);
}
body.anew-surface-study #trust.trust-bar { border-bottom-color: var(--surface-rule); }
body.anew-surface-study .site-header.scrolled {
  background: var(--surface-main);
  box-shadow: 0 2px 16px rgba(48,49,47,.04);
}
body.anew-surface-study #about {
  padding-block: var(--section-space);
}
body.anew-surface-study #about .about-photo {
  border-radius: var(--surface-radius);
  box-shadow: none;
}

/* Local CI glow behind the cards; the section edges remain the main surface. */
body.anew-surface-study #projects.projects-carousel {
  padding-block: var(--section-space) 56px;
  background:
    radial-gradient(ellipse 48% 42% at 50% 58%, rgba(188,169,154,.16), transparent 100%),
    var(--surface-main);
}
body.anew-surface-study #projects.projects-carousel > header { padding-bottom: 40px; }
body.anew-surface-study #projects.projects-carousel #project-grid .project {
  border-radius: var(--surface-radius);
  box-shadow: 0 8px 24px rgba(48,49,47,.08);
}

/* Only two recurring page surfaces, without a rounded section-sized box. */
body.anew-surface-study #services.expertise-with-image,
body.anew-surface-study #peace-of-mind {
  background: var(--surface-soft);
  padding-block: var(--section-space);
  border-radius: 0;
}
body.anew-surface-study #services .expertise-visual img,
body.anew-surface-study #peace-of-mind .peace-image {
  border-radius: var(--surface-radius);
  box-shadow: none;
}
body.anew-surface-study #services .expertise-grid article {
  border-top-color: var(--surface-rule);
}

/* FLOW keeps useful status and feature separators, but loses nested outer boxes. */
body.anew-surface-study #anew-flow {
  padding-block: var(--section-space);
  border: 0;
}
body.anew-surface-study #anew-flow .flow-top,
body.anew-surface-study #anew-flow .flow-copy,
body.anew-surface-study #anew-flow .flow-status,
body.anew-surface-study #anew-flow .flow-exclusive,
body.anew-surface-study #anew-flow .flow-features,
body.anew-surface-study #anew-flow .flow-features article {
  background: transparent;
}
body.anew-surface-study #anew-flow .flow-top { border: 0; }
body.anew-surface-study #anew-flow .flow-media {
  border: 0;
  border-radius: var(--surface-radius);
}
body.anew-surface-study #anew-flow .flow-features {
  border: 0;
  border-top: 1px solid var(--surface-rule);
  margin-top: 28px;
}
body.anew-surface-study #anew-flow .flow-features article,
body.anew-surface-study #anew-flow .flow-status,
body.anew-surface-study #anew-flow .flow-status ul,
body.anew-surface-study #anew-flow .flow-status li {
  border-color: var(--surface-rule);
}
body.anew-surface-study #anew-flow .flow-features article:hover {
  background: var(--surface-soft);
}
@media (min-width: 1280px) {
  body.anew-surface-study #anew-flow .anew-flow-inner {
    grid-template-rows: auto auto;
  }
}

/* Review copy stays complete; give its section and card interiors room to breathe. */
html body.anew-surface-study #testimonials.testimonials {
  height: auto;
  min-height: 0;
  padding-block: var(--section-space) 48px;
}
html body.anew-surface-study #testimonials > header { margin-bottom: 32px; }
html body.anew-surface-study #testimonials .review-shell { margin-top: 32px; }
html body.anew-surface-study #testimonials .review-track.cards .review-card {
  background: var(--surface-soft);
  border: 0;
  border-radius: var(--surface-radius);
  box-shadow: none;
}
html body.anew-surface-study #testimonials .review-track.cards .review-card:hover {
  box-shadow: none;
}
html body.anew-surface-study #testimonials .review-body { padding: 24px; }
html body.anew-surface-study #testimonials .review-body > p {
  border-top-color: var(--surface-rule);
}
body.anew-surface-study #faq {
  padding-block: 48px var(--section-space);
}

@media (max-width: 760px) {
  body.anew-surface-study {
    --section-space: 56px;
    --surface-radius: 12px;
  }
  body.anew-surface-study #projects.projects-carousel { padding-bottom: 40px; }
  body.anew-surface-study #projects.projects-carousel > header { padding-bottom: 32px; }
  html body.anew-surface-study #testimonials.testimonials { padding-bottom: 28px; }
  html body.anew-surface-study #testimonials > header { margin-bottom: 28px; }
  html body.anew-surface-study #testimonials .review-shell { margin-top: 28px; }
  body.anew-surface-study #faq { padding-top: 28px; }
}

/* Once the outer FLOW frame is removed, its mobile copy uses the page gutter. */
@media (max-width: 700px) {
  body.anew-surface-study #anew-flow .flow-copy { padding: 0 0 32px; }
  body.anew-surface-study #anew-flow .flow-status { padding: 32px 0; }
  body.anew-surface-study #anew-flow .flow-features article { padding-inline: 0; }
}