/* ===========================================================
   Awad Capital Advisors
   =========================================================== */

@font-face{font-family:'Garamond';src:url('/assets/fonts/eb-garamond-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Garamond';src:url('/assets/fonts/eb-garamond-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap;}
@font-face{font-family:'Grotesk';src:url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Grotesk';src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap;}

:root{
  --cream:#F7F5F0;
  --cream-deep:#F0ECE3;
  --ink:#16181C;
  --navy:#1C2230;
  --rust:#8C3A2B;
  --rust-light:#C98E7D;
  --grey:#6F6A61;
  --line:#DCD6CA;
  --line-dark:#333A49;

  --serif:'Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  --gutter:56px;
  --maxw:1040px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--cream);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}

/* ---------- nav ---------- */
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(247,245,240,.94);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .25s ease;
}
.nav.scrolled{box-shadow:0 1px 14px rgba(22,24,28,.06);}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:22px var(--gutter);
  display:flex;justify-content:space-between;align-items:center;
}
.nav-links{display:flex;gap:30px;}
.nav-links a{
  font-size:11.5px;letter-spacing:1.5px;font-weight:500;
  text-decoration:none;color:var(--ink);position:relative;padding-bottom:3px;
}
.nav-links a::after{
  content:'';position:absolute;left:0;bottom:0;width:0;height:1px;
  background:var(--rust);transition:width .22s ease;
}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{width:100%;}
.nav-links a[aria-current="page"]{color:var(--rust);}
.nav-brand{font-size:11.5px;letter-spacing:1.7px;font-weight:500;text-decoration:none;}

.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:6px;}
.nav-toggle span{display:block;width:21px;height:1.5px;background:var(--ink);margin:4px 0;transition:transform .25s ease,opacity .2s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

/* ---------- type ---------- */
.eyebrow{
  font-size:11.5px;letter-spacing:2.2px;color:var(--rust);
  font-weight:500;margin-bottom:20px;
}
h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,4.6vw,58px);line-height:1.1;letter-spacing:-.3px;
}
h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(27px,3.1vw,38px);line-height:1.15;letter-spacing:-.2px;
}
h3{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.25;}
.lede{font-size:17px;line-height:1.65;color:var(--grey);max-width:720px;}
.prose p{font-size:16.5px;line-height:1.72;color:var(--ink);max-width:720px;}
.prose p + p{margin-top:22px;}

