/* contact.php — page layout only (shared components live in ui-v2.css) */

/* hero */
.contact-hero .hero-actions{margin-top:var(--s-6)}
.contact-hero__proof{margin-top:var(--s-5)}
.contact-hero .clamp-more{color:var(--blue-2)}

/* project brief: aside card + form */
.contact-editorial{padding:var(--section-pad) 0}
.contact-edit-grid{margin-top:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-items:start}
@media (min-width:901px){
  .contact-edit-grid{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);gap:var(--s-7)}
  .contact-info{position:sticky;top:calc(var(--nav-h) + 16px)}
}
.contact-info{gap:var(--s-4)}
.contact-info .contact-book-block{gap:10px;padding-bottom:var(--s-4);border-bottom:var(--border)}
.contact-info .contact-book-block .btn{margin-top:4px}
.contact-info__badge{margin-top:2px}
.contact-info__list .contact-info-block{border-bottom:0;gap:4px}
.contact-info__list>li:first-child{padding-top:0}
.contact-info__list>li:last-child{padding-bottom:0}
.contact-info-val{font-size:var(--fs-body);font-weight:500;line-height:1.45}
.field__optional{font-weight:400;color:var(--text-muted)}
.contact-edit-form .ce-note{margin-top:2px}
@media (max-width:480px){.contact-edit-form .ce-submit{display:grid}}

/* booking: calendar is display:none until opened, so the shared loader's observer stays idle */
.contact-booking__wrap{max-width:820px}
.wt-booking-lazy:not(.is-open) .calendly-inline-widget{display:none}
.wt-booking-lazy.is-open .wt-booking__ph{display:none}
.wt-booking-lazy .wt-booking__ph{aspect-ratio:auto;min-height:0;max-height:none;padding:var(--s-6) var(--s-5)}

/* packages */
.package-guide__price{display:inline-flex;margin-top:auto;padding-top:4px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--blue)}
.contact-packages__note{margin-top:var(--s-5);max-width:var(--measure);font-size:var(--fs-small)}

/* what happens next: ruled 4-up on desktop, 2x2 on phones */
.contact-next .process-proof{margin-top:0;gap:0;border-top:var(--border-dark)}
.contact-next .process-proof article{border-right:var(--border-dark);border-bottom:var(--border-dark)}
.contact-next .process-proof article:last-child{border-right:0}
.contact-next .process-proof h3{color:#fff}
@media (max-width:1024px){.contact-next .process-proof article:nth-child(2n){border-right:0}}
@media (max-width:768px){
  .contact-next .process-proof article{padding:16px 12px 16px 0}
  .contact-next .process-proof article:nth-child(2n){padding-left:14px}
  .contact-next .process-proof h3{font-size:var(--fs-h4);margin-top:8px}
  .contact-next .process-proof p{font-size:var(--fs-small);margin-top:6px;line-height:1.5}
}

/* fixes after first capture */
.contact-edit-form .ce-field{align-content:start}
