/* Approved landing design — independent of the tuning panel. */
main {
  --tune-font: Manrope, sans-serif;
  --tune-name: 19px;
  --tune-body: 15px;
  --tune-label: 13px;
  --tune-weight: 400;
  --tune-name-weight: 500;
  --tune-name-line: 27px;
  --tune-body-line: 24px;
  --tune-row-line: 23px;
  --tune-label-line: 20px;
  --tune-tracking: 0em;
  --tune-sections: 64px;
  --tune-projects: 16px;
  --tune-roles: 16px;
  --tune-intro: 16px;
  --tune-name-label: 0px;
  --tune-top: 92px;
  --tune-mobile-top: 64px;
}
main{--type-headings-font:Manrope,sans-serif;--type-headings-size:19px;--type-headings-weight:500;--type-headings-line:27px;--type-headings-tracking:0em}
main h1{font-family:var(--type-headings-font);font-size:var(--type-headings-size);font-weight:var(--type-headings-weight);line-height:var(--type-headings-line);letter-spacing:var(--type-headings-tracking)}
main{--type-subheadings-font:Manrope,sans-serif;--type-subheadings-size:15px;--type-subheadings-weight:400;--type-subheadings-line:23px;--type-subheadings-tracking:0em}
main summary > span, main .copy h3{font-family:var(--type-subheadings-font);font-size:var(--type-subheadings-size);font-weight:var(--type-subheadings-weight);line-height:var(--type-subheadings-line);letter-spacing:var(--type-subheadings-tracking)}
main{--type-body-font:Manrope,sans-serif;--type-body-size:15px;--type-body-weight:400;--type-body-line:24px;--type-body-tracking:0em}
main header p, main .copy p{font-family:var(--type-body-font);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);letter-spacing:var(--type-body-tracking)}
main{--type-labels-font:Manrope,sans-serif;--type-labels-size:13px;--type-labels-weight:400;--type-labels-line:20px;--type-labels-tracking:0em}
main h2, main small, main footer, main .copy a{font-family:var(--type-labels-font);font-size:var(--type-labels-size);font-weight:var(--type-labels-weight);line-height:var(--type-labels-line);letter-spacing:var(--type-labels-tracking)}
main{margin-top:var(--tune-top)}
main header p{margin-top:var(--tune-intro)}
main section,main footer{margin-top:var(--tune-sections)}
main .experience .item+.item{margin-top:var(--tune-roles)}
main .projects .item+.item{margin-top:var(--tune-projects)}
main summary{gap:var(--tune-name-label)}
main .role summary{flex-direction:column;align-items:flex-start;gap:var(--tune-name-label)}
main .role summary span{width:auto}
@media(max-width:850px){main{margin-top:var(--tune-mobile-top)}}
