h1.name{margin-top:var(--space-m);font-size:var(--step-5)}.quicklink-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--space-xl);margin:var(--space-xl) auto;padding:0;width:auto;justify-content:center}@media screen and (min-width:1024px){.quicklink-container{padding:var(--space-xs)}}.hero-quicklink{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;text-align:center;text-decoration:none;font-size:var(--step-2);color:var(--clr-light)}.hero-quicklink:visited{color:var(--clr-light)}.quicklink-role-icon{max-width:4rem}@media screen and (min-width:1024px){.quicklink-role-icon{max-width:12rem}}.knight-profile{scroll-margin-top:var(--space-xl)}.portrait-lore{margin:var(--space-l) 0;display:grid;grid-template-columns:1fr;gap:0;align-items:flex-start}@media screen and (min-width:1024px){.portrait-lore{gap:var(--space-l);align-items:center;grid-template-columns:.33fr 1fr}}.lore{text-align:center;transform:translateY(-3rem)}@media screen and (min-width:1024px){.lore{transform:translateY(0);text-align:left}}.role{display:inline-block;font-size:var(--step-3);margin-bottom:var(--space-s);width:auto;background-color:var(--clr-dark);transform:rotate(-3deg);padding:var(--space-2xs)}@media screen and (min-width:1024px){.role{transform:rotate(0);background-color:transparent;padding:0;font-size:var(--step-3);margin-bottom:var(--space-l)}}.role-icon{width:var(--space-xl)}.portrait-container{aspect-ratio:1/1}.knight-portrait{width:100%;height:100%;object-fit:contain}.knights{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-l)}.knights li{padding:0;margin:0}