.vid-head{padding-block:40px 28px}.vid-title{margin:0;font-size:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.vid-lead,.vid-title .muted{color:var(--text-muted)}.vid-lead{margin:var(--sp-3) 0 0;max-width:40rem;font-size:var(--fs-body);line-height:1.5;text-wrap:pretty}.vid-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--gutter);gap:var(--gutter)}.vid-grid>li{display:flex}@media (max-width:1023.98px){.vid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639.98px){.vid-grid{grid-template-columns:minmax(0,1fr)}}.vid-card{display:flex;flex-direction:column;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .18s var(--ease-in)}.vid-card:hover{border-color:var(--border-strong)}.vid-card-thumb{display:block;border-bottom:1px solid var(--border)}.vid-card-body{display:flex;flex-direction:column;flex:1 1}.vid-card-foot,.vid-card-learn,.vid-card-sum,.vid-card-title{padding-inline:var(--sp-5)}.vid-card-title{margin:0;padding-top:var(--sp-4);font-size:1.1875rem;line-height:1.3;letter-spacing:-.015em;font-weight:600;text-wrap:balance}.vid-card-title a{color:var(--text)}.vid-card-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.vid-card-sum{margin:0;padding-top:6px;font-size:var(--fs-ui);line-height:1.5;color:var(--text-muted);text-wrap:pretty}@supports (grid-template-rows:subgrid){@media (min-width:640px){.vid-grid{row-gap:0}.vid-grid>li{margin-bottom:var(--gutter)}.vid-card,.vid-grid>li{display:grid;grid-row:span 5;grid-template-rows:subgrid}.vid-card{grid-row-gap:0;row-gap:0}.vid-card-body{display:contents}.vid-card-foot{align-self:end}.vid-fill-inner{grid-row:1/-1}}}.vid-fill{grid-column:span var(--fill3,3)}@media (max-width:1023.98px){.vid-fill{grid-column:span var(--fill2,2)}}@media (max-width:639.98px){.vid-fill{grid-column:auto}}.vid-fill-inner{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-6);width:100%;padding:var(--sp-6) var(--sp-6) var(--sp-5);border-radius:var(--radius);background:var(--bg-subtle)}.vid-fill-title{margin:0;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.015em;font-weight:600;text-wrap:balance}.vid-fill-title .muted{color:var(--text-muted)}.vid-fill-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 var(--sp-5);gap:0 var(--sp-5)}.vid-fill-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:11px 0;border-bottom:1px solid var(--border);font-size:var(--fs-ui);color:var(--text-2);transition:color var(--dur-press) var(--ease-in)}.vid-fill-links a:after{content:"→";color:var(--text-muted);transition:transform var(--dur-press) var(--ease-in)}.vid-fill-links a:hover{color:var(--text)}.vid-fill-links a:hover:after{transform:translateX(2px);color:var(--text)}.vid-fill-body{margin:var(--sp-2) 0 0;max-width:34rem;font-size:var(--fs-ui);line-height:1.5;color:var(--text-muted)}.vid-fill-actions{margin-top:var(--sp-5);display:flex;gap:var(--sp-3);flex-wrap:wrap}@media (max-width:639.98px){.vid-fill-links{grid-template-columns:minmax(0,1fr)}}.vid-body{padding-bottom:var(--sp-9)}.vid-chapters-label,.vid-foot-label,.vid-learn-label{display:block;margin:var(--sp-4) 0 var(--sp-2);font-family:var(--font-mono);font-size:.6875rem;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.vid-learn{list-style:none;margin:0;padding:0;display:grid;grid-gap:5px;gap:5px}.vid-learn li{position:relative;padding-left:22px;font-size:var(--fs-md);line-height:1.45;color:var(--text-2)}.vid-learn li:before{content:"";position:absolute;left:2px;top:6px;width:10px;height:5px;border-left:1.5px solid var(--text);border-bottom:1.5px solid var(--text);transform:rotate(-45deg)}.vid-card-foot{margin-top:auto;padding-block:20px var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.vid-watch{gap:7px}.vid-card-format{font-size:var(--fs-caption);color:var(--text-muted)}.vid-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface-sunken)}.vid-thumb .builder-shot img,.vid-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);transform:scale(var(--zoom,1));transform-origin:var(--focus,50% 50%);transition:transform .4s var(--ease-in)}.vid-card:hover .vid-thumb img,.vid-next-link:hover .vid-thumb img{transform:scale(calc(var(--zoom, 1) * 1.035))}.vid-chip{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-family:var(--font-mono);font-size:.625rem;font-weight:500;line-height:1;letter-spacing:.02em}.vid-chip-level{left:10px;bottom:10px;padding-top:1px;text-transform:uppercase;letter-spacing:.07em}.vid-chip-len{right:10px;bottom:10px;font-size:.6875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vid-titlecard{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:8% 7% 15%;text-align:left;background-color:var(--surface-sunken);color:var(--text);background-image:radial-gradient(var(--border-strong) 1px,transparent 1.2px);background-size:18px 18px;background-position:9px 9px}.vid-titlecard-brand{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.vid-titlecard-brand b{font-weight:700}.vid-titlecard-title{font-size:clamp(1rem,.7rem + 1.2vw,1.75rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.vid-course{padding-block:var(--sp-5) var(--sp-9)}.vid-course-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap}.vid-course-top .crumbs{min-width:0}.vid-course-top .crumbs a{flex:none;white-space:nowrap}.vid-course-top .crumbs [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vid-course-meta{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:var(--fs-caption);color:var(--text-muted)}.vid-course-meta>span+span:before{content:"·";margin-right:14px;color:var(--text-muted)}@media (max-width:639.98px){.vid-meta-course{display:none}}.vid-level{display:inline-flex;align-items:center;height:20px;padding:1px 7px 0;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-family:var(--font-mono);font-size:.625rem;font-weight:500;line-height:1;letter-spacing:.07em;text-transform:uppercase}.vid-course-head{margin-top:var(--sp-3);max-width:52rem}.vid-course-title{margin:0;font-size:clamp(1.75rem,1.35rem + 1.1vw,2.25rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.vid-course-sum{margin:var(--sp-2) 0 0;font-size:var(--fs-body);line-height:1.5;color:var(--text-muted);text-wrap:pretty}.vid-player{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) 22.5rem;grid-gap:var(--sp-5);gap:var(--sp-5);align-items:start}@media (max-width:1023.98px){.vid-player{grid-template-columns:minmax(0,1fr)}}.vid-stage{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border-strong);scroll-margin-top:calc(var(--nav-h) + var(--sp-3))}.vid-frame,.vid-stage,.vid-video{width:100%;background:var(--surface-sunken)}.vid-frame,.vid-video{position:absolute;inset:0;display:block;height:100%;border:0}.vid-video{object-fit:contain}.vid-cover{display:block;padding:0;margin:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit}.vid-cover,.vid-cover-img{position:absolute;inset:0;width:100%;height:100%}.vid-cover-img{object-fit:cover}.vid-cover-img.is-dark,:root[data-theme=dark] .vid-cover-img.is-light{display:none}:root[data-theme=dark] .vid-cover-img.is-dark{display:block}.vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(10,10,12,.72);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-raised);transition:transform var(--dur-press) var(--ease-in),background-color var(--dur-press) var(--ease-in)}.vid-cover:hover .vid-play{background:rgba(10,10,12,.86)}.vid-play svg{margin-left:3px}.vid-cover:hover .vid-play{transform:translate(-50%,-50%) scale(1.06)}.vid-cover:focus-visible{outline-offset:-4px}.vid-cover-note{right:12px;bottom:12px;height:22px;padding:0 8px;display:inline-flex;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em}.vid-cover-note,.vid-end{position:absolute;align-items:center}.vid-end{inset:0;display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-5);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.vid-end .btn{max-width:100%}.vid-end .btn:not(.btn-primary){background:var(--surface)}.vid-now{margin:var(--sp-3) 0 0;min-height:3em;font-size:var(--fs-md);line-height:1.5;color:var(--text-muted);text-wrap:pretty}.vid-now b{color:var(--text);font-weight:600}.vid-now-n{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vid-chapters{min-width:0}.vid-chapters-label{margin-top:0}.vid-chapter-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:2px;gap:2px}.vid-chapter{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:baseline;grid-gap:10px;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:none;text-align:left;font:inherit;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-press) var(--ease-in),color var(--dur-press) var(--ease-in)}button.vid-chapter:hover{background:var(--bg-subtle);color:var(--text)}.vid-chapter[aria-current]{background:var(--surface-strong);color:var(--text)}.vid-chapter.is-static{cursor:default}.vid-chapter-n{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vid-chapter[aria-current] .vid-chapter-n{color:var(--text)}.vid-chapter-title{font-size:var(--fs-ui);line-height:1.4;font-weight:500}.vid-chapter-time{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.vid-note{margin:var(--sp-2) 0 0;max-width:var(--measure-fine);font-size:var(--fs-caption);color:var(--text-muted)}.vid-note a,.vid-related a,.vid-try a:not(.btn){color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.vid-note a:hover,.vid-related a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.vid-try{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-4) var(--sp-4) 12px;border-top:1px solid var(--border)}.vid-try-title{margin:0;font-size:var(--fs-ui);font-weight:600;line-height:1.4;color:var(--text)}.vid-try p{margin:4px 0 var(--sp-3);font-size:var(--fs-md);line-height:1.5;color:var(--text-muted)}.vid-course-foot{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--border);display:grid;grid-template-columns:minmax(0,1fr) 30rem;grid-gap:var(--sp-6);gap:var(--sp-6);align-items:start}@media (max-width:1023.98px){.vid-course-foot{grid-template-columns:minmax(0,1fr)}}.vid-course-foot .vid-foot-label{margin-top:0}.vid-related ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px;font-size:var(--fs-ui);line-height:1.45}.vid-related .muted{font-size:var(--fs-caption)}.vid-next-link{display:grid;grid-template-columns:11rem minmax(0,1fr);grid-gap:var(--sp-4);gap:var(--sp-4);align-items:center;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;transition:border-color .18s var(--ease-in)}.vid-next-link.is-all{grid-template-columns:minmax(0,1fr);padding:var(--sp-4)}.vid-next-link:hover{border-color:var(--border-strong)}.vid-next-thumb .vid-thumb{border-radius:8px}.vid-next-thumb .vid-chip-level{display:none}.vid-next-copy{display:flex;flex-direction:column;min-width:0}.vid-next-copy .vid-foot-label{margin:0 0 4px}.vid-next-title{font-size:1.0625rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text)}.vid-next-sum{margin-top:4px;font-size:var(--fs-md);line-height:1.45;color:var(--text-muted)}@media (max-width:479.98px){.vid-next-link{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.vid-card,.vid-chapter,.vid-next-link,.vid-play,.vid-thumb img{transition:none}.vid-card:hover .vid-thumb img,.vid-next-link:hover .vid-thumb img{transform:scale(var(--zoom,1))}.vid-cover:hover .vid-play{transform:translate(-50%,-50%)}}