body{height:100vh;overflow:auto}.canvas{margin-left:var(--sidebar-w);flex:1;height:100vh;position:relative;overflow:hidden}.hero{z-index:2;position:absolute;top:50%;left:56px;transform:translateY(-50%)}.hero h1{color:var(--text-bright);letter-spacing:-.035em;margin-bottom:22px;font-family:Crimson Pro,serif;font-size:clamp(44px,5.2vw,62px);font-weight:400;line-height:1.04}.hero h1 span{color:var(--cyan);font-weight:700;display:block}.hero p{color:var(--text-dim);max-width:300px;font-size:15px;line-height:1.72}.card{background:var(--bg-card);border:1px solid var(--border);will-change:transform;border-radius:12px;flex-direction:column;width:min(30vw,380px);height:min(27vh,220px);padding:20px;text-decoration:none;transition:transform 1s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1),border-color 1s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:translate(0,0)}.card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 14px 40px #00000014}.card.c-cyan{border-left:3px solid var(--cyan)}.card.c-magenta{border-left:3px solid var(--magenta)}.card.c-yellow{border-left:3px solid var(--yellow)}.card:nth-child(2){top:8%;left:28%}.card:nth-child(3){top:10%;left:62%}.card:nth-child(4){top:36%;left:38%}.card:nth-child(5){top:39%;left:70%}.card:nth-child(6){top:64%;left:30%}.card:nth-child(7){top:67%;left:64%}.card-tag{letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.card-tag.cyan{color:var(--cyan)}.card-tag.magenta{color:var(--magenta)}.card-tag.yellow{color:var(--yellow)}.card h3{color:var(--text-bright);margin-bottom:6px;font-family:Crimson Pro,serif;font-size:15px;font-weight:600;line-height:1.3}.card p{color:var(--text-dim);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.card .card-date{color:var(--text-dim);margin-top:auto;padding-top:6px;font-family:IBM Plex Mono,monospace;font-size:10px}.hero{animation:.5s ease-out fadeIn}.card:nth-child(2){animation:.5s ease-out 50ms both fadeIn}.card:nth-child(3){animation:.5s ease-out .1s both fadeIn}.card:nth-child(4){animation:.5s ease-out .15s both fadeIn}.card:nth-child(5){animation:.5s ease-out .2s both fadeIn}.card:nth-child(6){animation:.5s ease-out .25s both fadeIn}.card:nth-child(7){animation:.5s ease-out .3s both fadeIn}@media (max-width:1000px){body{height:auto;overflow:auto}.canvas{height:auto;min-height:100vh;margin-left:0;padding:36px 24px 60px;position:static;overflow:visible}.hero{margin-bottom:32px;position:static;transform:none}.hero h1{font-size:38px}.hero p{max-width:280px;margin-bottom:8px;font-size:13px}.card{min-height:130px;margin-bottom:14px;width:100%!important;height:auto!important;position:static!important;transform:translate(0,0)!important}.card:hover{transform:translateY(-4px)!important}}@media (max-width:560px){.hero h1{font-size:30px}.hero p{max-width:260px;font-size:12.5px}.card{min-height:110px!important;padding:16px!important}}