:root{--ink: #0b0e12;--ink-2: #080a0e;--parch: #e8e2d4;--parch-dim: #a9a396;--gold: #d9a441;--gold-lit: #f0c76a;--edge: rgba(217, 164, 65, .22);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--parch);font:17px/1.7 var(--serif);-webkit-font-smoothing:antialiased}.wrap{max-width:760px;margin:0 auto;padding:0 24px}a{color:var(--gold-lit);text-decoration-color:var(--edge);text-underline-offset:3px}a:hover{text-decoration-color:currentColor}.doc-head{border-bottom:1px solid rgba(232,226,212,.08);padding:22px 0;font:14px/1 var(--sans)}.doc-head .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.doc-head a{color:var(--parch-dim);text-decoration:none}.doc-head a:hover{color:var(--gold-lit)}.doc-head nav{display:flex;flex-wrap:wrap;gap:12px 20px}article{padding:56px 0 80px}h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:0 0 10px;letter-spacing:.01em}.updated{margin:0 0 8px;font:13px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--parch-dim)}.summary{margin:28px 0 44px;padding:22px 24px;border:1px solid var(--edge);border-radius:10px;background:#d9a4410a;color:var(--parch-dim);font-size:16px}.summary strong{color:var(--parch)}.summary p{margin:0}.summary p+p{margin-top:12px}h2{font-size:clamp(20px,2.6vw,25px);margin:52px 0 12px;padding-top:26px;border-top:1px solid rgba(232,226,212,.08);color:var(--gold-lit);letter-spacing:.01em;scroll-margin-top:20px}h3{font-size:18px;margin:30px 0 8px;color:var(--parch)}p,li{color:var(--parch-dim);text-wrap:pretty}p{margin:0 0 16px}ul,ol{margin:0 0 16px;padding-left:24px}li{margin-bottom:8px}li::marker{color:var(--gold)}strong{color:var(--parch);font-weight:600}.notice{border-left:2px solid var(--gold);padding:4px 0 4px 20px;margin:0 0 16px}.notice p:last-child{margin-bottom:0}.notice strong{letter-spacing:.02em}.toc{margin:0 0 8px;padding:0;list-style:none;columns:2;column-gap:32px}.toc li{margin-bottom:7px;font:15px/1.5 var(--sans);break-inside:avoid}.toc a{color:var(--parch-dim);text-decoration:none}.toc a:hover{color:var(--gold-lit)}@media(max-width:560px){.toc{columns:1}}.crumbs{margin:0 0 12px;font:600 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase}.crumbs a{color:var(--gold);text-decoration:none}.crumbs a:hover{color:var(--gold-lit)}.lede{margin:0 0 36px;font-size:18px;color:var(--parch-dim)}.note-body{margin-top:36px}.note-body h2{margin:36px 0 12px;padding:0;border:0;font:600 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.note-body>:first-child{margin-top:0}.note-body li ul{margin:8px 0 0}.note-body code{padding:1px 5px;border-radius:4px;background:#e8e2d412;font:.88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.note-nav,.guide-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:56px 0 0;padding-top:24px;border-top:1px solid rgba(232,226,212,.08);font:16px/1.45 var(--sans)}.note-nav a,.guide-pager a{color:var(--parch);text-decoration:none}.note-nav a:hover,.guide-pager a:hover{color:var(--gold-lit)}.note-nav small,.guide-pager small{display:block;margin-bottom:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--parch-dim)}.note-nav .newer,.guide-pager .next{grid-column:2;text-align:right}.note-list{margin:0;padding:0;list-style:none}.note-list li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 18px;margin:0;padding:22px 0;border-top:1px solid rgba(232,226,212,.08)}.note-list h2{margin:0;padding:0;border:0;font-size:20px;line-height:1.35}.note-list h2 a{color:var(--gold-lit);text-decoration:none}.note-list h2 a:hover{color:#fff3ce}.note-list time{font:13px/1.35 var(--sans);color:var(--parch-dim);font-variant-numeric:tabular-nums}.note-list p{grid-column:1 / -1;margin:0;font-size:16px}@media(max-width:560px){.note-list li,.note-nav,.guide-pager{grid-template-columns:1fr}.note-nav .newer,.guide-pager .next{grid-column:auto;text-align:left}}.wide .wrap{max-width:1120px}.doc-cols{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:64px}.doc-cols>article{grid-column:2;grid-row:1;min-width:0;max-width:780px}.guide-nav{grid-column:1;grid-row:1;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto;padding:62px 0 40px;font:14px/1.35 var(--sans)}.guide-nav p{margin:22px 0 6px;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.guide-nav p:first-child{margin-top:0}.guide-nav ul{margin:0;padding:0;list-style:none}.guide-nav li{margin:0}.guide-nav a{display:block;margin-left:-10px;padding:5px 10px;border-radius:6px;color:var(--parch-dim);text-decoration:none}.guide-nav a:hover{color:var(--gold-lit)}.guide-nav a[aria-current]{color:var(--parch);background:#d9a44117}@media(max-width:900px){.doc-cols{display:block}.doc-cols>article{max-width:none}.guide-nav{position:static;max-height:none;overflow:visible;padding:32px 0 48px;border-top:1px solid rgba(232,226,212,.08);columns:2;column-gap:28px}.guide-nav p{break-after:avoid}.guide-nav ul{break-inside:avoid}}.guide-body h2{scroll-margin-top:20px}.guide-body:after{content:"";display:block;clear:both}.guide-tip{padding:12px 18px;border-left:2px solid var(--gold);border-radius:0 8px 8px 0;background:#d9a4410d}.guide-tip b{color:var(--parch);font-weight:600}.guide-keys{display:grid;grid-template-columns:fit-content(50%) 1fr;gap:10px 20px;align-items:baseline;margin:0 0 24px;font:15px/1.55 var(--sans);color:var(--parch-dim)}.guide-keys dt,.guide-keys dd{margin:0}kbd{display:inline-block;min-width:2em;padding:1px 8px;border:1px solid rgba(232,226,212,.22);border-bottom-width:2px;border-radius:6px;background:#e8e2d40d;font:600 13px/1.6 var(--sans);color:var(--parch);text-align:center;white-space:nowrap}.guide-clip{margin:8px 0 28px}.guide-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(232,226,212,.1);border-radius:10px;background:#000}.guide-media img,.guide-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.guide-clip figcaption,.guide-shot figcaption{margin-top:10px;font:14px/1.55 var(--sans);color:var(--parch-dim)}.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:8px 0 28px}.guide-pair .guide-clip{margin:0}.guide-shot{margin:8px 0 28px}.guide-shot img{display:block;width:100%;height:auto;border:1px solid rgba(232,226,212,.1);border-radius:10px}.guide-shot-img{position:relative}.guide-pin{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--gold);box-shadow:0 2px 8px #0009;font:700 12px/24px var(--sans);color:#2a1d05;text-align:center}.guide-pins{margin:0;padding-left:22px;columns:2;column-gap:32px}.guide-pins li{margin-bottom:6px;break-inside:avoid}.guide-shot.side{float:right;width:190px;margin:4px 0 16px 28px}.guide-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px 28px;margin:0 0 24px;padding:0;list-style:none}.guide-icons li{display:flex;gap:14px;align-items:flex-start;margin:0}.guide-icons img,.guide-icons i{flex:none;width:36px;height:36px;border-radius:6px}.guide-icons i{display:grid;place-items:center;background:#e8e2d40d;font-style:normal;font-size:20px}.guide-icons b{display:block;font:600 15px/1.4 var(--sans)}.guide-icons span{font-size:15px;line-height:1.5}.guide-colors{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;align-items:baseline;margin:0 0 24px}.guide-colors dt{font:600 15px/1.5 var(--sans);text-shadow:0 0 10px currentColor}.guide-colors dd{margin:0;color:var(--parch-dim)}.guide-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;margin:8px 0 12px}.guide-hero .guide-clip{margin:0}.guide-hero h2{margin:0 0 8px;padding:0;border:0;font-size:22px}.guide-hero p{font-size:16px}.guide-lessons{margin:0;padding:0;list-style:none;counter-reset:lesson}.guide-lessons>li{margin:0;counter-increment:lesson}.guide-lessons h2:before{content:counter(lesson) ".";margin-right:10px;color:var(--gold)}.guide-anim{display:flex;gap:18px;align-items:center;margin:8px 0 24px;padding:14px 18px;border:1px solid rgba(116,96,66,.27);border-radius:10px;background:#12110f}.guide-anim svg{flex:none;width:210px;height:120px}.guide-anim p{margin:0;font:15px/1.55 var(--sans)}.guide-anim p b{color:var(--gold-lit);font-weight:600}.guide-anims{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0 24px}.guide-anims .guide-anim{flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:12px}.guide-anims .guide-anim svg,.guide-anims .guide-anim p{width:100%}.guide-anims .guide-anim svg{height:auto;aspect-ratio:210 / 120}.guide-anim .rmb{animation:ow-hold 4s ease-in-out infinite}.guide-anim .runner{animation:ow-run 4s ease-in-out infinite}.guide-anim .cursor{animation:ow-cursor 4s ease-in-out infinite}.guide-anim .trail{stroke-dasharray:4 5;animation:ow-trail 4s linear infinite}@keyframes ow-hold{0%,12%{fill:transparent}18%,82%{fill:#8fd0ff}88%,to{fill:transparent}}@keyframes ow-run{0%,15%{transform:translate(0)}85%,to{transform:translate(78px,-34px)}}@keyframes ow-cursor{0%,10%{transform:translate(0)}85%,to{transform:translate(10px,-4px)}}@keyframes ow-trail{0%{stroke-dashoffset:18}to{stroke-dashoffset:0}}.guide-anim .mmb{animation:ow-hold-m 3.6s ease-in-out infinite}.guide-anim .orbit{transform-origin:160px 62px;animation:ow-orbit 3.6s ease-in-out infinite}@keyframes ow-hold-m{0%,10%{fill:#14120f}16%,84%{fill:#a5f0b4}90%,to{fill:#14120f}}@keyframes ow-orbit{0%,14%{transform:rotate(0)}50%{transform:rotate(-40deg)}86%,to{transform:rotate(0)}}.guide-anim .k{fill:#1c1915;stroke:#8a7350}.guide-anim .k.w{animation:ow-key 3.2s infinite 0s}.guide-anim .k.a{animation:ow-key 3.2s infinite .8s}.guide-anim .k.s{animation:ow-key 3.2s infinite 1.6s}.guide-anim .k.d{animation:ow-key 3.2s infinite 2.4s}@keyframes ow-key{0%,18%{fill:#5f4a2c;transform:translateY(1.5px)}25%,to{fill:#1c1915;transform:none}}.guide-anim .glove{animation:ow-glove 3s ease-in-out infinite}.guide-anim .tab{animation:ow-tab 3s ease-in-out infinite}@keyframes ow-glove{0%,30%{opacity:0}38%,90%{opacity:1}98%,to{opacity:0}}@keyframes ow-tab{0%,26%{fill:#1c1915}30%,38%{fill:#5f4a2c}42%,to{fill:#1c1915}}@media(prefers-reduced-motion:reduce){.guide-anim *{animation:none!important}}@media(max-width:640px){.guide-pair,.guide-hero{grid-template-columns:1fr}.guide-pins{columns:1}.guide-pin{width:20px;height:20px;margin:-10px 0 0 -10px;font-size:11px;line-height:20px}.guide-shot.side{float:none;width:auto;max-width:220px;margin:8px auto 24px}.guide-anim{flex-direction:column;align-items:stretch}.guide-anim svg{width:100%;height:auto;aspect-ratio:210 / 120}}.cta{margin:56px 0 0;padding:24px;border:1px solid var(--edge);border-radius:10px;background:#d9a4410a}.cta p{margin:0 0 18px;color:var(--parch)}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;padding:13px 22px;border-radius:8px;font:600 15px/1 var(--sans);letter-spacing:.04em;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.btn:focus-visible{outline:2px solid var(--gold-lit);outline-offset:3px}.btn-play{letter-spacing:.12em;text-transform:uppercase;color:#2a1d05;background:linear-gradient(180deg,#fdeab4,#f2cd76 36%,#d9a441 64%,#b07f28);border:1px solid #f9e6ae}.btn-play:hover{background:linear-gradient(180deg,#fff3ce,#f8dc95 36%,#e6b552 64%,#bf8c2e)}.btn-ghost{color:var(--parch);background:#e8e2d40a;border:1px solid rgba(232,226,212,.2)}.btn-ghost:hover{background:#e8e2d417;border-color:#e8e2d466}.doc-foot{border-top:1px solid rgba(232,226,212,.08);background:var(--ink-2);padding:30px 0 44px;font:13px/1.7 var(--sans);color:#a9a3968c}.doc-foot .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.doc-foot a{color:inherit;text-decoration:none}.doc-foot a:hover{color:var(--gold-lit)}.doc-foot nav{display:flex;flex-wrap:wrap;gap:20px}