


.nav .wm-link { display: none; }



.cv-mast { padding-top: var(--s3); }
.cv-mast .rule-red { margin-top: var(--s3); }
.cv-mast h1 { margin-top: var(--s2); }
.cv-line, .cv-btns { margin-top: var(--s1); }
.cv-line { text-wrap: pretty; }
.cv-btns { display: flex; flex-direction: column; align-items: center; row-gap: 8px; }   
.cv-btns .link { display: inline-flex; align-items: center; min-height: 44px; }


.cv-pic { margin-top: var(--s3); grid-template-rows: auto 1fr 1fr 1fr; row-gap: calc(18 * var(--sc));   
  --sc: calc((50cqw - var(--mx) - var(--gut) / 2) / 441);   
}
.cv-head { grid-row: 1; margin-bottom: var(--s1); text-wrap: balance; }
.cv-lines { display: grid; grid-row: 2 / span 3; grid-template-rows: subgrid; }
.cv-arch { grid-row: 2 / span 3; align-self: center; }
.cv-lines li { align-self: center; translate: 0 calc(var(--dy, 0) * var(--sc)); overflow-wrap: anywhere; }   


.cv-lines .h3 { display: flex; align-items: center; gap: var(--s1); font-size: var(--h2); line-height: 1.12; }
.cv-lines p { text-wrap: pretty; }
.cv-l li { text-align: right; margin-right: calc(-8px - var(--off, 0) * var(--sc)); }
.cv-r li { margin-left: calc(-8px - var(--off, 0) * var(--sc)); }
.cv-l .h3 { flex-direction: row-reverse; }
.cv-key { display: none; width: 28px; height: 28px; flex: none; color: var(--red); }   


.cv-band { margin: var(--s4) var(--mx) 0; }
.cv-close { padding-block: var(--s4); }
.cv-close p { margin-top: var(--s1); text-wrap: pretty; }


.force-e .arch a[data-k="e"] { --sf: var(--stone-on); --rg: var(--bone); }
.force-e .lit[data-k="e"] { --u: var(--red); }


@container site (max-width: 1199px) {   
  .cv-pic { margin-top: var(--s4); grid-template-rows: none; row-gap: 0; }
  .cv-lines { display: block; grid-row: auto; }
  .cv-head { margin-bottom: 0; }
  .cv-arch { grid-row: 2; width: min(78%, 440px); justify-self: center; margin-top: var(--s3); }
  .cv-l { grid-row: 3; margin-top: var(--s3); }
  .cv-r { grid-row: 4; margin-top: var(--s2); }   
  .cv-l, .cv-r { grid-column: 1 / -1; }
  .cv-l li { text-align: left; }
  .cv-l .h3 { flex-direction: row; }
  .cv-l li, .cv-r li { margin-inline: 0; translate: none; }
  .cv-lines li + li { margin-top: var(--s2); }
  .cv-key { display: block; }
  .cv-lines p { padding-left: calc(28px + var(--s1)); }   
}

@container site (min-width: 721px) and (max-width: 1199px) {
  .cv-l, .cv-r { grid-column: 1 / span 8; }
  .cv-arch { grid-column: 1 / -1; }   
}
