/* Page chrome shared by the step 4 templates (blog, projects, FAQ, contact, 404, page, post). Values from the page designs; the inline styles of the designs are classes here. */
.pagehead-row{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px}
.pagehead-col{position:relative;display:flex;flex-direction:column;gap:24px}
.pagehead-copy{display:flex;flex-direction:column;gap:24px;max-width:760px}
.pagehead-copy-780{max-width:780px}
.pagehead-actions{display:flex;flex-wrap:wrap;gap:12px}
.d40{animation-delay:40ms}
.d60{animation-delay:60ms}
.d120{animation-delay:120ms}
.d140{animation-delay:140ms}
.d200{animation-delay:200ms}
.d240{animation-delay:240ms}
.d280{animation-delay:280ms}
.d320{animation-delay:320ms}
/* closing CTA band (Blog, Work, Faq, Post designs): section without top padding, band styles come from the kc/cta block CSS */
.sec-notop{padding-top:0}
.cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn-cta-ghost{min-height:52px;padding:0 22px;font-size:16px}