.masthead { display: flex; align-items: center; gap: 15px; padding-block: 27px; }
.field-mark { flex: 0 0 34px; height: 38px; border-radius: 16px 4px 16px 4px; background: #a1ba99; position: relative; }
.field-mark::after { content: ''; position: absolute; inset: 9px 11px 9px 9px; border-radius: 8px 2px 8px 2px; background: var(--paper); }
.masthead-name { font: 24px/1.1 var(--serif); letter-spacing: -0.025em; }
.masthead-description { font-size: 16px; color: var(--muted); margin-top: 4px; }
@media (max-width: 720px) { .masthead { padding-block: 22px; } .masthead-name { font-size: 22px; } }