/* Experience uses the portfolio's navy, warm paper, and classical display face. */
.experience-page {
  --void:#f5f2eb; --carbon:#ebe6dc; --carbon2:#e4ded2; --carbon3:#ebe6dc;
  --ink:#152b3b; --ink-2:#465761; --ink-3:#596870; --ink-4:#596870;
  --signal:#745327; --signal-hi:#543913; --signal-lo:#543913;
  --signal-pale:#ecd3af; --signal-wash:#ebe6dc; --line:#ccc7bd; --line-2:#d7d1c5;
  --deep:#091e2e; --on-blue:#d4dbe0;
  background:var(--void); color:var(--ink);
}
.experience-page .shell,.experience-page .hero-grid {
  max-width:1360px; margin-inline:auto; padding-inline:clamp(24px,6vw,80px);
}
.experience-page .hero { background:#091e2e; border-bottom:1px solid #344651; }
.experience-page .hero-grid {
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(48px,7vw,100px); align-items:center; min-height:0; padding-block:80px 94px;
}
.experience-page .hero-copy { min-width:0; }
.experience-kicker {
  font-size:.65rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase;
  line-height:1.8; margin:0 0 26px; color:var(--ink-3);
}
.experience-page .hero .experience-kicker { color:#bac5cc; }
.experience-page .hero-h {
  font-family:var(--display); font-size:clamp(36px,4.1vw,59px); font-weight:400;
  line-height:1.3; letter-spacing:.055em; text-transform:uppercase; color:#efd2aa;
  max-width:none; margin:0 0 28px;
}
.experience-page .hero-lead { color:#c6ced2; font-size:1rem; line-height:1.85; max-width:47ch; margin-bottom:32px; }
.experience-page .btn { border-radius:0; min-height:48px; font-size:.72rem; letter-spacing:.06em; padding:14px 22px; }
.experience-page .hero .btn-primary { background:#ecd3af; border-color:#ecd3af; color:#091e2e; }
.experience-page .hero .btn-primary:hover { background:#fff0d6; border-color:#fff0d6; }
.experience-page .hero .btn-line { color:#ecd3af; border-color:#82909a; }
.experience-page .hero .btn-line:hover { color:#091e2e; background:#ecd3af; border-color:#ecd3af; }
.experience-page .hero :focus-visible { outline-color:#efd2aa; }
.career-path { min-width:0; padding-top:8px; }
.career-path ol { list-style:none; padding:0; margin:0; border-top:1px solid #53616a; }
.career-path li { display:grid; grid-template-columns:100px minmax(0,1fr); gap:20px; padding:24px 0; border-bottom:1px solid #344651; }
.career-year { color:#ecd3af; font-size:.68rem; letter-spacing:.035em; line-height:1.8; padding-top:4px; }
.career-path h2 { font-family:var(--display); color:#f2e8d8; font-size:clamp(19px,1.8vw,25px); line-height:1.4; font-weight:400; letter-spacing:.03em; margin:0 0 6px; }
.career-path li p { font-size:.78rem; color:#d4dbe0; margin:0 0 4px; line-height:1.6; }
.career-path li div>span { display:block; color:#aebdc6; font-size:.7rem; line-height:1.7; }
.career-source { display:inline-flex; gap:20px; align-items:center; min-height:44px; margin-top:14px; font-size:.7rem; color:#ecd3af; }
.career-source:hover { color:#fff0d6; }
.experience-page .section-dark { background:var(--void); }
.experience-page .section { padding-block:85px; }
.experience-page .sec-lead { max-width:650px; margin-bottom:42px; }
.experience-page .sec-lead h2,.experience-page .closer h2 { font-family:var(--display); font-weight:400; font-size:clamp(29px,3vw,44px); line-height:1.3; letter-spacing:.035em; text-transform:uppercase; }
.experience-page .sec-lead .experience-kicker { margin:0 0 20px; font-size:.65rem; }
.experience-page .sec-lead>p:last-child { font-size:.88rem; }
.experience-page .zig { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:12%; padding-block:32px; }
.experience-page .zig-media,.experience-page .zig:nth-of-type(even) .zig-media { order:0; min-width:0; }
.experience-page .zig-meta { display:none; }
.experience-page .zig-copy h3 { font-family:var(--display); font-weight:400; font-size:1.35rem; letter-spacing:.02em; }
.experience-page .zig-copy p { font-size:.88rem; line-height:1.8; }
.experience-page .gauge-top b,.experience-page .gauge-top i { color:var(--ink-2); font-size:.78rem; }
.experience-page .gauge-track { background:#d7d1c5; }
.experience-page .gauge-fill { background:#745327; }
.experience-page main>.section:last-child { padding-top:0; }
.experience-page .org { border-radius:0; background:transparent; padding:26px 16px; }
.experience-page .closer { background:#ebe6dc; padding-block:75px; }
.experience-page .closer p { font-size:.9rem; }
.experience-page .assistant-toggle { border-color:#82909a; }
@media(max-width:900px) {
  .experience-page .hero-grid { grid-template-columns:1fr; gap:48px; padding-block:54px 60px; }
  .experience-page .hero-h { font-size:clamp(32px,6.5vw,53px); }
  .experience-page .hero-lead { max-width:58ch; }
  .career-path li { grid-template-columns:110px minmax(0,1fr); }
  .experience-page .zig { gap:40px; }
}
@media(max-width:600px) {
  .experience-page .hero-h { font-size:clamp(27px,7.1vw,40px); letter-spacing:.025em; }
  .experience-page .hero-lead { font-size:.9rem; }
  .experience-page .hero-actions { gap:12px; }
  .experience-page .hero-actions .btn { flex:0 0 auto; width:100%; }
  .career-path li { grid-template-columns:82px minmax(0,1fr); gap:12px; padding-block:22px; }
  .career-year { font-size:.6rem; }
  .career-path h2 { font-size:20px; overflow-wrap:anywhere; }
  .experience-page .section { padding-block:60px; }
  .experience-page .zig { grid-template-columns:1fr; gap:24px; }
  .experience-page .orgs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .experience-page .org span { font-size:.7rem; overflow-wrap:anywhere; }
  .experience-page .closer-grid { grid-template-columns:1fr; gap:28px; }
}
@media print {
  .experience-page .hero { background:white; }
  .experience-page .hero * { color:#111!important; }
  .experience-page .hero-grid { padding:24px; gap:24px; }
  .experience-page .hero-h { font-size:28pt; }
  .experience-page .hero-actions { display:none; }
}