/* Content subpages: Experience, About, Projects, Certifications index */

.page{padding:calc(var(--header-h) + clamp(48px,8svh,96px)) 0 clamp(72px,12svh,120px)}
.page .h2,
.page > .wrap > h1,
.page > .wrap > section > h2{
  scroll-margin-top:calc(var(--header-h) + 20px);
}
.page-hero{padding-bottom:clamp(40px,6svh,72px);border-bottom:1px solid var(--line);margin-bottom:clamp(40px,6svh,72px)}
.page-hero .h2{margin-top:clamp(16px,2.5vw,24px)}
.page-hero .lede{margin-top:clamp(14px,2vw,20px)}

.role-stack{display:grid;gap:clamp(28px,4vw,40px)}
.role-block{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--line);border-radius:4px;background:linear-gradient(165deg,var(--surface) 0%,var(--bg-2) 100%)}
.role-block--highlight{border-color:var(--line-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.role-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:14px}
.role-head h2{font:500 clamp(22px,2.2vw,28px)/1.2 var(--sans);letter-spacing:-.03em;color:var(--text)}
.role-meta{font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.role-org{font-size:15px;color:var(--body);margin-bottom:8px}
.role-org span{color:var(--muted)}
.role-when{font:500 12px/1.4 var(--mono);color:var(--muted);margin-bottom:16px}
.role-block ul{margin:12px 0 0;padding:0 0 0 1.15em;color:var(--body);font-size:15px;line-height:1.65}
.role-block li+li{margin-top:8px}
.skill-chips{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:14px 0 0;padding:0}
.skill-chip{font:500 10.5px/1.4 var(--mono);letter-spacing:.03em;color:var(--body);border:1px solid var(--line);border-radius:3px;padding:6px 10px}
.client-chips{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:14px 0 0;padding:0}
.client-chips--role{margin-top:16px}
.client-chip{font:500 10.5px/1.4 var(--mono);letter-spacing:.03em;color:var(--body);border:1px solid var(--line);border-radius:3px;padding:6px 10px}
.client-chip-loc{display:inline}
.client-chip--key{border-color:var(--line-2);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.client-chip--key .client-chip-loc{color:var(--body);font-weight:500;opacity:.82}
.role-block p{font-size:15px;line-height:1.65;color:var(--body)}
.role-block p+p{margin-top:12px}

.prose{max-width:68ch}
.prose h2{font:500 clamp(26px,3vw,36px)/1.15 var(--sans);letter-spacing:-.04em;color:var(--text);margin:clamp(36px,5vw,52px) 0 16px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:clamp(16px,1.2vw,17.5px);line-height:1.7;color:var(--body)}
.prose p+p{margin-top:14px}
.prose ul{margin:14px 0;padding:0 0 0 1.2em;font-size:15px;line-height:1.65;color:var(--body)}
.prose li+li{margin-top:8px}
.prose em{font-family:var(--serif);font-style:italic;color:var(--text)}

.edu-list{display:grid;gap:16px;margin-top:28px}
.edu-item{padding:20px 22px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.edu-item h3{font:500 18px/1.3 var(--sans);color:var(--text)}
.edu-item p{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--body)}
.edu-item .tag{display:inline-block;margin-top:10px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.project-grid{display:grid;gap:clamp(20px,3vw,28px);margin-top:clamp(28px,4vw,40px)}
@media (min-width:720px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.project-card{padding:clamp(22px,2.5vw,30px);border:1px solid var(--line);border-radius:4px;background:var(--surface);display:flex;flex-direction:column;gap:12px}
.project-card h2{font:500 clamp(20px,2vw,24px)/1.25 var(--sans);letter-spacing:-.02em;color:var(--text)}
.project-card p{font-size:15px;line-height:1.6;color:var(--body)}
.project-card ul{margin:0;padding:0 0 0 1.1em;font-size:14.5px;line-height:1.55;color:var(--body)}
.project-card .links{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:8px}

.page-cta{margin-top:clamp(40px,6vw,64px);padding-top:28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:14px}