.message{font-size:var(--step-1)}.intro{background-color:var(--clr-robot-red);color:var(--clr-dark);padding:var(--space-m) var(--space-l)}@media screen and (min-width:768px){.intro{padding:var(--space-l) var(--space-2xl)}}.author{font-size:var(--step-1)}.robots-grid{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xl);margin:var(--space-2xl) 0}@media screen and (min-width:768px){.robots-grid{gap:var(--space-l)}}.robots-grid li{display:flex;flex-wrap:nowrap;flex-direction:column;margin:0;padding:0;gap:var(--space-s)}@media screen and (min-width:768px){.robots-grid li{flex-wrap:nowrap;flex-direction:row;gap:var(--space-l)}}.robots-grid li .robot-text{flex-basis:66%}.robots-grid li .robot-image-container{flex-basis:33%}@media screen and (min-width:1024px){.robots-grid li .robot-text{flex-basis:66%}.robots-grid li .robot-image-container{flex-basis:33%}}.robots-grid li .robot-text{order:3}@media screen and (min-width:768px){.robots-grid li .robot-text{order:unset}.robots-grid li:nth-child(2n) .robot-text{order:2}}.robots-grid li:nth-child(odd) .robot-title,.robots-grid li:nth-child(odd) .robot-text,.robots-grid li:nth-child(odd) .robot-lore{text-align:right;margin-left:auto}.robot-lore{font-size:var(--step-2);max-width:25ch}@media screen and (min-width:768px){.robot-lore{font-size:var(--step-3)}}.robots-grid li picture{display:block}.robot-image{width:100%;height:100%;object-fit:contain}.portrait-container{width:100%;height:auto;aspect-ratio:1/1}.robot-title{color:var(--clr-dark);font-size:var(--step-5);padding:var(--space-s) var(--space-l);margin:0;background-color:var(--clr-robot-red);-webkit-user-select:none;user-select:none;width:auto;transform:rotate(1deg)}@media screen and (min-width:768px){.robot-title{width:max-content}}