/* Allan Benoit Studios — Studio Notes page
   Shares tokens with homepage.css. If a shared tokens partial already
   exists site-wide, drop the :root block below and rely on that instead. */

: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:18px;}
.ab-pagehead p{font-size:16px;line-height:1.7;color:#4a5572;max-width:520px;}

.ab-notes-list{padding:50px 0;}
.ab-note{padding:32px 0;border-bottom:1px solid var(--ab-hair);}
.ab-note .ab-m{font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#8a8472;margin-bottom:10px;}
.ab-note .ab-t{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:24px;margin-bottom:10px;}
.ab-note p{font-size:15px;line-height:1.7;color:#4a5572;max-width:560px;}

.ab-notes-empty{padding:90px 0;text-align:center;}
.ab-notes-empty p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:20px;color:#8a8472;}

@media (max-width: 760px){
  .ab-page .ab-wrap{padding:0 24px !important;}
  .ab-pagehead h1{font-size:32px;}
}