/* A shorter homepage: proof, services, personal reassurance, enquiry. */
.homepage { --section-rail: rgba(210,219,220,.42); }
.homepage main > :is(#work, #services, #pricing, .home-enquiry) > .container { position:relative; }
.homepage main > :is(#work, #services, #pricing, .home-enquiry) > .container::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:rgba(210,219,220,.42); pointer-events:none;
}
.homepage main > :is(#work, #services, #pricing, .home-enquiry) > .container::after {
  content:''; position:absolute; top:-1px; left:0; width:clamp(42px,5vw,64px); height:3px;
  background:#f47b36; box-shadow:none; pointer-events:none;
}
.homepage .home-enquiry #contact { border-top:0; }
.homepage { --section-space: clamp(54px, 6vw, 82px); }
.homepage #work .work-introduction { margin-bottom: clamp(18px, 2vw, 28px); }
.homepage #work .work-introduction h2 { max-width: 1100px; }
.homepage #work .work-stack { --peek: clamp(20px, 3vw, 40px); }
.homepage #work .work-caption :is(.work-services, .project-summary, .work-detail) { color: #e8ece9; }
.homepage #work .work-detail span { color: #ff9c52; }
.homepage #work .work-next-arrow { background: rgba(12, 15, 16, .9); }
.homepage #work .work-next-arrow:hover { background: #f47b36; }
.homepage #services .services-intro { margin-bottom: 30px; }
.homepage #services .service-rows .service-panel,
.homepage #services .service-rows .service-panel + .service-panel { padding-block: 26px; }
.homepage #services .service-rows h3 { font-size: clamp(1.9rem, 3vw, 2.8rem); }
.homepage #services .service-rows .service-panel-copy p { margin-top: 12px; }
.homepage #services .service-rows .service-panel-link { margin-top: 16px; }
.homepage #pricing .home-about-inner {
  display: grid; grid-template-columns: 1.1fr .9fr;
  gap: clamp(32px, 7vw, 100px); align-items: center;
}
.homepage #pricing .home-about-copy h2 { font-size: clamp(2rem, 3.4vw, 3.2rem); margin: 16px 0; }
.homepage .home-about-copy > p:last-child,
.homepage .home-starting-price > p:not(.home-price) { max-width: 49ch; color: #bdc5c4; font-size: .96rem; line-height: 1.75; }
.homepage .home-starting-price { border-left: 2px solid #f47b36; padding-left: clamp(22px, 3vw, 40px); }
.homepage .home-price { color: #f1f3f1; font-size: 1.1rem; margin-bottom: 14px; }
.homepage .home-price strong { display: inline-block; color: #f47b36; font-size: clamp(2rem, 3vw, 3rem); letter-spacing: -.05em; margin-left: 8px; }
.homepage .home-starting-price .text-link { display: inline-flex; gap: 12px; margin-top: 18px; color: #f29a66; }
.homepage .home-enquiry { padding-bottom: var(--section-space); }
.homepage .home-enquiry #contact { margin-top: 0; padding-top: var(--section-space); }
.homepage .home-enquiry .contact-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(32px, 6vw, 80px); align-items: center; }
.homepage #contact .planner-shell { min-height: 0; padding: clamp(28px, 4vw, 46px); }
.homepage #contact .contact-copy h2 { font-size: clamp(2.4rem, 4vw, 3.5rem); }
.homepage #contact .contact-copy h2 > span { display: block; }
.homepage #contact .planner-intro h2 { font-size: clamp(2.1rem, 3.4vw, 3rem); }
@media (max-width: 800px) {
  .homepage #pricing .home-about-inner,
  .homepage .home-enquiry .contact-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .homepage .home-starting-price { max-width: 560px; }
}
@media (max-width: 650px) {
  .homepage { --section-space: 48px; }
  .homepage #services .service-rows .service-panel,
  .homepage #services .service-rows .service-panel + .service-panel { padding: 22px; }
  .homepage #services .service-rows h3 { font-size: clamp(1.65rem, 6.3vw, 2.2rem); }
  .homepage #contact .contact-copy h2 { font-size: clamp(2.3rem, 10vw, 3rem); }
}
@media (max-width: 360px) {
  .homepage #contact .planner-intro .button { padding-inline: 14px; gap: 8px; font-size: .6875rem; }
  .homepage #contact .planner-intro .button > span { margin-left: 0; }
}