:root{--color:#18add8}.letter-banner{background:#f1e5da;border-left:1.5rem solid #d4b18f;display:grid;gap:3.2rem;grid-template-areas:"photo" "text" "sign";grid-template-columns:1fr;margin-right:-1.5rem;padding:4rem 1.5rem;width:calc(100% + 1.5rem)}@media (min-width:576px){.letter-banner{-moz-column-gap:1.5rem;column-gap:1.5rem;grid-template-areas:"text photo" "text sign";grid-template-columns:1fr 34%;grid-template-rows:auto 1fr;padding:1.5rem}}.letter-banner__photo{display:block;grid-area:photo;justify-self:center;width:75%}@media (min-width:576px){.letter-banner__photo{width:100%}}.letter-banner__photo img{aspect-ratio:600/798;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.letter-banner__text{color:#3d3d3d;font-size:1.7rem;grid-area:text;line-height:1.4;text-align:left}@media screen and (min-width:576px){.letter-banner__text{color:#3d3d3d;font-size:13px;font-weight:400;text-align:justify}}.letter-banner__sign{color:#3d3d3d;font-size:1.7rem;grid-area:sign;line-height:1.4;text-align:left}@media screen and (min-width:576px){.letter-banner__sign{color:#3d3d3d;font-size:13px;font-weight:400;text-align:justify}}@media (min-width:576px){.letter-banner__sign{align-self:end}}