#ribbon-intro #track{height:900vh}#ribbon-intro .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}#ribbon-intro .hl{position:absolute;left:0;right:0;font-weight:400;font-size:clamp(40px,6.7vw,130px);line-height:1;letter-spacing:-.055em;white-space:nowrap;text-align:center;will-change:transform}#ribbon-intro #l1{top:calc(50% - .98em)}#ribbon-intro #l2{top:calc(50% + .03em)}#ribbon-intro #l1 span,#ribbon-intro #l2 span{display:inline-block}#ribbon-intro #l1 span{margin-right:15vw}#ribbon-intro #l2 span{margin-left:15vw}#ribbon-intro #cap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15em;text-align:center;font-size:clamp(9px,.74vw,13px);font-weight:500;line-height:1.3;letter-spacing:.03em;text-transform:uppercase;color:var(--ink)}#ribbon-intro #gl{position:absolute;inset:0;width:100%;height:100%;display:block}#ribbon-intro .top{position:absolute;left:32px;right:32px;top:26px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#ribbon-intro .top{justify-content:flex-start}#ribbon-intro .acts{margin-left:auto}#ribbon-intro #pager{display:flex;margin:-26px 0 0 28px;pointer-events:auto}#ribbon-intro #pager span{display:grid;place-items:center;width:44px;height:50px;border:1px solid var(--line);border-top:0;margin-left:-1px;font:400 11px 'IBM Plex Mono',monospace;color:var(--mid)}#ribbon-intro #glow{position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(rgba(244,241,234,.1),rgba(244,241,234,0))}#ribbon-intro #cross{position:absolute;left:32px;right:32px;top:37.5%;height:1px;background:var(--line)}#ribbon-intro #cross i{position:absolute;left:50%;top:-.62em;margin-left:-.3em;font:400 13px 'IBM Plex Mono',monospace;color:var(--mid);background:var(--bg);padding:0 .3em;line-height:1.2}#ribbon-intro .logo{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;letter-spacing:.09em}#ribbon-intro .logo svg{width:22px;height:18px;fill:var(--ink)}#ribbon-intro .acts{display:flex;align-items:center;gap:7px;pointer-events:auto}#ribbon-intro .acts a{display:flex;align-items:center;gap:9px;height:32px;padding:0 15px;border:1px solid rgba(244,241,234,.55);border-radius:99px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.06em;transition:background .2s,color .2s}#ribbon-intro .acts a:hover{background:var(--ink);color:var(--bg)}#ribbon-intro .acts a i{width:6px;height:6px;border-radius:50%;background:currentColor}#ribbon-intro .acts a b{display:block;width:13px;height:7px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}#ribbon-intro #hint{position:absolute;left:50%;top:33px;transform:translateX(-50%);font:400 11.5px 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--ink);padding-bottom:6px;border-bottom:1px solid var(--line)}#ribbon-intro .bot{position:absolute;left:32px;right:32px;bottom:26px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:12.5px;line-height:1.35;pointer-events:none}#ribbon-intro .bot p{color:var(--ink);max-width:21em}#ribbon-intro .bot .mid{font:400 11.5px 'IBM Plex Mono',monospace;letter-spacing:.06em}#ribbon-intro .bot .mid s{text-decoration:none;color:var(--mid);margin:0 .9em}#ribbon-intro .bot .r{justify-self:end;display:flex;gap:12px;align-items:center;font:400 11.5px 'IBM Plex Mono',monospace;letter-spacing:.06em}#ribbon-intro .bot .r:after{content:"";width:22px;height:1px;background:var(--ink)}#ribbon-intro #rule{position:absolute;left:3.5vw;right:3.5vw;top:50%;height:1px;background:var(--line);transform-origin:left;transform:scaleX(0)}#ribbon-intro #name{position:absolute;left:0;top:0;padding:6px 11px;background:var(--ink);color:var(--bg);border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.04em;pointer-events:none;opacity:0;transition:opacity .16s;white-space:nowrap}