:root{--tutorial-ink:#17252d;--tutorial-body:#3f4d55;--tutorial-muted:#64737a;--tutorial-paper:#f7f8f5;--tutorial-panel:#fff;--tutorial-line:#dce4df;--tutorial-teal:#087f77;--tutorial-coral:#e86f51;--tutorial-yellow:#f4c95d}body{background:var(--tutorial-paper)}.tutorial-layout{display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh;background:linear-gradient(#087f7709 1px,transparent 1px),linear-gradient(90deg,#087f7709 1px,transparent 1px),var(--tutorial-paper);background-size:2.25rem 2.25rem}.tutorial-main{min-width:0;padding:3.5rem clamp(1.5rem,3vw,3.25rem) 5rem}.tutorial-content{max-width:88rem;margin:0 auto}.tutorial-sidebar{border-right:1px solid var(--tutorial-line);background:#ffffffe6}.tutorial-sidebar-inner{position:sticky;top:0;max-height:100vh;padding:1.75rem 1rem 2.5rem;overflow-y:auto;overscroll-behavior:contain}.tutorial-sidebar-brand,.tutorial-brand{align-items:center;gap:.7rem;color:var(--tutorial-ink);text-decoration:none}.tutorial-sidebar-brand{display:flex;padding:0 .75rem 1.75rem}.tutorial-sidebar-brand strong,.tutorial-sidebar-brand small{display:block;line-height:1.05}.tutorial-sidebar-brand strong{font-size:1.05rem;letter-spacing:.02em}.tutorial-sidebar-brand small{margin-top:.25rem;color:var(--tutorial-teal);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tutorial-brand-mark{flex:0 0 2.3rem;width:2.3rem;height:2.3rem;object-fit:contain}.tutorial-home-link,.tutorial-nav-link{display:flex;align-items:center;gap:.6rem;color:var(--tutorial-muted);text-decoration:none;transition:color 160ms ease,background-color 160ms ease,transform 160ms ease}.tutorial-home-link i,.tutorial-nav-link i{color:var(--tutorial-coral);font-size:.8rem}.tutorial-home-link:hover,.tutorial-home-link.is-active,.tutorial-nav-link:hover,.tutorial-nav-link.is-active{color:var(--tutorial-teal)}.tutorial-home-link{margin-bottom:1.5rem;padding:.7rem .75rem;border:1px solid var(--tutorial-line);border-radius:.5rem;font-size:.82rem;font-weight:700}.tutorial-home-link.is-active{border-color:#087f7740;background:#087f7712}.tutorial-nav-group{margin-top:1.4rem}.tutorial-nav-heading{display:flex;align-items:center;gap:.6rem;padding:0 .75rem .5rem;color:var(--tutorial-ink);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tutorial-nav-heading i{color:var(--tutorial-coral);font-size:.75rem}.tutorial-nav-link{min-height:2rem;padding:.38rem .75rem .38rem 1.65rem;border-radius:.35rem;font-size:.86rem}.tutorial-nav-link.is-active{background:#087f7714;font-weight:700;transform:translateX(.15rem)}.tutorial-content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-bottom:2.25rem;border-bottom:1px solid var(--tutorial-line)}.tutorial-kicker{margin-bottom:.75rem;color:var(--tutorial-coral);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.tutorial-content h1{max-width:42rem;margin:0;color:var(--tutorial-ink);font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4.5vw,3.75rem);font-weight:400;line-height:1.02}.tutorial-lead{max-width:38rem;margin:1.25rem 0 0;color:var(--tutorial-muted);font-size:1.02rem;line-height:1.65}.tutorial-progress{flex:0 0 auto;color:var(--tutorial-teal);font-family:"DM Serif Display",Georgia,serif;font-size:1.7rem;white-space:nowrap}.tutorial-progress small{color:var(--tutorial-muted);font-family:inherit;font-size:.9rem}.tutorial-body{counter-reset:tutorial-section;color:var(--tutorial-ink);line-height:1.8}.tutorial-body h2{display:flex;align-items:baseline;gap:.85rem;margin:0 0 1.15rem;padding-top:2.75rem;color:var(--tutorial-ink);font-size:1.4rem;font-weight:700;counter-increment:tutorial-section}.tutorial-body h2::before{content:counter(tutorial-section,decimal-leading-zero);color:var(--tutorial-coral);font-family:"DM Serif Display",Georgia,serif;font-size:1.15rem;font-weight:400}.tutorial-body h2~h2{margin-top:2.5rem;border-top:1px solid var(--tutorial-line)}.tutorial-body h3,.tutorial-body h4,.tutorial-body h5{margin:2rem 0 .85rem;color:var(--tutorial-ink);font-size:1.05rem;font-weight:700}.tutorial-body p{max-width:46rem;margin-bottom:1rem;color:var(--tutorial-body)}.tutorial-body ol,.tutorial-body ul{max-width:46rem;margin:0 0 1.25rem;padding-left:1.4rem}.tutorial-body li{padding:.25rem 0 .25rem .3rem}.tutorial-body li::marker{color:var(--tutorial-teal);font-weight:700}.tutorial-body li ul,.tutorial-body li ol{margin:.4rem 0 .6rem;color:var(--tutorial-body)}.tutorial-body li ul li::marker,.tutorial-body li ol li::marker{color:var(--tutorial-coral)}.tutorial-body a{color:var(--tutorial-teal);text-underline-offset:.15em}.tutorial-intro{max-width:46rem;color:var(--tutorial-body);font-size:1.02rem}mark{padding:.1rem .35rem;border-radius:.2rem;background:#f4c95d6b;color:inherit}.tutorial-body kbd{padding:.15rem .45rem;border:1px solid #087f7740;border-radius:.3rem;background:#087f7714;color:var(--tutorial-teal);font-family:inherit;font-size:.87em;font-weight:600}.tutorial-body q{color:var(--tutorial-ink);font-weight:600}.tutorial-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:1.25rem;max-width:62rem;margin:1.5rem 0 2.25rem}@media(max-width:1399.98px){.tutorial-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:46rem}}@media(max-width:767.98px){.tutorial-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.tutorial-shot{margin:0}.tutorial-shot a{display:block;overflow:hidden;border:1px solid var(--tutorial-line);border-radius:.5rem;background:var(--tutorial-panel);box-shadow:0 .5rem 1.25rem #17252d12;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}.tutorial-shot a:hover{border-color:var(--tutorial-teal);box-shadow:0 .85rem 2rem #087f772e;transform:translateY(-0.15rem)}.tutorial-shot figcaption{margin-top:.55rem;color:var(--tutorial-muted);font-size:.74rem;line-height:1.45;letter-spacing:.02em}.tutorial-shot-image{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--tutorial-paper)}.tutorial-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-top:1.5rem}.tutorial-video-card{overflow:hidden;border:1px solid var(--tutorial-line);border-radius:.5rem;background:var(--tutorial-panel);box-shadow:0 .75rem 2rem #17252d0f}.tutorial-video-card .tutorial-video-caption{padding:1.15rem 1.25rem}.tutorial-video-card .tutorial-video-caption span{color:var(--tutorial-coral);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tutorial-video-card .tutorial-video-caption h2{margin:.45rem 0 0;padding:0;border:0;color:var(--tutorial-ink);font-size:1rem}.tutorial-video-card .tutorial-video-caption h2::before{content:none}.tutorial-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3.5rem}.tutorial-pager-link{display:flex;min-height:6rem;flex-direction:column;justify-content:center;padding:1rem 1.25rem;border:1px solid var(--tutorial-line);border-radius:.5rem;background:var(--tutorial-panel);color:var(--tutorial-ink);text-decoration:none;transition:border-color 160ms ease,transform 160ms ease}.tutorial-pager-link:hover{border-color:var(--tutorial-teal);color:var(--tutorial-teal);transform:translateY(-0.15rem)}.tutorial-pager-link small{margin-bottom:.45rem;color:var(--tutorial-teal);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tutorial-pager-next{align-items:flex-end;text-align:right}#bolt-progress .progress-bar{background:linear-gradient(90deg,var(--tutorial-teal),var(--tutorial-coral))}.tutorial-top-button{position:fixed;right:1.5rem;bottom:1.5rem;z-index:10;width:2.8rem;height:2.8rem;border:0;border-radius:50%;background:var(--tutorial-teal);color:#fff;box-shadow:0 .5rem 1rem #087f7740}.tutorial-mobile-header{position:sticky;top:0;z-index:1030;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--tutorial-line);background:#fffffff0;backdrop-filter:blur(.5rem)}.tutorial-brand{display:flex;font-weight:700}.tutorial-menu-button{color:var(--tutorial-teal)}.tutorial-footer{padding:1.25rem;border-top:1px solid var(--tutorial-line);background:var(--tutorial-panel);color:var(--tutorial-muted);font-size:.78rem;text-align:center}.tutorial-footer a{color:var(--tutorial-teal)}@media(max-width:991.98px){.tutorial-layout{display:block;min-height:auto}.tutorial-sidebar{width:min(19rem,88vw);background:var(--tutorial-panel)}.tutorial-sidebar-inner{position:static;max-height:none;padding-top:.5rem}.tutorial-mobile-header{display:flex}.tutorial-main{padding:2.5rem 1.25rem 4rem}.tutorial-video-grid{grid-template-columns:1fr}}@media(max-width:575.98px){.tutorial-content-header{align-items:flex-start;flex-direction:column;gap:1rem}.tutorial-content h1{font-size:2.15rem}.tutorial-pager{grid-template-columns:1fr}.tutorial-pager-next{align-items:flex-start;text-align:left}}