.howto{padding-bottom:clamp(40px,6vw,80px)}.howto .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-empty{text-align:center;color:var(--muted);padding-top:60px;font-size:16px}.hb{text-align:center;padding-top:clamp(36px,6vw,72px)}.hb-title{color:var(--accent);margin:0 0 clamp(18px,3vw,30px);font-size:clamp(38px,6vw,66px);font-weight:700;line-height:1.1}.inside{text-align:center;padding-top:clamp(36px,6vw,72px)}.inside-title{color:var(--accent);margin:0 0 clamp(18px,3vw,30px);font-size:clamp(38px,6vw,66px);font-weight:700;line-height:1.1}.inside-pic{border-radius:18px;max-width:1160px;margin:0 auto;overflow:hidden;box-shadow:0 14px 40px -18px #1c2e4359}.inside-pic img{width:100%;height:auto;display:block}.hb-files{text-align:left;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;max-width:980px;margin:0 auto;padding:0;list-style:none;display:grid}.hb-file{border:1px solid var(--line);background:var(--bg);height:100%;color:var(--ink);border-radius:12px;align-items:center;gap:18px;padding:18px 22px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 2px 10px #1c2e430d}.hb-file:hover{border-color:var(--ink);transform:translateY(-2px)}.hb-file:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hb-file-name{font:700 17px/1.3 var(--sans);color:var(--hd,#1c2e43);overflow-wrap:anywhere;display:block}.hb-file-meta{font:700 12px/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-top:8px;display:block}.hb-video{border-radius:18px;max-width:980px;margin:0 auto;overflow:hidden;box-shadow:0 14px 40px -18px #1c2e4359}.vframe{aspect-ratio:16/9;background:#000;width:100%}.vframe video,.vframe iframe{object-fit:contain;background:#000;border:0;width:100%;height:100%;display:block}