/* The standard closing invitation, shared by Home and About. */
.studio-cta { position:relative; overflow:hidden; padding:150px 0; background:var(--navy); color:var(--paper); }
.studio-cta-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(40px,6vw,100px); }
.studio-cta-grid > * { min-width:0; }
.studio-cta :is(h2,h3) { text-wrap:balance; }
.studio-cta :is(h2,h3,p,a) { overflow-wrap:break-word; }
.studio-cta-copy h2 { font-size:var(--type-heading); line-height:1.05; letter-spacing:-.04em; }
.studio-cta-copy h2 em { color:var(--orange); }
.studio-cta-solid { color:inherit; -webkit-text-stroke:0; }
.studio-cta-copy > .eyebrow { margin:0 0 24px; font-size:var(--type-label); }
.studio-cta-copy h2 + p { margin-top:30px; max-width:62ch; line-height:1.6; }
.studio-cta-actions { display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-top:32px; }
.studio-cta .button { text-wrap:nowrap; }
.studio-cta-panel { position:relative; padding:40px; background:transparent; border:1px solid #f7f1eb80; border-radius:36px; }
.studio-cta-panel h3 { font-size:var(--type-title); line-height:1.15; letter-spacing:-.035em; margin:0 0 32px; }
/* Light page variant keeps the same composition and a contrasting contact panel. */
.studio-cta-light { background:var(--paper); color:var(--navy); }
.studio-cta-light .studio-cta-copy h2 em { color:var(--text-orange); }
.studio-cta-light .studio-cta-panel { background:var(--navy); color:var(--paper); border-color:var(--navy); }
.studio-cta-light .button-ghost { color:var(--navy); border-color:var(--navy); }
.studio-cta-light .button-ghost:is(:hover,:focus-visible) { border-color:var(--orange); }
@media(max-width:1100px) {
  .studio-cta { padding-block:110px; }
  .studio-cta-grid { gap:44px; }
  .studio-cta-panel { padding:30px; }
}
@media(max-width:900px) {
  .studio-cta-grid { grid-template-columns:minmax(0,1fr); gap:55px; }
}
@media(max-width:800px) {
  .studio-cta-grid { gap:40px; }
  .studio-cta-panel { width:100%; max-width:650px; }
}
@media(max-width:600px) {
  .studio-cta { padding-block:80px; }
  .studio-cta-panel { padding:28px 24px; border-radius:28px; }
  .studio-cta-copy h2 + p { line-height:1.65; }
}
@media(max-width:480px) {
  .studio-cta-actions .button { width:100%; }
  .studio-cta-copy h2 { overflow-wrap:normal; }
}