/* TECHNOSTORE brand intro. Keep paired with js/brand-intro.js. */
.texno-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#101f27;color:#fff;transition:opacity 700ms cubic-bezier(.4,0,.2,1);isolation:isolate}
.texno-intro--leaving{opacity:0;pointer-events:none}
.texno-intro__brand{display:flex;align-items:center;gap:22px;width:370px;max-width:calc(100% - 48px)}
.texno-intro__mark{width:53px;height:57px;flex:none;overflow:visible;fill:currentColor}
.texno-intro__mark rect{transform-box:fill-box;transform-origin:center}
.texno-intro__word{display:flex;align-items:center;white-space:nowrap;font:500 clamp(21px,4.6vw,32px)/1.2 var(--font-brand,'Manrope',Arial,sans-serif);letter-spacing:1.1px}
.texno-intro__cursor{width:2px;height:1em;background:#c3ef3b;margin-left:4px;opacity:0}
@media(max-width:420px){.texno-intro__brand{gap:14px}.texno-intro__mark{width:42px;height:46px}}
@media(prefers-reduced-motion:reduce){.texno-intro{transition:none}}