/* ---------- buttons ---------- */
.btn{
  display:inline-block;background:var(--navy);color:#fff;text-decoration:none;
  font-size:12px;letter-spacing:1.5px;font-weight:500;
  padding:16px 32px;border:1px solid var(--navy);
  transition:background .2s ease,color .2s ease;
}
.btn:hover{background:transparent;color:var(--navy);}
.btn-light{background:transparent;color:#F2EFE9;border-color:rgba(242,239,233,.45);}
.btn-light:hover{background:#F2EFE9;color:var(--navy);}
.link-arrow{
  font-size:12px;letter-spacing:1.3px;color:var(--rust);
  text-decoration:none;font-weight:500;white-space:nowrap;
}
.link-arrow span{display:inline-block;transition:transform .22s ease;}
.link-arrow:hover span{transform:translateX(4px);}

/* ---------- sections ---------- */
.sec{padding:92px 0;}
.sec-tight{padding:70px 0;}
.sec-alt{background:var(--cream-deep);}
.sec-dark{background:var(--navy);color:#F2EFE9;}
.sec-dark .eyebrow{color:var(--rust-light);}
.sec-head{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:24px;margin-bottom:44px;
}

/* ---------- hero ---------- */
.hero{padding-top:72px;padding-bottom:86px;}
.hero .skyline{width:100%;margin-bottom:36px;opacity:.9;}
.hero h1{max-width:920px;margin-bottom:24px;}
.hero .lede{margin-bottom:34px;}

/* ---------- pull quote band ---------- */
.pull p{
  font-family:var(--serif);font-size:clamp(21px,2.5vw,31px);
  line-height:1.45;max-width:880px;color:#F4F1EB;
}

/* ---------- grids ---------- */
.grid{display:grid;gap:1px;}
.grid > *{outline:1px solid var(--line);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
.cell{background:var(--cream);padding:30px 26px 34px;transition:background .2s ease;}
.sec-alt .cell{background:var(--cream-deep);}
.cell h3{margin-bottom:11px;}
.cell p{font-size:14px;line-height:1.62;color:var(--grey);}
.cell-accent h3{color:var(--rust);}

a.cell{text-decoration:none;display:block;}
a.cell:hover{background:#FBFAF7;}
.sec-alt a.cell:hover{background:var(--cream);}

/* case study cell */
.cs-tag{
  font-size:10.5px;letter-spacing:1.6px;color:var(--rust);
  font-weight:500;margin-bottom:11px;
}
.cs h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2;margin-bottom:12px;}
.cs p{font-size:14px;line-height:1.65;color:var(--grey);margin-bottom:18px;}
.cs .more{font-size:12.5px;letter-spacing:.6px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:3px;}
a.cell:hover .more{border-color:var(--rust);}

/* ---------- filter ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}
.filters button{
  font-family:var(--sans);font-size:11.5px;letter-spacing:1.3px;font-weight:500;
  padding:9px 17px;border:1px solid var(--line);background:transparent;
  color:var(--grey);cursor:pointer;transition:all .18s ease;
}
.filters button:hover{border-color:var(--ink);color:var(--ink);}
.filters button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;}
.cs-hidden{display:none !important;}

/* ---------- service list (services page) ---------- */
.svc{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:270px 1fr;gap:36px;}
.svc:last-of-type{border-bottom:1px solid var(--line);}
.svc h3{font-size:22px;}
.svc p{font-size:16px;line-height:1.68;color:var(--grey);}

/* ---------- steps ---------- */
.steps{counter-reset:step;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);}
.steps > *{outline:1px solid var(--line);}
.step{background:var(--cream);padding:28px 24px 32px;}
.sec-alt .step{background:var(--cream-deep);}
.step .num{
  font-family:var(--serif);font-size:30px;color:var(--rust);
  line-height:1;margin-bottom:14px;display:block;
}
.step h3{font-size:18px;margin-bottom:9px;}
.step p{font-size:13.5px;line-height:1.6;color:var(--grey);}

/* ---------- faq ---------- */
.faq{border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{
  list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-family:var(--serif);font-size:20px;line-height:1.3;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{
  content:'';position:absolute;right:6px;top:50%;width:11px;height:11px;
  border-right:1.5px solid var(--rust);border-bottom:1.5px solid var(--rust);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s ease;
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg);}
.faq .answer{padding:0 40px 24px 0;font-size:15.5px;line-height:1.7;color:var(--grey);max-width:760px;}

/* ---------- case study article ---------- */
.article{padding:56px 0 92px;}
.article .back{font-size:12px;letter-spacing:1.3px;color:var(--rust);text-decoration:none;font-weight:500;display:inline-block;margin-bottom:34px;}
.article h1{max-width:860px;margin-bottom:20px;font-size:clamp(30px,3.9vw,46px);}
.article .disclaimer{font-size:12.5px;letter-spacing:.4px;color:var(--grey);font-style:italic;margin-bottom:46px;padding-bottom:26px;border-bottom:1px solid var(--line);}
.article h2{font-size:25px;margin:46px 0 18px;}
.article p{font-size:16.5px;line-height:1.75;max-width:720px;}
.article p + p{margin-top:20px;}

.exhibit{margin:40px 0;border:1px solid var(--line);background:#fff;cursor:zoom-in;transition:border-color .2s ease;}
.exhibit:hover{border-color:var(--grey);}
.exhibit img{width:100%;}
.exhibit figcaption{
  font-size:11.5px;letter-spacing:.5px;color:var(--grey);
  padding:11px 16px;border-top:1px solid var(--line);background:var(--cream);
}

/* lightbox */
.lb{
  position:fixed;inset:0;z-index:200;background:rgba(18,20,24,.92);
  display:none;align-items:center;justify-content:center;padding:28px;
  cursor:zoom-out;
}
.lb.open{display:flex;}
.lb img{max-width:100%;max-height:92vh;object-fit:contain;background:#fff;}
.lb-close{
  position:absolute;top:18px;right:24px;background:none;border:0;
  color:#F2EFE9;font-size:30px;line-height:1;cursor:pointer;opacity:.75;
}
.lb-close:hover{opacity:1;}

/* ---------- cta ---------- */
.cta{background:var(--cream-deep);padding:84px 0;border-top:1px solid var(--line);}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;}
.cta h2{max-width:620px;}

/* ---------- footer ---------- */
footer{padding:60px 0 54px;border-top:1px solid var(--line);}
footer .name{font-family:var(--serif);font-size:26px;margin-bottom:11px;}
footer .tag{font-size:14px;color:var(--grey);margin-bottom:18px;max-width:640px;}
footer .meta{font-size:11.5px;letter-spacing:1.3px;}
footer .meta a{text-decoration:none;border-bottom:1px solid var(--line);}
footer .meta a:hover{border-color:var(--rust);}

/* ---------- contact ---------- */
.contact-email{
  font-family:var(--serif);font-size:clamp(26px,3.4vw,42px);
  text-decoration:none;border-bottom:1px solid var(--line);
  display:inline-block;padding-bottom:6px;transition:border-color .2s ease;
}
.contact-email:hover{border-color:var(--rust);}

/* ---------- scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);}
  .svc{grid-template-columns:1fr;gap:10px;}
}
@media (max-width:720px){
  :root{--gutter:22px;}
  .nav-inner{padding:16px var(--gutter);}
  .nav-toggle{display:block;}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;
    background:var(--cream);border-bottom:1px solid var(--line);
    padding:8px var(--gutter) 20px;
  }
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:12.5px;}
  .nav-links a:last-child{border-bottom:0;}
  .nav-links a::after{display:none;}

  .sec{padding:62px 0;}
  .hero{padding-top:48px;padding-bottom:60px;}
  .hero .skyline{margin-bottom:28px;}
  .sec-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:30px;}
  .grid-3,.grid-2,.steps{grid-template-columns:1fr;}
  .cta{padding:62px 0;}
  .cta .wrap{flex-direction:column;align-items:flex-start;gap:28px;}
  .article{padding:36px 0 62px;}
  .article h2{margin:36px 0 14px;}
  .exhibit{margin:28px 0;}
  .btn{width:100%;text-align:center;}
  .faq summary{font-size:18px;}
}

/* ---------- form ---------- */
.form{max-width:760px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px;}
.field{display:block;margin-bottom:22px;}
.form-row .field{margin-bottom:0;}
.field > label{
  display:block;font-size:11px;letter-spacing:1.6px;font-weight:500;
  color:var(--grey);margin-bottom:9px;
}
.field input,.field select,.field textarea{
  width:100%;font-family:var(--sans);font-size:15.5px;color:var(--ink);
  background:transparent;border:1px solid var(--line);border-radius:0;
  padding:13px 14px;transition:border-color .18s ease;
  -webkit-appearance:none;appearance:none;
}
.field textarea{resize:vertical;min-height:140px;line-height:1.65;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--rust);}
.field input::placeholder,.field textarea::placeholder{color:#A8A29A;}
.field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238C3A2B' stroke-width='1.3'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;background-size:10px 6px;
  padding-right:40px;cursor:pointer;
}
.form button[type=submit]{font-family:var(--sans);cursor:pointer;}
.form button[type=submit]:disabled{opacity:.55;cursor:default;}
.form-note{font-size:13px;line-height:1.6;color:var(--grey);margin-top:18px;max-width:560px;}
.form-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;}
.form.sent{display:none;}
.form-msg{display:none;padding:30px 32px;background:var(--cream-deep);outline:1px solid var(--line);max-width:760px;}
.form-msg.show{display:block;}
.form-msg h3{margin-bottom:9px;}
.form-msg p{font-size:15px;line-height:1.65;color:var(--grey);}
.form-err{display:none;margin-top:18px;font-size:14px;color:var(--rust);max-width:600px;}
.form-err.show{display:block;}
.or-rule{
  display:flex;align-items:center;gap:18px;margin:54px 0 34px;
  font-size:11px;letter-spacing:1.8px;color:var(--grey);font-weight:500;
}
.or-rule::before,.or-rule::after{content:'';flex:1;height:1px;background:var(--line);}

/* ---------- blog ---------- */
.side-label{
  font-size:10.5px;letter-spacing:1.9px;font-weight:500;color:var(--grey);
  padding-bottom:13px;border-bottom:1px solid var(--line);
}
.side-label.bare{border-bottom:0;padding-bottom:0;}

/* category chips across the top */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chips button{
  font-family:var(--sans);font-size:12px;line-height:1;letter-spacing:.3px;
  display:inline-flex;align-items:baseline;gap:8px;
  padding:10px 15px;border:1px solid var(--line);background:transparent;
  color:var(--grey);cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.chips button:hover{border-color:var(--ink);color:var(--ink);}
.chips button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;}
.chips .count{font-size:10.5px;color:#A8A29A;font-variant-numeric:tabular-nums;}
.chips button[aria-pressed="true"] .count{color:rgba(255,255,255,.6);}
.chip-bar{border-top:1px solid var(--line);margin-top:34px;padding-top:30px;}

.post-row{
  display:block;text-decoration:none;border-bottom:1px solid var(--line);
  padding:28px 2px;transition:background .18s ease;
}
.post-row:hover{background:#FBFAF7;}
.post-row.has-thumb{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start;}
.row-thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.row-meta{
  font-size:10.5px;letter-spacing:1.6px;font-weight:500;margin-bottom:11px;
  display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;
}
.row-meta .tag + .tag,.note-head .tag + .tag{color:var(--grey);}
.row-meta .tag{color:var(--rust);}
.row-meta .date{color:var(--grey);letter-spacing:.9px;}
.post-row h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.22;margin-bottom:10px;}
.post-row p{font-size:14.5px;line-height:1.65;color:var(--grey);max-width:640px;}
.row-more{font-size:12.5px;letter-spacing:.6px;color:var(--grey);display:inline-block;margin-top:14px;}
.post-row:hover .row-more{color:var(--rust);}
.post-hidden{display:none !important;}
.no-posts{display:none;padding:34px 0;font-size:15px;color:var(--grey);}
.no-posts.show{display:block;}

/* blog list header: label on the left, search icon on the right,
   search bar opens inside the band between the two lines */
.chip-bar{padding-top:0;}
.list-head{
  position:relative;display:flex;align-items:center;gap:16px;
  min-height:68px;border-bottom:1px solid var(--line);
}
.list-head .list-label{border-bottom:0;padding-bottom:0;transition:opacity .15s ease;}
.search-toggle{
  margin-left:auto;flex:none;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:transparent;color:var(--ink);
  display:grid;place-items:center;cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.search-toggle:hover{border-color:var(--ink);}
.search-toggle .i-close{display:none;}
.list-head.open .search-toggle{background:var(--navy);border-color:var(--navy);color:#fff;}
.list-head.open .search-toggle .i-search{display:none;}
.list-head.open .search-toggle .i-close{display:block;}
.list-search{
  position:absolute;left:0;right:54px;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:14px;
  clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;
  transition:clip-path .32s ease,opacity .2s ease;
}
.list-head.open .list-search{clip-path:inset(0);opacity:1;pointer-events:auto;}
.list-head.open .list-label{opacity:0;}
.list-search input{
  flex:1;min-width:0;font-family:var(--sans);font-size:16px;color:var(--ink);
  background:transparent;border:0;border-radius:0;padding:10px 0;
  -webkit-appearance:none;appearance:none;
}
.list-search input:focus{outline:none;}
.list-search input::placeholder{color:#A8A29A;}
.list-search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;}
.search-count{flex:none;font-size:10.5px;letter-spacing:1.6px;font-weight:500;color:var(--grey);}

/* byline on an article page */
.article p.byline{font-size:13.5px;line-height:1.5;letter-spacing:.2px;color:var(--grey);margin:0 0 20px;max-width:none;}
.article p.byline a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);}
.article p.byline a:hover{border-color:var(--rust);}
.article p.byline .sep{margin:0 6px;color:#A8A29A;}

/* home: who I work with */
.who-lede{margin-bottom:36px;max-width:760px;}

/* post header on an article page */
.note-head{
  display:flex;gap:15px;align-items:baseline;flex-wrap:wrap;
  font-size:11px;letter-spacing:1.6px;font-weight:500;
  margin-bottom:44px;padding-bottom:24px;border-bottom:1px solid var(--line);
}
.note-head .tag{color:var(--rust);}
.note-head .date{color:var(--grey);letter-spacing:.9px;}

@media (max-width:900px){
  .chips{gap:7px;}
  .chips button{padding:9px 13px;font-size:11.5px;}
  .chip-bar{margin-top:28px;padding-top:0;}
}
@media (max-width:560px){
  .post-row.has-thumb{grid-template-columns:1fr;gap:16px;}
  .post-row h3{font-size:22px;}
}

/* ---------- 404 ---------- */
.nf{padding:118px 0 128px;}
.nf .code{font-family:var(--serif);font-size:clamp(62px,9vw,110px);line-height:1;color:var(--line);margin-bottom:14px;}
.nf h1{margin-bottom:20px;}
.nf .lede{margin-bottom:34px;}
.nf-links{display:flex;flex-wrap:wrap;gap:0 34px;border-top:1px solid var(--line);padding-top:26px;margin-top:46px;}
.nf-links a{font-size:12px;letter-spacing:1.3px;font-weight:500;text-decoration:none;color:var(--grey);padding:7px 0;}
.nf-links a:hover{color:var(--rust);}

@media (max-width:720px){
  .form-row{grid-template-columns:1fr;gap:22px;margin-bottom:22px;}
  .form-row .field + .field{margin-top:0;}
  .form-row{row-gap:22px;}
  .form button[type=submit]{width:100%;}
  .nf{padding:72px 0 86px;}
  .note-item h3{font-size:22px;}
}

/* ---------- deep links into the service list ---------- */
.svc{position:relative;scroll-margin-top:96px;}
.svc::before{
  content:'';position:absolute;left:-18px;top:-1px;bottom:0;width:2px;
  background:var(--rust);opacity:0;
}
.svc:target{opacity:1 !important;transform:none !important;}
.svc:target::before{animation:svc-bar 3.2s ease forwards;}
.svc:target h3{animation:svc-head 3.2s ease forwards;}
@keyframes svc-bar{0%{opacity:0;}10%{opacity:1;}68%{opacity:1;}100%{opacity:0;}}
@keyframes svc-head{0%{color:var(--rust);}68%{color:var(--rust);}100%{color:var(--ink);}}
@media (prefers-reduced-motion:reduce){
  .svc:target::before{animation:none;opacity:1;}
  .svc:target h3{animation:none;}
}
@media (max-width:720px){
  .svc{scroll-margin-top:92px;}
  .svc::before{left:-10px;}
}

/* ---------- blog paging ---------- */
.pager{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:34px;}
.pager.hidden{display:none;}
.pager button{
  font-family:var(--sans);font-size:12.5px;line-height:1;
  min-width:34px;height:34px;padding:0 11px;
  border:1px solid var(--line);background:transparent;color:var(--grey);
  cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease;
}
.pager button:hover:not(:disabled){border-color:var(--ink);color:var(--ink);}
.pager button[aria-current="true"]{background:var(--navy);border-color:var(--navy);color:#fff;}
.pager button:disabled{opacity:.32;cursor:default;}
.pager-gap{color:var(--grey);font-size:12.5px;padding:0 2px;}
.pager-info{margin-left:auto;font-size:12px;color:var(--grey);}
@media (max-width:560px){
  .pager-info{margin-left:0;width:100%;margin-top:10px;}
}

/* ---------- proof figures (about) ---------- */
.grid-4{grid-template-columns:repeat(4,1fr);}
.stat{padding-top:34px;padding-bottom:36px;}
.stat .fig{
  display:block;font-family:var(--serif);font-weight:400;
  font-size:clamp(25px,2.6vw,31px);line-height:1;color:var(--rust);
  margin-bottom:14px;letter-spacing:-.3px;
}
.stat p{font-size:13.5px;line-height:1.6;color:var(--grey);}
@media (max-width:900px){ .grid-4{grid-template-columns:repeat(2,1fr);} }
@media (max-width:720px){ .grid-4{grid-template-columns:1fr;} }

/* ---------- education line (about) ---------- */
.edu{
  margin-top:26px;font-size:14px;color:var(--grey);
  padding-top:18px;border-top:1px solid var(--line);max-width:720px;
}