.selected-work .work-grid .work-description { color: #52656a; font-size: 1rem; line-height: 1.7; margin-top: 1rem; }
.experience-all { max-width: var(--content); margin: 1.75rem auto 0; }
.experience-page .service-intro .experience-note { font-size: 1rem; line-height: 1.7; max-width: 65ch; }
.experience-page .service-intro h1 { max-width: 24ch; }
.experience-directory { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); padding-block: 1rem 3rem; }
.experience-directory article { position: relative; padding: 2rem 2.5rem 2rem 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; }
.experience-directory article:nth-child(even) { padding-left: 2.5rem; padding-right: 0; }
.experience-directory article:nth-child(odd) { border-right: 1px solid var(--line); }
.experience-directory .experience-category { margin: 0 0 1rem; font-size: .875rem; color: #52656a; }
.experience-directory h2 { font-size: clamp(1.5rem,2.3vw,2rem); line-height: 1.25; }
.experience-directory h2 a { text-decoration-thickness: 1px; text-underline-offset: .2em; }
.experience-directory h2 a::after { content: ''; position: absolute; inset: 0; }
.experience-directory h2 a:focus-visible { outline: none; }
.experience-directory h2 a:focus-visible::after { outline: 2px solid var(--ink); outline-offset: -3px; }
.experience-directory article:hover { background: var(--paper-bright); }
.experience-directory article > p:not(.experience-category) { margin: 0 0 1.5rem; font-size: 1rem; line-height: 1.7; color: #52656a; max-width: 52ch; }
.experience-read { margin-top: auto; font-size: .875rem; text-decoration: underline; text-underline-offset: .2em; }
.experience-page .service-contact .assignment-link { margin-top: 1rem; }
@media(max-width: 42rem) {
 .experience-directory { grid-template-columns: 1fr; }
 .experience-directory article:nth-child(n) { border-right: 0; padding: 1.75rem 0; }
}