.b-home-m .serif{font-family:var(--font-serif)}.b-home-m .mono{font-family:var(--font-mono)}.b-home-m .dark :focus-visible{outline-color:var(--citron)}.b-home-m details>summary{cursor:pointer;list-style:none}.b-home-m details>summary::-webkit-details-marker{display:none}.b-home-m .hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 16px 8px;display:flex;overflow-x:auto}.b-home-m .hscroll>*{scroll-snap-align:start;flex:0 0 78%}.b-home-m .wrap{box-sizing:border-box;max-width:1280px;margin:0 auto;padding-left:16px;padding-right:16px}.b-home-m .split{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.b-home-m #why-m{padding:48px 0!important}
.b-home .wrap{box-sizing:border-box;max-width:1280px;margin:0 auto;padding-left:40px;padding-right:40px}@media (max-width:720px){.b-home .wrap{padding-left:16px;padding-right:16px}}.b-home .serif{font-family:var(--font-serif)}.b-home .mono{font-family:var(--font-mono)}.b-home .split{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;display:grid}@media (max-width:900px){.b-home .split{grid-template-columns:minmax(0,1fr);gap:40px}}.b-home .navlinks{gap:32px;display:flex}@media (max-width:820px){.b-home .navlinks{display:none}}.b-home .stage{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:center;gap:0;display:grid}.b-home .stage-shot{margin-left:-96px}@media (max-width:900px){.b-home .stage{grid-template-columns:minmax(0,1fr)}.b-home .stage-shot{margin-top:-120px;margin-left:0;padding:0 12px}}.b-home .shot{border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 1px 2px #1414140f,0 28px 56px -20px #14141447}.b-home .strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}@media (max-width:900px){.b-home .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.b-home .drawer-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:64px;display:grid}@media (max-width:980px){.b-home .drawer-grid{grid-template-columns:minmax(0,1fr)}}.b-home .dark :focus-visible{outline-color:var(--citron)}.b-home details>summary{cursor:pointer;list-style:none}.b-home details>summary::-webkit-details-marker{display:none}.b-home details[open] .plus{transform:rotate(45deg)}.b-home .plus{transition:transform .2s}@media (max-width:720px){.home-desktop{display:none}}@media (min-width:721px){.home-mobile{display:none}}