@charset "UTF-8";

.message-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center}
.message-portrait-column{position:relative;min-width:0}
.owner-portrait{margin:28px 0 0;position:relative;width:min(100%,390px);padding:13px;background:#e9e1d6;border:1px solid #a68d6b;box-shadow:14px 14px 0 #cfc1b0}
.owner-portrait:before{content:"";position:absolute;inset:6px;border:1px solid #c5b59f;pointer-events:none}
.owner-silhouette{min-height:285px;display:grid;place-items:end center;overflow:hidden;color:#756657;background:linear-gradient(145deg,#ddd2c4,#c8baa8)}
.owner-silhouette svg{display:block;width:min(72%,260px);height:auto;fill:currentColor;opacity:.72}
.owner-silhouette .portrait-line{fill:none;stroke:#e9e1d6;stroke-width:3;stroke-linecap:round;opacity:.55}
.owner-portrait figcaption{display:flex;justify-content:space-between;gap:14px;position:relative;padding:12px 3px 0;color:#695b4d}
.owner-portrait figcaption span{font:9px Georgia,serif;letter-spacing:.16em}
.owner-portrait figcaption small{font-size:9px}
.message-word{position:absolute;right:-30px;bottom:-28px;font-size:50px;margin:0;white-space:nowrap;pointer-events:none}
.message-word i{padding-left:5px}
.message-copy{max-width:525px}
@media(max-width:960px){.message-grid{grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr)}.owner-silhouette{min-height:255px}.message-word{font-size:42px;right:-18px}}
@media(max-width:640px){.message{padding-bottom:100px}.message-grid{grid-template-columns:1fr}.owner-portrait{width:min(88%,330px);margin:25px auto 45px}.owner-silhouette{min-height:245px}.owner-portrait figcaption{display:block}.owner-portrait figcaption small{display:block;margin-top:3px}.message-word{right:0;bottom:-29px;font-size:39px}.message-copy{max-width:none}.message-copy h2{font-size:24px}}