.wordmark{--wordmark-size:28px;display:inline-flex;align-items:center;justify-content:center;gap:.1em;color:#2b2724;line-height:1}
.wordmark-mark{position:relative;display:block;flex:0 0 auto;width:calc(var(--wordmark-size)*.78);height:calc(var(--wordmark-size)*.78)}
.wordmark-layer{position:absolute;inset:0;mask-image:url("/assets/noam-mark.svg");mask-repeat:no-repeat;mask-size:300% 100%;-webkit-mask-image:url("/assets/noam-mark.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-size:300% 100%}
.wordmark-back{background:#a09585;mask-position:left center;-webkit-mask-position:left center}
.wordmark-front{background:currentColor;mask-position:right center;-webkit-mask-position:right center}
.wordmark-name{font-family:"Radio Canada Big",OpenSauce,system-ui,sans-serif;font-size:var(--wordmark-size);font-weight:700;letter-spacing:-.025em;line-height:.8;white-space:nowrap}
.icon{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}