/* Marristo Project wordmark. */
@font-face { font-family:"Marristo Brand"; src:url("/assets/marristo-brand.ttf") format("truetype"); font-style:normal; font-weight:200 800; font-display:swap; }
.header .brand { flex-shrink:0; line-height:0; }
.marristo-logo { display:block; width:220px; height:auto; flex-shrink:0; letter-spacing:normal; }
.footer-brand .marristo-logo { width:280px; max-width:100%; }
.quality-band h2 { color:#171717; }
.quality-band > div > p:not(.eyebrow) { color:#555555; }
.quality-band-mark { display:grid; justify-items:center; gap:20px; max-width:100%; font-size:0; line-height:1; }
.quality-band-mark .marristo-monogram { display:block; width:160px; height:160px; flex-shrink:0; }
.quality-band-mark > span { position:static; inset:auto; display:block; margin:0; color:inherit; text-align:center; font-size:12px; letter-spacing:.14em; line-height:1.65; }
@media (max-width:1100px) {
  .header .marristo-logo { width:195px; }
}
@media (max-width:600px) {
  .header .brand { flex:1; min-width:0; }
  .header .marristo-logo { width:184px; max-width:100%; }
  .footer-brand .marristo-logo { width:245px; }
  .quality-band-mark { display:none; }
  .quality-band-mark .marristo-monogram { width:120px; height:120px; }
}
@media (max-width:360px) {
  .header .marristo-logo { width:175px; }
}