.tr{z-index:200;background:var(--ink);pointer-events:none;visibility:hidden;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);place-items:center;display:grid;position:fixed;inset:0}.tr[data-phase=cover]{visibility:visible;pointer-events:auto;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .75s var(--ease-io)}.tr[data-phase=reveal]{visibility:visible;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .9s var(--ease-io)}.tr-mark{font-family:var(--font-display), sans-serif;letter-spacing:.5em;color:var(--white);opacity:0;margin-right:-.5em;font-size:clamp(2rem,7vw,4.5rem);font-weight:500}.tr[data-phase=cover] .tr-mark{opacity:1;transition:opacity .4s .3s}.tr-line{background:var(--signal);transform-origin:0;width:100%;height:4px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.tr[data-phase=cover] .tr-line{transition:transform .75s var(--ease-io);transform:scaleX(1)}