.home-main.home-with-directory{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}.home-directory{position:sticky;top:100px;margin-top:32px;padding:22px 14px;border:1px solid var(--line,#dbe1eb);border-radius:18px;background:var(--surface,#fff);color:var(--text,#26334d);max-height:calc(100dvh - 125px);overflow:auto}.home-directory h2{margin:0 10px 18px;font:600 13px/1.5 inherit;letter-spacing:.14em;color:var(--muted,#6a768b)}.directory-nav{display:flex;flex-direction:column;gap:5px}.directory-nav a,.directory-nav button{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;border:0;background:transparent;padding:11px 12px;border-radius:9px;color:inherit;text-align:left;text-decoration:none;font:inherit;font-size:14px;cursor:pointer}.directory-nav svg{width:17px;height:17px;flex-shrink:0;opacity:.7}.directory-nav a:hover,.directory-nav button:hover,.directory-nav button.is-current{background:color-mix(in srgb,currentColor 7%,transparent)}.directory-nav a:focus-visible,.directory-nav button:focus-visible{outline:2px solid #527bda;outline-offset:2px}.directory-label{margin:20px 10px 8px;font-size:11px;letter-spacing:.12em;opacity:.6}.directory-lists a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.directory-empty{font-size:12px;opacity:.6;padding:8px 12px}.home-directory-content{min-width:0}.home-directory-content .home-hero{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:24px}.home-directory-content section{scroll-margin-top:105px}.home-directory-content .hero-title{font-size:clamp(36px,4.5vw,64px)}
@media(max-width:1100px){.home-main.home-with-directory{grid-template-columns:170px minmax(0,1fr);gap:22px}.home-directory-content .home-hero{grid-template-columns:minmax(0,1fr)}.home-directory-content .hero-art{display:none}.home-directory-content .list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-main.home-with-directory{display:block}.home-directory{position:relative;top:auto;max-height:none;margin-top:20px;padding:14px}.home-directory h2{margin-bottom:10px}.directory-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.directory-lists{display:flex;overflow:auto;max-height:100px;flex-wrap:wrap}.directory-lists a{max-width:100%;width:auto}.home-directory-content .list-grid{grid-template-columns:minmax(0,1fr)}.home-directory-content .hero-title{font-size:42px}}