.career-trigger{
  display:block;width:100%;padding:0;border:0;border-radius:5px;
  background:transparent;color:inherit;font:inherit;text-align:left;
}
.career-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
.career-eyebrow{
  display:block;margin-bottom:15px;color:#a0a594;font-size:8px;letter-spacing:1px;
}
.career-title{
  display:block;font-size:17px;font-weight:600;letter-spacing:-.5px;
  line-height:1.8;word-break:keep-all;text-wrap:balance;transition:color .2s;
}
.career-title b{
  margin-right:5px;color:var(--accent);font-size:29px;font-weight:500;vertical-align:-2px;
}
.career-summary{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.7;word-break:keep-all}
.career-hint{
  display:block;margin-top:10px;color:var(--accent);font-size:9px;line-height:1.7;
  transition:color .2s,transform .4s var(--spring);
}
@media(hover:hover){
  .career-trigger:hover .career-title{color:var(--accent)}
  .career-trigger:hover .career-hint{color:var(--ink);transform:translateX(3px)}
}
.career-dialog{width:min(520px,calc(100% - 32px))}
.career-dialog .contact-dialog-panel{padding:28px}
.career-dialog h2{font-size:31px;word-break:keep-all;overflow-wrap:anywhere}
.career-intro{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.85;word-break:keep-all}
.career-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  margin:25px 0;padding:21px 0;border-block:1px solid #ffffff14;
}
.career-stats>div+div{padding-left:24px;border-left:1px solid #ffffff14}
.career-stats strong{color:var(--accent);font-size:46px;font-weight:700;line-height:1.1;letter-spacing:-2px}
.career-stats strong span{margin-left:6px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}
.career-stats p{margin-top:9px;color:var(--muted);font-size:11px}
.career-story+.career-story{margin-top:23px}
.career-story h3{margin-bottom:9px;font-size:14px;font-weight:650;letter-spacing:-.025em}
.career-story p,.career-story li>span{color:var(--muted);font-size:12px;line-height:1.85;word-break:keep-all}
.career-story ul{margin:0;padding:0;list-style:none}
.career-story li{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #ffffff0e}
.career-story li:first-child{padding-top:0}
.career-story li:last-child{padding-bottom:0;border-bottom:0}
.career-story li>strong{font-size:12px;font-weight:600;line-height:1.6}
.career-dialog .dialog-signature{margin-top:25px;padding-top:18px;border-top:1px solid #ffffff14}
@media(max-width:1050px){.career-title{font-size:14px}}
@media(max-width:720px){
  .career-eyebrow{margin-bottom:10px;font-size:7px;letter-spacing:.2px}
  .career-title{font-size:12px;line-height:1.6}
  .career-title b{font-size:23px}
  .career-summary{font-size:9px}
  .career-hint{margin-top:8px;font-size:8px;word-break:keep-all}
  .career-dialog{width:calc(100% - 24px)}
  .career-dialog .contact-dialog-panel{padding:24px}
  .career-dialog h2{font-size:27px}
  .career-stats{margin:22px 0;padding:18px 0;gap:20px}
  .career-stats>div+div{padding-left:20px}
  .career-stats strong{font-size:42px}
}
@media(max-width:360px){
  .career-title{font-size:11px}
  .career-summary{font-size:8px}
  .career-dialog .contact-dialog-panel{padding:19px}
  .career-dialog h2{font-size:25px}
  .career-intro,.career-story p,.career-story li>span{font-size:11px}
}
html[data-motion=off] .career-hint{transform:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .career-hint{transform:none}}

/* A permanent, readable timeline alongside the compact career dialog. */
.experience-overview{
  display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;
  padding:34px 0;border-block:1px solid var(--line);
}
.experience-years>span{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px}
.experience-years>strong{
  display:block;margin:15px 0 10px;color:var(--accent);font-size:76px;
  font-weight:700;letter-spacing:-4px;line-height:1;
}
.experience-years>strong>span{margin-left:9px;font-size:20px;font-weight:500;letter-spacing:-.5px}
.experience-years>p{color:var(--muted);font-size:12px;line-height:1.8;word-break:keep-all}
.experience-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.experience-counts>div+div{border-left:1px solid var(--line);padding-left:28px}
.experience-counts strong{display:block;color:var(--ink);font-size:48px;font-weight:650;line-height:1.15;letter-spacing:-2px}
.experience-counts strong>span{margin-left:5px;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}
.experience-counts>div>span{display:block;margin-top:12px;color:var(--muted);font-size:11px}
.experience-row{
  display:grid;grid-template-columns:190px minmax(0,1fr);gap:50px;
  padding:34px 0;border-bottom:1px solid var(--line);
}
.experience-index{display:flex;flex-direction:column;align-items:start;gap:10px;padding-top:5px}
.experience-index>span{color:var(--muted);font-size:9px;letter-spacing:1px;line-height:1.7}
.experience-index>span:first-child{color:var(--accent)}
.experience-detail h3{font-size:24px;font-weight:600;letter-spacing:-.04em;line-height:1.45;word-break:keep-all}
.experience-detail>p{max-width:66ch;margin-top:12px;color:var(--muted);font-size:13px;line-height:1.95;word-break:keep-all}
.experience-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none}
.experience-tags>li{padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:9px;line-height:1.4}
.experience-link{
  display:inline-flex;align-items:center;gap:15px;min-height:36px;margin-top:12px;
  color:var(--accent);font-size:12px;line-height:1.7;text-underline-offset:5px;
}
.experience-link:hover{text-decoration:underline}
.experience-footnote{margin-top:24px;color:var(--muted);font-size:10px;letter-spacing:.7px;line-height:1.8}
@media(max-width:1050px){
  .experience-row{grid-template-columns:145px minmax(0,1fr);gap:32px}
  .experience-overview{gap:32px}
}
@media(max-width:720px){
  .experience-section .section-heading h2{font-size:26px}
  .experience-section .section-heading p{font-size:11px;line-height:1.8;word-break:keep-all}
  .experience-overview{display:block;padding:25px 0}
  .experience-years>span{font-size:8px;letter-spacing:1.1px}
  .experience-years>strong{margin:14px 0 10px;font-size:64px}
  .experience-years>strong>span{font-size:18px}
  .experience-years>p{font-size:11px}
  .experience-counts{gap:22px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
  .experience-counts>div+div{padding-left:22px}
  .experience-counts strong{font-size:40px}
  .experience-counts>div>span{margin-top:9px;font-size:10px}
  .experience-row{display:block;padding:27px 0}
  .experience-index{flex-direction:row;justify-content:space-between;gap:12px;padding:0;margin-bottom:14px}
  .experience-index>span{font-size:8px;letter-spacing:.5px}
  .experience-detail h3{font-size:16px}
  .experience-detail>p{margin-top:10px;font-size:12px;line-height:1.9}
  .experience-tags{margin-top:15px;gap:6px}
  .experience-tags>li{padding:5px 9px;font-size:8px}
  .experience-link{font-size:11px}
  .experience-footnote{font-size:9px;letter-spacing:.3px}
}
@media(max-width:360px){.experience-detail>p{font-size:11px}}