.modpack-hub{padding-top:34px;padding-bottom:80px}.modpack-breadcrumb{display:flex;gap:12px;color:var(--fg-3);font-size:var(--font-size-min);margin-bottom:36px}.modpack-breadcrumb a{color:inherit;text-decoration:none}.modpack-intro{max-width:760px;margin:0 0 36px}.modpack-kicker{color:var(--mint);font-size:var(--font-size-min);font-weight:700;margin:0 0 12px}.modpack-intro h1{font-family:var(--display);font-size:clamp(32px,4.4vw,56px);line-height:1.2;letter-spacing:-.04em;margin:0 0 16px}.modpack-intro p:last-child{color:var(--fg-2);line-height:1.8;max-width:650px;margin:0}.modpack-filters{display:grid;grid-template-columns:minmax(250px,2.2fr) repeat(3,minmax(145px,1fr));gap:10px;align-items:center}.modpack-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border-strong);border-radius:var(--radius-control);height:46px;padding:0 14px;color:var(--fg-3);background:var(--surface-subtle)}.modpack-search:focus-within{outline:2px solid var(--mint);outline-offset:2px}.modpack-search input{width:100%;min-width:0;background:transparent;border:0;color:var(--fg);font:inherit;font-size:14px}.modpack-search input:focus{outline:none}.modpack-results{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--font-size-min);color:var(--fg-3)}.modpack-results button,.modpack-empty button{border:0;background:transparent;color:var(--mint);font:inherit;cursor:pointer;padding:10px 0}.modpack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px}.modpack-tile{display:block;min-width:0;color:var(--fg);text-decoration:none;transition:transform .2s ease}.modpack-tile:hover{transform:translateY(-6px)}.modpack-tile:focus-visible{outline:2px solid var(--mint);outline-offset:7px;border-radius:3px}.modpack-tile-art{aspect-ratio:16/9;overflow:hidden;background:#121a1b;border-radius:4px}.modpack-tile-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.modpack-art-contain img{object-fit:contain}.modpack-tile:hover .modpack-tile-art img{transform:scale(1.025)}.modpack-tile-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--font-size-min);color:var(--fg-3);margin-top:15px}.modpack-tile h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:20px;letter-spacing:-.025em;line-height:1.4;margin:7px 0;font-family:var(--display)}.modpack-tile-arrow{color:var(--mint);transition:transform .2s}.modpack-tile:hover .modpack-tile-arrow{transform:translate(2px,-2px)}.modpack-tile p{margin:0;color:var(--fg-2);line-height:1.7;font-size:var(--font-size-min);min-height:44px}.modpack-tile-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;color:var(--fg-3);font-size:var(--font-size-min)}.modpack-empty{text-align:center;padding:70px 16px;color:var(--fg-2)}.modpack-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-top:30px}.modpack-hero h1{margin:10px 0 16px;font-family:var(--display);font-size:clamp(34px,4vw,54px);line-height:1.15;letter-spacing:-.04em}.modpack-hero p{color:var(--fg-2);line-height:1.8;font-size:15px}.modpack-hero figure{margin:0;min-width:0}.modpack-hero-art{aspect-ratio:16/10;background:#121a1b;border-radius:4px;overflow:hidden}.modpack-hero-art img{width:100%;height:100%;display:block;object-fit:cover}.modpack-hero-art.modpack-art-contain{aspect-ratio:auto;min-height:260px;display:flex;align-items:center}.modpack-hero-art.modpack-art-contain img{object-fit:contain;height:auto;max-height:360px}.modpack-hero figcaption{color:var(--fg-3);font-size:var(--font-size-min);margin-top:10px}.modpack-hero figcaption a{color:inherit}.modpack-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.modpack-actions a{text-decoration:none}.modpack-source{color:var(--mint);font-size:var(--font-size-min);padding:12px 0}.modpack-overview{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;border-top:1px solid var(--line);padding-top:32px}.modpack-overview h2{font-family:var(--display);font-size:26px;margin:0 0 20px}.modpack-features{list-style:none;margin:0;padding:0;display:grid;gap:18px}.modpack-features li{display:flex;align-items:baseline;gap:14px;color:var(--fg-2);font-size:15px;line-height:1.7}.modpack-features li:before{content:"↗";color:var(--mint)}.modpack-facts{margin:0}.modpack-facts div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--font-size-min)}.modpack-facts dt{color:var(--fg-3)}.modpack-facts dd{margin:0;text-align:right}.modpack-credit{font-size:var(--font-size-min);line-height:1.8;color:var(--fg-3);margin-top:24px}.modpack-credit a{color:var(--mint)}@media(max-width:1000px){.modpack-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.modpack-search{grid-column:1/-1}.modpack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modpack-hero{gap:24px}}@media(max-width:640px){.modpack-hub{padding-top:24px}.modpack-intro{margin-bottom:26px}.modpack-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.modpack-filters>button:last-child{grid-column:1/-1}.modpack-grid{grid-template-columns:1fr;gap:32px}.modpack-hero{grid-template-columns:1fr}.modpack-hero figure{grid-row:1}.modpack-hero-art{aspect-ratio:16/9}.modpack-overview{grid-template-columns:1fr;gap:32px}}@media(prefers-reduced-motion:reduce){.modpack-tile,.modpack-tile-art img,.modpack-tile-arrow{transition:none}.modpack-tile:hover,.modpack-tile:hover .modpack-tile-art img,.modpack-tile:hover .modpack-tile-arrow{transform:none}}