/* Allan Benoit Studios — Commission page
   Shares tokens with homepage.css / studio-notes.css. */

:root{
  --ab-ink:#1A2A4A;
  --ab-bg:#F8F6F1;
  --ab-gold:#F5C842;
  --ab-sky:#7BB3D4;
  --ab-hair:#E2DDD0;
}

.ab-page *{box-sizing:border-box;}
.ab-page{background:var(--ab-bg);color:var(--ab-ink);font-family:'Jost',Arial,sans-serif;font-weight:400;}
.ab-page .ab-wrap{max-width:1180px !important;margin:0 auto !important;padding:0 48px !important;width:100% !important;}

.ab-page .ab-hero-eyebrow{
  font-size:12px;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--ab-sky);font-weight:500;margin-bottom:18px;
}

.ab-pagehead{padding:60px 0 50px;border-bottom:1px solid var(--ab-hair);}
.ab-pagehead h1{font-weight:300;font-size:42px;letter-spacing:-0.01em;margin-bottom:22px;}
.ab-pagehead p{font-size:16px;line-height:1.7;color:#4a5572;max-width:560px;margin-bottom:14px;}

.ab-process{
  padding:70px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;
  border-bottom:1px solid var(--ab-hair);
}
.ab-step-num{
  font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:40px;font-weight:400;color:var(--ab-sky);margin-bottom:14px;
}
.ab-step h3{font-weight:400;font-size:18px;margin-bottom:10px;}
.ab-step p{font-size:14px;line-height:1.7;color:#4a5572;}

.ab-cta{padding:80px 0;text-align:center;}
.ab-cta h3{font-weight:300;font-size:28px;margin-bottom:14px;}
.ab-cta p{font-size:15px;color:#4a5572;margin-bottom:28px;}
.ab-btn{
  display:inline-block;padding:14px 30px;background:var(--ab-ink);color:var(--ab-bg);
  text-decoration:none;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;
}

@media (max-width: 760px){
  .ab-page .ab-wrap{padding:0 24px !important;}
  .ab-pagehead h1{font-size:32px;}
  .ab-process{grid-template-columns:1fr !important;gap:36px;}
}