.logo{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:900;line-height:1.05}.brand-mark{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50% 50% 50% 12px;background:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 7px 18px rgba(16,42,46,.18)}.brand-mark span{color:#fff;font-family:Georgia,serif;font-size:.78rem;letter-spacing:.04em}.brand-mark:after{content:"";position:absolute;width:14px;height:14px;right:-2px;top:-2px;border:3px solid var(--cream);border-radius:50%;background:var(--coral)}.brand-name{display:flex;flex-direction:column;font-size:.68rem;line-height:1.05;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:800}.brand-name strong{font-family:Georgia,serif;font-size:1.22rem;line-height:1.12;letter-spacing:-.01em;text-transform:none;color:var(--navy);font-weight:600}.footer .brand-name{color:#9bb4af}.footer .brand-name strong{color:#fff}.footer .brand-mark{background:#174b49}.footer .brand-mark:after{border-color:#0b2023}
@media(max-width:560px){.brand-mark{width:42px;height:42px;flex-basis:42px}.brand-name{font-size:.6rem}.brand-name strong{font-size:1.05rem}}