/* Guides, service pages, About and Contact. Design v3 (2026-10-22): same blue look as the project pages.
   Loads after site.css and projects.css. Everything is scoped to body.pg. */
body.pg main.w{max-width:1000px;padding-bottom:48px}
body.pg .hero{padding:36px 0 18px}
body.pg .eyebrow{font-size:16px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--muted);margin:0 0 8px}
body.pg h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}
body.pg h2{font-size:clamp(1.3rem,3vw,1.7rem);margin-bottom:12px}
body.pg h3{font-size:1.1rem;margin-bottom:6px}
body.pg .updated{font-size:14px;color:var(--muted);margin:10px 0 0}
body.pg .lead{font-family:var(--read);font-size:1.12rem;line-height:1.7;word-spacing:.06em;color:var(--ink);max-width:760px;margin:16px 0 0}
body.pg .actions{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px}
body.pg .btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}
body.pg .hero-img{margin:14px 0 0}
body.pg .hero-img img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--line);border-radius:var(--r)}

body.pg .band{padding:30px 0;border-top:1px solid var(--line)}
body.pg .band p,body.pg .band li,body.pg .steps{font-family:var(--read);font-size:1.03rem;line-height:1.75;word-spacing:.05em;color:var(--ink)}
body.pg .band p{max-width:760px}
body.pg .band ul{padding-left:20px;margin:8px 0}
body.pg .band li{margin:6px 0}
body.pg .band a,body.pg .steps a{color:var(--cta);font-weight:600}
body.pg .note{background:var(--chip);color:var(--accent)!important;padding:14px 18px;margin-top:16px;border-radius:var(--r)}
body.pg .cols{display:grid;gap:14px;grid-template-columns:1fr}
body.pg .cols>div,body.pg .cols>article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
body.pg .cols h3 a{color:var(--accent);text-decoration:none}
body.pg .cols h3 a:hover{color:var(--cta)}
body.pg .steps{padding-left:22px;max-width:760px}
body.pg .steps strong{color:var(--accent)}
body.pg .gallery{display:grid;gap:12px;grid-template-columns:1fr}
body.pg .gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
body.pg .founder{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}
body.pg .founder img{width:100%;max-width:300px;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
body.pg .facts{display:grid;grid-template-columns:130px 1fr;gap:10px 18px;max-width:760px}
body.pg .facts dt{font-weight:700;color:var(--accent)}
body.pg .facts dd{margin:0}

body.pg .cmp{width:100%;max-width:860px;border-collapse:separate;border-spacing:0;margin:8px 0;font-size:16px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
body.pg .cmp th,body.pg .cmp td{border:0;border-bottom:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;color:var(--ink)}
body.pg .cmp tr:last-child th,body.pg .cmp tr:last-child td{border-bottom:0}
body.pg .cmp thead th{background:var(--hdr);color:#fff}
body.pg .cmp tbody th{color:var(--accent);background:var(--bg);width:34%}

body.pg .band.enquire{margin:30px 0 0;padding:30px 22px;background:var(--hdr);border:0;border-radius:var(--r)}
body.pg .enquire .eyebrow{color:#9FB4DF}
body.pg .enquire h2{color:#fff}
body.pg .enquire p{color:#D5DDF0}
body.pg .enquire form{display:grid;gap:16px;max-width:560px;margin-top:18px}
body.pg .enquire label{display:grid;gap:6px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#C7D3EE;font-weight:700}
body.pg .enquire input,body.pg .enquire select{background:#fff;border:1px solid transparent;border-radius:12px;color:var(--ink);min-height:48px;padding:0 14px;font-size:16px;text-transform:none;letter-spacing:0}
body.pg .enquire input:focus,body.pg .enquire select:focus{outline:3px solid #F59E0B;outline-offset:1px}
body.pg .enquire button{min-height:50px;border-radius:var(--rb);border:0;background:#fff;color:var(--accent);font-weight:800;font-size:16px;padding:0 28px;letter-spacing:0;text-transform:none;justify-self:start}
body.pg .enquire .fine{color:#B9C4E0}
body.pg .enquire .fine a{color:#fff}
body.pg .msg{min-height:1.4em;color:#D5DDF0;font-weight:600}
body.pg .msg.err{color:#FFB4B4}

body.pg .wa-float{right:14px;bottom:14px;background:#25D366;color:#052e16;border-radius:var(--rb);min-height:48px;display:inline-flex;align-items:center}
@media(min-width:760px){
  body.pg .cols{grid-template-columns:repeat(3,1fr)}
  body.pg .cols.two{grid-template-columns:repeat(2,1fr)}
  body.pg .gallery{grid-template-columns:repeat(3,1fr)}
  body.pg .founder{grid-template-columns:300px 1fr;gap:40px}
  body.pg .hero{padding:48px 0 22px}
  body.pg .band.enquire{padding:40px 44px}
}
@media(max-width:760px){
  body.pg .facts{grid-template-columns:1fr}
  body.pg .actions .btn{flex:1 1 100%}
}

/* Type scale (Shail, 2026-10-29), same six sizes as projects.css */
body.pg h1{font-size:var(--t-h1,36px)}
body.pg h2{font-size:var(--t-h2,24px)}
body.pg h3{font-size:var(--t-card,18px)}
body.pg .lead{font-size:var(--t-card,18px)}
body.pg .band p,body.pg .band li,body.pg .steps{font-size:var(--t-body,16px)}
@media(max-width:760px){body.pg{--t-h1:28px;--t-h2:22px}}
@media(max-width:760px){body.pg .lead{font-size:var(--t-body,16px)}}