.how{padding-bottom:112px}.how-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end;padding-block:clamp(48px,6vw,88px) clamp(32px,4vw,56px)}.hh-copy{display:grid;gap:18px}.hh-copy .lede{max-width:56ch}.hh-pic{margin:0;display:grid;gap:12px}.hh-pic img{width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--e-2)}.hh-pic figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 13.5px/1.4 var(--font);color:var(--mute)}.hh-pic figcaption b{font-weight:600;color:var(--ink)}.journey{position:sticky;top:56px;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-block:1px solid var(--line)}.jn-in{position:relative;display:flex;align-items:center;gap:18px;height:52px}.jn-pic{width:46px;height:26px;object-fit:cover;border-radius:var(--r-xs);box-shadow:0 0 0 1px #1414121a;flex:none}.journey ol{list-style:none;margin:0;padding:0;display:flex;gap:clamp(8px,2.6vw,40px)}.journey a{display:inline-flex;align-items:baseline;gap:7px;padding:6px 2px;font:500 14.5px/1 var(--font);color:var(--mute);text-decoration:none;white-space:nowrap;transition:color var(--t-1) var(--ease)}.journey a:hover,.journey a.on{color:var(--ink)}.journey a.past{color:var(--ink-2)}.jn-n{font-variant-numeric:tabular-nums;color:var(--faint)}.journey a.on .jn-n{color:var(--accent-press)}.jn-track{position:absolute;left:var(--gut);right:var(--gut);bottom:-1px;height:1px}.jn-track i{display:block;width:0;height:2px;margin-top:-.5px;background:var(--accent);transition:width var(--t-3) var(--ease)}.st{padding-block:clamp(64px,8vw,120px) 0;scroll-margin-top:112px}.st-head{max-width:760px;display:grid;gap:12px;margin-bottom:clamp(28px,3.4vw,44px)}.st-n{font:500 14px/1 var(--font);color:var(--mute)}.st-head h2{font-size:clamp(30px,3vw,44px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}.st-head>p:not(.st-n):not(.opt){font:400 17.5px/1.6 var(--font);color:var(--ink-2);max-width:62ch}.st .opt{font:500 13px/1.45 var(--font);color:var(--mute)}.vis,.shotf{margin:0}.shotf img{display:block;width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--e-2);background:var(--bg-3)}.shotf figcaption{display:grid;gap:2px;margin-top:12px;font:400 14.5px/1.45 var(--font);color:var(--mute)}.shotf figcaption b{font-weight:600;color:var(--ink)}.save-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,4vw,64px);align-items:start}.ways{list-style:none;margin:0;padding:0}.ways li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;border-top:1px solid var(--line)}.ways li:last-child{border-bottom:1px solid var(--line)}.ways b{font:600 16px/1.35 var(--font);letter-spacing:-.01em;color:var(--ink)}.ways .keys{display:flex;gap:4px;align-items:center}.ways .kbd{font-size:12.5px}.ways .wv{grid-column:1 / -1;font:400 15px/1.5 var(--font);color:var(--ink-2)}.nothing{margin-top:18px;font:400 15.5px/1.5 var(--font);color:var(--ink-2)}.clip video{display:block;width:100%;aspect-ratio:1600 / 1064;object-fit:contain;background:var(--stone);border-radius:var(--r-lg);box-shadow:var(--e-2)}.clip figcaption{margin-top:10px}.read-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}.insp{position:relative;margin:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e-2);overflow:hidden}.insp img{display:block;width:100%;height:auto}.vf{position:absolute;left:3.5%;right:3.5%;top:var(--t);height:var(--h);border-radius:var(--r-md);box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-ring);transition:top var(--t-3) var(--ease),height var(--t-3) var(--ease);pointer-events:none}.legend{display:grid;gap:22px;max-width:640px;position:sticky;top:140px}.legend ul{list-style:none;margin:0;padding:0}.part{display:grid;gap:3px;width:100%;padding:13px 14px;text-align:left;background:none;border:0;border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--t-1) var(--ease)}.part b{font:600 16px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink-2);transition:color var(--t-1) var(--ease)}.part span{font:400 15px/1.5 var(--font);color:var(--mute)}.part:hover{background:var(--bg-2)}.part.on{background:var(--accent-wash)}.part.on b{color:var(--accent-press)}.part.on span{color:var(--ink-2)}.part:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pal{display:flex;flex-wrap:wrap;gap:6px 16px;padding:0 14px}.pal span{display:inline-flex;align-items:center;gap:7px}.pal i{width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px #14141224}.pal code{font:400 12.5px/1 var(--mono);color:var(--ink-2);background:none;padding:0}.legend>.small{padding:0 14px;max-width:52ch}.wide img{border-radius:var(--r-lg)}.ways-find{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(16px,2vw,28px);align-items:start}.more-find{margin-top:28px;max-width:62ch;font:400 17px/1.6 var(--font);color:var(--ink-2)}.keep-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,2.4vw,32px);align-items:start}.finder{margin:0;background:var(--surface);border-radius:var(--r-win);box-shadow:var(--e-2);overflow:hidden;font:400 13.5px/1.3 var(--font);color:var(--ink)}.fd-bar{position:relative;display:flex;justify-content:center;align-items:center;height:40px;background:var(--bg);border-bottom:1px solid var(--line)}.fd-lights{position:absolute;left:14px;display:flex;gap:7px}.fd-lights i{width:11px;height:11px;border-radius:50%;background:#ff5f57;box-shadow:inset 0 0 0 .5px #0000002e}.fd-lights i:nth-child(2){background:#febc2e}.fd-lights i:nth-child(3){background:#28c840}.fd-title{font-weight:600;font-size:13px}.fd-cols,.fd-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 92px;gap:12px;padding:0 16px}.fd-cols{height:28px;align-items:center;font-size:12px;color:var(--mute);border-bottom:1px solid var(--line)}.fd-row{height:38px;align-items:center}.fd-row>span:not(.fd-name){color:var(--mute);font-variant-numeric:tabular-nums}.fd-row.on{background:var(--accent-wash)}.fd-row.on .fd-name,.fd-row.on>span{color:var(--accent-press)}.fd-name{display:flex;align-items:center;gap:9px;min-width:0;font-family:var(--mono);font-size:12.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fd-name img{width:26px;height:15px;object-fit:cover;border-radius:2px;flex:none}.fd-doc{width:13px;height:16px;flex:none;border-radius:2px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);margin-inline:6.5px}.fd-path{padding:10px 16px;font-size:12px;color:var(--mute);border-top:1px solid var(--line);background:var(--bg)}.fnote{margin:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e-2);overflow:hidden}.fnote-h{padding:9px 14px;font:500 12.5px/1.2 var(--mono);color:var(--mute);background:var(--bg);border-bottom:1px solid var(--line)}.fnote pre{margin:0;padding:14px 16px 16px;font:400 12.5px/1.65 var(--mono);color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.keep-sync{margin-top:28px;max-width:62ch;font:400 17px/1.6 var(--font);color:var(--ink-2)}#hand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start}#hand .st-head{margin-bottom:0}.hand-term .cmd{margin:0;border-bottom:0;padding-bottom:0;font:400 12.5px/1.65 var(--mono);white-space:pre-wrap}.how-end{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-top:clamp(80px,10vw,144px);padding-top:clamp(40px,5vw,64px)}.how-end:before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);border-top:1px solid var(--line)}.how-end .punch{margin-top:0;max-width:24ch}.how-end .cta{display:grid;gap:12px;justify-items:start}@media(max-width:1000px){.how-head,.save-grid,.keep-grid,#hand,.how-end{grid-template-columns:1fr}.read-grid{grid-template-columns:minmax(0,260px) minmax(0,1fr)}.ways-find{grid-template-columns:1fr}}@media(max-width:700px){.read-grid{grid-template-columns:1fr}.insp{max-width:300px}.legend{position:static}.jn-pic{display:none}.journey ol{overflow-x:auto;scrollbar-width:none}.journey ol::-webkit-scrollbar{display:none}.journey a{font-size:13.5px}}