/* Small and medium business banner under the menu: black and white, stippled photo, links to the blog post. Only the arrow circle changes colour on hover. */
.smeband{padding-top:24px}
.sme{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:80px;padding:0 18px 0 32px;border-radius:var(--r-card);background:var(--card);overflow:hidden;color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03),0 12px 28px -22px rgba(0,0,0,.25)}
.sme::before{content:"";position:absolute;inset:0;background:url(../assets/stipple-david.png) center/100% 100% no-repeat;filter:invert(var(--inv));-webkit-mask-image:linear-gradient(to right,transparent 36%,#000 62%,#000 82%,transparent 93%);mask-image:linear-gradient(to right,transparent 36%,#000 62%,#000 82%,transparent 93%)}
.smt{position:relative}
.smt .ct{font:500 clamp(18px,2.2vw,22px)/1.15 var(--head);letter-spacing:-.02em;color:var(--ink)}
.sme .go{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--card);display:flex;align-items:center;justify-content:center}
.sme:hover .go,.sme:focus-visible .go{background:var(--orange);color:#0a0a0a}
.sme:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media (max-width:700px){.sme{height:auto;min-height:80px;padding:16px 16px 16px 20px}.sme::before{opacity:.45;-webkit-mask-image:linear-gradient(to right,transparent 10%,#000 90%);mask-image:linear-gradient(to right,transparent 10%,#000 90%)}.smt .ct{font-size:18px}}