.site-exp-hero{width:100%;padding-top:72px;position:relative}.site .site-exp-hello{font-size:1.5rem;position:absolute;top:34px;left:50%;transform:translate(-50%)rotate(-3deg)}.site-tl{margin:0 var(--pad);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:16px 16px 20px;position:relative}.site-tl-axis{border-bottom:1px solid var(--border);height:22px;margin-bottom:8px;position:relative}.site-tl-axis span{border-left:1px solid var(--border);padding-left:4px;position:absolute;bottom:4px}.site-tl-grid{pointer-events:none;position:absolute;inset:46px 16px 20px}.site-tl-grid span{border-left:1px solid var(--line);position:absolute;top:0;bottom:0}.site-tl-bars{gap:8px;display:grid;position:relative}.site-tl-bars li{border-radius:8px;height:34px;position:relative}.site-tl-bar{background:color-mix(in srgb, var(--violet) 20%, var(--card-2));color:var(--text);white-space:nowrap;transition:transform .4s var(--spring);border-radius:8px;align-items:center;padding:0 10px;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.site-tl-bar:hover{transform:translateY(-2px)}.site-tl-bar[style*="--live: 1"]{background:var(--violet);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.site-tl-label{text-overflow:ellipsis;overflow:hidden}@media (max-width:640px){.site-tl-axis span:first-child{display:none}.site-tl-bars li{height:40px}.site-tl-bar{border-radius:4px;height:12px;padding:0;top:auto;overflow:visible}.site-tl-bar[style*="--live: 1"]{clip-path:none}.site-tl-label{color:var(--text);font-size:.6875rem;position:absolute;bottom:17px;left:0;overflow:visible}}.site-co-list{margin:0 var(--pad);gap:16px;display:grid}.site-co{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:1fr;display:grid;position:relative}.site-co-side{border-bottom:1px dashed var(--line);background:var(--card-2);border-radius:var(--radius) var(--radius) 0 0;padding:20px}.site-co-side-inner{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.site .site-co-logo{border:1px solid var(--border);width:100%;max-width:220px;height:76px;transition:transform .4s var(--spring);background:#fff;border-radius:12px;place-items:center;padding:14px 20px;display:grid;box-shadow:inset 0 0 0 3px #f4f4f5}.site .site-co-logo:hover{transform:rotate(-1.5deg)scale(1.02)}.site-co-logo svg{max-width:100%;height:auto;max-height:44px}.site-co-roles{display:grid}.site-co-role{padding:22px 22px 26px}.site-co-role+.site-co-role{border-top:1px solid var(--line)}.site-co-role-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.site .site-co-role-head h3{letter-spacing:-.025em;font-size:1.1875rem;font-weight:500}.site .site-co-overview{max-width:70ch;color:var(--text-2);margin-top:10px;line-height:1.8}.site-co-overview strong,.site-co-points strong{color:var(--text);font-weight:600}.site .site-co-overview a,.site .site-co-points a{color:var(--violet-text);text-underline-offset:3px;text-decoration:underline}.site-co-points{border-top:1px dashed var(--line);gap:10px;margin-top:18px;padding-top:16px;display:grid}.site-co-points li{max-width:70ch;color:var(--text-2);grid-template-columns:auto 1fr;gap:12px;font-size:.9375rem;line-height:1.7;display:grid}.site-co-slab{background:var(--violet);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 100%);width:7px;height:7px;margin-top:.7em}.site .site-co-note{display:none}.site-co-foot{justify-content:center;margin-top:28px;display:flex}@media (min-width:900px){.site-co{grid-template-columns:280px 1fr}.site-co-side{border-right:1px dashed var(--line);border-radius:var(--radius) 0 0 var(--radius);border-bottom:0}.site-co-side-inner{position:sticky;top:84px}}@media (min-width:1200px){.site .site-co-note{font-size:1.375rem;display:block;position:absolute;top:-30px;right:28px;transform:rotate(3deg)}.site-co-scribble{margin-right:6px;display:inline-block;transform:scaleX(-1)rotate(30deg)scale(.8)}}.site-grow{margin:0 var(--pad);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);display:grid;overflow:hidden}.site-grow-row{gap:12px;padding:18px 20px;display:grid}.site-grow-row+.site-grow-row{border-top:1px dashed var(--line)}.site .site-grow-role{margin-top:4px;font-weight:500}.site .site-grow-role span{color:var(--text-3);font-weight:400}.site-grow-items{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.site-lessons{margin:0 var(--pad);gap:16px;display:grid}.site .site-lesson{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);height:100%;transition:border-color .25s var(--ease), transform .4s var(--spring);flex-direction:column;display:flex;overflow:hidden}.site .site-lesson:hover{border-color:var(--violet);transform:translateY(-4px)rotate(-.4deg)}.site-lesson-cover{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--card-2);position:relative;overflow:hidden}.site-lesson-cover img{object-fit:cover;transition:transform .6s var(--ease)}.site .site-lesson:hover .site-lesson-cover img{transform:scale(1.04)}.site .site-lesson-no{color:#fff;font-family:var(--mono);background:#09090bc7;border-radius:6px;padding:3px 9px;font-size:.6875rem;position:absolute;top:12px;right:12px}.site-lesson-body{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.site .site-lesson-title{letter-spacing:-.02em;font-size:1.125rem;font-weight:500;line-height:1.35}.site .site-lesson-note{color:var(--violet-text);transform-origin:0;font-size:1.375rem;line-height:1.15;transform:rotate(-1deg)}.site .site-lesson-text{color:var(--text-2);flex:1;font-size:.9375rem;line-height:1.7}@media (min-width:900px){.site-grow-row{grid-template-columns:280px 1fr;gap:24px;padding:20px 24px}.site-lessons{grid-template-columns:repeat(3,minmax(0,1fr))}}