@import url('./design-system.css');.universe-page,.universes-page{width:min(1180px,calc(100% - 40px));margin:auto;padding:40px 0 90px}.universe-hero{display:grid;grid-template-columns:minmax(260px,430px) 1fr;gap:55px;align-items:center;padding:45px;border-radius:var(--radius-lg);background:var(--color-text);color:#fff}.universe-hero>img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:var(--radius-lg)}.universe-hero nav{display:flex;gap:8px}.universe-hero a{color:inherit}.universe-kicker{color:var(--color-primary);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.universe-hero .universe-kicker{color:#fff}.universe-hero h1,.universes-page h1{margin:10px 0;font-size:clamp(3rem,8vw,5.5rem);line-height:.95;letter-spacing:-.055em}.universe-hero p{font-size:1.1rem;line-height:1.7}.universe-stats{display:flex;gap:25px;margin:28px 0 0}.universe-stats div{display:flex;flex-direction:column-reverse}.universe-stats dt{font-size:.7rem;opacity:.72}.universe-stats dd{margin:0;font-size:1.5rem;font-weight:800}.universe-content{width:min(980px,100%);margin:65px auto}.universe-section{margin-top:80px}.universe-section>header{display:flex;justify-content:space-between;align-items:end}.universe-section h2,.universe-start h2{margin:8px 0 25px;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em}.universe-start{padding:32px;border-left:5px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface)}.universe-start ol{display:grid;gap:12px;padding-left:24px}.universe-franchise-grid,.universe-member-grid,.universe-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.universe-franchise-card,.universe-member-grid>a,.universe-card{display:block;padding:18px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none}.universe-franchise-card img,.universe-member-grid img,.universe-card img{width:calc(100% + 36px);height:180px;margin:-18px -18px 15px;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.universe-franchise-card span,.universe-member-grid span,.universe-card span{color:var(--color-primary);font-size:.7rem;font-weight:800;text-transform:uppercase}.universe-franchise-card p,.universe-member-grid p,.universe-card p{color:var(--color-text-secondary);line-height:1.55}.universe-tree{display:grid;gap:15px;padding:25px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.universe-tree__root{padding:17px;border-radius:var(--radius-md);background:var(--color-text);color:#fff}.universe-tree section{padding-left:28px;border-left:1px solid var(--color-border)}.universe-tree__branch{display:flex;justify-content:space-between;padding:12px 0}.universe-tree__leaves{display:flex;gap:8px;flex-wrap:wrap}.universe-tree__leaves a{padding:9px 12px;border:1px solid var(--color-border);border-radius:999px;color:inherit;text-decoration:none}.universe-tree__leaves span{color:var(--color-text-secondary);font-size:.65rem}.universe-timeline{list-style:none;padding:0}.universe-timeline li{display:grid;grid-template-columns:120px 15px 1fr;gap:18px}.universe-timeline li:before{content:'';grid-column:2;border-left:1px solid var(--color-border)}.universe-timeline time{grid-column:1;grid-row:1;font-weight:800}.universe-timeline li div{grid-column:3;grid-row:1;padding-bottom:30px}.universe-timeline h3{margin:5px 0}.universe-timeline span{color:var(--color-primary);font-size:.7rem;text-transform:uppercase}.universe-trivia{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.universe-trivia p,.universe-empty{padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.universes-page>header{max-width:780px;padding:55px 0}.universes-search{margin-bottom:35px}.universes-search input{width:min(650px,100%);padding:15px;border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:800px){.universe-hero{grid-template-columns:1fr}.universe-franchise-grid,.universe-member-grid,.universe-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.universe-page,.universes-page{width:94%}.universe-hero{padding:24px}.universe-stats{display:grid;grid-template-columns:repeat(2,1fr)}.universe-franchise-grid,.universe-member-grid,.universe-card-grid{display:flex;overflow-x:auto}.universe-franchise-card,.universe-member-grid>a,.universe-card{min-width:82%}.universe-section>header{display:block}.universe-timeline li{grid-template-columns:70px 10px 1fr}.universe-trivia{grid-template-columns:1fr}}