/* Original Helios character, with restrained warmth around the professional story. */
.profile-home #main, .profile-resume #main { max-width: 64em; margin-inline: auto; }
.profile-home #main > header { margin: 0 auto 1.5em; padding-top: 0.5em; }
.profile-home #main > header h1 { max-width: 24em; margin-inline: auto; }
.profile-home #main > header > p { max-width: 46em; margin: 1.25em auto; text-align: center; }
.profile-home #main > header > p:first-child { font-size: 1em; color: #91463d; }
.profile-home #main > header > p:last-child { font-size: 1.25em; }
.profile-home #main > header + section { text-align: center; }
.profile-home #main > header + section > p { text-align: center; font-size: 0.9em; margin-top: 1.5em; }
.profile-home ul.actions { margin-top: 1.5em; }
.profile-home .method-section { padding: 2em; background: #f7f3ef; border: 1px solid #e4dcd6; border-radius: 0.25em; }
.method-section ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5em; list-style: none; padding: 0; margin: 2em 0 0; }
.method-section ol > li { border-top: 1px solid #b47c70; padding: 1em 0 0; }
.method-section h3 { font-size: 1.2em; margin-bottom: 0.65em; }
.method-section li p { text-align: left; margin: 0; font-size: 0.95em; }
.profile-home .results-section > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2em; }
.results-section article { margin: 0; }
.results-section article > p:first-child { color: #91463d; font-size: 1.8em; line-height: 1.2; margin-bottom: 0.7em; }
.results-section h3 { font-size: 1.2em; margin-bottom: 0.65em; }
.profile-home .carousel article .image { display: flex; align-items: center; aspect-ratio: 4 / 3; margin-bottom: 1em; }
.profile-home .carousel article .image img { width: 100%; height: 100%; object-fit: contain; }
.profile-home #contact { border-top: 1px solid #e4dcd6; padding-top: 2em; }
.profile-resume #main > header > p:last-child { color: #91463d; font-size: 1.2em; }
.profile-resume dl dd { margin: 0.3em 0 1.25em; }
.profile-resume details summary { cursor: pointer; color: #91463d; padding-block: 0.75em; }
.profile-resume details[open] > section { margin-top: 1.5em; }
@media screen and (max-width: 980px) {
  .method-section ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 736px) {
  .profile-home #main, .profile-resume #main { padding-inline: 0.5em; }
  .profile-home .method-section { padding: 1.25em; }
  .method-section ol, .profile-home .results-section > div { grid-template-columns: 1fr; gap: 1.5em; }
  a[href^="mailto:"] { overflow-wrap: anywhere; }
}