.experience-sheet {
  max-inline-size: 86rem;
  margin-inline: auto;
  padding: clamp(1.75rem, 4vw, 4.5rem) var(--space);
}
.experience-cover {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 23%);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: end;
  border-block-end: 2px solid var(--ink);
}
.experience-cover > div { padding-block-end: clamp(1.25rem, 3vw, 2.5rem); }
.experience-cover h1 { font-size: clamp(2.35rem, 5.2vw, 5.2rem); margin: 0 0 .25em; line-height: 1.2; }
.experience-name { margin: 0; font-size: clamp(1.6rem, 2.8vw, 2.75rem); font-weight: 700; line-height: 1.35; }
.experience-paper-label, .experience-paper-mark { display: none; }
.experience-practice, .experience-agency { margin: .15em 0; }
.experience-cover a, .experience-sheet nav a, .experience-work a { text-underline-offset: .22em; }
.experience-actions, .experience-contact, .experience-years, .experience-end { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.4rem; }
.experience-actions { margin-block: 1.15rem .5rem; }
.experience-actions a, .experience-end a, .experience-years a { display: inline-flex; align-items: center; min-block-size: 44px; }
.experience-actions button { cursor: pointer; }
.experience-contact { color: var(--muted); font-size: 1rem; }
.experience-portrait { justify-self: center; display: block; max-inline-size: 100%; inline-size: auto; block-size: min(33vw, 21rem); object-fit: contain; object-position: bottom; }
.experience-years { padding-block: .25rem; }
.experience-years a { font-variant-numeric: tabular-nums; font-weight: 700; padding-inline: .3em; }
.experience-year { display: grid; grid-template-columns: minmax(6.5rem, .48fr) minmax(0, 2fr); gap: clamp(1rem, 4vw, 3rem); border-block-start: 1px solid var(--ink); padding-block: 1.3rem 2rem; scroll-margin-block-start: 1rem; }
.experience-year h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 4rem); line-height: 1.25; font-variant-numeric: tabular-nums; }
.experience-year ol { list-style: none; padding: 0; margin: 0; }
.experience-year li { display: grid; grid-template-columns: minmax(6rem, .48fr) minmax(0, 1.52fr); gap: clamp(.75rem, 2.5vw, 2.5rem); padding-block: .95rem; }
.experience-year li:first-child { padding-block-start: 0; }
.experience-year li + li { border-block-start: 1px solid var(--rule); }
.experience-period { color: var(--muted); font-size: 1.05rem; line-height: 1.55; }
.experience-work { min-inline-size: 0; }
.experience-work h3 { margin: 0; font-size: clamp(1.4rem, 2vw, 1.9rem); line-height: 1.3; }
.experience-work h3 a { text-decoration: none; }
.experience-work h3 a:is(:hover,:focus-visible) { text-decoration: underline; }
.experience-work p { margin: .35em 0; line-height: 1.55; }
.experience-title { font-weight: 700; }
.experience-work > a { font-size: 1rem; }
.experience-end { border-block-start: 1px solid var(--ink); padding-block-start: .6rem; }
@media (max-width: 700px) {
  .experience-cover { grid-template-columns: 1fr; position: relative; }
  .experience-portrait { display: none; }
  .experience-name { font-size: 1.7rem; }
  .experience-year { grid-template-columns: minmax(0,1fr); gap: .8rem; }
  .experience-year li { display: block; }
  .experience-period { margin-block-end: .35rem; }
}
@page { size: A4; margin: 14mm 15mm; }
@media print {
  html:root, body, main, .experience-sheet { background: var(--white); color: black; overflow: visible; }
  .arrival, .navigation-progress, .site-header, .skip, footer, .profile-navigation, .experience-samples, .experience-actions, .experience-years, .experience-end { display: none !important; }
  .experience-sheet { padding: 0; max-inline-size: none; margin: 0; font-size: 10.5pt; }
  .experience-cover { display: block; border-block-end: 1.5pt solid; }
  .experience-cover > div { padding: 0 0 3mm; }
  .experience-paper-mark { display: block; float: inline-end; width: 24mm; height: auto; margin-block-start: 2.8mm; }
  .experience-work h3 a, .experience-agency a { display: none; }
  .experience-paper-label { display: inline; }
  .experience-cover h1 { margin: 0; font-size: 22pt; }
  .experience-name { font-size: 16pt; }
  .experience-practice, .experience-agency { display: inline; font-size: 10.5pt; }
  .experience-agency { margin-inline-start: 3mm; }
  .experience-contact { color: black; font-size: 9pt; gap: 5mm; }
  .experience-portrait { display: none; }
  .experience-sheet a { color: inherit; text-decoration: none; }
  .experience-year { display: block; padding: 3mm 0 0; border: 0; }
  .experience-year h2 { font-size: 15pt; border-block-end: 1pt solid; padding-block-end: 1mm; break-after: avoid; }
  .experience-year li { display: block; padding-block: 1.6mm; font-size: 11pt; break-inside: avoid; }
  .experience-year li:first-child { padding-block-start: 1.6mm; }
  .experience-period { float: inline-end; margin-inline-start: 5mm; margin-block-end: 0; font-size: 9pt; color: black; }
  .experience-work h3 { font-size: 12pt; }
  .experience-work p { margin: .25mm 0; max-inline-size: none; font-size: 11pt; line-height: 1.45; }
  .experience-work > a { display: none; }
}