.guide-nav{position:sticky;top:4rem;z-index:40;border-bottom:1px solid var(--color-line);background:color-mix(in oklch,var(--color-base) 88%,transparent);backdrop-filter:blur(14px)}.guide-nav-row{display:flex;align-items:center;gap:.75rem}.guide-nav-all{flex-shrink:0;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--color-line);background:var(--color-tint);color:var(--color-muted);font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}.guide-nav-all:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.guide-nav-scroll{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding-block:.6rem;scrollbar-width:none;mask-image:linear-gradient(90deg,black calc(100% - 2rem),transparent)}.guide-nav-scroll::-webkit-scrollbar{display:none}.guide-nav-group{flex-shrink:0;margin-left:.9rem;padding-right:.35rem;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-faint)}.guide-nav-group:first-child{margin-left:0}.guide-nav-chip{flex-shrink:0;padding:.4rem .8rem;border-radius:999px;border:1px solid transparent;font-size:.82rem;color:var(--color-muted);white-space:nowrap;transition:color .2s,background .2s,border-color .2s}.guide-nav-chip.on,.guide-nav-chip:hover{color:var(--color-ink)}.guide-nav-chip.on{border-color:var(--color-line);background:color-mix(in oklch,var(--color-primary) 16%,transparent)}.chapter{padding-block:clamp(3rem,7vw,5.5rem);scroll-margin-top:9rem}.chapter+.chapter{border-top:1px solid var(--color-line)}.chapter-head{max-width:44rem;margin-bottom:clamp(1.5rem,3vw,2rem)}.chapter-title{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:600}.chapter-blurb{margin-top:.7rem;color:var(--color-muted)}.guide{scroll-margin-top:9rem;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:color-mix(in oklch,white 95%,transparent);box-shadow:var(--shadow-sm);transition:border-color .3s,background .3s,box-shadow .3s}.guide+.guide{margin-top:.85rem}.guide:hover,.guide[open]{border-color:var(--color-line-strong)}.guide[open]{background:var(--color-panel);box-shadow:var(--shadow-md)}.guide-head{display:flex;align-items:center;gap:1.25rem;padding:clamp(1.1rem,2.4vw,1.6rem) clamp(1.1rem,2.4vw,1.75rem);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.guide-head::-webkit-details-marker{display:none}.guide-head:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:var(--radius-lg)}.guide-head-words{min-width:0;flex:1;max-width:46rem}.guide-title{margin-top:.5rem;font-size:clamp(1.2rem,2.3vw,1.55rem);font-weight:600}.guide-summary{margin-top:.5rem;color:var(--color-muted);line-height:1.6;font-size:.94rem}.guide-head-meta{flex-shrink:0;gap:.85rem}.guide-head-meta,.guide-tally{display:flex;align-items:center}.guide-tally{gap:.5rem;font-size:.75rem;font-weight:600;color:var(--color-faint);white-space:nowrap}.guide-tally-film{padding:.2rem .5rem;border-radius:999px;border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-accent) 16%,transparent);color:var(--color-accent-bright);letter-spacing:.04em}.guide-chevron{width:.62rem;height:.62rem;border-right:2px solid var(--color-muted);border-bottom:2px solid var(--color-muted);transform:rotate(45deg);transform-origin:center;margin-bottom:.2rem;transition:transform .25s var(--ease-smooth),border-color .25s}.guide[open] .guide-chevron{transform:rotate(-135deg);margin-bottom:-.2rem;border-color:var(--color-primary-bright)}.guide-inner{border-top:1px solid var(--color-line);margin-top:-.25rem;padding:clamp(1.4rem,3vw,2rem) clamp(1.1rem,2.4vw,1.75rem) clamp(1.75rem,3.5vw,2.5rem);animation:guide-open .32s var(--ease-smooth)}@keyframes guide-open{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.guide-inner{animation:none}.guide-chevron{transition:none}}.guide-video{display:grid;gap:clamp(1rem,2.5vw,1.75rem);align-items:center;padding:clamp(.9rem,2vw,1.15rem);border:1px solid var(--color-line);border-radius:var(--radius-md);background:linear-gradient(120deg,color-mix(in oklch,var(--color-accent) 10%,transparent),color-mix(in oklch,var(--color-primary) 7%,transparent))}@media (min-width:720px){.guide-video{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.guide-video--soon{background:var(--color-tint)}.guide-video-frame{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--color-line);background:var(--color-shot-bed)}.guide-video-frame iframe,.guide-video-play{width:100%;height:100%;border:0;display:block}.guide-video-play{padding:0;background:none;cursor:pointer}.guide-video-play img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .25s,transform .4s var(--ease-smooth)}.guide-video-play:hover img{opacity:1;transform:scale(1.03)}.guide-video-empty{display:grid;place-items:center;width:100%;height:100%}.guide-video-mark{position:absolute;inset:0;margin:auto;width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(120deg,var(--color-primary-bright),var(--color-accent-bright));color:var(--color-on-primary);padding-left:3px;transition:transform .3s var(--ease-smooth);pointer-events:none}.guide-video-play:hover .guide-video-mark{transform:scale(1.09)}.guide-video-mark--quiet{position:static;width:2.9rem;height:2.9rem;background:color-mix(in oklch,var(--color-primary) 16%,transparent);color:var(--color-primary-bright)}.guide-video-title{font-size:clamp(1.05rem,2vw,1.25rem);font-weight:600;color:var(--color-ink)}.guide-video-blurb{margin-top:.45rem;color:var(--color-muted);line-height:1.6;font-size:.94rem}.guide-video-note{margin-top:.6rem;font-size:.82rem;color:var(--color-faint)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.flow{gap:0;margin:clamp(1.5rem,3.5vw,2.25rem) 0 0;padding:3px 0 .9rem;list-style:none;overflow-x:auto;scrollbar-width:thin;mask-image:linear-gradient(90deg,black calc(100% - 3rem),transparent)}.flow,.flow-node{display:flex;align-items:flex-start}.flow-node{flex-shrink:0}.flow-arrow{display:block;color:var(--color-primary-bright);font-size:1.15rem;line-height:1;padding-inline:.55rem;opacity:.75;margin-top:2.4rem}.flow-arrow:before{content:"\2192"}.flow-card{width:min(62vw,15rem)}.flow-thumb{display:block;width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--color-line);background:var(--color-shot-bed);cursor:zoom-in;transition:border-color .25s,transform .25s var(--ease-smooth)}.flow-thumb:hover{border-color:var(--color-primary);transform:translateY(-2px)}.flow-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center}.flow-label{display:flex;align-items:baseline;gap:.45rem;margin-top:.55rem;font-size:.8rem;color:var(--color-muted);text-align:left}.flow-num{flex-shrink:0;display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;border-radius:999px;border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-primary) 14%,transparent);color:var(--color-primary-bright);font-size:.66rem;font-weight:700}.steps{margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(1.75rem,3.5vw,2.75rem)}.step{display:grid;gap:1.1rem}.step-title{display:flex;align-items:baseline;gap:.6rem;font-size:1.02rem;font-weight:600;color:var(--color-ink);margin-bottom:.6rem}.step-num{flex-shrink:0;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid var(--color-line-strong);color:var(--color-primary-bright);font-size:.72rem;font-weight:700}.step-body p{color:var(--color-muted);line-height:1.7;font-size:.95rem}.step-body p+p{margin-top:.7rem}.step-bullets{margin:.8rem 0 0;padding-left:1.1rem;list-style:disc}.step-bullets li{margin:.35rem 0;color:var(--color-muted);line-height:1.65;font-size:.95rem}.step-note{margin-top:.9rem;padding:.7rem .9rem;border-left:3px solid var(--color-accent);border-radius:0 10px 10px 0;background:color-mix(in oklch,var(--color-accent) 8%,transparent);font-size:.9rem}.step-shot{min-width:0}.step-shot .shot{display:flex;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto}.step-shot .shot-img{max-height:30rem;width:auto;max-width:100%}@media (min-width:900px){.step{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2rem;align-items:start}.step--noshot{grid-template-columns:minmax(0,1fr);max-width:46rem}}.shot{display:block;position:relative;width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--color-line);background:var(--color-shot-bed);cursor:zoom-in;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-smooth)}.shot:hover{border-color:var(--color-line-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.shot-img{display:block;width:100%;height:auto}.shot-zoom{position:absolute;right:.6rem;bottom:.6rem;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-base) 88%,transparent);backdrop-filter:blur(6px);color:var(--color-ink);font-size:.8rem;opacity:0;transition:opacity .25s}.shot:hover .shot-zoom{opacity:1}.ui-chip{display:inline;padding:.1rem .42rem;margin-inline:.02rem;border-radius:6px;border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-primary) 12%,transparent);color:var(--color-ink);font-size:.88em;font-weight:600;white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}.step-note .ui-chip{background:color-mix(in oklch,var(--color-accent) 16%,transparent)}.shot-lightbox{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:color-mix(in oklch,oklch(.19 .015 255) 88%,transparent);backdrop-filter:blur(8px);cursor:zoom-out;animation:reveal-in .22s cubic-bezier(.16,1,.3,1) backwards;--reveal-y:8px}.shot-lightbox-figure{max-width:min(1400px,100%);margin:0;cursor:default}.shot-lightbox-img{display:block;width:100%;height:auto;max-height:calc(100vh - 8rem);object-fit:contain;border-radius:12px;border:1px solid var(--color-line-strong)}.shot-lightbox-figure figcaption{margin-top:.75rem;text-align:center;font-size:.85rem;color:var(--color-muted)}.shot-lightbox-close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-md)}.toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-line)}.toc-row{display:grid;gap:.6rem 2.5rem;padding:clamp(1.25rem,3vw,1.85rem) 0;border-bottom:1px solid var(--color-line)}@media (min-width:800px){.toc-row{grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start}}.toc-chapter-title{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary-bright)}.toc-chapter-blurb{margin-top:.45rem;font-size:.84rem;line-height:1.55;color:var(--color-faint)}.toc-guides{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}@media (min-width:1000px){.toc-guides{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.25rem}}.toc-link{display:flex;align-items:baseline;gap:.7rem;padding:.45rem .6rem;margin-inline:-.6rem;border-radius:8px;color:var(--color-muted);font-size:.95rem;transition:color .2s,background .2s}.toc-link:hover{color:var(--color-ink);background:color-mix(in oklch,var(--color-primary) 12%,transparent)}.toc-link-name{flex-shrink:0}.toc-link-rule{flex:1;min-width:1rem;height:0;border-bottom:1px dashed var(--color-line);transform:translateY(-.25em)}.toc-link-film{flex-shrink:0;padding:.12rem .42rem;border-radius:999px;border:1px solid var(--color-line);background:color-mix(in oklch,var(--color-accent) 16%,transparent);color:var(--color-accent-bright);font-size:.64rem;font-weight:700;letter-spacing:.04em}.toc-link-count{flex-shrink:0;font-size:.78rem;color:var(--color-faint);font-variant-numeric:tabular-nums}