/* ==========================================================================
   Seams — jahitan antar section:
   1) satu nada krem untuk semua section terang + garis tipis di tiap batas,
   2) elemen yang menjembatani dua section (overlap),
   3) tirai: section training menutup lifestyle saat scroll (desktop, via JS).
   ========================================================================== */

/* 0. Pengaman: tidak ada geser horizontal di mobile (clip tidak mematikan sticky, beda dengan hidden) */
html, body { overflow-x: clip; }

/* 1. Satu nada terang */
.performance-site .design-light,
.performance-site #lifestyle.design-light,
.performance-site #workshop,
.performance-site #audience.audience-section,
.performance-site #story.journey-section { background: #f7f6f0 !important; }
.performance-site #story.journey-section { border-top: 1px solid #deded8; }
.performance-site #lifestyle.design-light { border-top: 1px solid #deded8; }
.performance-site #audience.audience-section { border-top: 1px solid #deded8; }

/* 2a. Kartu penutup journey menggantung melewati batas ke lifestyle */
.performance-site #story.journey-section { z-index: 2; }
.performance-site .journey-end { position: relative; z-index: 3; background: #111210; color: #f6f6f0; border: 0; padding: 30px 34px; margin-bottom: -124px; }
.performance-site #lifestyle.design-light { padding-top: calc(var(--space-section-tight, 64px) + 76px) !important; }

/* 2b. Kartu form CTA menjorok ke section audience */
.performance-site #cta.signup-section { position: relative; z-index: 2; }

@media (min-width: 1024px) {
 /* 2c. Foto bio naik ke area section insight */
 .performance-site #epic-bio.bio-editorial { position: relative; z-index: 2; overflow: visible; overflow-x: clip; }
 .performance-site #epic-bio .bio-photo { margin-top: -120px; align-self: start; }
 .performance-site #cta .signup-panel { margin-top: -72px; }
 .performance-site #audience.audience-section { padding-bottom: calc(clamp(64px,7vw,104px) + 40px); }
 /* 3. Tirai: lifestyle menempel, section berikutnya menutupinya */
 .seams-curtain #lifestyle.design-light { position: sticky; z-index: 0; }
 .seams-curtain :is(#expertise, #framework, #gallery, #workshop, #audience, #cta, .site-footer) { position: relative; z-index: 1; }
 .seams-curtain #cta.signup-section { z-index: 2; }
}
@media (max-width: 767px) {
 .performance-site .journey-end { padding: 24px 20px; margin-bottom: -104px; }
 .performance-site #lifestyle.design-light { /* 56px card overlap + 48px breathing room. */ padding-top: 104px !important; }
}