.tic-logo{gap:.7rem}
.tic-logo__img{height:2.5rem}
.tic-logo__place{display:inline-flex;align-items:center;gap:.7rem;font-family:Montserrat,system-ui,sans-serif;font-weight:700;font-size:1rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.tic-logo__place--dark{color:#282422}
.tic-logo__place--light{color:#fff}
.tic-logo__slash{display:block;width:3px;height:1.9rem;border-radius:3px;background:#FDB801;transform:skewX(-18deg)}
@media (min-width:640px){
.tic-logo__img{height:2.85rem}
.tic-logo__place{font-size:1.15rem}
.tic-logo__slash{height:2.2rem}
}
/* the desktop nav is busy: a slightly smaller lockup in the header so it fits beside it */
@media (min-width:1280px){
header .tic-logo__img{height:2.5rem}
header .tic-logo__place{font-size:.95rem}
header .tic-logo__slash{height:1.9rem}
}/* "/ MIDDLESBROUGH" is longer than the other sites' place names. Site-only
   overrides (the theme's Logo is shared and not edited here):
   - narrow phones: shrink the header lockup so the menu button stays on screen;
   - footer: let the place name wrap under the logo instead of running into
     the "Services" column on desktop. */
@media (max-width:420px){
header .tic-logo{gap:.45rem}
header .tic-logo__img{height:2.05rem}
header .tic-logo__place{font-size:.78rem;letter-spacing:.02em;gap:.45rem}
header .tic-logo__slash{height:1.6rem}
}
footer .tic-logo{flex-wrap:wrap;row-gap:.5rem}