/* Folded Light, sun A: homepage section composition (this sheet is homepage-only).
   The hero keeps its complete landscape, unchanged. Lower sections no longer repeat a sun and range at
   every break: two ridges carry a colour change into the next section, each with its base in that
   section's exact ground colour so no edge is left (Platform into Recent Work; Contact into the closing
   band). One fluid sun marks the citron Process chapter. Other sections are quiet surfaces, with a
   hairline where two consecutive sections share a ground. Background artwork only; no text changes. */
.hero::after,.platform::after,.process::after,.contact::after{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat}
.platform,.process,.contact{isolation:isolate}
.platform::after,.process::after,.contact::after{inset:0}
.hero::before{display:none}
.hero::after{inset:0;background:url('../assets/folded-light-sun-a/hero-desktop.svg') right bottom/cover no-repeat}
.platform::after{background:url('../assets/background-two/blue-to-navy-range.svg') center bottom/100% auto no-repeat}
.contact::after{background:url('../assets/background-two/navy-tonal-range.svg') center bottom/100% auto no-repeat}
.process::after{--sun:clamp(150px,24vw,320px);background:url('../assets/folded-light-sun-a/citron-sun.svg') right calc(var(--sun) * -.22) top calc(var(--sun) * -.3)/var(--sun) auto no-repeat}
.work+.why::before,.retainers+#project-payment::before,#project-payment+.faq::before{
  content:"";position:absolute;top:0;height:1px;pointer-events:none;
  left:max(24px,calc((100% - 732px)/2));right:max(24px,calc((100% - 732px)/2));
}
.work+.why::before{background:#2e5262}
.retainers+#project-payment::before,#project-payment+.faq::before{background:#9cb6c5}
@media(max-width:600px){
  .hero::after{background-image:url('../assets/folded-light-sun-a/hero-mobile.svg');background-size:100% auto;background-position:center bottom}
  .platform::after{background-image:url('../assets/background-two/blue-to-navy-range-mobile.svg')}
  .contact::after{background-image:url('../assets/background-two/navy-tonal-range-mobile.svg')}
}
@media(forced-colors:active){.hero::after,.platform::after,.process::after,.contact::after,.work+.why::before,.retainers+#project-payment::before,#project-payment+.faq::before{display:none}}
/* Platform subcopy stays a step brighter than the example paragraph beneath it. */
.platform .section-sub{color:#fff}

/* Join the inset problem panel to the Services ground. The inner fade occupies
   only the existing bottom padding, so cards, text and section spacing stay put. */
@media(forced-colors:none){
  .problem{background:linear-gradient(to bottom,#edf2f5 calc(100% - 160px),#114a61 100%)}
  .problem::before{background:linear-gradient(to bottom,transparent calc(100% - 64px),#114a61 100%),linear-gradient(115deg,#0a3446,#104459)}
}