.series-page,.tutorial-series-entry{--series-blue:#8edafa;--series-line:#ffffff1a}.series-cover{position:relative;aspect-ratio:1.5;overflow:hidden;background:#131719}.series-cover-compact{aspect-ratio:4/3}.tutorial-series-entry{display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:28px;padding:22px 0 26px;margin:0 0 28px;border-bottom:1px solid var(--series-line);color:#e9edef;text-decoration:none}.series-artwork{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1.5;padding:24px;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#7dd3fc12,transparent 65%),#131719;border:1px solid #ffffff16}.series-artwork:after{content:"";position:absolute;inset:18px;border-top:1px solid #8edafa18;border-bottom:1px solid #8edafa18;pointer-events:none}.series-artwork-code,.series-artwork-foot{font:10px/1.5 Consolas,monospace;letter-spacing:.13em;color:#788890}.series-artwork-type{display:flex;align-items:center;gap:16px;font:500 clamp(42px,5vw,70px)/1 Space Grotesk,sans-serif;letter-spacing:-.07em;color:#e4edf1}.series-artwork-type>span{font-weight:300;font-size:.65em;color:var(--series-blue)}.series-artwork-nodes{display:flex;align-items:center;gap:10px;font:10px/1.5 Consolas,monospace;letter-spacing:.06em;color:#b2c4ce}.series-artwork-nodes>span{border:1px solid #8edafa27;padding:5px 8px}.series-artwork-nodes i{height:1px;background:#8edafa40;flex:1}.series-artwork-compact{padding:16px;aspect-ratio:1.55}.series-artwork-compact .series-artwork-type{font-size:42px;gap:14px}.series-artwork-compact .series-artwork-code{font-size:8px}.series-artwork-compact .series-artwork-nodes{gap:5px;font-size:8px}.series-artwork-compact .series-artwork-nodes>span{padding:2px 5px}.series-artwork-compact .series-artwork-foot{display:none}.series-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:18px;color:var(--series-blue);font-size:11px;letter-spacing:.12em}.series-kicker>span{color:#75828a;font:10px/1.5 Consolas,monospace;letter-spacing:.1em}.series-entry-copy h2{margin:12px 0 8px;font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.025em}.series-entry-copy h2>span{margin-left:12px;font-size:20px;letter-spacing:.01em}.series-entry-copy p{margin:0;font-size:13px;line-height:1.8;color:#919ca3}.series-entry-meta{display:flex;gap:18px;margin-top:15px;font-size:11px;color:#aab5bc}.series-entry-meta>span+span{color:#74828b}.series-entry-action{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font-size:12px;color:#a6b3bc}.series-entry-action svg{transition:transform .35s ease,color .35s ease}.tutorial-series-entry:hover .series-entry-action svg{transform:translate(3px,-3px);color:var(--series-blue)}.series-page a:focus-visible,.series-page button:focus-visible,.tutorial-series-entry:focus-visible{outline:1px solid var(--series-blue);outline-offset:5px}.series-back{display:inline-flex;align-items:center;gap:9px;min-height:38px;color:#919ca4;font-size:12px}.series-back svg{transition:transform .25s ease}.series-back:hover svg{transform:translateX(-3px)}.series-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:start}.series-chapters{position:sticky;top:90px;min-width:0}.series-chapters-heading{display:flex;align-items:center;gap:18px;min-height:32px}.series-chapters-heading h2{font-size:15px;font-weight:500;white-space:nowrap}.series-chapters-heading>span{height:1px;background:var(--series-line);flex:1}.series-chapters-heading small{color:#6b7a85;font:10px/1.5 Consolas,monospace}.series-lesson-number{min-width:26px;padding-top:3px;color:#697983;font:12px/1.6 Consolas,monospace;transition:color .3s ease}.series-lesson-copy{flex:1;min-width:0}.series-lesson-copy>:first-child{display:block;color:#dde5e9;font-size:16px;line-height:1.6;font-weight:500}.series-lesson-meta{display:flex;gap:18px;margin-top:10px;font:12px/1.5 Consolas,monospace;color:#7d8d98}.series-video{position:relative;aspect-ratio:16/9;background:#080b0d;border:1px solid #8edafa20}.series-video iframe{display:block;width:100%;height:100%;border:0}.series-video-launch{display:grid;place-items:center;width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate;cursor:pointer}.series-video-control{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff38;background:#151d2424;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#edf3f5c7;transition:background-color .28s ease,border-color .28s ease,color .28s ease}.series-video-play{display:grid;place-items:center;padding-left:2px}.series-video-launch:is(:hover,:focus-visible) .series-video-control{background:#151d2445;border-color:#e0f3ff80;color:#fff}.series-video-launch:focus-visible .series-video-control{outline:2px solid #8edafa90;outline-offset:4px}.series-video-poster{object-fit:contain;z-index:-2}@media (max-width:1000px){.tutorial-series-entry{grid-template-columns:170px minmax(0,1fr);gap:20px}.series-entry-action{grid-column:2;margin-top:-6px}.series-entry-copy h2>span{display:block;margin:3px 0 0;font-size:18px}.tutorial-series-entry>:is(.series-artwork,.series-cover){grid-row:span 2}}@media (max-width:650px){.tutorial-series-entry{grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0 24px}.series-artwork-compact{aspect-ratio:.8;padding:10px}.series-cover-compact{aspect-ratio:4/3;align-self:start}.series-artwork-compact:after{inset:10px}.series-artwork-compact .series-artwork-code{font-size:7px;letter-spacing:.03em}.series-artwork-compact .series-artwork-type{flex-wrap:wrap;gap:2px;font-size:28px}.series-artwork-compact .series-artwork-nodes{font-size:6px;gap:3px}.series-artwork-compact .series-artwork-nodes>span{padding:2px}.series-entry-copy h2{margin-top:8px;font-size:19px}.series-entry-copy h2>span{font-size:15px}.series-entry-copy p{display:none}.series-kicker{gap:10px;font-size:10px}.series-entry-copy .series-kicker>span{display:none}.series-entry-meta{gap:12px;margin-top:9px;font-size:10px}.series-entry-action{font-size:11px}.series-artwork-type{font-size:52px}.series-lesson-copy>:first-child{font-size:15px}}.series-page{--series-blue:var(--archive-accent,#8edafa)}.series-back{margin-bottom:16px;min-height:44px}.series-viewer{min-width:0}.series-current-heading{min-height:82px;padding:4px 0 16px}.series-current-heading h2{margin-top:8px;font-size:clamp(18px,1.7vw,24px);line-height:1.5;font-weight:600;text-wrap:pretty;scroll-margin-top:90px}.series-current-heading h2:focus{outline:none}.series-current-heading h2:focus-visible{outline:1px solid #8edafa55;outline-offset:5px}.series-player-stage{animation:series-player-enter .28s ease-out}.series-video-empty{display:grid;place-items:center;color:#919ca3;font-size:14px}.series-viewer-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:12px 0}.series-viewer-meta .series-lesson-meta{margin:0;font-size:14px;color:#aab6bf}.series-external{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#aab6bf;transition:color .2s}.series-external:hover{color:var(--series-blue)}.series-description{color:#abb6be;font-size:14px;line-height:1.9;margin:0 0 24px}.series-paging{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--series-line);padding-top:12px}.series-paging button{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#c5cdd3;font-size:13px;cursor:pointer;transition:color .2s}.series-paging button:disabled{color:#59636c;cursor:default}.series-paging button:not(:disabled):hover{color:var(--series-blue)}.series-paging button svg{transition:transform .25s ease}.series-paging button:first-child:not(:disabled):hover svg{transform:translateX(-3px)}.series-paging button:last-child:not(:disabled):hover svg{transform:translateX(3px)}.series-paging>span{color:#7d8d98;font:12px/1.5 Consolas,monospace}.series-duration{margin:6px 0 18px;color:#8998a2;font-size:12px}.series-chapters ol{list-style:none;padding:0;margin:0}.series-chapters li{border-top:1px solid var(--series-line)}.series-chapters li:last-child{border-bottom:1px solid var(--series-line)}.series-chapter-button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:18px 12px;text-align:left;border-left:2px solid transparent;cursor:pointer;transition:background-color .24s,border-color .24s}.series-chapter-button:hover{background:#ffffff05}.series-chapter-button[aria-current]{border-left-color:var(--series-blue);background:#8edafa0b}.series-chapter-button[aria-current] .series-lesson-number{color:var(--series-blue)}.series-chapter-button .series-lesson-copy>:first-child{font-size:14px;line-height:1.65}.series-chapter-button .series-lesson-meta{margin-top:6px}.series-chapter-indicator{margin-top:5px;flex-shrink:0;color:var(--series-blue);opacity:0;transition:opacity .24s}.series-chapter-button[aria-current] .series-chapter-indicator{opacity:1}@keyframes series-player-enter{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.series-layout{grid-template-columns:minmax(0,1fr);gap:32px}.series-chapters{position:static}.series-current-heading{min-height:0}}@media (max-width:650px){.series-back{margin-bottom:8px}.series-video-control{width:44px;height:44px}.series-chapter-button{padding-block:16px}}@media (prefers-reduced-motion:reduce){.series-player-stage{animation:none}.series-page *,.tutorial-series-entry *{transition:none}}