/* Functional styles every site needs, whatever its design: loaded before the design's own stylesheet.
   Without these, the contact form's spam trap would show, and hidden things wouldn't stay hidden. */
[hidden]{display:none !important;}
.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.hp{position:absolute !important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.tnb-host:empty{display:none;}
.skip-link{position:absolute;left:-10000px;}
.skip-link:focus{left:12px;top:12px;z-index:1000;background:#fff;color:#000;padding:8px 12px;}
/* Where a service happens ("Studio or home", "At my studio"), beside its name: a small outlined tag in the heading's
   own colour, so it never runs into the name in a design that doesn't style it (decision 235). */
.where-tag{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:0;vertical-align:middle;opacity:.85;white-space:nowrap;}