/* FINAL-04: clear service context and two enquiry locations, using the CI scale. */
.header .contact, .hero-copy .actions a { border-radius: 12px; min-height: 48px; }
.world-copy.copy { top: 48%; transform: translateY(-44%); }
.world-copy.copy h2 { font-size: clamp(32px, 3.5vw, 52px); font-weight: 600; line-height: 1.15; letter-spacing: -.045em; }
.world-copy.copy .eyebrow { margin-bottom: 16px; }
.world-copy.copy .lede { font-size: 16px; line-height: 24px; margin-top: 24px; max-width: 42ch; }
.static-world h2 { font-weight: 600; }
.static-world img { border-radius: 50%; mix-blend-mode: screen; }

.delivery-section { padding: 96px 48px; background: #0a1019; border-block: 1px solid #263342; }
.delivery-container { max-width: 1280px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 96px; }
.delivery-heading .eyebrow { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 24px; }
.delivery-heading h2 { font: 600 40px/48px var(--font-primary); letter-spacing: -.045em; max-width: 12ch; }
.delivery-heading > p:last-child { font: 400 16px/24px var(--font-body); color: #a9b7c7; margin: 24px 0 0; max-width: 42ch; }
.delivery-steps { list-style: none; margin: 0; padding: 0; }
.delivery-steps li { display: grid; grid-template-columns: 32px 1fr; gap: 24px; padding: 24px 0; border-bottom: 1px solid #263342; }
.delivery-steps li:first-child { padding-top: 0; }
.delivery-steps li:last-child { padding-bottom: 0; border-bottom: 0; }
.delivery-index { color: #8fb6f0; font: 400 12px/28px var(--font-mono); }
.delivery-steps h3 { font: 600 20px/28px var(--font-primary); letter-spacing: -.025em; margin: 0 0 8px; }
.delivery-steps p { font: 400 16px/24px var(--font-body); color: #a9b7c7; margin: 0; max-width: 44ch; }

#close { padding: 96px 48px; }
#close .close-container { max-width: 1280px; padding: 0; }
#close .close-band { padding: 64px 40px; border: 1px solid #344053; border-radius: 12px; background: #0b141f; }
#close .close-band::before { display: none; }
#close .close-content { max-width: 760px; margin: auto; }
#close .close-title { font: 600 40px/48px var(--font-primary); letter-spacing: -.045em; }
#close .close-promise { max-width: 52ch; margin: 24px auto 0; font: 400 16px/24px var(--font-body); color: #a9b7c7; }
#close .close-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin-top: 32px; scroll-margin-top: 48px; }
#close .close-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; margin: 0; padding: 12px 24px; border: 1px solid #f4f4f0; border-radius: 12px; background: #f4f4f0; color: #0b141f; font: 500 14px/24px var(--font-body); box-shadow: none; }
#close .close-cta--secondary { background: transparent; color: #f4f4f0; border-color: #526583; }
#close .close-cta:hover { border-color: #8fb6f0; background: #dbe7f7; color: #0b141f; }
#close .close-cta--secondary:hover { background: #172638; color: #f4f4f0; }

@media (min-width: 600px) and (max-width: 1000px) {
  .world-copy.copy h2 { font-size: clamp(28px, 4vw, 38px); }
  .world-copy.copy .lede { font-size: 14px; line-height: 20px; margin-top: 16px; }
}
@media (max-width: 900px) {
  .delivery-section { padding: 72px 32px; }
  .delivery-container { gap: 48px; }
  .delivery-heading h2 { font-size: 36px; line-height: 44px; }
  #close { padding: 72px 32px; }
  #close .close-band { padding: 48px 32px; }
}
@media (max-width: 599px) {
  .world-copy.copy { top: auto; bottom: 72px; transform: none; }
  .world-copy.copy h2 { font-size: 28px; line-height: 34px; }
  .world-copy.copy .eyebrow { margin-bottom: 12px; font-size: 9px; }
  .world-copy.copy .lede { margin-top: 12px; font-size: 14px; line-height: 20px; }
  .world-copy.copy:before { inset: -40px -24px -20px; background: linear-gradient(180deg, transparent, #070a10f2 40px, #070a10); }
  .delivery-section { padding: 56px 24px; }
  .delivery-container { grid-template-columns: 1fr; gap: 40px; }
  .delivery-heading h2 { font-size: 32px; line-height: 40px; max-width: 15ch; }
  .delivery-steps li { gap: 16px; }
  .delivery-steps p { font-size: 14px; line-height: 22px; }
  #close { padding: 56px 24px; }
  #close .close-band { padding: 40px 24px; }
  #close .close-title { font-size: 28px; line-height: 36px; }
  #close .close-promise { font-size: 14px; line-height: 22px; }
  #close .close-actions { flex-direction: column; }
  #close .close-cta { padding-inline: 16px; }
}
@media (min-width: 600px) and (max-height: 600px) {
  .world-copy.copy { top: 46%; }
  .world-copy.copy h2 { font-size: 28px; line-height: 32px; }
  .world-copy.copy .eyebrow { margin-bottom: 8px; }
  .world-copy.copy .lede { margin-top: 8px; font-size: 13px; line-height: 18px; }
}
